﻿/* css-reset */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC');
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;font-style:normal;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}
html,body{overflow-x:hidden}
/* common */
body,button{color:#333;font-family: 'Noto Sans SC', Arial, Helvetica,  sans-serif;}
a{color:#333; text-decoration:none;}
a:hover{outline:none; color:#852e2f;}
table{border-collapse:collapse;word-wrap:break-word;word-break:break-all}
/*form 요소 font-size:16px;padding:3px;*/
input{vertical-align:middle; font-family: 'Noto Sans SC', Arial, Helvetica,  sans-serif;}
input[type="text"]{border:1px solid #e4e4e4;font-size:17px;padding:3px 5px 5px 5px}
input[type="text"].max{width:50%}
button{border:0;cursor:pointer;font-size:16px;color:#333;vertical-align:middle;margin-top:2px !important}
select{font-size:17px;padding:5px;color:#747474;vertical-align:middle;margin-right:5px; font-family: 'Noto Sans SC', Arial, Helvetica,  sans-serif;}
textarea{width:99.7%;margin:0 0; /*수정98. 1%*/border:1px solid #e4e4e4;font-size:18px;font-family: 'Noto Sans SC', Arial, Helvetica,  sans-serif;}

#openBtn{display:inline-block;width:85px;/*height:50px;*/background:url(../../images/common/buttons-icon.png) no-repeat 21px 8px; 
float:right; font-size:16px; padding-right:3px; font-family: 'Noto Sans SC', Arial, Helvetica,  sans-serif;  padding-left:38px; font-weight:bold; color:#5c707c; padding-top:3px;}
#openBtn.closed{display:inline-block;width:85px;/*height:50px;*/background:url(../../images/common/buttons-icon02.png) no-repeat 21px 8px;
float:right; padding-right:3px; font-family: 'Noto Sans SC', Arial, Helvetica,  sans-serif;  padding-left:38px; font-weight:bold; color:#4f626e; padding-top:3px;}

#topBtn{position:fixed;display:inline-block;width:80px;height:40px;bottom:10px;right:10px;line-height:40px;text-align:center;display:none;
padding:5px;border-radius:3px;-webkit-border-radius:3px;}
#topBtn.show{display:block;}
#readerBtn{display:block;background:#dee6eb url(../../images/common/adobereader.gif) no-repeat 10px 50%;width:270px;
border:1px solid #cdd8e0;padding:6px 0;text-indent:17px;font-weight:bold;margin-top:20px;
  border-radius:2px;-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
		box-shadow:inset 0px 1px 0px 0px #dcecfb;}
#readerBtn:hover{background:#;color:#666666}
/*0814 S*/
#downloadBtn{display:block;background:#dee6eb url(../../images/common/download.gif) no-repeat 10px 50%;
border:1px solid #cdd8e0;padding:6px 20px;text-indent:17px;font-weight:bold;margin-top:20px}
/*0814 E*/
.downBtn{display:inline-block;background:#dee6eb url(../../images/common/word_ico2.png) no-repeat 10px 50%;width:200px;
border:1px solid #cdd8e0;padding:6px 0;text-indent:20px;font-weight:bold;margin:20px auto 5px auto}
/*2013.10.02(수) start*/
/*btntype1 : 보내기,목록 버튼*/
.btntype1{background:#cdd8e0;border:1px solid #bac5cc;font-weight:bold;padding:5px 50px 10px 50px;font-size:18px;margin:0 auto;
             border-radius:2px;-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
		box-shadow:inset 0px 1px 0px 0px #dcecfb;}
/*btntype2 : top버튼*/
.btntype2{background:#6b6b6b;padding:0 20px 5px 20px;font-size:18px;color:#fff}
/*btntype3 : 현재 안쓰임*/
.btntype3{background:#fbfbfb;border:1px solid #e4e4e4;font-weight:bold;padding:0 50px 3px 50px;font-size:16px;border-radius:2px}
/*btntype4 : 검색 버튼*/
.btntype4{background:/*#dbdfe4*/#dee6eb;border:1px solid /*#bbc2cc*/#cdd8e0;padding:0px 20px 5px 20px;font-size:17px; font-weight:bold;vertical-align:middle; margin:0 auto;
         border-radius:2px;-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	    -webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	    box-shadow:inset 0px 1px 0px 0px #dcecfb;
		box-shadow:inset 0px 1px 0px 0px #dcecfb;
		}
/*btntype5 : 고객문의 및 AS > 제품구입문의 > 우편번호 검색버튼*/
.btntype5{background:/*#dbdfe4*/#dee6eb;border:1px solid /*#bbc2cc*/#cdd8e0;padding:0px 20px 4px 20px;font-size:17px; font-weight:bold;vertical-align:middle; margin:0 auto;}
/*btntype6 : master페이지 top버튼*/
.btntype6{background:#3f515a;padding:0 20px 5px 20px;font-size:18px;color:#fff}
.btntypered{background:#8a1c22;border:1px solid #666666;font-weight:bold;padding:5px 50px 10px 50px;font-size:16px;margin:0 auto;border-radius:3px;-moz-box-shadow:inset 0px 0px 0px 0px #dcecfb;}
/*end*/
a:hover.btntype6{padding:0 20px 5px 20px;color:#acbec9}
.baroBtn{padding:20px 50px;background:#f1f5f6;border:1px solid #dde1e6;text-align:center;font-weight:bold;}
/*custom */
.mt55{margin-top:55px !important}
.mt40{margin-top:40px !important}
.mt35{margin-top:35px !important}
.mt30{margin-top:30px !important}
.mt25{margin-top:25px !important}
.mt20{margin-top:20px !important}
/*0816수정시작*/
.mt15{margin-top:15px !important}
.mt10{margin-top:10px !important}
.mt5{margin-top:5px !important}
.mt-10{margin-top:-10px !important}
/*0816수정끝*/
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
/*0816수정시작*/
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt20{padding-top:20px !important}
/*0816수정끝*/
.pt30{padding-top:30px !important}
.pb30{padding-bottom:30px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pl10{ padding-left:10px !important}
.fs22{font-size:22px !important}
.fs18{font-size:18px !important}
.fs16{font-size:16px !important}
.fc66{color:#852e2f}
.fr{float:right}
.fl{float:left}
.cl{clear:both}
.va{ vertical-align:bottom !important}
.tc{text-align:center}
.tl{text-align:left}
.tr{text-align:right}
.fb{font-weight:bold}
.bordernone{border:none !important}
.colorred{color:#852e2f;}
/* layout */
.header{}
.contents{margin-top:50px}
.footer{background:#506672;padding:10px 0;font-size:14px}
/* header */
.logo-inc{*zoom:1}
.logo-inc:after{clear:both;display:block;content:'';}
.logo{float:left}
.family{float:right;padding:35px 0 0 0;}
.family dt{float:left;padding:5px 20px 0 0; font-size:16px;}
.family dd{float:left; font-size:16px; margin-top:-5px;}
/* gnb */
/*20140113네이게이션 수정*/
/*.gnb.fixed-menu{position:fixed;top:0;left:0;width:100%}*/
.gnb{clear:both;background:#f1f5f6 url(../../images/common/subheaderBg.gif) repeat-x 0 0}
.gnb>ul{*zoom:1;}
.gnb>ul:after{clear:both;display:block;content:'';}
.gnb>ul>li{float:left;/*width:19.9%;height:40px*/text-align:center;background-color:#8a1c22;}
.gnb>ul>li>a{padding:0 25px;display:block;color:#fff;font-weight:bold;letter-spacing:-1px;line-height:39px;
             /*border-right:1px solid #6e2728;border-left:1px solid #914344;*/font-size:15px;white-space:nowrap;text-decoration:none;}
/*2013.10.02(화) start*/
.gnb>ul>li>a:hover{background-color:#f0f4f5;color:#8a1c22;}
.gnb>ul>li>a.active{background-color:#f0f4f5;color:#8a1c22;border-bottom:3px solid #f0f4f5}
/*end*/

/* 2차 서브메뉴 */
.gnb>ul{width:100%;max-width:998px;margin:0 auto;}
.gnb>ul>li{position:relative}
.gnb>ul>li>ul{position:absolute;display:none; font-size:17px;}
.gnb>ul>li.sub1>ul{margin-left:32px}
.gnb>ul>li.sub2>ul{/*margin-left:-150px*/margin-left:32px}
.gnb>ul>li.sub3>ul{margin-left:30px}
.gnb>ul>li.sub4>ul{margin-left:30px}
.gnb>ul>li.sub5>ul{margin-left:30px}
.gnb>ul>li.sub6{margin-left:0px; display:none;}
.gnb>ul >li >ul >li{float:left;margin:3px 20px 0 0;font-size:15px}
.gnb>ul>li>ul>li>a{line-height:40px;color:#333;}
.gnb>ul>li>ul>li>a:hover,.gnb>ul>li>ul>li>a.active{font-weight:bold;text-decoration:none;color:#6e2728;}
/* contents */
.contents{}
/*배경그라데이션, 이미지작게했을시 그라데이션 짤림*/
.visual-wrap{border-bottom:0px solid #e1e1e1;max-width:1000px;margin:0 auto;}
.visual{*zoom:1;}
.visual:after{clear:both;display:block;content:'';}
.visual>div{width:50%;}
.visual h3{font-size:1.8em;color:#333;padding-top:50px;font-weight:bold;letter-spacing:-2px}
.visual h3 em{color:#852e2f;font-weight:bold}
.visual .visual-txt{font-size:18px;color:#333;padding-top:20px; line-height:28px;} 
.visual .visual-txt-sisa{font-size:18px;color:#333;padding-top:20px; line-height:28px;} 
/*영상*/
span.sisa_txt{ font-size:18px;color:#5a6e79; font-weight:bold;}
span.sisa_txt a{ font-size:18px;color:#5c707c; font-weight:bold;}
span.sisa_txt a:hover{ font-size:18px;color:#852e2f; font-weight:bold;}
a.sisa_view{float:right;font-size:16px;padding:5px 20px 0 0;background:url('../../images/common/ge_more-view-arrow.png') no-repeat right 10px; color:#5c707c; font-weight:bold;}
a.sisa_view:hover{background:url('../../images/common/ge_more-view-arrow-over.png') no-repeat right 10px; color:#4f626e;}
 /* 메인 컨텐츠 */
.main-content{}
.main-content>div{*zoom:1}
.main-content>div:after{clear:both;display:block;content:'';}
.main-content h3{width:128px;font-weight:bold;float:left;font-size:18px; padding-left:12px; color:#5a6e79;}
.main-content dl{float:left;width:850px;font-size:18px; line-height:28px; font-weight:bold;}
.main-content dd{float:left;width:850px;font-size:17px; line-height:27px; font-weight:normal;}
.main-content .news-wrap{background:#f9fafb;border-top:1px solid #ebeff0;border-bottom:1px solid #ebeff0;}

/*메인컨텐츠 하단 facebook*/
.main-icon{background-color:#f6f6f6;margin-top:50px;border-top:2px solid #e7e7e7}
.main-icon .wrap-d2{line-height:25px;font-size:12px;padding:30px 0 20px 0;width:100%;width:998px;margin:0 auto;}
.main-icon>div:after{clear:both;display:block;content:'';}

.main-content .news{*zoom:1;}
.main-content .news:after{clear:both;display:block;content:'';}
.main-content a.more-view{float:right;font-size:16px;padding:2px 20px 0 0;background:url('../../images/common/ge_more-view-arrow.png') no-repeat right 10px; color:#5c707c; font-weight:bold;}
.main-content a.more-view:hover{background:url('../../images/common/ge_more-view-arrow-over.png') no-repeat right 10px; color:#4f626e;}
.transbox{height:60px}
/*IE7 전용 핵*/

*+html .main-content .recruit a.more-view{padding:2px 20px 0 0;margin-top:-25px;}   
*+html .main-content .news a.more-view{padding:2px 20px 0 0;margin-top:-45px;}   
*+html .main-content a.more-view{padding:2px 20px 0 0;margin-top:-30px;}  

/*국가선택 */
.country{background:url(../../images/common/countrywrapBg.png) repeat-x 0 0}
.country h3{float:left;padding:0 0 0 0}
.btnarea{background:#fff;border:1px solid #e1e1e1;overflow:hidden;padding:14px 30px 19px 30px; font-size:16px;}
.back{clear:both;padding:25px;background:#f1f5f6;border:1px solid #e1e1e1;overflow:hidden}
/*수정시작 0816*/
.country ul{*zoom:1;font-family: 'Noto Sans SC', Arial, Helvetica,  sans-serif; letter-spacing:0;}
/*수정끝 0816*/
.country ul:after{clear:both;display:block;content:'';}
.country ul li{float:left}
.country ul a{color:#747474;font-size:13px;font-weight:normal}
.biospace{padding-bottom:20px;border-bottom:1px solid #dbdbdb}
.biospace li{width:16.6%;padding:3px 0}
.countryList{padding-top:20px}
.countryList li{width:16.6%;padding-bottom:11px}
.biospace li a,.countryList li a{background:url(../../images/common/countryico_bg.png) no-repeat;padding:0 0 0 30px}
.biospace li .korea{background-position:-755px 0}
.biospace li .usa{background-position:0 0}
.biospace li .japan{background-position:-152px 0}
.biospace li .china{background-position:-300px 0}
.biospace li .global{background-position:-450px 0}
.biospace li .India{background-position:-455px -200px}
.biospace li .Europe{background-position:-454px -700px}
.biospace li .Asia{background-position:0 -300px}
.biospace li .UK{background-position:-605px -500px}
/*수정시작 0816*/
.biospace li .LationAmerica{background-position:-605px 0}
/*수정끝 0816*/
.countryList li .Australia{background-position:0 -100px}
.countryList li .Brazil{background-position:-152px -100px}
.countryList li .Bulgaria{background-position:-755px -500px}
.countryList li .Czech{background-position:-300px -100px}
.countryList li .Denmark{background-position:-152px -599px}
.countryList li .Egypt{background-position:-455px -100px}
.countryList li .Finland{background-position:-605px -100px}
.countryList li .France{background-position:-755px -100px}
.countryList li .Germany{background-position:0 -200px}
.countryList li .Greece{background-position:-152px -200px}
.countryList li .Hungary{background-position:-300px -200px}
.countryList li .India{background-position:-455px -200px}
.countryList li .Indonesia{background-position:0px -599px}
.countryList li .Iran{background-position:-300px -600px}	
.countryList li .Italy{background-position:-605px -200px}
.countryList li .Lebanon{background-position:-755px -200px}
.countryList li .Malaysia{background-position:0 -300px}
.countryList li .NewZealand{background-position:-152px -300px}
.countryList li .Netherlands{background-position:-300px -300px}
.countryList li .Norway{background-position:-455px -300px}
.countryList li .Poland{background-position:-605px -300px}
.countryList li .Portugal{background-position:-755px -300px}
.countryList li .SaudiArabia{background-position:0 -400px}
.countryList li .Serbia{background-position:-152px -400px}
.countryList li .Singapore{background-position:-301px -400px}
.countryList li .Solvakia{background-position:-455px -400px}
.countryList li .RepublicofSouthAfrica{background-position:-605px -400px}
.countryList li .Spain{background-position:-755px  -400px}
.countryList li .Sweden{background-position:0 -500px;}
.countryList li .Switzerland{background-position:-152px -500px}
.countryList li .Trukey{background-position:-300px -500px}
.countryList li .UnitedArabEmirates{background-position:-455px -500px}
.countryList li .UK{background-position:-605px -500px}
.countryList li .Slovenia{background-position:-455px -600px}
.countryList li .Hongkong{background-position:-755px -600px}
.countryList li .Taiwan{background-position:-605px -600px}
.countryList li .Jordan{background-position:0 -700px}
.countryList li .Russia{background-position:-152px -700px}
.countryList li .Bulgaria{background-position:-300px -700px}
.countryList li .Israel {background-position:-604px -700px}
.countryList li .Vietnam {background-position:-755px -700px}
.countryList li .Sweden {background-position:0px -784px}
.countryList li .Switzerland {background-position:-152px -784px}
.countryList li .Morocco {background-position:-301px -784px}
.countryList li .Tunisia {background-position:-452px -784px}
.countryList li .Kazakhstan {background-position:-604px -782px}

/*대리점 리스트 (대만추가)*/
.agencyList li .Taiwan_agency01{background-position:-600px -622px ;width:49px;height:27px}
.agencyList li .Taiwan_agency02{background-position:-600px -646px;width:73px;height:18px}
/*대리점 선택스타일*/
.agency {background-image:none;width:225px;padding:18px 0px 0px 10px;border:1px solid #d1d1d1;background-color: white;/*box-shadow:4px 4px 10px 1px #acacac;*/
         display:none;
         position:relative;left:302px;top:-94px}
.agencyList li{padding-bottom:20px;width:100%;}	
.agencyList li a{background:url(../../images/common/countryico_bg.png) no-repeat;padding:0 0 0 30px}
.agencyList li span{font-size:11px;padding:5px}


/* 사이트맵 */
.sitemap{background:#41545F;*zoom:1;padding:20px 0 50px 0;}
.sitemap:after{clear:both;display:block;content:'';}
.sitemap dl{float:left;width:20%}
.sitemap dl dt{color:#fff;font-weight:bold;padding:20px 0 15px 0;font-size:16px;}
.sitemap dl a{color:#dfe5e8;font-size:15px;line-height:1.6em}
.sitemap dl a:hover{ color:#fff; text-decoration:none;}
.sitemap .wrap-d dl{float:left;width:20%}
/*footer*/
.footer{background:#41545F; padding:10px 0 50px;font-size:13px}
.footer .wrap-d{*zoom:1;}
.footer .wrap-d:after{clear:both;display:block;content:'';}
.footer h4{font-size:14px; color:#a7abb1}
.footer .wrap-d div{color:#b9c0c5;  font-size:13px; line-height:20px; padding:20px 0px; }
.footer .wrap-d div a{color:#e5e7e9;font-weight:bold; font-size:13px; text-decoration:none;}
.footer .wrap-d div a:hover{color:#fff;}
/* only desktop */
body{font-size:18px;}
.wrap-d{width:998px;margin:0 auto;}
.sitemap dl{float:left;width:16.66666%;display:block;}
.footer .wrap-d h3{float:left;margin-right:20px; padding-top:20px;}
.footer .wrap-d div{float:left;}
.wrap-d-sisa{ margin-top:50px;}
/* 모바일 메뉴 */
.mobile-only-menu{display:none;clear:both}
/* 모바일 게시판 */
.m_only_date{display:none;clear:both;}
.m_spec{ display:none; clear:both;}
.search_mob{display:none;clear:both;}
/*서브 페이지 gnb 높이 수정 */
.gnb{height:84px}
/*서브 페이지 레이아웃 */
.subContainer{width:998px;font-size:16px;line-height:1.7em;color:#333;margin:0 auto;}
.subHeader{padding:35px 0 35px 0;border-bottom:1px solid #e4e4e4;overflow:hidden}
.subHeader h3{float:left;width:50%;font-size:20px;font-weight:bold;}
.location{width:50%;float:right;font-size:18px;text-align:right}
.home{vertical-align:middle;margin-top:-3px}
.nowpage{font-weight:bold}
/*개인정보취급방침 */
.personal-info-guide{}
.email-guide{padding:30px 0 30px 0}
/*메인 회색박스 문구*/
.boxtext{color:#ffffff;font-size:21px; line-height:35px;padding-right:60px; letter-spacing:0px}
.mainbox{background-color:#a4b8c3;padding:33px;margin:0 auto;max-width:1000px;width:100%}
/*게시판 Bold 태그 굵게 */
.subContents b{font-weight:bold}
	
/*메인상단*/
.world{float:right;padding:0px 0 15px 0px;}
.world dt{}
.world dd{float:left;font-size:12px;margin-left:10px;padding-left:10px;background:url(../../images/common/dot.gif) no-repeat 0 6px}
.world dd a{color:#747474}

/*팝업 h*/
.popup_wrap {width:100%; }
.layerpopup {position:absolute; top:25%; left:0; right:0; margin:0 auto; z-index:99999999; width:450px; height:439px;}
.layerpopup .footer {background:#000; color:#ccc; padding:9px 15px; overflow:hidden;}
.layerpopup .footer a { float:right; color:#fff; display:block;}
.layerpopup .footer input {margin-right:4px;}
.layerpopup img {display:block; width:100%;}

.layerpopup_right { position:absolute; top:199px; right:1%; height:350px; height:400px; z-index:9999;}
.layerpopup_right .footer {background:#000; color:#ccc; padding:9px 15px; overflow:hidden; clear:both;}
.layerpopup_right .footer a { float:right; color:#fff; display:block;}
.layerpopup_right .footer input {margin-right:4px;}
.layerpopup_right img {display:block; max-width:100%;}

.layerpopup_left { position:absolute; top:199px; left:5%; height:473px; z-index:9999;}
.layerpopup_left .footer {background:#000; color:#ccc; padding:9px 15px; overflow:hidden; clear:both;}
.layerpopup_left .footer a { float:right; color:#fff; display:block;}
.layerpopup_left .footer input {margin-right:4px;}
.layerpopup_left img {display:block; max-width:100%;}
.layerpopup_left inner {position:relative;}
.layerpopup_left a.link_btn { position:absolute; bottom:170px; left:35px; width:140px; height:41px; background:url(../../images/popup/popup_170418_btn_n.png) no-repeat 0 0;}
.layerpopup_left a.link_btn:hover {background:url(../../images/popup/popup_170418_btn_p.png) no-repeat 0 0;}
.layerpopup_left .img_xs {display:none;}