@charset "utf-8";
/************************************************ 
Version : 하이로닉 1.0
Date : 2015-05-11110
*************************************************/   

.img_border {border:3px #a1a1a1 solid;border-radius: 20px;margin: 1% 0}



.btn_bo_adm li {display:inline-block;}
.btn_bo_adm {margin-bottom: 10px}

 .btnArea{text-align:center}  
 
/*** 회사소개 *****/   
.company > dl{ padding:16px 0 20px; line-height:160%; letter-spacing:-1px;}
.company > dl > dt{ font-size:25px; font-weight:bold; color:#222; margin-bottom:20px; line-height:140%;} 
.company > dl > dt strong,.company > dl > dt em{color:#E11B22;} 
.company > dl > dd{ font-size:14px; } 
 
/*** 회사소개 > CEO인사말 *****/  
.ceoPic{ position:relative; height:200px; background: url(../image/company/img_ceo.jpg) no-repeat 0 0; margin-bottom:55px; overflow: hidden; display: none;}
.ceoPic p{position:relative; float:left; background:#3f3f3f; width:370px; height:320px; margin-left:360px}
.ceoPic p span{display:block; position:absolute; left:40px; bottom:27px; color:#fff; font-size:14px;}
.ceoPic p strong{display:block; font-size:48px; font-weight:normal; margin-top:10px}
.ceoPic p{position:relative; float:left; background:#E11B22; /*width:29.5%; height:320px; margin-left:360px; z-index:2*/ width: 0; height: 0; display: none;} 
.ceoPic img{ position:absolute; right:0; top:0; z-index:1} 
.ceoGreet{padding-left: 0 !important;padding-right: 0 !important; margin-bottom:70px; background: none !important;/*background:url(../image/common/img_pro.png) no-repeat 44px 0;*/;background-size:375px}
/*.ceoGreet{padding-left:362px; margin-bottom:70px; background: url(../image/company/img_ceo.jpg) no-repeat -40px 0;}*/
.ceoGreet p{font-size:14px; line-height:180%; margin-bottom:20px;}
.ceoGreet .tit{font-size:25px; letter-spacing:-1px; color:#222; line-height:120%;}
.ceoGreet .titRed{font-size:25px; letter-spacing:-1px; color:#E11B22}

/*** 회사소개 > 연혁 *****/  
.historyTop{ margin-bottom:30px; margin-top:0px; }
 dl + .historyTop{ margin-top:0; } 
.historyTop p span{display:block; color:#b3161b; font-size:14px;}
.historyTop p strong{display:block; font-size:33px; margin-top:10px; padding-bottom:1px; font-weight:normal; letter-spacing:-3px;  }
 
.history{ overflow:hidden;}
.history > li{ overflow:hidden; overflow:hidden; padding-bottom:12px; margin-bottom:12px; border-bottom:1px solid #eee} 
.history > li:last-child{border-color:#d6d6d6} 
.history > li dl{ position:relative;  float:left; width:50%; letter-spacing:-1px;}
.history > li dl dt{ position:absolute; left:0; top:0; font-weight:bold; width:70px; font-size:25px; color:#222;}
.history > li dl dd{ margin-left:130px; font-size:14px; line-height:170%;}
.history > li dl dd li{ padding-left:13px; line-height:160%; background:url(../image/bul/bul_01.png) no-repeat 0 8px;}

/*** 회사소개 > 가치체계 *****/    
/*.value{ padding-bottom:320px; background:url(../image/company/img_value02.png) no-repeat 0 100%} */
.value p{ padding:50px 0; text-align:center; background:#f3f3f3; border:1px solid #d6d6d6}
.value p img{ max-width:700px} 
.value img{ max-width:100%} 

/*** 회사소개 > 오시는길 *****/   
.tab01.m02 + h3{ margin-top:60px}  
.map{ margin-bottom:70px;height:89%}
.rightbox {position:absolute;right:0;bottom:0;top:0;width:48%;height:100%}
.maps:after{display:block;clear:both;content:''}
.maps{position:relative}
.map img{ width:100%;height:100%}
.map p{ width:100%;height:100%}
.leftbox{float:left;width:48%;}
.mapBox{ padding:40px 40px 20px; margin-bottom:40px; background:#f3f3f3; border:1px solid #d6d6d6;min-height: 308px}
.mapBox dl{ line-height:200%;}
.mapBox dl dt{ padding-left:13px; margin-bottom:3px; font-size:16px; font-weight:bold; color:#222; background:url(../image/bul/bul_01.png) no-repeat 0 8px;}  
.mapBox dl dd{ font-size:14px; margin-bottom:18px; margin-left:13px; } 
.mapBox dl dd p{ margin-bottom:5px;}
.mapBox dl dd p span{ display:inline-block; padding:1px 10px; color:#fff; font-size:12px; background:#e5196b}
.mapBox dl dd p span + span{ color:#000;  background:#ffd03b; margin-left:-2px;} 

/*** 회사소개 > 기업문화 *****/ 
.culture{ overflow:hidden}
.culture > li{ float:left;  width:48%; padding-top:30px; margin-top:55px; border-top:1px solid #d6d6d6}
.culture > li.list01, .culture > li.list02{ margin-top:0;} 
.culture > li.list02, .culture > li.list04{ float:right;}
.culture > li.list03, .culture > li.list04{padding-bottom:85px}
.culture > li > dl > dt{height:80px;position:relative; padding:0 0 0 60px; font-size:20px; font-weight:bold; color:#222; margin-bottom:20px; line-height:140%; }
.culture > li > dl > dt em{ position:absolute; left:-50000px}    
.culture > li > dl > dt span{ display:block}
.culture > li > dl > dt strong {color:#E11B22;} 
.culture > li.list01 > dl > dt{ background:url(../image/company/img_culnum01.png) no-repeat 0 0; }
.culture > li.list02 > dl > dt{ background:url(../image/company/img_culnum02.png) no-repeat 0 0; }
.culture > li.list03 > dl > dt{ background:url(../image/company/img_culnum03.png) no-repeat 0 0; }
.culture > li.list04 > dl > dt{ background:url(../image/company/img_culnum04.png) no-repeat 0 0; }

.culture > li > dl > dd{ font-size:14px; height:180px; padding-top:270px } 
.culture > li.list01 > dl > dd{ background:url(../image/company/img_cul01.png) no-repeat 0 0; }
.culture > li.list02 > dl > dd{ background:url(../image/company/img_cul02.png) no-repeat 0 0; }
.culture > li.list03 > dl > dd{ background:url(../image/company/img_cul03.png) no-repeat 0 0; }
.culture > li.list04 > dl > dd{ background:url(../image/company/img_cul04.png) no-repeat 0 0; }
.culture > li > dl > dd ul{ margin-left:10px;}
.culture > li > dl > dd li{ padding-left:13px; line-height:170%; margin-bottom:5px; background:url(../image/bul/bul_01.png) no-repeat 0 8px; letter-spacing:-1px}

.iconWrap{ border:10px solid #8e8e8e; background:#f3f3f3; padding:30px;}
.iconWrap dt{ padding:15px; border:1px solid #d6d6d6; background:#fff; font-size:25px; text-align:center; font-weight:bold;  color:#222}
.iconWrap dd{ margin-top:30px;}
.iconWrap dd ul{ overflow:hidden}
.iconWrap dd li{ float:left; width:25%; height:83px; margin-bottom:8px;  font-size:16px; line-height:160%; }
.iconWrap dd li p{ margin-left:100px; margin-top:15px;}
.iconWrap dd li span{ display:block}
.iconWrap dd li.icon01{ background:url(../image/company/icon_cul01.png) no-repeat 0 0}
.iconWrap dd li.icon02{ background:url(../image/company/icon_cul02.png) no-repeat 0 0}
.iconWrap dd li.icon03{ background:url(../image/company/icon_cul03.png) no-repeat 0 0}
.iconWrap dd li.icon04{ background:url(../image/company/icon_cul04.png) no-repeat 0 0} 
.iconWrap dd li.icon05{ background:url(../image/company/icon_cul05.png) no-repeat 0 0} 
.iconWrap dd li.icon06{ background:url(../image/company/icon_cul06.png) no-repeat 0 0}
.iconWrap dd li.icon07{ background:url(../image/company/icon_cul07.png) no-repeat 0 0}
.iconWrap dd li.icon08{ background:url(../image/company/icon_cul08.png) no-repeat 0 0}
.iconWrap dd li.icon09{ background:url(../image/company/icon_cul09.png) no-repeat 0 0}
.iconWrap dd li.icon10{ background:url(../image/company/icon_cul10.png) no-repeat 0 0}

/*** 회사소개 > CSR활동 *****/  
.csr p{ padding:50px 0; text-align:center; background:#f3f3f3; border:1px solid #d6d6d6}
.csr p img{ max-width:486px} 
.csrList{ margin-top:40px}
.csrList li{ height:248px; padding:0 0 30px; margin:0 0 30px; border-bottom:1px solid #d6d6d6}
.csrList li.firstH{background:url(../image/company/img_csr02.png) no-repeat right 0}
.csrList li.secondH{background:url(../image/company/img_csr03.png) no-repeat right 0}
.csrList li.thirdH{background:url(../image/company/img_csr04.png) no-repeat right 0}
.csrList li dt{ font-size:20px; font-weight:bold; color:#222; margin-bottom:20px; line-height:140%; }
.csrList li dt strong { display:block; } 
.csrList li dt strong span { color:#E11B22; } 
.csrList li dd{ font-size:14px; margin-bottom:20px; line-height:170%; width:55%}

/*** 주요제품 *****/ 
.productTop { margin-bottom:45px; height:160px; overflow:hidden}
.productTop.doublo{background:#E11B22 url(../image/product/img_doublo.png) no-repeat 0 0; }
.productTop.doubloS{background:#E11B22 url(../image/product/img_doublos.png) no-repeat 0 0; }
.productTop.doubloV{background:#E11B22 url(../image/product/img_doublov.png) no-repeat 0 0; }
.productTop.micool{background:#E11B22 url(../image/product/img_micool.png) no-repeat 0 0; }
.productTop.micoolS{background:#E11B22 url(../image/product/img_micools.png) no-repeat 0 0; }
.productTop.miraclear{background:#E11B22 url(../image/product/img_miraclear.png) no-repeat 0 0; }

.productTop.asymo{background:#E11B22 url(../image/product/img_asymo.png) no-repeat 0 0; }
.productTop.cream{background:#E11B22 url(../image/product/img_cream.png) no-repeat 0 0; }
.productTop.serum{background:#E11B22 url(../image/product/img_serum.png) no-repeat 0 0; } 
.productTop p{position:relative; float:right; background:#E11B22; width:42.5%; height:320px; }
.productTop p span{display:block; margin:45px 40px 15px;  color:#fff;  font-size:36px; }
.productTop p strong{display:block; font-size:48px; margin-top:25px; line-height:100% } 
.productTop p strong span{ font-size:48px; margin:0; display:inline}

	.productWrap {min-height: 1030px}
	.productWrap > .leftA > dl{display: none}
	.productWrap > .leftA > ul:after {content: "";display: block;clear: both; width: 100%;border-bottom: 2px solid #bbbbbb !important}
	.productWrap > .leftA > ul > li{cursor: pointer;padding: 2% 2% 3%;margin-left:4%;float: left;display: block;/*border: 2px solid #bbbbbb !important*/;cursor: pointer;font-size: 20px;color: #000;padding-bottom: 1%;margin-top: 2%;height: auto !important}
	.productWrap > .leftA > ul > li:hover{color: #e11b22 !important}
	.productWrap > .leftA > ul > li.on{color: #e11b22 !important}

.product p{ font-size:14px; margin-bottom:20px; line-height:170%}
.product p em{ color:#f30907}
.productWrap{ overflow:hidden; margin-bottom:0px;} 
.productWrap div > h3 { line-height:140%}
.productWrap div > h3 span{ display:block}
.productWrap div > h3 b{ color:#938042}
.productWrap.verashape{background:url(../image/product/VeraShape.png) no-repeat 89% 50px;padding-bottom: 20px}
.productWrap.juvina{background:url(../image/product/JUVINA-su.png) no-repeat 89% 50px;padding-bottom: 20px}
.productWrap.doublo{ padding-bottom:20px; background:url(../image/product/doublo.jpg) no-repeat 88% 50px ;}
.productWrap.doubloS{background:url(../image/product/doublo-s.jpg) no-repeat 89% 50px;padding-bottom: 20px}
.productWrap.byelipo{background:url(../image/product/ByeLIPO.png) no-repeat 89% 50px;padding-bottom: 20px}
.productWrap.Ultra.Vera{background:url(../image/product/Ultra_Vera.jpg) no-repeat 89% 50px;padding-bottom: 20px }
.productWrap.doublo-m{background:url(../image/product/doublo-m.jpg) no-repeat 89% 50px;padding-bottom: 20px }
.productWrap.doublo-a{background:url(../image/product/doublo-a.jpg) no-repeat 89% 50px;padding-bottom: 20px }
.productWrap.micool{background:url(../image/product/micool.jpg) no-repeat 90% 50px;padding-bottom: 20px }
.productWrap.micoolS{background:url(../image/product/img_micools01.jpg) no-repeat 89% 0;padding-bottom: 20px }
.productWrap.miraclear{background:url(../image/product/miraclear.jpg) no-repeat 89% 50px;padding-bottom: 20px }
.productWrap.newmideas{background:url(../image/product/newmideas.jpg) no-repeat 89% 50px;padding-bottom: 20px }
.productWrap.MIDEPI{background:url(../image/product/midepi.jpg) no-repeat 89% 50px;padding-bottom: 20px }
.productWrap.MIPL{background:url(../image/product/mipl.jpg) no-repeat 89% 50px;padding-bottom: 20px }
.productWrap.MIXEL{background:url(../image/product/mixel.jpg) no-repeat 89% 50px;padding-bottom: 20px }
.productWrap.MICOOL-A{background:url(../image/product/micool-a.jpg) no-repeat 89% 50px;padding-bottom: 20px }
.productWrap.Easymo{background:url(../image/product/easymo.jpg) no-repeat 89% 50px; }
.productWrap.cream{background:url(../image/product/img_cream01.jpg) no-repeat 89% 50px; }
.productWrap.serum{background:url(../image/product/img_serum01.jpg) no-repeat 89% 50px }  
.productWrap.Afit{background:url(../image/product/Afit.png) no-repeat 89% 50px; padding-bottom: 100px}  
.productWrap.doublo-gold{background:url(../image/product/doublo-gold.jpg) no-repeat 89% 50px; padding-bottom: 100px}  
.productWrap dl.dlstyle01{ position:relative; width:49.5%; height:230px; padding:50px ; margin-bottom:20px; border:1px solid #d6d6d6; font-size:23px; line-height:150% }
.productWrap dl.dlstyle01 dt{ margin-bottom:20px; font-weight:bold; font-size:50px; color:#222; }
.productWrap dl.dlstyle01 dd{ color:#0092d9; font-weight:bold; letter-spacing:-1px} 
.productWrap dl.dlstyle01 dd span{ display:block} 
.productWrap dl.dlstyle01 dd + dd{ position:absolute; right:60px; top:85px;}
.productWrap dl.dlstyle02{ position:relative; float:left;  width:51%; height:170px; padding:50px 40px;border:1px solid #d6d6d6; } 
.productWrap dl.dlstyle02 dt{ font-weight:bold; font-size:23px; color:#0092d9; margin-top:40px; line-height:150% ; letter-spacing:-1px }
.productWrap dl.dlstyle02 dt span{ display:block}
.productWrap dl.dlstyle02 dd{ position:absolute; right:70px; top:40px;} 

.productWrap .leftA{ float:left; width:57.5%}
.productWrap .leftA dl{ padding:30px 30px 0; margin-top:25px; border:1px solid #d6d6d6; background:#f3f3f3; font-size:14px; line-height:150% }
.productWrap .leftA dl dt{ margin-bottom:10px; padding-left:13px; font-weight:bold; font-size:16px; color:#222; background:url(../image/bul/bul_01.png) no-repeat 0 7px;}
.productWrap .leftA dl dd{ margin-bottom:30px; margin-left:13px} 
 
.imgBox{ padding:10px; height:300px; margin:25px 0 45px; text-indent:-5000px; border:1px solid #d6d6d6;  background:url(../image/product/img_doublo02.png) no-repeat center 50%;background-size : 450px }
.imgBox.doubloS{ background:url(../image/product/img_doublos02.png) no-repeat center 50%;background-size : 450px }
.imgBox01{padding:40px; margin-top:-50px; margin-bottom:60px;  border:1px solid #d6d6d6; border-top:0; text-align:center}
.imgBox01.mtNo{ margin-bottom:0; border-bottom:0}
.imgBox02{padding:40px; margin-bottom:60px;  border:1px solid #d6d6d6; text-align:center} 

.noitBox{ padding:40px 50px 40px 40px; border-top:3px solid #969798; background:#f3f3f3; overflow:hidden; font-size:14px; line-height:170%; }
.noitBox dl{ float:left; }
.noitBox dt{ margin-bottom:10px; font-size:16px; color:#222; font-weight:bold; letter-spacing:-1px} 
.noitBox ul{ /*float:right;*/ float: left; }
.noitBox ul li{  padding-left:13px; font-size:14px; background:url(../image/bul/bul_01.png) no-repeat 0 8px;  } 
 
.productWrap .leftB{ float:left; width:57.5%}  
.productWrap .leftB iframe  + p{ margin-top:15px;} 
.productWrap .stBox{ float:left;  width:57.5%; margin-top:30px; border:1px solid #d6d6d6; }
.productWrap .stBox img{ width:100%}

.noitBox01{ padding:36px 50px 36px 40px; margin-bottom:50px; border:1px solid #d6d6d6; background:#f3f3f3; overflow:hidden; font-size:14px; } 
.noitBox01 ul{ overflow:hidden}
.noitBox01 ul li{  float:left; width:48.5%; color:#222;line-height:200%;  padding-left:13px; font-size:14px; background:url(../image/bul/bul_01.png) no-repeat 0 10px;}
.noitBox01 ul li em{ color:#f30907}
.noitBox01 ul li:nth-of-type(odd){ width:51%; }
.noitBox01 ul li:nth-of-type(even){ width:46%;  float:right}

.noitBox02{ padding:36px 50px 36px 40px; margin-bottom:40px; border:1px solid #d6d6d6; background:#f3f3f3; overflow:hidden; font-size:14px; } 
.noitBox02 li{ color:#222;line-height:200%;  padding-left:13px; font-size:14px; background:url(../image/bul/bul_01.png) no-repeat 0 9px;} 
.noitBox02 li em{ color:#f30907}
.noitBox02 > span{ display:block; line-height:160%}
.noitBox02 > strong.tit{ display:inline-block; margin-bottom:10px; padding:5px; background:#484848; color:#fff; font-size:14px; }
div.noitBox02{ margin-bottom:60px}

.doubloTable {margin-bottom:60px; border-top:2px solid #d22429; background:#fff;}
.doubloTable table {width:100%; font-size:14px;} 
.doubloTable table th {line-height:160%; padding:10px ; border-bottom:1px solid #d8d8d8; vertical-align:middle; background:#ebebeb;  color:#222; }
.doubloTable table td { line-height:160%; padding:10px ; border-bottom:1px solid #d8d8d8; color:#4d4d4d; vertical-align:middle; text-align:center }
.doubloTable table th:first-child,.doubloTable table td:first-child{border-right:1px solid #d8d8d8}

.h3Mir{ padding-top:40px;}
.ulstyle01{ border:1px solid #d6d6d6; margin-top:-41px; margin-bottom:30px; overflow:hidden}
.ulstyle01 li{ float:left; width:25%; background:url(../image/product/bul_arrow.png) no-repeat 0 40%;}
.ulstyle01 li:first-child{ background:none}
.ulstyle01 li span{ display:block; width:110px; height:50px; margin:40px auto; padding-top:165px}
.ulstyle01 li.img01 span{ background:url(../image/product/img_miraclear03.png) no-repeat 0 0}
.ulstyle01 li.img02 span{ background:url(../image/product/img_miraclear04.png) no-repeat 0 0}
.ulstyle01 li.img03 span{ background:url(../image/product/img_miraclear05.png) no-repeat 0 0}
.ulstyle01 li.img04 span{ background:url(../image/product/img_miraclear06.png) no-repeat 0 0}
.ulstyle01 li span strong{ font-size:16px; display:block; height:40px; color:#009fe9}
.ulstyle01 li span em{ background: url(../image/product/bul_arrow01.png) no-repeat 0 5px; padding-left:8px;}

.creamBox{ padding:36px 50px 36px 40px; text-align:center; margin-bottom:40px; border:1px solid #d6d6d6; background:#f3f3f3; overflow:hidden; font-size:14px;}
.creamBox li{ display:inline-block; padding-left:20px; margin-left:10px; background:url(../image/product/bul_arrow02.png) no-repeat 0 40%}
.creamBox li:first-child{ background:none; padding:0; margin:0}
.creamBox li div{ width:220px; text-align:left }
.creamBox li div img{ width:100%; border:1px solid #d6d6d6;}
.creamBox li div dt{ margin:10px 0 8px; color:#222; font-size:15px; font-weight:bold}
.creamBox li div dd{ font-size:14px; line-height:170%; letter-spacing:-1px;}
.creamBox li.last{ display:block; background:none; margin:15px 0 0 95px; padding:0; text-align:left}

p.creamBox {text-align:left}

.creamTop{ position:relative; margin-top:-45px; margin-bottom:45px; padding:28px 40px 30px; height:240px; background: url(../image/product/img_cream_bg.png) no-repeat 0 0}
.creamTop.serum{ background:#dedcdd url(../image/product/img_serum_bg.png) no-repeat 0 0}
.creamTop p{ font-weight:bold; font-size:23px; color:#3c3c3d; line-height:150%; letter-spacing:-1px;}
.creamTop span{ display:block; position:absolute; left:-5000px; font-size:0;  text-indent:-5000px;}
.creamTop dl{ margin-top:105px; background:#ebe8e8; padding:20px 30px; line-height:170%;}
.creamTop dl dt{ margin-bottom:10px; font-weight:bold; font-size:19px; color:#404040}
.creamTop dl dd{ font-size:15px; }

/*** 인재채용 >  인재상 *****/
.talent{ overflow:hidden; /*padding-bottom:350px; background:url(../image/recruiting/img_talent01.png) no-repeat 0 100%*/}
.talent > li{ float:left;  width:48%; padding-top:30px;padding-bottom:40px;  border-top:1px solid #d6d6d6}
.talent > li.list01, .talent > li.list02{ margin-top:0;} 
.talent > li.list02, .talent > li.list04{ float:right;}
.talent > li.list03, .talent > li.list04{ }
.talent > li > dl{ padding-left:170px; height:142px;} 
.talent > li > dl > dt{ position:relative;  font-size:20px; font-weight:bold; color:#222; margin-bottom:20px; line-height:140%; }
/*.talent > li > dl > dt span{ display:block }*/
.talent > li > dl > dt span { font-size:26px; font-weight:bold; font-family: '宋體', 'simsun', Arial;  }
.talent > li > dl > dt strong {color:#E11B22;}   
.talent > li > dl > dd{ font-size:14px;} 
.talent > li.list01 > dl { background:url(../image/recruiting/icon_talent01.png) no-repeat 0 0; }
.talent > li.list02 > dl { background:url(../image/recruiting/icon_talent02.png) no-repeat 0 0; }
.talent > li.list03 > dl { background:url(../image/recruiting/icon_talent03.png) no-repeat 0 0; }
.talent > li.list04 > dl { background:url(../image/recruiting/icon_talent04.png) no-repeat 0 0; }
.talent > li > dl > dd ul{ margin-top:10px;}
.talent > li > dl > dd li{ padding-left:13px; line-height:170%; margin-bottom:5px; background:url(../image/bul/bul_01.png) no-repeat 0 8px; letter-spacing:-1px}

/*** 인재채용 >  인사제도 *****/
.institution p{ overflow:hidden; padding:50px 0; text-align:center; background:#f3f3f3; border:1px solid #d6d6d6}
.institution p img{ max-width:974px} 
.instList{ overflow:hidden; }
.instList > li{ float:left; width:48%; height:120px; padding-top:30px; padding-bottom:40px;  border-bottom:1px solid #d6d6d6} 
.instList > li.list02, 
.instList > li.list04{ float:right; }
.instList > li.list03, 
.instList > li.list04{border:0}
.instList > li > dl > dt{ font-size:20px; font-weight:bold;  margin-bottom:20px; line-height:140%;color:#E11B22; } 
.instList > li > dl > dd{ font-size:14px; line-height:170%; } 
 
.iconWrap01{ position:relative; border:1px solid #d6d6d6; background:#f3f3f3; padding:30px; height:260px;}
.iconWrap01 dt{ /* position:absolute; left:40px; top:30px; width:190px; height:120px; line-height:140%; padding-top:50px;  background:#E11B22; font-size:23px; text-align:center;  color:#fff */}
.iconWrap01 dt{ background:url(../image/recruiting/img_institution01.png) no-repeat top center #b3161b; position:absolute; left:40px; top:30px; width:230px; height:230px; line-height:140%; padding-top:10px; font-size:20px; font-weight:bold; text-align:center;  color:#fff}
.iconWrap01 dt span{ display:block}
.iconWrap01 dd ul{ margin-left:330px;}
.iconWrap01 dd li{ float:left; width:33.3%; height:80px; margin-bottom:10px;  font-size:16px; line-height:160%; }
.iconWrap01 dd li p{ margin-left:100px; margin-top:15px;}
.iconWrap01 dd li span{ display:block}
.iconWrap01 dd li.icon01{ background:url(../image/recruiting/icon_inst01.png) no-repeat 0 0}
.iconWrap01 dd li.icon02{ background:url(../image/recruiting/icon_inst02.png) no-repeat 0 0}
.iconWrap01 dd li.icon03{ background:url(../image/recruiting/icon_inst03.png) no-repeat 0 0}
.iconWrap01 dd li.icon04{ background:url(../image/recruiting/icon_inst04.png) no-repeat 0 0}
.iconWrap01 dd li.icon05{ background:url(../image/recruiting/icon_inst05.png) no-repeat 0 0}
.iconWrap01 dd li.icon06{ background:url(../image/recruiting/icon_inst06.png) no-repeat 0 0}
.iconWrap01 dd li.icon07{ background:url(../image/recruiting/icon_inst07.png) no-repeat 0 0}
.iconWrap01 dd li.icon08{ background:url(../image/recruiting/icon_inst08.png) no-repeat 0 0}
.iconWrap01 dd li.icon09{ background:url(../image/recruiting/icon_inst09.png) no-repeat 0 0} 


/*** 인재채용 >  직무소개 *****/  
.iconWrap02{ overflow:hidden; border:1px solid #d6d6d6; background:#f3f3f3; padding:50px ; margin-bottom:50px; } 
.iconWrap02 li{ float:left; width:16.6%; height:160px;}
.iconWrap02 li a{ display:block; width:141px; margin:0 auto; padding-top:150px; text-align:center; font-size:16px; color:#666}
.iconWrap02 li.icon01 a{ background:url(../image/recruiting/icon_intro01.png) no-repeat center 0}
.iconWrap02 li.icon02 a{ background:url(../image/recruiting/icon_intro02.png) no-repeat center 0}
.iconWrap02 li.icon03 a{ background:url(../image/recruiting/icon_intro03.png) no-repeat center 0}
.iconWrap02 li.icon04 a{ background:url(../image/recruiting/icon_intro04.png) no-repeat center 0}
.iconWrap02 li.icon05 a{ background:url(../image/recruiting/icon_intro05.png) no-repeat center 0}
.iconWrap02 li.icon06 a{ background:url(../image/recruiting/icon_intro06.png) no-repeat center 0} 

 
.introTable {margin-bottom:40px; border-top:2px solid #d22429; background:#fff;}
.introTable table {width:100%;} 
.introTable table td {line-height:160%; padding:10px ; font-size:14px; border-bottom:1px solid #d8d8d8; color:#4d4d4d; vertical-align:middle; text-align:center; background:#ebebeb; }
.introTable table td + td { background:#fff; text-align:left }
 
 /*** 인재채용 >  채용안내 *****/  
.guideStep{ overflow:hidden; border:1px solid #d6d6d6; background:#f3f3f3; padding:50px  0 50px 75px; margin-bottom:100px; } 
.guideStep li{ float:left; width:20%; }
.guideStep li strong{ display:block; max-width:160px;  padding-top:20px;  font-size:21px; line-height:120%; text-align:center; color:#2a2a2a} 
 
 
/*** 홍보센터 *****/ 
.iframeW{ width:700px; margin:0 auto; }
#fboardlist + div.boardSearch{ margin-top:20px;} 
#fboardlist + div.boardSearch .search .inText{display:inline}

/*** 고객지원 > 고객중심주의 *****/  
.servicerArea { overflow:hidden}
.servicerArea fieldset {margin-bottom:30px; border-top:2px solid #585858; border-bottom:1px solid #a0a0a0; background:#fff;} 
.servicerArea fieldset dl{overflow:hidden; width:100%;}
.servicerArea fieldset dl dt{float:left; width:15%; border-top:1px solid #d6d6d6;}
.servicerArea fieldset dl dt label,
.servicerArea fieldset dl dt b{display:block; min-height:74px; line-height:74px; background:#f7f7f7; border-right:1px solid #d6d6d6; text-align:center; font-size:14px; font-weight:normal}
.servicerArea fieldset dl dt.po label{font-size:24px; color:#ea4d51}
.servicerArea fieldset dl dd{float:left; width:83%; padding-left:2%; min-height:74px; line-height:74px; border-top:1px solid #d6d6d6;font-size:13px;}
.servicerArea fieldset dl dd input[type="text"],.servicerArea fieldset dl dd input[type="password"]{width:42%; padding:12px 0 11px; border:1px solid #d0d0d0;}
.servicerArea fieldset dl dd.phone input[type="text"] {width:13%; margin-right:5px;}
.servicerArea fieldset dl dd.subject input[type="text"] {width:98%; }

.servicerArea fieldset dl dd select{width:42%; padding:10px 0 9px; background:#e7e7e7; border:1px solid #d0d0d0;}
.servicerArea fieldset dl dd span{margin-left:5px;}

.servicerArea fieldset dl dt.textArea label { height:272px; }
.servicerArea fieldset dl dd.textArea{ height:272px; } 
.servicerArea fieldset dl dd.textArea textarea { width:97%;height:200px; margin-top:22px; }

.servicerArea fieldset dl dt:nth-of-type(1),
.servicerArea fieldset dl dd:nth-of-type(1){ border:0}

.servicerArea fieldset dl dd #captcha input[type="text"]{width:30%; margin-left:10px}
.servicerArea fieldset dl dd #captcha img{ vertical-align:middle}
.servicerArea fieldset dl dd #captcha button{background: #f7f7f7; border:1px solid #d0d0d0; height:40px; width:75px; letter-spacing:-1px; vertical-align:middle}

.servicerArea fieldset dl dd.textArea + dt label{ }
.servicerArea fieldset dl dd #captcha span{ display:block; margin:0 ; line-height:150%; text-indent:10px}

.servicerArea .btnArea{ margin-bottom:60px}
.servicerArea .btnArea .redBtn{display:inline-block; vertical-align:top; width:130px; height:40px; line-height:40px; margin-right:5px; text-align:center;font-size:14px; color:#fff; background:#E11B22}
.servicerArea .btnArea .grayBtn{display:inline-block; vertical-align:top; width:130px; height:40px; line-height:40px; text-align:center; color:#fff;font-size:14px; background:#777}

.serviceTop{ position:relative;  padding:33px 42px; margin-bottom:45px; min-height:255px; border:1px solid #d6d6d6; background:#f3f3f3; }
.serviceTop dt{ position:absolute; left:5%; top:10%; width:190px; height:190px; background:#E11B22; color:#fff; font-size:23px; text-align:center; border-radius:180px; }
.serviceTop dt span{ display:block; margin-top:60px;  letter-spacing:-1px; line-height:150%; }
.serviceTop dt em{ font-size:30px; letter-spacing:-2px; font-weight:bold }
.serviceTop dd{ margin-left:220px}
.serviceTop dd li{ margin-bottom:20px; line-height:160%; font-size:14px; padding-left:10px; }
.serviceTop dd li span{ display:block;  margin-left:-10px; margin-bottom:10px; padding-left:10px;background:url(../image/bul/bul_01.png) no-repeat 0 7px;  font-size:16px; color:#000}

.serviceNoti{ overflow:hidden;  border:1px solid #d6d6d6; background:#f3f3f3;}
.serviceNoti li{ position:relative; float:left; width:50%; line-height:160%;  font-size:14px; }
.serviceNoti li div{ padding:30px; }
.serviceNoti li span{ display:block;  margin-left:-10px; margin-bottom:15px; padding-left:10px;background:url(../image/bul/bul_01.png) no-repeat 0 7px;  font-size:16px; color:#000}
.serviceNoti li strong{display:block; margin-bottom:30px;  font-size:48px; color:#E11B22; letter-spacing:-2px} 
.serviceNoti li a{ display: block; width:128px; height:38px; margin-top:15px; line-height:38px; text-align: center; font-soze:14px; color:#393939; border:1px solid #d6d6d6; background:#fff}
.serviceNoti li div{  border-right:1px solid #d6d6d6; }
.serviceNoti li + li div{ border-right:0;}

/*** 로그인/회원가입 *****/ 
.grayBox{background:#f3f3f3; padding:50px; margin-bottom:90px}
.grayBox.login{background:#f3f3f3; padding:60px 90px}
.grayBox h3{font-size:45px; letter-spacing:-2px; margin:0 0 15px;}
.grayBox h3 b{color:#E11B22}
.grayBox h3 + p{font-size:14px; margin-bottom:25px;}
.grayBox.login fieldset{border:1px solid #d6d6d6; background:#fff; padding:50px 0; margin-bottom:20px}
.grayBox.login fieldset div{position:relative; width:520px; margin:0 auto}
.grayBox.login fieldset div p {position:relative; margin:0 auto 10px; } 
.grayBox.login fieldset label{display:inline-block; width:85px; font-size:14px}
.grayBox.login fieldset input[type="text"],.grayBox fieldset input[type="password"]{width:428px; padding:10px 0 9px; background:#e7e7e7; border:1px solid #d0d0d0;}
.grayBox.login fieldset > span{ display:block; max-width:510px; margin:20px auto 0; text-align:right; }
.grayBox.login fieldset #captcha input[type="text"]{width:30%; margin-left:10px}
.grayBox.login fieldset #captcha img{ vertical-align:middle}
.grayBox.login fieldset #captcha button{background: #f7f7f7; border:1px solid #d0d0d0; height:36px; width:65px; letter-spacing:-1px; vertical-align:middle}
.grayBox.login fieldset #captcha p span{ float:left; display:block; margin-top:10px; margin-left:90px} 
.grayBox.login fieldset #captcha p input[type="button"]{ float:right; width:90px; height:35px; background:#E11B22; color:#fff; font-size:14px; margin-right:4px;}

.grayBox.login fieldset.loginBox div p{ width:470px; } 
.grayBox.login fieldset.loginBox input[type="text"],.grayBox fieldset.loginBox input[type="password"]{width:300px; }
.grayBox.login fieldset.loginBox div input[type="button"]{ position:absolute; right:0; top:0; width:90px; height:80px;background:#E11B22; color:#fff; font-size:14px; } 

.grayBox.login > ul{overflow:hidden;}
.grayBox.login > ul li{overflow:hidden; padding:10px;  border-bottom:1px solid #d6d6d6}
.grayBox.login > ul li span{float:left; height:29px; line-height:29px;}
.grayBox.login > ul li a{float:right; display:inline-block; min-width:90px; text-align:center; color:#fff; background:#777; padding:8px 10px;}
.grayBox h4{font-size:19px; color:#444; font-weight:normal; margin-bottom:18px;}
.grayBox h4 + div{height:238px; margin-bottom:45px;  border:1px solid #d6d6d6; background:#fff; overflow-x:none; overflow-y:scroll}
.grayBox h4 + div > div{padding:20px 50px 20px 20px; line-height:150%}
.grayBox p + h4 {border-top:1px solid #d6d6d6; padding-top:35px;}
.grayBox .field{padding-bottom:35px; margin-bottom:30px; font-size:14px; text-align:center;border-bottom:1px solid #d6d6d6;}
.grayBox .field p{color:#1c1c1c; margin-top:10px;} 
.grayBox .btnArea .redBtn{display:inline-block; vertical-align:top; width:130px; height:70px; line-height:70px; margin-right:5px; text-align:center;font-size:14px; color:#fff; background:#E11B22}
.grayBox .btnArea .grayBtn{display:inline-block; vertical-align:top; width:130px; height:70px; line-height:70px; text-align:center; color:#fff;font-size:14px; background:#444}

.grayBox .condBox01{font-size:14px; padding:20px;  border:1px solid #d6d6d6; background:#fff;}
.grayBox .condBox01 h5{color:#ea4d51; margin-bottom:25px;}
.grayBox .condBox01 dl,
.grayBox .condBox01 > ul,
.grayBox .condBox01 > p{margin-bottom:25px; line-height:150%}
.grayBox .condBox01 dt {color:#000; margin-bottom:5px}
.grayBox .condBox01 dd{font-size:13px; margin-bottom:20px}

.memJoin {margin-bottom:30px; border-top:2px solid #585858; border-bottom:1px solid #a0a0a0; background:#fff;} 
.memJoin dl{overflow:hidden; width:100%;}
.memJoin dl dt{float:left; width:18%;border-top:1px solid #d6d6d6;}
.memJoin dl dt label,
.memJoin dl dt b{display:block; min-height:50px; line-height:50px; background:#f7f7f7; border-right:1px solid #d6d6d6; text-indent:10px; font-size:14px; font-weight:bold}
.memJoin dl dt.po label{font-size:24px; color:#ea4d51}
.memJoin dl dd{float:left; width:80%; padding-left:2%; min-height:50px; line-height:50px; border-top:1px solid #d6d6d6;font-size:13px;}
.memJoin dl dd input[type="text"],.memJoin dl dd input[type="password"]{width:30%; padding:8px 0 7px; background:#e7e7e7; border:1px solid #d0d0d0;}
.memJoin dl dd select{width:30%; padding:8px 0 7px; background:#e7e7e7; border:1px solid #d0d0d0;}
.memJoin dl dd span{margin-left:5px;}
.memJoin dl dt:nth-of-type(1),
.memJoin dl dd:nth-of-type(1){ border:0} 
.memJoin dl dt.captchA label{ min-height:85px;}

.memJoin dl dd #captcha input[type="text"]{width: 22%; margin-left:0}
.memJoin dl dd #captcha img{ vertical-align:middle}
.memJoin dl dd #captcha label{overflow:hidden; position:absolute; left:-9999em; height:0; font-size:0; line-height:0;}
.memJoin dl dd #captcha button{background: #f7f7f7; border:1px solid #d0d0d0; height:32px; width:65px; letter-spacing:-1px; vertical-align:middle} 
.memJoin dl dd #captcha span{ display:block; margin:0 ; line-height:140%; text-indent:10px}

 /*** 검색결과 *****/ 
.searchBox  .searchTop{ padding:55px 20px; background:#f3f3f3; border:1px solid #d6d6d6; margin-bottom:30px;}
.searchBox  .searchTop  fieldset{ max-width:500px; margin:0 auto}
.searchBox  .searchTop  fieldset label{ display:block; margin-bottom:10px; font-size:14px;}
.searchBox  .searchTop  fieldset p{ position:relative; background:#d1383a; padding:4px; }
.searchBox  .searchTop  fieldset p input[type="submit"]{ position:absolute; right:0; top:0; width:59px; height:44px;background:#d1383a; color:#fff}
.searchBox  .searchTop  fieldset p span{ display:block; margin-right:56px; background:#fff}
.searchBox  .searchTop  fieldset p span input{ width:100%; border:0; padding:10px 0 11px; }

.searchResult { position:relative}
.searchResult > a {display: block;position: absolute;top: 0;right: 0; width: 58px;height: 20px;line-height: 20px;border: 1px solid #ccc;text-align: center; font-size: 12px;}
#container .conts .searchResult h3{ padding-left:10px; margin-bottom:20px;  border-left:4px solid #d1383a; font-size:18px; letter-spacing:0}
#container .conts .searchResult h3 b{ color:#d1383a; }
.searchResult ul{ margin:0 0 20px;  padding:30px 0; border-top:1px solid #848484}
.searchResult ul li{ line-height:150%; margin-bottom:10px; font-size:13px; letter-spacing:-1px;}
.searchResult ul li a{ display:inline-block; color:#292929}
.searchResult ul li span{ height:14px; line-height:14px; border-left:1px solid #ccc; padding-left:15px; margin-left:15px; display:inline-block; color:#777}

.spec {width: 100%;border-collapse: collapse;border-top: 1px;font-size: 18px;text-align: left;vertical-align: middle;}
.spec th{padding:2% 0% 2% 2%;background: #BFC0C3;border-bottom: 1px dashed #FCFCFC;color: #616161;vertical-align: middle; width: 40%}
.spec td{padding:2% 0% 2% 2%;background: #FCFCFC;border-bottom: 1px dashed #BFC0C3;vertical-align: middle;}
.spec td{line-height: 160%}
.spec .first th,.spec .first td{border-top: 3px #A6A7AB solid}
.spec .last th,.spec .last td{border-bottom: 3px #A6A7AB solid}
.spec .none{width: 3%;background: none;border: 0px !important} 

#right_banner {position:fixed;z-index:99;width:100px;bottom:240px;display:flex;flex-direction:column;right:100px;}
.right_banner {position:fixed;z-index:99;width:100px;bottom:10px;display:flex;flex-direction:column;right:10px;}
.right_banner .rbanner01 {width:100%;}
.right_banner .rbanner01 img{width:100px;}
.right_banner .rbanner01 .rb1 {}
@media (max-width:1044px){
.productWrap {
    background: none !important;
}
}
@media only screen and (min-width:740px) and (max-width:1044px) {  
 	
	/*** 하이로닉 소개 *****/ 
	.ceoPic{overflow:hidden;}
	.ceoPic img{display:none}
	.ceoPic p {float:none; width:auto;}

	.ceoGreet {padding-left:0; margin-bottom: 40px; background: none;}  
	
	/*** 회사소개 ****/   
	.company > dl{ padding:20px 0 10px; } 
	
	/*** 회사소개 > 오시는길 *****/   
	.tab01.m02 + h3{ margin-top:40px}  
	.map{ margin-bottom:50px}  
	.mapBox{min-height: 0px}
	.rightbox {position:static;width:100%}	
	.leftbox {float:none;width:100%}
	/*** 회사소개 > 기업문화 *****/  
	.culture > li{ float:none; width:100%;  margin-top:0; } 
	.culture > li.list02, .culture > li.list04{ float:none; }
	.culture > li.list03, .culture > li.list04{padding-bottom:10px}
 	.culture > li > dl > dd{ height:auto; padding-bottom:30px } 
 
	.iconWrap dd li{ width:50%;}
	
	/*** 회사소개 > CSR활동 *****/   
	.csrList li.firstH,
	.csrList li.secondH,
	.csrList li.thirdH{background:none} 
	.csrList li dd{ width:100%} 
	
	/*** 주요제품 *****/  
	.productTop p{width:35%;} 
	.productTop.cream{background:url(../image/product/img_cream.png) no-repeat -100px 0; } 
	.productTop.serum{background:url(../image/product/img_serum.png) no-repeat -100px 0; } 
	.productTop.miraclear p span,
	.productTop.cream p span,
	.productTop.serum p span{display:block; margin:45px 0 15px 35px; letter-spacing:-3px; }
	.productTop.miraclear p  strong,
	.productTop.cream p  strong,
	.productTop.serum p strong{ font-size:42px; line-height:120% } 
	.productTop.miraclear p strong span,
	.productTop.cream p strong span,
	.productTop.serum p strong span{display:block; margin:0; font-size:42px;}
	
	/*.productWrap.doublo{ padding-bottom:10px; background:url(../image/product/img_doublo01.png) no-repeat 97% 0 }
	.productWrap.doubloS{background:url(../image/product/img_doublos01_Pad.png) no-repeat 97% 80px }
	.productWrap.doubloV{background:url(../image/product/img_doublov01.png) no-repeat 97% 0; }
	.productWrap.micool{background:url(../image/product/img_micool01.png) no-repeat 100% 320px; }
	.productWrap.micoolS{background:url(../image/product/img_micools01.png) no-repeat 100% -60px;}
	.productWrap.miraclear{background:none;}
	.productWrap.asymo{background:url(../image/product/img_asymo01.png) no-repeat 97% 0; }
	.productWrap.cream{background:none;}
	.productWrap.serum{background:none;}  */
	.productWrap	{background:none !important;}

	.productWrap .leftA{width:65%}  
	.productWrap dl.dlstyle01{width:88%; } 
	.productWrap dl.dlstyle02{margin-top:150px; width:88%; } 
	 
	.imgBox{ margin:25px 0 40px; } 
	.noitBox{ padding:40px 50px 40px 40px; border-top:3px solid #969798; background:#f3f3f3; overflow:hidden; font-size:14px; line-height:170%}
	.noitBox dl{ float:left; } 
	.noitBox ul{ float:left; margin-top:25px} 
	.productWrap .stBox{ float:left;  width:99.5%; margin-top:30px; border:1px solid #d6d6d6; }
	 
	.noitBox01 ul li:nth-of-type(odd){ width:100%; }
	.noitBox01 ul li:nth-of-type(even){ width:100%;  float:left}
	
	.productWrap.cream .leftA,
	.productWrap.serum .leftA,
	.productWrap .leftA{width:100%}
	
  	.creamBox{ padding:40px 20px;}
	.creamBox li{ width:28%}
	.creamBox.ca01 li{width:22%}
	.creamBox.ca01 li{width:20%; }
	.creamBox li div{ width:100%; } 
	.creamBox li div dt{ font-size:14px; }
	.creamBox li div dd{ font-size:13px; }
	.creamBox.ca01 li.last{width:90%;  display:block; background:none; margin:15px 0 0 15px; padding:0; text-align:left} 

	/*** 인재채용 >  인재상 *****/
	.talent{ margin-top:20px; padding-bottom:340px }
	.talent > li{ float:left; width:100%;  } 
	
	/*** 인재채용 >  인사제도 *****/ 
	.institution p{ padding:50px 0; text-align:center; background:#f3f3f3; border:1px solid #d6d6d6}
	.institution p img{ max-width:600px} 

	.instList > li{  width:100%; height:auto; padding-top:30px; padding-bottom:40px; }  
	.instList > li.list03 { border-bottom:1px solid #d6d6d6}
 	 
	.iconWrap01{ overflow:hidden; position:relative; border:1px solid #d6d6d6; background:#f3f3f3; padding:20px; height: auto;}
	.iconWrap01 dt{ position:relative; left:0; top:0; width:auto; height:auto;  padding:20px;  text-align:left; }
	.iconWrap01 dt span{ display:inline}
	.iconWrap01 dd ul{ margin-left:0; margin-top:20px; }
	.iconWrap01 dd li{   width:33.3%;  }   
  
  	/*** 인재채용 >  직무소개 *****/  
	.iconWrap02{ padding:50px 30px 20px;  } 
	.iconWrap02 li{  width:33.3%; height:190px;} 
	
	 /*** 인재채용 >  채용안내 *****/  
	.guideStep{ padding:50px  0 30px 35px; } 
	.guideStep li{ width:33.3%; margin-bottom:20px; } 
	
	 /*** 고객지원 > 고객중심주의 *****/   
	.serviceTop dd{ }
	 
	.grayBox.login fieldset.loginBox div p{ width:450px; } 
	.grayBox.login fieldset.loginBox input[type="text"],.grayBox fieldset.loginBox input[type="password"]{width:250px; }
	.grayBox.login fieldset.loginBox div input[type="button"]{ right:40px;} 
.spec {font-size: 15px}
}

@media (max-width:1044px){
.productWrap {
    background: none !important;
}
}
@media only screen and (max-width:739px) {
	/*dis map*/
	#contArea > img {width:100% !important}

	/*** 회사소개 > 가치체계 *****/   
	.company > dl{ padding:5px 0 10px; }
	.company > dl > dt{ font-size:15px; margin-bottom:10px;} 
	.company > dl > dt strong{ display:block} 
	.company > dl > dd{ font-size:12px; } 
	
	/*** 하이로닉 소개 *****/ 
	.ceoPic{ background: url(../image/company/img_ceo.png) no-repeat 0 0 / 180px 160px; margin-bottom:20px; height:auto}
	.ceoPic p{float:none; width:auto; height:160px; margin-left:180px}
	.ceoPic p span{left:20px; bottom:22px; color:#fff; font-size:10px;}
	.ceoPic p strong{font-size:24px; font-weight:bold; margin-top:10px}
	.ceoPic img{display:none} 

	.ceoGreet{padding-left:0; margin-bottom:20px; background:none}
	.ceoGreet p{font-size:12px; line-height:160%; margin-bottom:10px;}
	.ceoGreet .tit{font-size:15px; line-height:130%;}
	.ceoGreet .titRed{font-size:15px; line-height:130%;} 
	
	/*** 회사소개 > 연혁 *****/  
	.historyTop{ position:relative; margin-bottom:10px; margin-top:0 }  
	dl + .historyTop{ margin-top:0} 
	.historyTop p{border-top: #b3161b solid;}
	.historyTop p span{display:inline-block;  font-size:12px;}
	.historyTop p strong{display:inline-block; font-size:23px; }
	
	.history{ overflow:hidden;}
	.history > li{ overflow:hidden; overflow:hidden; padding-bottom:0; margin-bottom:0; border-bottom:0 } 
	.history > li dl{ width:100%; margin-bottom:15px; border-bottom:0px solid #d6d6d6; padding-bottom:15px; }
	.history > li dl dt{ top:2px;  font-size:13px; }
	.history > li dl dd{ margin-left:38px; font-size:12px; line-height:170%;}
	.history > li dl dd li{ padding-left:8px; line-height:160%; background-size:3px 3px}

	/*** 회사소개 > 가치체계 *****/    
	/*.value{ padding-bottom:217px;  background-position:100% 100%} */
	.value p{ padding:25px 0; }
	.value p img{ max-width:280px}

	/*** 회사소개 > 오시는길 *****/   
	.rightbox {position:static;width:100%}	
	.leftbox {float:none;width:100%}
	.tab01.m02 + h3{ margin-top:25px}  
	.map{ margin-bottom:25px} 
	.mapBox{ padding:15px 15px 10px; margin-bottom:25px; min-height: 0px}
	.mapBox dl{ line-height:160%;background:none !important}
	.mapBox dl dt{ padding-left:8px; margin-bottom:3px; font-size:13px;  background-size:3px 3px}  
	.mapBox dl dd{ font-size:12px; margin-bottom:10px; margin-left:8px; letter-spacing:-1px } 
	.mapBox dl dd p{ margin-bottom:5px;}
	.mapBox dl dd p span{ display:inline-block; padding:1px 10px; color:#fff; font-size:12px; background:#e5196b}
	.mapBox dl dd p span + span{ color:#000;  background:#ffd03b; margin-left:-2px;}


	/*** 회사소개 > 기업문화 *****/ 
	.culture{ margin-top:5px;}
	.culture > li{ float:none; width:100%;  margin-top:0; padding-top:20px } 
	.culture > li.list02, .culture > li.list04{ float:none; }
	.culture > li.list03, .culture > li.list04{padding-bottom:10px} 
	.culture > li > dl > dt{ font-size:15px; padding-left:30px;} 
	.culture > li > dl > dt span{ display: inline} 
	.culture > li.list01 > dl > dt,
	.culture > li.list02 > dl > dt,
	.culture > li.list03 > dl > dt,
	.culture > li.list04 > dl > dt{ background-size:20px 20px; }
	.culture > li > dl > dd{ height:auto; padding-bottom:20px; padding-top:145px; }  
	.culture > li.list01 > dl > dd,  
	.culture > li.list02 > dl > dd,
	.culture > li.list03 > dl > dd,
	.culture > li.list04 > dl > dd{ background-size:300px 135px; }
	.culture > li > dl > dd ul{ margin-left:0;}
	.culture > li > dl > dd li{ padding-left:8px; line-height:160%; font-size:12px;  background-size:3px 3px }
	
	.iconWrap{ border:5px solid #8e8e8e;  padding:12px ; margin-top:-20px;}
	.iconWrap dt{ padding:10px;  font-size:15px; }
	.iconWrap dd{ margin-top:20px;} 
	.iconWrap dd li{  width:50%;  font-size:12px; height:40px; letter-spacing:-1px ;line-height:100%}
	.iconWrap dd li p{ margin-left:45px; margin-top:2px;} 
	.iconWrap dd li.icon01,
	.iconWrap dd li.icon02,
	.iconWrap dd li.icon03,
	.iconWrap dd li.icon04,
	.iconWrap dd li.icon05,
	.iconWrap dd li.icon06,
	.iconWrap dd li.icon07,
	.iconWrap dd li.icon08,
	.iconWrap dd li.icon09,
	.iconWrap dd li.icon10{ background-size:40px 40px }

	/*** 회사소개 > CSR활동 *****/  
	.csr p{ padding:25px 0; }
	.csr p img{ max-width:280px}
	.csrList { margin-top:20px}
	.csrList li{ height:auto; padding-bottom:0; margin-bottom:20px;}
 	.csrList li.firstH,
	.csrList li.secondH,
	.csrList li.thirdH{background:none} 
	.csrList li dt{ font-size:15px;}
	.csrList li dd{ width:100%; font-size:12px;}
	
	/*** 주요제품 *****/ 
	.productTop { position:relative; margin-bottom:0; height:265px; overflow:hidden}
	.productTop.doublo,
	.productTop.doubloS,
	.productTop.doubloV,
	.productTop.micool,
	.productTop.micoolS,
	.productTop.miraclear,
	.productTop.asymo,
	.productTop.cream,
	.productTop.serum{background-size:365px 175px; background-position:center 0} 
 
	.productTop p{ float:none; position:absolute; bottom:0; left:0; width:100%; height:90px; padding-top:0px }
	.productTop p span{display:block; margin:20px 0 0 20px;font-size:23px;}
	.productTop p strong{display:block; margin-top:5px; font-size:23px; } 
	.productTop p strong span{ font-size:23px; margin:0; display:inline}

	.product p{ font-size:12px; margin-bottom:15px} 
	.productWrap{ margin-bottom:20px;} 
	.productWrap.doublo,
	.productWrap.doubloS,
	.productWrap.doubloV,
	.productWrap.micool,
	.productWrap.micoolS,
	.productWrap.Afit,
	.productWrap.miraclear,
	.productWrap.Easymo,
	.productWrap.cream,
	.productWrap.serum,
	.productWrap.doublo-v{background:none; padding-bottom:0}
	.productWrap.doublo-a{background:none; padding-bottom:0}
	.productWrap.doublo-m{background:none; padding-bottom:0}
	.productWrap.newmideas{background:none; padding-bottom:0}
	.productWrap.MIXEL{background:none; padding-bottom:0}
	.productWrap.MIPL{background:none; padding-bottom:0}
	.productWrap.MIDEPI{background:none; padding-bottom:0}
	.productWrap.MICOOL-A{background:none; padding-bottom:0}


	.productWrap dl.dlstyle01{ width:90%; height:auto; padding:15px ; margin-bottom:20px;  font-size:15px; }
	.productWrap dl.dlstyle01 dt{ margin-bottom:0; font-size:18px; }
	.productWrap dl.dlstyle01 dd{ color:#0092d9; font-weight:bold} 
	.productWrap dl.dlstyle01 dd span{ display:inline} 
	.productWrap dl.dlstyle01 dd + dd{ position:relative; right:0; top:0; text-align:center; margin-top:20px !important}
	.productWrap dl.dlstyle01 dd + dd img{ width:70%} 
	.productWrap dl.dlstyle02{width:90%;  height:auto; padding:15px; } 
	.productWrap dl.dlstyle02 dt{  font-size:16px;  margin-top:0; margin-bottom:15px;  }
	.productWrap dl.dlstyle02 dt span{ display:inline}
	.productWrap dl.dlstyle02 dd{ position:relative; right:0; top:0; text-align:center} 
	.productWrap dl.dlstyle02 dd img{ width:70%} 
	
	.productWrap .leftA{ float:left; width:57.5%}
	.productWrap .leftA dl{ padding:30px 30px 0; margin-top:25px; border:1px solid #d6d6d6; background:#f3f3f3; font-size:14px; line-height:150% }
	.productWrap .leftA dl dt{ margin-bottom:10px; padding-left:8px; font-weight:bold; font-size:16px; color:#222; background-size:3px 3px}
	.productWrap .leftA dl dd{ margin-bottom:30px; margin-left:8px;} 
	
	.imgBox,
	.imgBox.doubloS{ height:180px; margin:15px 0 20px; background-size:320px 212px;} 
	.imgBox01{padding:20px 20px 15px; margin-top:-20px; margin-bottom:20px;}
	.imgBox01.mtNo{ margin-bottom:0; border-bottom:0}
	.imgBox01 img{ width:70%}
	.imgBox02{padding:20px 15px 15px; margin-bottom:20px;}
	.imgBox02 img{ width:260px;} 
	
	.productWrap .leftA{  width:100%}
	.productWrap .leftA dl{ padding:16px 16px 0; margin-top:15px; }
	.productWrap .leftA dl dt{ padding-left:8px; font-size:14px; background-size:3px 3px; }
	.productWrap .leftA dl dd{ margin-bottom:15px; font-size:12px; margin-left:8px} 
	.productWrap .rightA  {display:none}

	.noitBox{ padding:15px  ; border-top:2px solid #969798; }
	.noitBox dt{ margin-bottom:10px; font-size:15px; } 
	.noitBox dd{ margin-bottom:0; font-size:12px; } 
	.noitBox ul{ float:left; margin-top:10px}
	.noitBox ul li{  padding-left:8px; font-size:12px; background-size:3px 3px; line-height:170%; }
	
	.productWrap .leftB{  width:100%}
	.productWrap .stBox{ float:left;  width:99.5%; margin-top:0; border:1px solid #d6d6d6; }
	.noitBox01{ padding:15px ; font-size:12px; margin-bottom:20px; }
	.noitBox01 ul{ overflow: visible}
	.noitBox01 ul li{ float:none;  padding-left:8px; font-size:12px; background-size:3px 3px;line-height:170%; } 
	.noitBox01 ul li:nth-of-type(odd){ width:100%; }
	.noitBox01 ul li:nth-of-type(even){ width:100%;  float:left}
	.noitBox02 {padding:15px ; margin-bottom:0;}
	.noitBox02 li{ font-size:12px; padding-left:8px; background-size:3px 3px;line-height:170%;}
  	.doubloTable { margin-bottom:20px;}
  	.doubloTable table { font-size:12px;}
	.doubloTable table th span{ display:block}
	
	.leftA .noitBox02{ margin-bottom:15px;}
	.leftB .noitBox02 { margin-bottom:20px;}
	.leftB .noitBox02 li{ background-position:0 7px}  
	
	.productWrap.miraclear .leftA{width:100%}
	.h3Mir{ padding-top:0;}
	.ulstyle01{  margin-top:-16px; margin-bottom:15px; }
	.ulstyle01 li{ background-size:5px 9px;  }
	.ulstyle01 li:first-child{ background:none; }
	.ulstyle01 li span{ display:block; width:65px; height:40px; margin:20px auto; padding-top:95px}
	.ulstyle01 li.img01 span,
	.ulstyle01 li.img02 span,
	.ulstyle01 li.img03 span,
	.ulstyle01 li.img04 span{  background-size:65px 88px;}
	.ulstyle01 li span strong{ font-size:11px; height:30px; }
	.ulstyle01 li span em{ background:none; font-size:11px; padding-left:0; letter-spacing:-1px}
	
	.creamBox{ padding: 20px 15px 20px 20px;}
	.creamBox li{ width:28%; display:block; float:left; margin:0 0 0 8px; padding:0 0 0 10px; background-size:5px 9px; background-position:0 25% } 
	.creamBox.ca01{padding: 20px 15px ;}
	.creamBox.ca01 li{width:21%; background-position:0 40%; margin:0 0 0 6px; padding:0 0 0 8px;  }
	.creamBox.ca01 li:first-child{ margin:0; padding:0;}
	.creamBox li div{ width:100%; } 
	.creamBox li div dt{ font-size:13px; }
	.creamBox li div dd{ font-size:11px; }
	.creamBox.ca01 li.last{width:99%; font-size:11px; line-height:150%; margin:15px 0 0 0; padding:0; }

	.noitBox02 > strong.tit { font-size: 13px;}
	.noitBox02 > span { font-size:12px;}
	
	.creamTop,
	.creamTop.serum{ margin-top:-21px; margin-bottom:15px; padding:15px 20px; height:auto; background-size:756px 180px;}
	.creamTop p{ font-size:12px; } 
	.creamTop dl{ margin-top:60px; padding:8px 10px; line-height:150% }
	.creamTop dl dt{ margin-bottom:3px; font-size:13px;  }
	.creamTop dl dd{ font-size:11px;  letter-spacing:-1px }

	/*** 인재채용 >  인재상 *****/
	.talent{ margin-top:10px; /*padding-bottom:190px; background-position:0 100%; background-size:720px 183px*/}
	.talent > li{  width:100%; padding:20px 0 15px; }   
	.talent > li > dl{ padding-left:0; height:auto;  }
	.talent > li > dl > dt {margin-bottom:10px; font-size:15px; }   
	.talent > li > dl > dd{ font-size:12px; } 
	.talent > li.list01 > dl,
	.talent > li.list02 > dl,
	.talent > li.list03 > dl,
	.talent > li.list04 > dl { background:none;}
	.talent > li > dl > dd ul{ margin-top:10px;}
	.talent > li > dl > dd li{ padding-left:8px; background-size: 3px 3px}
 
 	/*** 인재채용 >  인사제도 *****/ 
	.institution p{ padding:50px 0; text-align:center; background:#f3f3f3; border:1px solid #d6d6d6}
	.institution p img{ max-width:300px} 

	.instList > li{  width:100%; height:auto; padding-top:20px; padding-bottom:20px; }
	.instList > li > dl > dt { font-size: 15px; margin-bottom:10px}
  	.instList > li > dl > dd { font-size: 12px; }

	.instList > li.list03 { border-bottom:1px solid #d6d6d6}
 	 
	.iconWrap01{ overflow:hidden; position:relative; border:1px solid #d6d6d6; background:#f3f3f3; padding:15px; height: auto;}
	.iconWrap01 dt{ position:relative; left:0; top:0; width:auto; height:auto;  padding:10px;  text-align:left; font-size:15px; }
	.iconWrap01 dt span{ display:inline}
	.iconWrap01 dd ul{ margin-left:0; margin-top:15px; }
	.iconWrap01 dd li{ width:50%; font-size:12px;  height:40px; letter-spacing:-1px}   
   
	.iconWrap01 dd li p{ margin-left:50px; margin-top:2px;}
	.iconWrap01 dd li span{ display:block}
	.iconWrap01 dd li.icon01,
	.iconWrap01 dd li.icon02,
	.iconWrap01 dd li.icon03,
	.iconWrap01 dd li.icon04,
	.iconWrap01 dd li.icon05,
	.iconWrap01 dd li.icon06,
	.iconWrap01 dd li.icon07,
	.iconWrap01 dd li.icon08,
	.iconWrap01 dd li.icon09{ background-size:40px 40px }
	
	/*** 인재채용 >  직무소개 *****/  
	.iconWrap02{ padding:15px 15px 0; margin-bottom:20px; } 
	.iconWrap02 li{ width:33.3%; height:80px;} 
	.iconWrap02 li span{  width:80px; margin:0 auto; padding-top:50px; font-size:12px;} 
	.iconWrap02 li.icon01 span,
	.iconWrap02 li.icon02 span,
	.iconWrap02 li.icon03 span,
	.iconWrap02 li.icon04 span,
	.iconWrap02 li.icon05 span,
	.iconWrap02 li.icon06 span{ background-size:40px 40px; } 
	
	.introTable {margin-bottom:20px; }
	.introTable td span { display:block }
	.introTable table td { font-size:12px;}
	
	 /*** 인재채용 >  채용안내 *****/  
	.guideStep{ padding:15px  0 0 10px;  margin-bottom:50px; } 
	.guideStep li{ width:33.3%; margin-bottom:15px; } 
	.guideStep li img{ width:100px; height:88px}
	.guideStep li.last img{ width:79px; height:88px} 
	.guideStep li strong{ font-size:13px; max-width:80px; padding-top:10px;}
	
	/*** 로그인/회원가입 *****/ 
	.grayBox{padding:15px 15px 20px; margin-bottom:20px}
	.grayBox.login{padding:20px}
	.grayBox h3{font-size:24px;  margin:0 0 15px;} 
	.grayBox h3 + p{margin-bottom:15px; line-height:140%; font-size:13px; letter-spacing:-1px}
	.grayBox.login fieldset{ padding:20px 0; margin-bottom:10px}
	.grayBox.login fieldset div{width:auto; padding:0 10px} 
	.grayBox.login fieldset div p { width:auto; margin-bottom:25px; } 
	.grayBox.login fieldset label{margin-bottom:5px; display:block}
	.grayBox.login fieldset input[type="text"],.grayBox fieldset input[type="password"]{width:99%;}
	.grayBox.login fieldset input[type="button"]{position:relative; width:100%; height:40px; margin-top:10px} 
	 
	.grayBox.login fieldset > span{ display:block; max-width:510px; margin:20px auto 0; text-align:right; }
	.grayBox.login fieldset #captcha input[type="text"]{width:60%; margin-left:10px} 
	.grayBox.login fieldset #captcha img{ vertical-align:middle}
	.grayBox.login fieldset #captcha input[type="text"]{ float:right; margin-right:2px; width:45%}
	.grayBox.login fieldset #captcha > span{ display:block; text-align:center}
	.grayBox.login fieldset #captcha button{ width:49%; }
	.grayBox.login fieldset #captcha p{ margin-bottom:0}
	.grayBox.login fieldset #captcha p span{ width:100%; margin-left:0; margin-top:20px; text-align:center} 
	.grayBox.login fieldset #captcha p input[type="button"]{ float:none; width:99%;  margin-right:0; height:25px}
 	
	.grayBox.login fieldset.loginBox div p{ width:auto; } 
	.grayBox.login fieldset.loginBox input[type="text"],.grayBox fieldset.loginBox input[type="password"]{width:99%;}
	.grayBox.login fieldset.loginBox div input[type="button"]{ position: relative; right:0; top:0;  height:40px; }
 
	.grayBox.login > ul li{padding-left:0; padding-top:0}
	.grayBox.login > ul li span{float:none; font-size:12px; display:block; margin-bottom:3px;}
	.grayBox.login > ul li a{float:none; display:block; min-width:100%; padding:6px 0}
	.grayBox h4{font-size:16px;  margin-bottom:15px;}
	.grayBox h4 + div{margin-bottom:20px;}
	.grayBox h4 + div > div{padding:10px 10px 20px 10px;}
	.grayBox p + h4 {padding-top:20px;}
	.grayBox .field{padding-bottom:15px; margin-bottom:20px; line-height:130%}
	.grayBox .field p{color:#1c1c1c; margin-top:10px;}
	.grayBox .btnArea{text-align:center}
	.grayBox .btnArea .redBtn{width:48%; height:33px; line-height:33px;}
	.grayBox .btnArea .grayBtn{width:48%; height:33px; line-height:33px;} 
 

	.grayBox .condBox01{font-size:12px; padding:15px;}
	.grayBox .condBox01 h5{margin-bottom:20px;} 
	
	.memJoin {margin-bottom:20px; border-top:2px solid #585858; border-bottom:1px solid #a0a0a0; background:#fff;} 
	.memJoin dl{overflow:hidden; width:100%;}
	.memJoin dl dt{float:none; width:100%; }
	.memJoin dl dt label,
	.memJoin dl dt b{min-height:40px; height:40px;line-height:40px;  border-right:0; }
	.memJoin dl dt.po label{font-size:24px; color:#ea4d51}
	.memJoin dl dd{float:none; width:96%; min-height:30px; line-height:130%; padding:10px 2%; font-size:13px;}
	.memJoin dl dd input[type="text"],.memJoin dl dd input[type="password"]{width:99%;}
	.memJoin dl dd select{width:99%;}
	.memJoin dl dd span{display:block; margin-left:0px; margin-top:10px; padding:0 10px; line-height:140%;}
	
	.iframeW{ width:100%; margin:0 auto; height:560px; overflow-y:none; overflow-x:scroll;} 
	
	/*** 고객지원 > 고객중심주의 *****/   
	.servicerArea fieldset {margin-bottom:20px; } 
	.servicerArea fieldset dl{overflow:hidden; width:100%;}
	.servicerArea fieldset dl dt{float:none; width:100%; }
	.servicerArea fieldset dl dt label,
	.servicerArea fieldset dl dt b{min-height:40px; height:40px;line-height:40px; border-right:0; text-align:left; text-indent:20px }
	.servicerArea fieldset dl dt.po label{font-size:24px; color:#ea4d51}
	.servicerArea fieldset dl dd{float:none; width:96%; min-height:30px; line-height:130%; padding:10px 2%; font-size:13px;}
	.servicerArea fieldset dl dd input[type="text"] {width:99%;}
	.servicerArea fieldset dl dd.phone input[type="text"] {width:30%; }
	.servicerArea fieldset dl dd select{width:99%; } 
	
	.servicerArea fieldset dl dt.textArea label {  height:40px; }
	.servicerArea fieldset dl dd.textArea{ height:auto;}
	.servicerArea fieldset dl dd.textArea textarea { width:97%;height:100px; margin-top:0; }
	.servicerArea fieldset dl dd.textArea + dt label{ height:auto;} 
	.servicerArea fieldset dl dd:nth-of-type(1){ border-top:1px solid #d6d6d6;}
	
	.servicerArea .btnArea{ margin-bottom:30px} 
	
	.serviceTop{  padding:20px  20px 5px; margin-bottom:25px; min-height:none;  }
	.serviceTop dt{ position:relative; top:5%; left:0; width:100%; height:40px; line-height:40px; margin-bottom:20px; font-size:18px;  }
	.serviceTop dt span{ display: inline; margin-top:40px;  letter-spacing:-1px; line-height:150%; }
	.serviceTop dd{ margin-left:0}
	.serviceTop dd li{ margin-bottom:15px;  font-size:12px; }
	.serviceTop dd li span{  font-size:13px; background-size:3px 3px; padding-left:8px; }
	 
	.serviceNoti li{ width:100%; font-size:12px;} 
	.serviceNoti li div{ padding:20px;border-bottom:1px solid #ccc; border-right:0; }
	.serviceNoti li + li div{ padding-top:20px; border-bottom:0;border-left:0 !important}
	.serviceNoti li span{ font-size:14px;}
	.serviceNoti li strong{font-size:30px; margin-bottom:15px;  }
	
     /*** 검색결과 *****/ 
	.searchBox  .searchTop{ padding:20px; margin-bottom:20px;}
	.searchBox  .searchTop  fieldset{ max-width:500px; margin:0 auto} 
	 
	#container .conts .searchResult h3{ margin:0 60px 5px 0; padding:0 0 15px 0; height:15px; line-height:15px; border-left:0; font-size:13px; letter-spacing:-1px} 
	.searchResult > a {width:50px; font-size:11px; height:16px; line-height:16px; padding-top:1px}
	.searchResult ul{ margin:0 0 15px; padding:10px 0; }
	.searchResult ul li{ margin-bottom:8px; font-size:12px; }
	.searchResult ul li a{ display:inline-block; }
	.searchResult ul li span{ padding-left:10px; margin-left:10px; }
	
	/*** 홍보센터 *****/
	#fboardlist + div.boardSearch{ margin-top:20px;} 
	#fboardlist + div.boardSearch .search .inText{display:block; }
	 
.spec {font-size: 12px}
}

@media only screen and (max-width:640px) {
	.right_banner {position:fixed;z-index:99;width:70px;bottom:100px;display:flex;flex-direction:column;right:20px;}
	.right_banner .rtalk {width:100%;}
	.right_banner .rtalk img{width:70px;}
	.right_banner .rtalk .rtalk_msg{margin-right:0;margin-bottom:10px;}
	.right_banner .rbanner01 {width:100%;height:0px;margin:0 auto;text-align:right;}
	.right_banner .rbanner01 img{width:70px;}
	.right_banner .rbanner01 .rb1 {margin-right:0px;}

}
@media only screen and (max-width:340px) {
 
	.company > div p img{ max-width:245px !important}
	.institution p img{ max-width:280px !important} 
 
 	.culture > li > dl > dd{ padding-top:135px!important; }  
	.culture > li.list01 > dl > dd,
	.culture > li.list02 > dl > dd,
	.culture > li.list03 > dl > dd,
	.culture > li.list04 > dl > dd{ background-size:290px 125px !important; }
	
	.iconWrap dd li{ height:35px!important;  }
	.iconWrap dd li p{ margin-left:40px!important; font-size:11px !important; } 
	.iconWrap dd li.icon01,
	.iconWrap dd li.icon02,
	.iconWrap dd li.icon03,
	.iconWrap dd li.icon04,
	.iconWrap dd li.icon05,
	.iconWrap dd li.icon06,
	.iconWrap dd li.icon07,
	.iconWrap dd li.icon08,
	.iconWrap dd li.icon09,
	.iconWrap dd li.icon10{ background-size:35px 35px!important }
	 
	.productWrap dl.dlstyle01,
	.productWrap dl.dlstyle02{ width:88% !important }
	
	.imgBox.doubloS{ height:180px; margin:15px 0 20px; background-size:300px 200px!important;} 
	.imgBox02{padding:20px 15px 15px; margin-bottom:20px;}
	.imgBox02 img{ width:230px;}
	
	.ulstyle01 li span{ width:55px!important; padding-top:85px!important}
	.ulstyle01 li.img01 span,
	.ulstyle01 li.img02 span,
	.ulstyle01 li.img03 span,
	.ulstyle01 li.img04 span{  background-size:55px 78px!important;} 
	.ulstyle01 li span em{  font-size:10px; }
 
	
 	 /*** 인재채용 >  채용안내 *****/    
	.guideStep li img{ width:90px; height:80px}
	.guideStep li.last img{ width:69px; height:80px} 
	.guideStep li strong{ font-size:12px; max-width:70px; }
	
	.grayBox.login fieldset #captcha em{ display:block}
	.grayBox.login fieldset #captcha input[type="text"]{ width:98%; margin-bottom:15px;} 
 
.spec {font-size: 10px}
}