@charset "utf-8";
@import url("../css/member.css");
@import url("../css/datepicker-custom.css");
/*
================================================================================
SUB PAGE
================================================================================
*/
/** 01_intro **/
.introBox{ background:#f2f4f5; padding:70px 30px 35px 30px; text-align:center; margin-bottom:80px}
.introBox p{ text-align:center; }
.introBox .logo{ margin-bottom:25px;}
.introBox .txt_xlarge{ font-size: 2em; position:relative; padding:0 30px; line-height:2em; margin-bottom:30px; margin-bottom:40px;font-family:'나눔스퀘어','Nanum Square';letter-spacing:-0.03em;}
.introBox .txt_xlarge:before,
.introBox .txt_xlarge:after{ content:''; display:block; position:absolute; border:8px solid #fff; left:95px; top:0; width:17px; height:43px; border-width:8px 0 8px 8px;}
.introBox .txt_xlarge:after{border-width:8px 8px 8px 0px; left:inherit; right:95px;}
.introBox .txt{ padding:0 5%; margin-bottom:40px;}
.introBox .txt p{margin-top:15px;}
.introBox .txt strong{}
.introBox li{width:30%; display:inline-block; margin:0 1.5%; height:220px; color:#fff; font-size:1.07em; background:url('../images/sub/intro_01_0101.jpg') no-repeat 50% 50%;background-size: cover}
.introBox li span{ display:block; background:#3e9ba2; width:45px; height:45px; margin:0 auto 50px auto; line-height:45px; font-size:1.25em;}
.introBox li em{ display:block;}
.introBox li:nth-child(1){ background-image:url('../images/sub/intro_01_0101.jpg') }
.introBox li:nth-child(2){ background-image:url('../images/sub/intro_01_0102.jpg') }
.introBox li:nth-child(3){ background-image:url('../images/sub/intro_01_0103.jpg') }

/* introBox02 */
.introBox02{ text-align:center; background:url('../images/sub/intro_01_bg.jpg') no-repeat center bottom; padding-bottom:150px;letter-spacing:-0.03em;}
.introBox02 dl{ margin-bottom:80px }
.introBox02 dt{color:#fff;font-size:21px;width:135px;height:135px;display:inline-block;background:#45b0b3;border-radius:50%;padding-top:45px;line-height:1.2em;margin:80px 0 90px 0;position:relative;z-index: 1;}
.introBox02 dt em{ display:block;}
.introBox02 dd li{display:inline-block;width:33%;font-size:1.65em;color:#45b0b3;font-weight:500;line-height:1.1em;position: relative;} 
.introBox02 dd li > span{ display:block; font-size:0.65em; color:#8a8a8a; letter-spacing:-0.04em; font-weight:300;}
.introBox02 dd li:nth-child(1):after,
.introBox02 dd li:nth-child(2):after,
.introBox02 dd li:nth-child(3):after{content:'';border:1px solid #45b0b3;width: 1px;height: 110px;display: none;position:absolute;left: 50%;top: 75px;border-width: 0px 1px 0px 0px;}
.introBox02 dd p{ color:#939fa4; font-size:2.4em; line-height:1.2em; position:relative; font-weight:300;}
.introBox02 dd strong{ color:#45b0b3; display:block; }
.introBox02 dt:after{content:'';border:1px solid #45b0b3;width: 719px;height: 123px;display:block;position:absolute;left: -292px;top: -55px;border-width: 0px 1px 1px 1px;border-radius: 0 0 30px 30px;}
.introBox02 dd p:before{ content:''; border:1px solid #45b0b3; width:1px; height:260px; display:block; position:absolute; left:50%; top:-280px; border-width:0 1px 0 0;}

/* patent */
.patentImg{overflow:hidden; padding: 0 0 15px 0; }
.patentImg li{float:left;width: 156px;margin-right: 4%;height: 215px; margin-bottom:15px;}
.patentImg li img{width: 98%;border: 1px solid #ddd;box-shadow: 1px 2px 10px rgba(0,0,0,0.2);}
.patentImg li:last-child,
.patentImg li:nth-child(4n+4){ margin-right:0;}
.patent { margin-top:10px;}
.patent li{ position:relative; margin-bottom:18px; padding-left:270px; }
.patent li:before{ content:''; display:block; position:absolute; left:0; top:8px; width:4px; height:4px; background:#44acb3; border-radius:50%;}
.patent li strong{ display:block; position:absolute; left:7px; color:#44acb3; letter-spacing: -0.08em;}

@media screen and (max-width:1024px) {	
	.introBox{ padding:50px 25px 30px 25px; margin-bottom:60px}
	.introBox .logo img{ width:210px;}	
	.introBox .txt_xlarge{ line-height:1.3em; margin-bottom:20px; font-size:1.95em;padding: 0 15px;}
	.introBox .txt_xlarge:after,
	.introBox .txt_xlarge:before{ display:none;}
	.introBox .txt{ margin-bottom:30px;}
	.introBox li{ margin:0 0.7%; height:200px;}
	.introBox li span{ margin-bottom:43px; width:42px; height:42px;}
	
	.introBox02{ background-size:100%; padding-bottom:16%;}
	.introBox02 dt:after,
	.introBox02 dd p:before{ display:none;}
	.introBox02 dt{margin:30px 0; padding:25px; border-radius:30px; width:auto; height:auto }
	.introBox02 dt em{ display:inline-block;}
	.introBox02 dd li{ display:block; float:left; width:33%;}
	.introBox02 dd li:nth-child(2){ width:40%;}
	.introBox02 dd li:nth-child(3){ width:27%; float:right;}
	.introBox02 dd li:nth-child(2):before,
	.introBox02 dd li:nth-child(2):after{content:'';border:1px solid #45b0b3;width: 1px;display:block;position:absolute; border-width: 0px 1px 0px 0px; -ms-transform: rotate(25deg);-webkit-transform: rotate(25deg);transform: rotate(25deg);height: 50px;top: 0;left: -2%;}
	.introBox02 dd li:nth-child(2):after{ right:-1%; left:inherit;}
	
	.patentImg li{ width:22%; height:auto}
}
@media screen and (max-width:640px) {	
	.introBox{ padding:40px 20px 25px 20px;  margin-bottom:40px}	
	.introBox .txt_xlarge{margin-bottom:20px;font-size: 1.6em;}	

	.introBox .txt{ margin-bottom:25px;}
	.introBox li{display:block; width:100%; height:80px; margin:0 0 5px 0; position:relative; padding:30px 0 0 40px; font-size:1.1em; background-size:cover !important; text-align:left;}
	.introBox li span{ margin:0; position:absolute; left:0; top:30%; width:30px; height:30px; line-height:30px; text-align:center;}
	.introBox li em{ display:inline-block;}
	.introBox li:nth-child(1){ }
	.introBox li:nth-child(2){background-position-y:40%;}
	.introBox li:nth-child(3){background-position-y:80%;}
	
	.introBox02 dd li{ float:none; width:100% !important; margin-bottom:5px; border:1px solid #dadada; border-radius:10px; padding:7px;}	
	.introBox02 dd li:nth-child(2):before,
	.introBox02 dd li:nth-child(2):after{ display:none;}
	.introBox02 dd li:last-child{ margin-bottom:0 }
	.introBox02 dd p{ font-size: 2.3em;}
	.introBox02 dt{ margin:20px 0 30px 0; border-radius:20px; padding:20px;}
	.introBox02 dd li:last-child:after{ content:''; position:absolute; border:1px solid #45b0b3; display:block;border-width: 0 1px 0 0;width:1px;height: 110px;top: 60px;left: 50%;border-radius:0;}
	
	.patentImg{ padding-bottom:0px}
	.patent li{ padding-left:10px; margin-bottom:10px;}
	.patent li strong{ display:block; position:relative; left:inherit; margin-right:5px;}
	
	.addBox.add01 em{ display: inline-block;}
}
@media screen and (max-width:370px) {
	.introBox li:nth-child(2){ padding:19px 0 0 40px;}
	.introBox02 dd p {  font-size: 2em;}
}
@media screen and (max-width:335px) {
	.introBox li:nth-child(3){ padding:19px 0 0 40px;}
}

/** 02_program **/
/* careBox */
.careBox { height: 380px; clear: both; margin-bottom: 75px; position:relative;overflow:hidden; background-color: #000}
.careBox:after {clear:both; content: ""; display: block}
.careBox .care_text { float: left; width: 540px; background: #20364b url('../images/common/bg_center.png') no-repeat 100% 0; height: 380px; padding: 60px 60px 60px 50px; position: relative; z-index:1; word-break: keep-all;}
.careBox .care_text dt { font-size: 3em; color: #fff; margin-bottom: 40px; position: relative; line-height:1em;font-weight:500; letter-spacing:-0.03em;}
.careBox .care_text dt i {font-size: .7em;font-weight:300;  }
.careBox .care_text dt span { font-size: 0.49em; display:block; font-weight: 200; color: rgba(255,255,255,0.8); margin-top:15px; line-height:1.2em;letter-spacing:-0.03em;}
.careBox .care_text dt span strong{ color:#fff;}
.careBox .care_text dt.option { padding-top: 30px}
.careBox .care_text dt em{ color:#45b0b3; padding:10px 18px; border:1px solid #45b0b3; display:inline-block; line-height:1em;  font-size:0.33em; text-align:center; position:absolute; left:0; top:-15px;font-weight: 300; }
.careBox .care_text dd { position: relative;line-height:1.6; color:#c1ceda; letter-spacing:-0.03em; overflow: auto; height: 100px;}
.careBox .care_text dd.txt{ padding-left: 0px;}
.careBox .care_text dd::-webkit-scrollbar { width: 10px; }
.careBox .care_text dd::-webkit-scrollbar-thumb { background-color: #48647e; border-radius: 10px;}
.careBox .care_text dd::-webkit-scrollbar-track { background-color: #abb4bd; border-radius: 10px;}
.careBox .care_img { float: right; width: 540px;height: 380px; position:relative; overflow:hidden; background-color: #000}
.careBox .care_img img { max-width: 100%}
.careBox .care_img p{ position:absolute; bottom:0px; color:#fff; left:0px; background:rgba(0,0,0,0.6); width:100%; height:45px; line-height:45px; text-indent:20px;}

.care_visual .btn_control {float:left; margin-right:0px;width:8px;height:8px;}
.care_visual .btn_control img{text-align: center;margin:0;width: 8px; vertical-align:top;}
.care_visual .pop_btn {position:absolute; bottom:15px; right:20px; overflow:hidden;}
.care_visual .pop_btn > ul{overflow:hidden; float:left;}
.care_visual .pop_btn > ul li {float:left; margin-left:6px;}
.care_visual .pop_btn > ul li a {text-indent:-9999px;overflow:hidden;display:block;width:8px;height:8px;background: #8f8f8f;border-radius: 50%;}
.care_visual .pop_btn > ul li.active a { background:#45b0b3;}
.care_visual .pop_arrow {position:absolute; top:47%; left:0; overflow:hidden; width:100%; display:none;}
.care_visual:hover .pop_arrow{ display:block;}
.care_visual .pop_arrow .prev_btn {float:left;}
.care_visual .pop_arrow .next_btn {float:right;}
.care_visual .layer_wrap {overflow:hidden;}
.care_visual .layer_wrap .player {float:left; width:540px; height:380px; overflow:hidden; position: relative;}

/* 제품소개 */
.pro_detail { position: relative; margin: 15px 0; padding-top: 15px; border-top: 1px dotted #ddd}
.pro_detail:after,
.pro_detail > li:nth-child(2):after{ content: ""; display: block; clear: both;}
.pro_detail li li span { font-size: 13px; text-align: center; display: block; padding: 5px 0}
.pro_detail li li img { max-width: 100%}
.pro_detail > li, .sortImg li { float: left;}
.pro_detail > li .list03 { font-size: 13px; margin-bottom: 20px;margin-top: 43px}
.pro_detail.bg_detail04 > li .list03 { margin-top: 0px; padding-right: 300px}
.pro_detail.bg_detail05 > li .list03 { margin-top: 10px}
.pro_detail.bg_detail05 > li .list03 li em { display: inline-block}
.pro_detail > li .list03 > li {color: #333; line-height: 1.2}
.pro_detail > li .sortImg li { width: 130px }
.pro_detail > li .sortImg li:nth-child(2) { margin: 0 5px}
.pro_detail > li .patentImg li {width: 140px;margin-right: 0; margin-left: 5px; margin-bottom:0;}
.pro_detail > li .patentImg li img {box-shadow:none; width: inherit;  border: 1px solid #eee;}
.pro_detail > li:first-child,
.pro_detail > li:last-child{float: none; clear: both;}
.pro_detail > li:nth-child(3) { position: absolute; right: 0; top:15px}

.pro_detail > li:last-child { padding-top: 15px}
.pro_detail:before { display: block; content: ""; position: absolute; left: -360px; bottom: 0; width:360px; height: 360px; background: url(../images/sub/bg_detail01.jpg) no-repeat 0 100%}
.pro_detail.bg_detail01:before { background-image: url(../images/sub/bg_detail01.jpg)}
.pro_detail.bg_detail02:before { background-image: url(../images/sub/bg_detail02.jpg)}
.pro_detail.bg_detail03:before { background-image: url(../images/sub/bg_detail03.jpg)}
.pro_detail.bg_detail04:before { background-image: url(../images/sub/bg_detail04.jpg)}
.pro_detail.bg_detail05:before { background-image: url(../images/sub/bg_detail05.jpg)}

.pro_detail.bg_detail05 > li .sortImg li:nth-child(4) { margin: 0 5px}
.link_box {}

@media screen and (max-width:1024px) {
	.careBox { height:inherit;margin-left:0; margin-bottom:60px;}
	.careBox .care_img { float: none; margin: 0 auto}
	.careBox .care_text { float: none; width: inherit; height:inherit; padding: 35px 25px 30px 25px;}
	.careBox .care_text dt {  margin-bottom: 15px; padding-bottom: 0; border-bottom: none; font-size:2.3em;}
	.careBox .care_text dt span{ font-size:0.6em;}
	.careBox .care_text dt em{ padding:5px 10px; font-size:0.5em; top: -10px;}
	.careBox .care_text dd{ height: auto;}
	.care_visual .layer_wrap .player{width:815px;height:550px;}
}

@media screen and (max-width:760px) {
	.pro_detail > li .list03 { margin-top: 10px !important; font-size: 14px}
	.pro_detail > li .sortImg,
	.pro_detail > li .patentImg { text-align: center}
	.pro_detail > li .sortImg li { width: 33.333%; display: inline-block; margin: 0!important}
	.pro_detail.bg_detail05 > li .sortImg li { width: 25%; }
	.pro_detail.bg_detail04 > li .list03 {padding-right: 0px}
	.pro_detail.bg_detail04 > li .list03 em { display: inline}
	.pro_detail > li { float: none !important}
	.pro_detail > li:nth-child(3) { position: relative; right: inherit; clear: both}
	.pro_detail > li .patentImg li {display: inline-block; float: none}
	.pro_detail{ padding-top: 220px}
	.pro_detail > li:first-child {padding-right: 0px;}
	.pro_detail > li:last-child { padding-top: 5px;}
	.pro_detail:before { left:0; top:10px; width: 100%; height: 200px; background-size: contain; background-position: 50% 50%}
}

@media screen and (max-width:640px) {	
	.careBox { margin-bottom:48px}
	.careBox .care_text {padding: 20px;}
	.careBox .care_img,
	.care_visual .layer_wrap .player { width:440px;height:310px;}
	.careBox .care_text dt {  margin-bottom: 10px;font-size:2em;} 
	.careBox .care_text dt em{  top: -5px;}
	
}
@media screen and (max-width:480px) {
	.careBox .care_img , .care_visual .layer_wrap .player { width:460px;height:323px;}
}
@media screen and (max-width:360px) {
	.careBox .care_img , .care_visual .layer_wrap .player { width:300px;height:211px;}
}


/* checkList */
.checkList{ overflow:hidden; }
.checkList .inner{ position:relative; display:block; overflow:hidden; width:50%; float:left; padding-right:30px; min-height:110px;}
.checkList .inner:before {content:'';display:block;position:absolute;top:0;left:0;width:110px;height:110px;background-image:url('../images/sub/check_pic.png'); background-repeat:no-repeat;background-position:0 0px;} 
.checkList ul{ padding:10px 0 0 135px;}
.checkList li{ padding:0 0 0 0px; position:relative; padding-left:25px; margin-bottom:5px;}
.checkList li:before{ content:''; display:block; width:18px; height:18px; background:url('../images/sub/ico_check.png') no-repeat 0 0; position:absolute; left:0; top:0;}
.checkList .pic01:before {background-position: 0 0;}
.checkList .pic02:before {background-position: -150px 0;}
.checkList .pic03:before {background-position: -300px 0;}
.checkList .pic04:before {background-position: -450px 0;}
.checkList .pic05:before {background-position: -600px 0;}
.checkList .pic06:before {background-position: -750px 0;}
.checkList .pic07:before {background-position: 0 -150px;}
.checkList .pic08:before {background-position: -150px -150px;}
.checkList .pic09:before {background-position: -300px -150px;}
.checkList .pic10:before {background-position: -450px -150px;}
.checkList .pic11:before {background-position: -600px -150px;}
.checkList .pic12:before {background-position: -750px -150px;}
.checkList .pic03,
.checkList .pic04{ min-height:131px;}
.checkList .pic03 ul,
.checkList .pic04 ul{ padding-left:155px;}
.checkList .pic03:before,
.checkList .pic04:before{ width:131px; height:131px;}

@media screen and (max-width:1024px) {
	.checkList ul{ padding:20px 0 0 130px;}
}
@media screen and (max-width:640px) {
	.checkList .inner{ padding-right:10px; min-height:79px; }
	.checkList .inner:before { background-size:650px; width:80px; height:80px;}
	.checkList ul{ padding:10px 0 0 95px;}
	.checkList .pic02:before {background-position: -108px 0;}
	.checkList .pic03:before {background-position: -216px 0;}
	.checkList .pic04:before {background-position: -324px 0;}
	.checkList .pic05:before {background-position: -432px 0;}
	.checkList .pic06:before {background-position: -540px 0;}
	.checkList .pic07:before {background-position: 0 -108px;}
	.checkList .pic08:before {background-position: -108px -108px;}
	.checkList .pic09:before {background-position: -216px -108px;}
	.checkList .pic10:before {background-position: -324px -108px;}
	.checkList .pic11:before {background-position: -432px -108px;}
	.checkList .pic12:before {background-position: -540px -108px;}	
	.checkList .pic03,
	.checkList .pic04{ min-height:auto;}
	.checkList .pic03 ul,
	.checkList .pic04 ul{ padding-left:110px;}
	.checkList .pic03:before,
	.checkList .pic04:before{ width:95px; height:95px;}
}
@media screen and (max-width:480px) {
	.checkList .inner{ padding-right:0; float:none; width:auto; margin-bottom:10px;}
}

/* careStep */
.careStep{ background: #b8b3b0 url('../images/sub/care_bg01.jpg') 50% 0 no-repeat; background-attachment: fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; margin:60px 0; text-align:center;}
.careStep li{display: inline-block;width:150px;height:150px;background:#fff;border-radius:50%;vertical-align:top;margin:5px 50px;position: relative; box-shadow:0px 0px 15px rgba(0,0,0,0.2);}
.careStep li:after{content:'';display:block;width: 20px;height: 20px;position: absolute;left: -60px;top: 42%;background: url('../images/sub/ico_plus.png') no-repeat 0 0;}
.careStep li:first-child:after{ display:none;}
.careStep li div{ display:table; height:100%; width:100%;}
.careStep li p{color:#000;font-size:1.1em;font-weight:500;line-height: 1.2;display: table-cell;vertical-align: middle;}
.careStep li p em{ display:block;}
.careStep li span{color:#6e6a6a;font-size:0.9em;display:block;margin-top: 8px; font-weight: 300}
.careStep.cols5 li{ margin:5px 30px;}
.careStep.cols5 li:after{ left:-42px;}
.careStep.cols6 li{margin:5px 13px;}
.careStep.cols6 li:after{ left:-25px;}

/* careStep02 */
.careStep02{ overflow:hidden;  word-break: keep-all;}
.careStep02 li{float:left;text-align:center;display:block;position:relative;width: 104px;min-height: 170px;margin-right: 35px;}
.careStep02 li:nth-child(8n+8){ margin-right:0;}
.careStep02 li:before{content:'';display:block;position:absolute;width:100px;height:100px;background:#595758 url('../images/sub/care_icon.png') 0 0 no-repeat;border-radius:50px 0;left: 2px;}
.careStep02 li .txt{color:#67696b;font-size: 0.86em;line-height:1.3;padding-top: 110px;letter-spacing: -0.08em;}
.careStep02 li .txt em{ display:block; margin:0 auto;}
.careStep02 li:after{ content:''; display:block; position:absolute; right:-35px; top:50px; height:3px; width:35px; background:url('../images/sub/care_dot.png') repeat-x}
.careStep02 li:nth-child(8n+8):after,
.careStep02 li:last-child:after{ display:none;}
.careStep02 li.ico01:before{ background-position: 0 0;}
.careStep02 li.ico02:before{ background-position: -100px 0;}
.careStep02 li.ico03:before{ background-position: -200px 0;}
.careStep02 li.ico04:before{ background-position: -300px 0;}
.careStep02 li.ico05:before{ background-position: -400px 0;}
.careStep02 li.ico06:before{ background-position: -500px 0;}
.careStep02 li.ico07:before{ background-position: -600px 0;}
.careStep02 li.ico08:before{ background-position: -700px 0;}
.careStep02 li.ico09:before{ background-position: 0 -100px;}
.careStep02 li.ico10:before{ background-position: -100px -100px;}
.careStep02 li.ico11:before{ background-position: -200px -100px;}
.careStep02 li.ico12:before{ background-position: -300px -100px;}
.careStep02 li.ico13:before{ background-position: -400px -100px;}
.careStep02 li.ico14:before{ background-position: -500px -100px;}
.careStep02 li.ico15:before{ background-position: -600px -100px;}
.careStep02 li.ico16:before{ background-position: -700px -100px;}
.careStep02 li.ico17:before{ background-position: 0 -200px;}
.careStep02 li.ico18:before{ background-position: -100px -200px;}
.careStep02 li.ico19:before{ background-position: -200px -200px;}
.careStep02 li.ico20:before{ background-position: -300px -200px;}
.careStep02 li.ico21:before{ background-position: -400px -200px;}
.careStep02 li.ico22:before{ background-position: -500px -200px;}
.careStep02 li.ico23:before{ background-position: -600px -200px;}

/* careEx */
.careEx { overflow:hidden;}
.careEx li { position:relative; display:block; width: 32.3%; overflow: hidden; margin-right: 1.5%; float:left;}
.careEx li span{ display:block; float:left; width:50%; }
.careEx li span em{ background:#b8b3b0; color:#fff; display:block; width:100%; height:25px; line-height:25px; font-size:0.9em;text-align:center; letter-spacing: 0}

.careEx li span:nth-child(2) em { background: #777;}
.careEx li:nth-child(3n+3){margin-right:0}
.careEx li img {width:100%;}
.careEx.cols2 li{ width:48.5%;}

/* basicCare */
.basicCare{ overflow:hidden; min-height:200px;background:#f6f6f6; position:relative; margin-bottom:10px;  word-break: keep-all;}
.basicCare .pic,
.basicCare .txt{ float:left;}
.basicCare .pic{width:400px;}
.basicCare .txt{ width:680px; padding:40px 40px 0px 40px;}
.basicCare  strong{  color:#000; font-size:1.4em; line-height:1em; margin-bottom:20px; display:block;font-weight:500;font-family:'나눔스퀘어','Nanum Square';letter-spacing:-0.03em;}
.basicCare .txt p{ color:#67696b; letter-spacing:-0.03em;}

@media screen and (max-width:1024px) {
	/* careStep */
	.careStep { background-attachment: inherit; background-position: 50% 50%;}
	.careStep li,
	.careStep.cols6 li{ margin:5px 25px;}
	.careStep.cols5 li{margin:5px 35px;}	
	.careStep li:after,
	.careStep.cols6 li:after{ left:-38px;}
	.careStep.cols5 li:after{left:-48px;}
	
	/* careStep02 */
	.careStep02 li,
	.careStep02 li:nth-child(8n+8){ margin-right:35px;}
	.careStep02 li:nth-child(8n+8):after,
	.careStep02 li:last-child:after{ display:block;}
	
	/* basicCare */
	.basicCare .pic{width:45%; overflow:hidden;}
	.basicCare .pic img{ height:100%; margin-left:-15%;}
	.basicCare .txt{ width:55%; padding:30px 30px 0px 30px;}
	.basicCare  strong{ margin-bottom:15px;}	
}
@media screen and (max-width:640px) {
	/* careStep */
	.careStep{ padding:0 20px;}
	.careStep li{ display:block; float:left; margin:0; border-radius:15px; height:inherit; width:45%;  margin-bottom:20px;}
	.careStep li:nth-child(2n+2){ float:right;}
	.careStep li div{ display:block; padding:10px;}
	.careStep li p{ display: inline;}
	.careStep li p em{ display:inline-block;}
	.careStep li:after{ left:-17%; top:20px;}
	
	/* basicCare */
	.basicCare .pic,
	.basicCare .txt{width:100%; float:none;}
	.basicCare .pic img{ height:inherit; width:100%; margin-left:0;}
	.basicCare .txt{ padding:20px 10px;}
	.basicCare  strong{ margin-bottom:10px;}	
	.basicCare + h3.ttl01 { margin-top: 50px}
}
@media screen and (max-width:480px) {		
	/* careEx */
	.careEx li { width:100%; margin-right:0; margin-bottom:20px;}
}
.shape01{ overflow:hidden; margin:40px 0 20px 0;}
.shape01 li{ float: left; width:23.8%; margin-right:1.5%; position:relative; text-align:center; }
.shape01 li:after{ content:''; display:block; width:11px; height:1px; background:#44acb3; position:absolute; top:50%; right:-11px; }
.shape01 li div{ overflow:hidden; border:1px solid #44acb3;border-radius:25px;min-height:132px;}
.shape01 li:last-child{ margin-right:0;}
.shape01 li:last-child:after{ display:none;}
.shape01 li strong{ display:block; background:#44acb3; color:#fff; padding:15px; line-height:1em; font-size:1.07em;}
.shape01 li p{ display:block; margin-bottom:0; background:#fff; padding:15px 5px 20px; font-size:0.93em; color:#848484; line-height:1.3em;}
.shape01 li em{ display:block;}

.careImgUl{ overflow:hidden; margin:20px 0 40px 0;}
.careImgUl li{ width:49%; float: left; position:relative; min-height:165px;}
.careImgUl li:nth-child(2n+2){ float:right;}
.careImgUl li:nth-child(1){ background:url('../images/sub/careImgUl_01.jpg') no-repeat 0 0; background-size:cover;}
.careImgUl li:nth-child(2){background:url('../images/sub/careImgUl_02.jpg') no-repeat 0 0; background-size:cover;}
.careImgUl li span{ display:block; width:100%; position:absolute; bottom:0; left:0; padding:12px; background:#45b0b3; color:#fff;text-align:center; font-size:1.1em; line-height:1em;font-weight:500; font-family:'나눔스퀘어','Nanum Square';letter-spacing:-0.03em;}

@media screen and (max-width:1024px) {
	.shape01 li div{ min-height:124px;}
	.shape01 li em{ display: inline;}
}
@media screen and (max-width:640px) {
	.shape01 li{ width:100%; margin-bottom:10px;}
	.shape01 li div{ min-height:inherit; border-radius:15px}
	.shape01 li strong,.shape01 li p{ padding:10px;}
	.shape01 li:after{ width:1px; height:10px; right:50%;top:inherit; bottom:-10px;}
}
@media screen and (max-width:480px) {
	.careImgUl li{ float:none; width:100%; margin-bottom:10px;}
	.careImgUl li:last-child{ margin-bottom:0;}
}

/* program_head */
.program_head { margin-bottom: 30px; overflow:hidden; padding:60px 30px 30px 30px;}
.program_head  .tit{ text-align: center; color: #fff; font-size: 1.9em; margin-bottom:30px; line-height:1.2em; position:relative;}
.program_head .tit em,
.program_head p em{ display:block;}
.program_head  p{ color:#696969; margin-bottom:20px;}
.program_head .txtD{ background:#fff;  color:#696969; font-size:1.1em; margin-bottom:0; font-weight:500;}
.program_head .icon{ overflow:hidden; text-align:center;}
.program_head .icon li{ display:inline-block; width:120px; height:120px; position:relative; background:#fff; color:#414141; font-size:1.2em; border-radius:50%; margin:0 18px; font-weight:400;vertical-align:top; line-height:1.2em;}
.program_head .icon li em{ display:block;}
.program_head .icon li:before{ content:''; display:block; margin:20px auto 5px auto; width:50px; height:55px; background:url('../images/sub/pro_02_icon.png') no-repeat 0 0;}

.program_head.bg01 {background:#f7f6f4 url('../images/sub/pro_01_bg.jpg') no-repeat 0 40px; padding-left:365px; }
.program_head.bg01 .tit{ color:#333;font-weight:500; }

.program_head.bg02 {background-image: linear-gradient(to bottom, #45b0b3 0%, #45b0b3 70%, #21374b, #21374b 70%, #21374b 100%); padding:80px 30px 45px 30px;}
.program_head.bg02 .tit{ font-size:2.3em; line-height:1.3em; font-weight:300; }
.program_head.bg02 .tit:before,
.program_head.bg02 .tit:after{ content:''; display:block; position:absolute; border:9px solid #fff; left:95px; top:0; width:17px; height:83px; border-width:9px 0 9px 9px;}
.program_head.bg02 .tit:after{border-width:9px 9px 9px 0px; left:inherit; right:95px;}
.program_head.bg02 .icon li:nth-child(1):before{ background-position:3px 0px;}
.program_head.bg02 .icon li:nth-child(2):before{ background-position:-80px 0;}
.program_head.bg02 .icon li:nth-child(3):before{ background-position:-159px 0;}
.program_head.bg02 .icon li:nth-child(4):before{ background-position:-237px 3px;}

.program_head.bg03{background:#20364b url('../images/sub/pro_03_bg.jpg') no-repeat 0 0px; }
.program_head.bg03 .tit{ font-size:2em;}
.program_head.bg03 p{ color:#fff; text-align:center;}
.program_head.bg03 .icon li{ background-color:#264159; color:#fff; font-size:0.93em;}
.program_head.bg03 .icon li:last-child{ background-color:#44acb3;}
.program_head.bg03 .icon li:before{ background:url('../images/sub/pro_03_icon.png') no-repeat 0 0; width:80px; height:80px; margin:3px auto -10px auto;}
.program_head.bg03 .icon li:nth-child(1):before{ background-position:0px 0px;}
.program_head.bg03 .icon li:nth-child(2):before{ background-position:-80px 0;}
.program_head.bg03 .icon li:nth-child(3):before{ background-position:-160px 0;}
.program_head.bg03 .icon li:nth-child(1):after,
.program_head.bg03 .icon li:nth-child(2):after{ content:''; display:block; position:absolute; top:40%; right:-28px; width:18px; height:18px; background:url('../images/sub/ico_plus_02.png') no-repeat 0 0;}
.program_head.bg03 .icon li:nth-child(2):after{ background-image:url('../images/sub/ico_same.png');}

.program_head.bg04{background:#20364b url('../images/sub/pro_04_bg.jpg') no-repeat 0 bottom; padding-bottom:50px; }
.program_head.bg04 .tit{ font-size:2em;}
.program_head.bg04 p{ color:#fff; text-align:center;}
.program_head.bg04 .icon li{ background-color:#5c9dbd; color:#fff; font-size:0.93em;}
.program_head.bg04 .icon li:last-child{ background-color:#ed6e4a;}
.program_head.bg04 .icon li:before{ background:url('../images/sub/pro_04_icon.png') no-repeat 0 0; width:80px; height:80px; margin:3px auto 0 auto;}
.program_head.bg04 .icon li:nth-child(1):before{ background-position:0px 0px;}
.program_head.bg04 .icon li:nth-child(2):before{ background-position:-80px 0;}
.program_head.bg04 .icon li:nth-child(3):before{ background-position:-160px 0;}

@media screen and (max-width:1024px) {
	.program_head{ padding:40px 25px 25px 25px; }
	.program_head .tit{ margin-bottom:22px;}	
	.program_head .tit em,
	.program_head p em{ display: inline;}
	
	.program_head.bg01{ background-size:250px; padding-left: 220px;}
	.program_head.bg01 .txtD em{ display:inline}
	
	.program_head.bg02 .tit:before,
	.program_head.bg02 .tit:after{ display:none;}
	.program_head.bg02{ padding:60px 25px 40px 25px}
	.program_head.bg02 .icon li{ margin:0 10px;}
	.program_head.bg02 .icon li:first-child{ margin-left:0;}
	.program_head.bg02 .icon li:last-child{ margin-right:0;}
	
	.program_head.bg04{ padding-bottom:40px;}
}
@media screen and (max-width:640px) {
	.program_head{ padding:30px 20px 20px 20px; }
	.program_head .tit{ margin-bottom:15px;}
	.program_head.bg01{ padding-top:40px; background-size:150px; background-position-y:0px; padding-left: 20px;}	
	
	.program_head.bg02{ padding:40px 20px 35px 20px;}
	.program_head.bg02 .tit{ font-size:2em;}
	.program_head .icon li{ width:80px; height:80px; font-size:1.2em; margin:0 8px;}
	.program_head .icon li:before{ width:40px; height:40px; background-size:229px; margin:7px auto 0px auto; font-size:0.93em;}
	
	.program_head.bg02 .icon li:nth-child(1):before{ background-position:3px 0px;}
	.program_head.bg02 .icon li:nth-child(2):before{background-position: -56px 2px;}
	.program_head.bg02 .icon li:nth-child(3):before{background-position: -111px 2px;}
	.program_head.bg02 .icon li:nth-child(4):before{background-position: -167px 3px;}
	
	.program_head.bg03 .icon li{ font-size:0.93em}
	.program_head.bg03 .icon li:before{ margin-bottom:-13px; width:50px; height:50px; margin: 3px auto -10px auto;background-size: 150px;}
	.program_head.bg03 .icon li:nth-child(1):before{ background-position:0px -5px;}
	.program_head.bg03 .icon li:nth-child(2):before{ background-position:-50px -5px;}
	.program_head.bg03 .icon li:nth-child(3):before{ background-position:-100px -5px;}
	.program_head .icon li:nth-child(1):after,
	.program_head .icon li:nth-child(2):after{ background-size:12px; right:-22px;}
	
	.program_head.bg04{ padding-bottom:30px;}
	.program_head.bg04 .icon li{ font-size:0.93em}
	.program_head.bg04 .icon li:before{ margin-bottom:-13px; width:50px; height:50px; margin: 10px auto -8px auto;background-size: 150px;}
	.program_head.bg04 .icon li:nth-child(1):before{ background-position:0px -5px;}
	.program_head.bg04 .icon li:nth-child(2):before{ background-position:-50px -5px;}
	.program_head.bg04 .icon li:nth-child(3):before{ background-position:-100px -5px;}
	
}
@media screen and (max-width:480px) {
	.program_head.bg01{background-image: none;}
		
	.program_head.bg02{padding: 30px 15px 25px 15px; background-image:linear-gradient(to bottom, #45b0b3 0%, #45b0b3 67.5%, #21374b, #21374b 67.5%, #21374b 100%);}
	.program_head.bg02 .tit em{ display:inline }
	.program_head.bg02 .icon{ width:168px; margin:0 auto;}
	.program_head.bg02 .icon li{ float:left; display:block; margin:0 8px 8px 0;}
	.program_head.bg02 .icon li:nth-child(2n+2){ margin-right:0; float:right;}
	.program_head.bg02 .icon li:nth-child(3),
	.program_head.bg02 .icon li:nth-child(4){ margin-bottom:0}
	.program_head.bg03 .tit { font-size: 1.8em;}
}

@media screen and (max-width:360px) {
	.program_head.bg02 .tit{ font-size:1.3em;}
}

/* careIcon */
.careIcon{ background:#1e3348 url('../images/sub/careIcon_bg.jpg') no-repeat 50% 50%; text-align:center;background-size: cover;  word-break: keep-all;}
.careIcon .inner{ padding-top:75px;}
.careIcon .ttl01{display: inline-block; color:#fff; margin-bottom:30px;}
.careIcon .ttl01:before{left: 26px;}
.careIcon .icon{ text-align:center;}
.careIcon .icon li{ display: inline-block; margin:0 8px; }
.careIcon .icon li span{ display:block; background:#44b0b3 url('../images/sub/care_ico02.png') 4px 8px no-repeat; width:115px; height:115px; border-radius:50%; margin-bottom:10px;}
.careIcon .icon li:nth-child(1) span{ background-position:4px 8px;}
.careIcon .icon li:nth-child(2) span{ background-position:-91px 8px;}
.careIcon .icon li:nth-child(3) span{ background-position:-192px 8px;}
.careIcon .icon li:nth-child(4) span{ background-position:-292px 8px;}
.careIcon .icon li:nth-child(5) span{ background-position:-392px 8px;}
.careIcon .icon li:nth-child(6) span{ background-position:-492px 8px;}
.careIcon .icon li:nth-child(7) span{ background-position:-592px 8px;}
.careIcon .icon li:nth-child(8) span{ background-position:-692px 8px;}
.careIcon .icon li p{color:#fff;}
@media screen and (max-width:1024px) {	
	.careIcon{ background-size:cover;}
	.careIcon .icon li{ margin-bottom:10px;}
	
}
@media screen and (max-width:640px) {
	.careIcon .ttl01{ margin-bottom:20px;}
	.careIcon .icon li span{ width:80px; height:80px; background-size:535px; margin-bottom:5px;}
	.careIcon .icon li:nth-child(2) span{ background-position:-61px 8px;}
	.careIcon .icon li:nth-child(3) span{background-position: -127px 8px;}
	.careIcon .icon li:nth-child(4) span{background-position: -194px 8px;}
	.careIcon .icon li:nth-child(5) span{background-position: -263px 8px;}
	.careIcon .icon li:nth-child(6) span{background-position: -396px 8px;}
	.careIcon .icon li:nth-child(7) span{background-position: -396px 8px;}
	.careIcon .icon li:nth-child(8) span{background-position: -462px 8px;}
}
.careCi{ overflow:hidden;border:1px solid #ececec; clear:both; position:relative; margin-bottom:30px; border-width:0px 1px 1px 0 }
.careCi li{ position:relative; overflow:hidden; width:33.3%; height:130px; float:left; border:1px solid #ececec; border-width: 1px 0px 0px 1px;}
.careCi li:nth-child(3n+2){ width:33.4%;}
.careCi li p{ display:block;height: 130px;width:100%;overflow:hidden; text-align:center;z-index:1; color:#fff; cursor:pointer;}
.careCi li span.cover{display:none;line-height: 130px; background: #44acb3;width: 100% !important; position: absolute; text-align: center;z-index: 1; opacity: 0.9; filter: Alpha(opacity=90);}
.careCi li span.cover em{display: inline-block;background:none; line-height:1.2em;font-size:1.2em;}
.careCi li p:hover span{display:block;}
.careCi li:nth-child(1) p{ background:url('../images/sub/careCI_01.jpg') no-repeat 50% 50%;}
.careCi li:nth-child(2) p{ background:url('../images/sub/careCI_02.jpg') no-repeat 50% 50%;}
.careCi li:nth-child(3) p{ background:url('../images/sub/careCI_03.jpg') no-repeat 50% 50%;}
.careCi li:nth-child(4) p{ background:url('../images/sub/careCI_04.jpg') no-repeat 50% 50%;}
.careCi li:nth-child(5) p{ background:url('../images/sub/careCI_05.jpg') no-repeat 50% 50%;}
.careCi li:nth-child(6) p{ background:url('../images/sub/careCI_06.jpg') no-repeat 50% 50%;}
@media screen and (max-width:640px) {
	.careCi li{ width:50% !important; height:80px;}
	.careCi li p{ background-size:120px !important; height:80px;}
	.careCi li span.cover{ line-height:80px;}
}

.titBg{ background:url('../images/sub/pro_img04_02.jpg') 0 bottom no-repeat;}
@media screen and (max-width:1100px) {
	.titBg{ background-position: right 0 bottom 50px}

}
@media screen and (max-width:800px) {
	.titBg{ background-image:none}

}

/** 03_case **/


/** 04_event **/
.eventBanner{ margin-bottom:15px; overflow:hidden;}
.eventBanner li{ display:block; float:left; margin-right:15px;}
.eventBanner li:last-child{ margin-right:0;}
.eventPage img{ width:100%;}
@media screen and (max-width:1024px) {
	.eventBanner li{ width:33%; margin-right:0.5%}
	.eventBanner li img{ width:100%;}
}
@media screen and (max-width:480px) {
	.eventBanner{ margin-bottom:10px;}
	.eventBanner li{ width:49%; margin-bottom:5px;}
	.eventBanner li:nth-child(2n+2){ float: right; margin-right:0;}
}
@media screen and (max-width:440px) {
	.eventBanner li{ width:100%; margin:0 0 5px 0}

}


/* 상담예약 */
.reservation{ overflow:hidden;  margin-bottom: 20px;  background: #fff;  border: 1px solid #dbdde0;}
.reservation>div{float: left;padding: 35px 30px;border-right: 1px solid #dbdde0;height: 710px;}
.reservation .choise01{width: 25%;}
.reservation .choise01 div{overflow-y: scroll;height: 560px;}
.reservation .choise02{ width: 37.5%;}
.reservation .choise03{ width: 37.5%; border-right:0;}
.reservation h3{font-size: 1.21em; margin-bottom: 30px; padding-bottom:15px; color: #222229;	border-bottom: 2px solid #a6a6af;}
.reservation p {position: relative;	padding-left: 20px;	margin-bottom: 25px; line-height:1em;}
.reservation input[type=text]{ height:35px;}
.reservation p input[type="radio"],
.reservation p input[type="checkbox"] {	position: absolute;	top: 6px;left: 0;}
.reservation p input[type="radio"] + label,
.reservation p input[type="checkbox"] + label {	font-size: 1.07em;line-height: 24px;color: #666669;cursor: pointer;}


.M_select{ display:none;}

.reservation .choise03 dt{ position:absolute;}
.reservation .choise03 dd{ padding-left:100px; margin-bottom:15px;}

.schdule-information-area .schdule-control {position: relative;	height: 26px;line-height: 26px;	text-align: center;	margin-bottom: 13px;	color: #555559;	font-size: 1.13em}
.schdule-information-area .schdule-control .btn-previous {	position: absolute;	top: 0;	left: 0;width: 26px;height: 26px;}
.schdule-information-area .schdule-control .btn-previous img {	display: block;	width: 26px;height: 26px;}
.schdule-information-area .schdule-control .btn-next {	position: absolute;	top: 0;	right: 0;width: 26px;height: 26px;}
.schdule-information-area .schdule-control .btn-next img {display: block;	width: 26px;	height: 26px;}
.schdule-information-area .schdule-table {	margin-bottom: 10px;}

.schdule-information-area .schdule-table table {}
.schdule-information-area .schdule-table table thead {}
.schdule-information-area .schdule-table table thead th {width: 34px;height: 34px;line-height:34px;border: 1px solid #ebebee;	border-bottom: 0;	text-align: center;	font-size: 0.8em;}
.schdule-information-area .schdule-table table thead th.point-holiday {	color: #fc1212}
.schdule-information-area .schdule-table table thead th.point-sat {	color: #1686e4}
.schdule-information-area .schdule-table table tbody td {width: 34px;height: 34px;	ine-height: 34px;border: 1px solid #ebebee;	text-align:  center;}
.schdule-information-area .schdule-table table tbody td a {	display: block;	color: #444449;	font-family: "Verdana", Verdana, sans-serif;}
.schdule-information-area .schdule-table table tbody td a:hover {	font-weight: bold;}
.schdule-information-area .schdule-table table tbody td.point-holiday a {	color: #fc1212}
.schdule-information-area .schdule-table table tbody td.bg-today {	background: #eae9e4}
.schdule-information-area .schdule-table table tbody td.bg-reservation {	background: #c9f8ff}
.schdule-information-area .schdule-table table tbody td.point-sat a {color: #1686e4}
.schdule-information-area .schdule-table table tbody td a.previous-day {color: #babec5}
.schdule-information-area .schdule-table table tbody td a.choise-day {	color: #fff;background: #3498ec}
.schdule-information-area .schdule-information {overflow: hidden;}
.schdule-information-area .schdule-information li {	float: left;width: 50%;	font-size: .9em;	color: #555559;}
.schdule-information-area .schdule-information li img {	display: inline-block;	vertical-align: middle;	*display: inline;	*zoom: 1; margin-right: 5px;width: initial;}
.cohise-reservation {	margin-top:20px;}
.cohise-reservation dt {display: block;	color: #444449;	margin-bottom: 5px;}
.cohise-reservation select {display: inline-block;	vertical-align: middle;	width: 46.7%;	height: 40px;	padding-left: 5px;	border: 1px solid #dbdde0; padding:0px 0;}
.cohise-reservation select option:disabled{ color:#ccc;}
.cohise-reservation span {	display: inline-block;	vertical-align: middle;	padding: 0 5px; font-size:0.85em;}
.choise03 .cohise-reservation{margin-top:0px;}
.cohise-reservation dd .list03>li { font-size: .9em; margin-bottom: 0px;}
.reservation .choise03 dd .button {height:35px;line-height:35px;margin:0; text-align: center;padding: 0 3px;}

@media screen and (max-width:1024px) {
.reservation>div{padding:25px 20px;height: 680px;}
.reservation .choise03{ border-bottom:0;}
.choise02 .cohise-reservation select{ width:45%;}
.reservation .choise03 dd{ padding-left:90px;}
.reservation h3{margin-bottom: 25px; padding-bottom:10px;}
}

@media screen and (max-width:640px) {
.reservation>div{ border-right:0; height:auto;border-bottom:1px solid #dbdde0;}
.reservation .choise01,
.reservation .choise02,
.reservation .choise03{ width:100%; float:none;}
.dept-list-area{ display:none;}
.M_select{ display:block;}
.M_select select{ width:100%; height: 40px;}
.reservation h3{margin-bottom: 25px; padding-bottom:10px;}
.reservation .choise01 div{ overflow-y: inherit;height:inherit;}
.reservation .choise01 div p { margin-bottom:5px}
.reservation .choise03 dt{ position:relative;}
.reservation .choise03 dd{ padding-left:0;}
}


/** 06_startup **/

ul.bg_katad { position: relative}
ul.bg_katad:before { content: "한국두피모발관리사 능력개발협회(KATAD)"; display: block; width: 115px; padding: 115px 40px 15px;  border: 1px solid #eee; background: #fff url(../images/sub/img_katad.png) no-repeat 50% 10px; position: absolute; right: 0; top:-70px; text-align: center; font-size: 13px; color: #999}
@media screen and (max-width:460px) {
	ul.bg_katad:before {width: inherit; padding: 115px 00px 15px; position: relative; right: inherit; top:inherit; margin-bottom: 10px }
	
}
/* startup_head */
.startup_head { margin-bottom: 30px; overflow:hidden; padding:265px 30px 40px 30px;}
.startup_head .tit{ text-align: center; color: #333; font-size: 1.65em; margin-bottom:25px; line-height:1.2em; position:relative;}
.startup_head .tit em,
.startup_head p em{ display:block;}
.startup_head  p{ color:#333; margin-bottom:30px; text-align:center}
.startup_head .tit{ font-size:2em; line-height:1.3em; }
.startup_head .tit:before,
.startup_head .tit:after{content:'';display:block;position:absolute;border:9px solid #fff;left: 310px;top: -11px;width:17px;height:43px;border-width:9px 0 9px 9px;}
.startup_head .tit:after{border-width:9px 9px 9px 0px;left:inherit;right: 310px;}
.startup_head .icon{ overflow:hidden; text-align:center;}
.startup_head .icon li{ display:inline-block; width:160px; position:relative; margin:0; font-weight:500; vertical-align:top;}
.startup_head .icon span{ color:#fff; display:inline-block; }
.startup_head .icon li em{ display:block; font-size:0.95em;}
.startup_head.bg02 .icon li:before{content:'';display:block;margin:0 auto 10px auto;width:130px;height:130px;background: #fff url('../images/sub/startUp_icon.png') no-repeat 11px 6px;border-radius:50%;}
.startup_head.bg02 .icon li:nth-child(2):before{background-position: -114px 6px;}
.startup_head .icon li:nth-child(3):before{background-position: -234px 6px;}
.startup_head .icon li:nth-child(4):before{background-position: -355px 6px;}
.startup_head.bg01 {background:#f7f6f4 url('../images/sub/startUp_01_bg.jpg') no-repeat center 0; }
.startup_head.bg02 {background-image: linear-gradient(to bottom, #f7f6f4 0%, #f7f6f4 75%, #a59d9a, #a59d9a 75%, #a59d9a 100%);padding: 260px 30px 45px 30px;}
.startup_head.bg02:before {content:'';display:block;position:absolute;width: 100%; left:0;top: 0;height: 270px;background: url('../images/sub/startUp_02_bg.jpg') no-repeat center 0;}
.startup_head.bg01 p strong span{ color:#8aac1e;}
.startup_head.bg01 .icon li{ display: inline-block;padding:0px 20px 10px; width: 20%; text-align: center}
.startup_head.bg01 .icon li span{ padding-top:70px; line-height:1.4em;width:170px; height:170px; background:url('../images/sub/startUp_0101.jpg') no-repeat 0 0; border-radius:50%; background-size: cover;}
.startup_head.bg01 .icon li:nth-child(2) span{ background-image:url('../images/sub/startUp_0102.jpg');}
.startup_head.bg01 .icon li:nth-child(3) span{ background-image:url('../images/sub/startUp_0103.jpg') ;}
.startup_head.bg01 .icon li:nth-child(4) span{ background-image:url('../images/sub/startUp_0104.jpg');}
.startup_head.bg01 .icon li:before{ display:none;}

.startup_head.bg02 .tit:before{left: 275px;}
.startup_head.bg02 .tit:after{right: 275px;}

/* historyBox */
.historyBox {position:relative;overflow:hidden;background: url('../images/sub/bg_history.gif') repeat-y 115px top;clear:both;}
.historyBox dl{overflow:hidden;}
.historyBox dt {position:relative;font-size:1.3em;float:left;color:#44acb3;font-weight:500;display: block;width: 100px;text-align: right;margin-right: 15px;padding-right: 10px; line-height:1.4em;}
.historyBox dt:after{content:"";display: block; width:9px;height:9px;border:3px;border-radius:50%;line-height:40px;background:#44acb3;position:absolute;right: -20px;top: 5px;}
.historyBox dd{padding-left: 140px;}
.historyBox li { line-height:1.4em;padding-bottom:7px;overflow:hidden;letter-spacing: -0.04em; position:relative;}
.historyBox dl dd em{ display:block;}

.historyBox.month { background-position:65px top;}
.historyBox.month  dt{ width:50px;}
.historyBox.month dd{padding-left: 95px;}
.historyBox.month li{ padding-left:30px;}
.historyBox.month li span{ display:block; position:absolute; left:0; top:2px; line-height:15px;font-weight: 700; color:#44acb3;}
.historyBox.month li li{ padding-left:0;}
.historyBox.month li ul{ margin-bottom:10px;}


/* brandD */
.brandD{ overflow:hidden; text-align:center;}
.brandD li{ display:inline-block; width:30%; position:relative;}
.brandD li:nth-child(2):before,
.brandD li:nth-child(2):after{ content:'+'; display: inline-block; font-size:2em; color:#45b0b3; width:20px; height:20px; position:absolute; left:-8%; top:6px; font-weight:500; line-height:1em;}
.brandD li:nth-child(2):after{ right:-6%; left:inherit;}

/* brandLogo */ 
.brandLogo{ overflow:hidden; position:relative; margin-top: 35px}
.brandLogo li{ display:block; float:left; margin-right:1%; width:24.2%; padding:20px; border:1px solid #dfdcdb;}
.brandLogo li:last-child{ margin-right:0; }
.brandLogo li img{ display:block; margin:0 auto; }

/* startUp_step */
.movieBox { background-color: #000; margin-bottom: 30px; }
.movieBox > div {  height:608px; margin: 0 auto }
.startUp_smaple { margin: 20px 0 10px !important; overflow: hidden}
.startUp_smaple li{ float: left; width: 31%; margin-left:3.5%; position: relative; border-radius: 15px; text-align: center; font-weight: 400; color: #fff; overflow: hidden; padding-bottom: 45px}
.startUp_smaple li:first-child {margin-left:0%}
.startUp_smaple li img { max-width: 100%}
.startUp_smaple li span { position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px 0; display: block; background-color: rgba(75,184,183,1); height: 45px; line-height: 25px}
.box_tel { clear: both;text-align: center; color: #fff; background-color: #777777; font-size: 1.05em; padding: 15px 0;border-radius: 15px; }

.startUp_step{ overflow:hidden;}
.startUp_step li{ width:50%; display:block; float:left; background:url('../images/sub/startUp_bg0301.jpg') no-repeat center right; min-height:270px;}
.startUp_step li:nth-child(1){ background-image:url('../images/sub/startUp_bg0301.jpg')}
.startUp_step li:nth-child(2){ background-image:url('../images/sub/startUp_bg0302.jpg'); background-position: center right;}
.startUp_step li:nth-child(3){background-image:url('../images/sub/startUp_bg0303.jpg') ;background-position: center left; float:right}
.startUp_step li:nth-child(4){background-image:url('../images/sub/startUp_bg0304.jpg') ;background-position: center left; float:right}
.startUp_step li div{ width:50%; float:left; background:#44acb3; padding:60px 30px 20px 30px; height:270px; position:relative;}
.startUp_step li:nth-child(3) div,
.startUp_step li:nth-child(4) div{  background:#21374b; float:right;}
.startUp_step li div:after{ content:''; display:block; position:absolute; right:-10px; top:48%; width:10px; height:19px; background:url('../images/sub/startUp_arrow03.png') no-repeat}
.startUp_step li:nth-child(3) div:after,
.startUp_step li:nth-child(4) div:after{ background-image:url('../images/sub/startUp_arrow04.png'); right:inherit; left:-10px;-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.startUp_step li strong em,
.startUp_step li strong,
.startUp_step li p{ color:#fff; text-align:center; margin:0 auto;}
.startUp_step li strong{ font-size:1.6em; display:block; line-height:1.2em; margin-bottom:10px;font-weight:500; font-family:'나눔스퀘어','Nanum Square';letter-spacing:-0.03em;}
.startUp_step li strong em{ font-size:2.1em; line-height:1.2em; margin-bottom:5px; font-weight:100;}
.startUp_step li strong p{ font-size: 0.93em;}
.startUp_step li p{ line-height: 1.3; font-size: .95em}
.startUp_step li em{ display:block;}

/* startUp_step02 */
.startUp_step02{ overflow:hidden;}
.startUp_step02 li{ width:25%; display:block; float:left; margin-bottom:15px;}
.startUp_step02 li div{ margin-right:14px; background:#f2f3f4; padding:20px 15px; text-align:center; min-height:250px; position:relative;}
.startUp_step02 li:nth-child(2n+2) div{ background:#e4eaeb;}
.startUp_step02 li div:after{ content:''; display:block; width:13px; height:25px; position:absolute; right:-13px; top:48%; background:url('../images/sub/startUp_arrow01.png') no-repeat;}
.startUp_step02 li:nth-child(2n+2) div:after{ background-image:url('../images/sub/startUp_arrow02.png') }
.startUp_step02 strong{ display:block; color:#000; font-size:1.15em; letter-spacing:-0.06em; margin-bottom:5px; line-height:1.3em;}
.startUp_step02 li:nth-child(4) div:after{-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); bottom:-19px; left:48%; right:inherit; top:inherit;}
.startUp_step02 li:last-child div:after{ display:none;}
.startUp_step02 p{ color:#666; font-size:0.9em; line-height:1.4em;letter-spacing:-0.05em;}
.startUp_step02 p em{ display:block;}
.startUp_step02 strong:before{ content:''; display:block; margin:0 auto 15px auto; width:110px; height:110px; border-radius:50%; background:#44b0b3 url('../images/sub/startUp_icon02.png') no-repeat 0 0; }

.startUp_step02 li:nth-child(5),
.startUp_step02 li:nth-child(6),
.startUp_step02 li:nth-child(7),
.startUp_step02 li:nth-child(8) { float:right;}
.startUp_step02 li:nth-child(5) div:after,
.startUp_step02 li:nth-child(6) div:after,
.startUp_step02 li:nth-child(7) div:after,
.startUp_step02 li:nth-child(8) div:after{-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left:-13px; right:inherit;}

.startUp_step02 li:nth-child(1) strong:before{ background-position: 0 4px;}
.startUp_step02 li:nth-child(2) strong:before{ background-position:  -95px 4px;}
.startUp_step02 li:nth-child(3) strong:before{ background-position:  -195px 4px;}
.startUp_step02 li:nth-child(4) strong:before{ background-position:  -295px 4px;}
.startUp_step02 li:nth-child(5) strong:before{ background-position:  -395px 4px;}
.startUp_step02 li:nth-child(6) strong:before{ background-position:  -495px 4px;}
.startUp_step02 li:nth-child(7) strong:before{ background-position:  -590px 4px;}
.startUp_step02 li:nth-child(8) strong:before{ background-position:  -695px 8px;}

@media screen and (max-width:1024px) {
	.movieBox > div {  height:410px; }
	/* startup_head */
	.startup_head .tit:before, .startup_head .tit:after{ display:none;}
	.startup_head.bg01{ background-size:400px;}
	.startup_head.bg02:before{ background-size:400px;}
	.startup_head{ padding:200px 20px 30px 20px;}
	.startup_head .img_box{ width:180px; margin:0 auto 15px auto;}
	.startup_head .tit{ margin-bottom:15px;}
	.startup_head p{ margin-bottom:20px}
	.startup_head.bg01 .icon li{ display: inline-block;padding:5px 0px; width: 20%; min-width: 140px}
	.startup_head.bg01 .icon li span{ padding:50px 10px; width:140px; height:140px;}
	.startup_head.bg02 em{ display:inline;}
	.startup_head .icon li{ width: 140px }
	.startup_head.bg02 .icon li { width: 140px;}
	
	/* startUp_step */
	.startUp_step li{ width:100%; background-size:408px; min-height: 200px;}
	.startUp_step li div{ padding:20px;height:200px}	
	.startUp_step li:nth-child(2),
	.startUp_step li:nth-child(2) div{ float:right; background-position:center left;}
	.startUp_step li:nth-child(3),
	.startUp_step li:nth-child(3) div{ float:left;background-position:center right;}
	.startUp_step li:nth-child(2) div:after{right: inherit; left: -10px; -ms-transform: rotate(180deg);  -webkit-transform: rotate(180deg); transform: rotate(180deg);}
	.startUp_step li:nth-child(3) div:after{right: -10px; left: inherit; -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	
	/* startUp_step02 */
	.startUp_step02 li{ width:33.3%;}
	.startUp_step02 li div{ padding:20px 5px;}
	.startUp_step02 li:nth-child(7),
	.startUp_step02 li:nth-child(8) { float:left;}	
	.startUp_step02 li:nth-child(4),
	.startUp_step02 li:nth-child(5),
	.startUp_step02 li:nth-child(6) { float:right;}
	.startUp_step02 li:nth-child(3) div:after,
	.startUp_step02 li:nth-child(6) div:after{-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); bottom: -19px; left: 48%; right: inherit; top: inherit;}		
	.startUp_step02 li:nth-child(4) div:after,
	.startUp_step02 li:nth-child(5) div:after{ -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left:-13px; right:inherit; top:48%;}	
	.startUp_step02 li:nth-child(7) div:after{ -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); right:-13px; left:inherit; }
	
	/* brandLogo */
	.brandLogo li{ padding:10px 20px;}
	.brandLogo li img{ width:100%;}
	
	
}

@media screen and (max-width:710px) {
	/* startup_head.bg02 */	
	.movieBox > div {  height:280px; }
	.startUp_smaple li{  width: 32%; margin-left:2%;}	
	.startUp_smaple li span { line-height: 1.3; font-weight: 300; padding-top: 5px}
	.startUp_smaple li:nth-child(2) span{padding-top: 10px}
	.startUp_smaple li span em { display: block}
	
	/* startUp_step02 */	
	.startUp_step02 strong{ letter-spacing:-0.07em;}	
	.startUp_step02 li{ width:50%;}
	.startUp_step02 li div{ padding:20px 5px;}
	.startUp_step02 li:nth-child(3),
	.startUp_step02 li:nth-child(7){ float:right;}
	.startUp_step02 li:nth-child(5){ float:left;}
	.startUp_step02 li div:after,
	.startUp_step02 li:nth-child(5) div:after{right:-13px; top:48%; left:inherit;-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	.startUp_step02 li:nth-child(2) div:after,
	.startUp_step02 li:nth-child(4) div:after,
	.startUp_step02 li:nth-child(6) div:after{-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); bottom:-19px; left:48%; right:inherit; top:inherit;}
	
	.startUp_step02 li:nth-child(3) div:after,
	.startUp_step02 li:nth-child(7) div:after{-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); bottom:inherit; left:-13px; top:48%;}
	
	.brandLogo{ margin-top: 20px}
}
@media screen and (max-width:640px) {
	/* startup_head */
	.startup_head,
	.startup_head.bg02 {padding: 200px 10px 30px 10px;}
	.startup_head.bg02:before{ background-size:350px;}
	.startup_head .icon li span em{ display:inline;}
	
	.startup_head.bg02 {background-image: linear-gradient(to bottom, #f7f6f4 0%, #f7f6f4 57%, #a59d9a 57%, #a59d9a 100%)}
	.startup_head.bg02 .icon li { width:49%;margin-bottom: 15px}
	.startup_head.bg02 .icon li:before { margin-bottom: 5px; }
	
	/* startUp_step */
	.startUp_step li{ width:100%; background-size:297px; }
	
	/* brandD */
	.brandD li{ width:100%; position:relative; padding-left:15px; text-align:left; margin-bottom:2px;}
	.brandD li:before,
	.brandD li:nth-child(2):before{  content: '+';  display: block;  font-size: 1em; color: #45b0b3; width: 20px; height: 20px; position: absolute; left: 0; top: 3px; font-weight: 700;  line-height: 1em;}
	.brandD li:nth-child(2):after{ display:none;}
	.brandLogo{margin-top: 15px}
	
}

@media screen and (max-width:480px) {
	.movieBox > div { height:166px; }
	/* startup_head */
	.startup_head,
	.startup_head.bg02{ padding-top:130px;}
	.startup_head.bg01{ background-size:280px;}
	.startup_head.bg02:before{background-size:220px;}
	.startup_head p em{ display:inline;}
	.startup_head .img_box{ width:125px; margin-bottom:10px;}
	.startup_head .tit{ margin-bottom:10px;}
	
	.startup_head.bg01 .icon li{ min-width:inherit; width:48%}
	.startup_head.bg01 .icon li span{ padding:35px 20px 0 20px; width:120px; height:120px;}
	.startup_head.bg02 .icon li:before { width: 110px;height: 110px; background-position: 1px -5px;}
	.startup_head.bg02 .icon li:nth-child(2):before { background-position: -124px -5px}
	.startup_head.bg02 .icon li:nth-child(3):before { background-position: -243px -5px}
	.startup_head.bg02 .icon li:nth-child(4):before { background-position:-364px -5px}
	
	/* brandLogo */
	.brandLogo li{ padding:5px 10px;width: 48%;margin:1%; }
	
	
	/* startUp_step */
	.startUp_step li{ width:100%; background-size:222px; min-height:inherit; padding-bottom:15px; background-image:none !important;}
	.startUp_step li div,
	.startUp_step li:nth-child(3) div{ padding:20px 10px; width:100%; height:inherit;background:#44acb3;}
	.startUp_step li:nth-child(2) div, .startUp_step li:nth-child(4) div{ background:#21374b;}
	.startUp_step li div:after,
	.startUp_step li:nth-child(2) div:after,
	.startUp_step li:nth-child(3) div:after{ right:inherit; left: 48%; bottom:-14px; top:inherit; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
	.startUp_step li:nth-child(2) div:after{ background-image:url('../images/sub/startUp_arrow04.png');}
	.startUp_step li:nth-child(3) div:after{background-image:url('../images/sub/startUp_arrow03.png');}
	.startUp_step li strong { margin-bottom:5px;}
	.startUp_step li strong { margin-bottom:5px;}
	.startUp_step li strong em{margin-bottom:0px;display: inline-block;margin-right: 5px;font-size: 1em;font-weight: 700;}
	
	/* startUp_step02 */
	.startUp_step02 li div{ padding:15px 5px; min-height:inherit; margin-right: 0 !important}
	.startUp_step02 li{ width:100%; float:none !important; min-height:100px; }
	.startUp_step02 li:nth-child(1) div:after,
	.startUp_step02 li:nth-child(2) div:after,
	.startUp_step02 li:nth-child(3) div:after,
	.startUp_step02 li:nth-child(4) div:after,
	.startUp_step02 li:nth-child(5) div:after,
	.startUp_step02 li:nth-child(6) div:after,
	.startUp_step02 li:nth-child(7) div:after{-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); bottom:-19px; left:48%; right:inherit; top:inherit;}
	.startUp_step02 strong:before{ margin:0; width:80px; height:80px;position:absolute; left:10px; top:10px; background-size: 620px;}
	.startUp_step02 li:nth-child(1) strong:before{background-position: 0 3px;}
	.startUp_step02 li:nth-child(2) strong:before{ background-position:  -75px 2px;}
	.startUp_step02 li:nth-child(3) strong:before{ background-position:  -155px 2px;}
	.startUp_step02 li:nth-child(4) strong:before{ background-position:  -231px 2px;}
	.startUp_step02 li:nth-child(5) strong:before{ background-position:  -310px 0px;}
	.startUp_step02 li:nth-child(6) strong:before{ background-position:  -385px 0px;}
	.startUp_step02 li:nth-child(7) strong:before{ background-position:  -460px 1px;}
	.startUp_step02 li:nth-child(8) strong:before{ background-position:  -541px 2px;}	
	.startUp_step02 strong,
	.startUp_step02 p{ text-align:left; padding-left:100px;}
	
	.historyBox dt {margin-right: 5px; padding-right: 0px;}
	.historyBox dd {padding-left: 130px;}
	.historyBox.short  { background-position: 65px top}
	.historyBox.short dt { width: 50px;}
	.historyBox.short dd{padding-left: 80px;}
}



/** etc **/
.guideBox{ border:1px solid #ccc; padding:30px; text-align:left; max-height:300px; overflow-y: scroll;}
.guideBox h4{ font-size:1.2em; margin:1em 0 0.2em 0;}
.guideBox h6{ font-size:1em; margin: 1em 0 0.2em 0;}
.guideBox p{ text-align:left}
.guideBox .listStyle li {padding: 0 0 3px 10px; line-height: 1.5;}
.guideBox dt{ font-size:13px;}
.guideBox ul ul{ padding:0}

.checkBox{ text-align:center; padding:25px; background:#f6f6f7; }
.checkBox label{ padding:0 20px 0 10px}

/* email_reject */
.email_reject {text-align:center;line-height:1.6;white-space:pre-line;background:transparent url('../images/sub/email_reject.jpg') center top no-repeat;padding: 180px 10px 0 10px;overflow:hidden;}
.email_reject em{ display:block;}

/* agreement */
.agreement { margin-bottom:25px; padding:25px;border:1px solid #eaeaea; font-size: .9em}
.agreement h4 {margin:25px 0 13px 0; font-size:1.2em; color:#444;}
.agreement h6 { margin:15px 0 10px 0; font-size:1.1em;}
.agreement p { margin-bottom:5px;}
.agreement .dlStyle dt,
.agreement b{ font-weight: 500;}
.agreement .dlStyle dd .tit{ margin: 7px 0 3px 0; display: block;}


/* privacy */

/* sitemap */
#sitemap {width:100%; }
#sitemap .menu {position:relative;padding: 0;min-height: 320px;margin: 0 1.5%;overflow: hidden;float: left;width: 22%;margin-bottom:25px;}
#sitemap .menu:first-child{padding-top:0;}
#sitemap .menu p.tit{margin-bottom: 0;line-height:0;border-top: 2px solid #69aca0;border-bottom: 1px solid #ddd;text-align: center;}
#sitemap .menu p.tit a{font-size: 1.25em;line-height:1em;font-weight: 700;color: #2baca0;display: block;padding: 20px;background: #fff;}
#sitemap .menu p.tit:before{display:none;}

#sitemap .menu .sitemapList {margin: 0 auto;overflow:hidden;box-sizing: border-box;padding: 9px 20px;width: 95%;}
#sitemap .menu .sitemapList:after {content:"";display:block;visibility:hidden;clear:both;}
#sitemap .menu .sitemapList li{display:block;position: relative;}
#sitemap .menu .sitemapList li a{position:relative;display:block;padding-left:13px;font-size: 1em;line-height: 2;color:#333;font-weight: 500;text-align:left; letter-spacing:-0.03em;}
#sitemap .menu .sitemapList li a:before{content:'';position:absolute;left:0;top: 13px;width:5px;height: 1px;background:#333;border-radius:50%;}
#sitemap .menu .sitemapList li ul{ padding:2px 0 7px 0;} 
#sitemap .menu .sitemapList li li{ float:none; width:100%; position:relative;}
#sitemap .menu .sitemapList li li a{font-size: .95em;color:#666 !important;line-height:1.6;font-weight:400;}
#sitemap .menu .sitemapList li li a:before{content:'';position:absolute;left:2px;top: 8px;width: 2px;height: 2px;border-radius: 50%;background:#666 !important;}


@media screen and (max-width:1024px) {
	
	/* email_reject */
	.email_reject em{ display: inline-block;}

	/* sitemap */
	#sitemap{ text-align:center;}
	#sitemap .menu { display:inline-block; float:none; width:49%;padding: 0 1.5%; margin: 0 0 30px 0; vertical-align:top; min-height:275px;}
	#sitemap .menu p.tit a{ padding:16px;}
}

@media screen and (max-width:480px) {

	/* sitemap */
	
	#sitemap .menu { display:block; width:100%; padding:0; margin-bottom:20px; min-height:inherit; }
	#sitemap .menu p.tit a{ padding:13px; text-align:left;font-size: 1.3em;}
	#sitemap .menu .sitemapList{ width:100%;    padding: 9px 13px;}
	.agreement {padding: 15px 10px;}
}