@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


@font-face {
	font-family: 'NanumGothic';
	font-style: normal;
	src: local('NanumGothic Regular'), local('NanumGothic-Regular'), local('NanumGothic Regular');
	src: url(/font/NanumGothic.eot);
	src: url(/font/NanumGothic.eot?#iefix) format('embedded-opentype'),
	url(/font/NanumGothic.woff) format('woff'),
	url(/font/NanumGothic.ttf) format('truetype');
}

@font-face {
	font-family: 'NanumGothicBold';
	font-style: normal;
	src: local('NanumGothicBold Regular'), local('NanumGothicBold-Regular'), local('NanumGothicBold Regular');
	src: url(/font/NanumGothicBold.eot);
	src: url(/font/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
	url(/font/NanumGothicBold.woff) format('woff'),
	url(/font/NanumGothicBold.ttf) format('truetype');
}


/* HTML normalize */
html{height:100%;}
body{position:relative; overflow-y:scroll; height:100%;}
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, font, 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, article, aside, hgroup, header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline;}
article, aside, hgroup, header, footer, figure, figcaption, nav, section { display: block; }
html,body { font-family: 'Noto Sans KR', sans-serif; font-size: 25px; color: #636363; line-height: 1.6; -webkit-text-size-adjust:none;  letter-spacing:0;}
h1, h2, h3, h4, h5, h6 { font-weight:600; } 
ol, ul, li { list-style: none; zoom: 1 }
blockquote, q { quotes: none }
img{max-width:100%; height: auto;}
blockquote:before, blockquote:after,q:before, q:after { content:'' }
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed }
button { margin: 0; padding: 0; border: 0; font: inherit; color: inherit; background: transparent; overflow: visible; cursor: pointer; line-height: 1;;-webkit-appearance:none; border-radius: 0; border:0; color:#666; background-color:transparent;-webkit-appearance:none;}
textarea { resize: vertical;font-family: 'Noto Sans KR', sans-serif; line-height:1.6; overflow-y: auto }
input, select { color: inherit; font: inherit }
address, i { font-style: normal }
table { border-collapse: collapse; table-layout: fixed }
img, select, input, button { vertical-align: middle }
em { font-style: normal }
img, fieldset {border: none }
hr {display: none }
select {-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none;  border-radius:0; background:url(/m/en/front/image/common/sel_arr.png) no-repeat 93% 50%;}
a, a:link, a:visited, a:active {color: #666; font-size:23px; text-decoration: none; font-family: 'Noto Sans KR', sans-serif; outline: none}
a:hover {color: #666; text-decoration: underline; font-family: 'Noto Sans KR', sans-serif; text-decoration: none}
caption {width: 0; height: 0; line-height: 0; overflow: hidden; visibility: hidden; font-size: 0 }
legend {visibility: hidden; height: 0px; width: 0px; line-height: 0; _text-indent: -10px; font-size: 0px }
input[type="checkbox"]{width:30px; height:30px;}
.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden}
.clfix {display: inline-block}
.clfix {display: block}
* html .clfix {height: 1%} /* Hides from IE-mac */
.clfix {zoom: 1} /*for IE 5.5-7*/

/* Margin */
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.ml0{margin-left:0 !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml50{margin-left:50px !important;}
.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mb0{margin-bottom:0px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb125{margin-bottom:125px !important;}

.lh18{ line-height:18px;}
.lh20{ line-height:20px;}
.let{letter-spacing:-1px !important;}
/* Padding */
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pr20{padding-right:20px !important;}
.pt0{padding-top:0 !important;}
.pt10{padding-top:10px !important;}
.pt12{padding-top:12px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pl35{padding-left:35px !important;}
.pl50{padding-left:50px !important;}
.pb0{padding-bottom:0 !important;}
.pb50{padding-bottom:50px !important;}
/*font style*/
.fz12{ font-size:12px;}
.fsTT{font-family: "Titillium Web";}
.fsTTB{font-family: "Titillium Web"; font-weight: 700;}
.textEnter {display: block;height:16px;}
/*font color*/
.f_yellow{ color: #ffd954;}
.f_green{ color: #008547;}
.f_red{ color: #ff0000;}
.f_red2{ color: #bb0000;}
.f_black{ color: #333;}
.f_blue{ color: #182b6d !important;}
.li_mint > li{ color: #027190;}
.li_mint > li ul{ color: #676767;}
.f_333{ color: #333;}
.f14{ font-size:14px !important;}
.f_b{font-weight:bold !important;}
.fwb{font-weight:bold !important;}
.fwn{font-weight:normal !important;}
.bgNone{background:none !important;}
.c252525{color:#252525 !important;}
.fl{float:left !important;}
.fr{float:right !important;}

.al{text-align:left !important}
.ac{text-align:center !important}
.ar{text-align:right !important}
.ls1{letter-spacing:-1px !important}
.lsd5{letter-spacing:-0.5px !important}
/* bg */
.bdb_none{border-bottom: none !important;}
.hide_txt {text-indent:-9999px;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.por{position:relative;}


#accessibility, .blind, legend { font-size: 0; height: 1px !important; overflow: hidden !important; position: absolute !important; top: -9999px !important; width: 1px !important }
.dim{display:none; position:absolute; left:0; top:0; width:100%; height:100%; background-color:transparent; z-index:10000; cursor: pointer;}
.appear-animation{position:relative;}
/* 스킵네비게이션 */
#accessibilityMenu {}
#accessibilityMenu a:link, #accessibilityMenu a:visited,
#accessibilityMenu a:active, #accessibilityMenu a:hover {position:absolute; top: -1000px; left: 0; width:100%; z-index:99999999; height:1px; color:#222; display:block; overflow:hidden; }
#accessibilityMenu a:focus, #accessibilityMenu a:hover,
#accessibilityMenu a:active {height:auto; padding:7px 0 5px; background-color:#e9e9e9; z-index:99999999; color:#000; text-decoration:none; font-weight:bold; text-align:center; top:0px; left:0;}
.skip, .blind{position:absolute; left:-9999px;}
input[type="text"],
input[type="password"],
input[type="image"]{-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; border:none; background-color:transparent; border-radius:0;}
input{margin:0; padding:0;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display:none;}
input[type="text"]::-webkit-input-placeholder,
input[type="text"]::-moz-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="text"]:-moz-placeholder {
 color:#b6b6b6; font-size:20px;
}
textarea::-webkit-input-placeholder {
 color:#b6b6b6; font-size:20px;}

textarea:-moz-placeholder { /* Firefox 18- */
 color:#b6b6b6; font-size:20px;}

textarea::-moz-placeholder {  /* Firefox 19+ */
 color:#b6b6b6; font-size:20px;}

textarea:-ms-input-placeholder {
 color:#b6b6b6; font-size:20px;}
input.inpType01[type="file"] {line-height:62px; font-size:23px; }

.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } .filebox label { display: inline-block; padding: .5em .75em; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ccc; border-radius: .25em; } /* named upload */ .filebox .upload-name { width:45%;display: inline-block; padding: .5em .75em; /* label의 패딩값과 일치 */ font-size: inherit; font-family: inherit; line-height: normal; vertical-aligwidn: middle; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: .25em; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }


input[type="radio"]{width:40px; height:40px; -webkit-appearance:radio;}
input.inpType01{ height: 62px; line-height: 62px; border: 1px solid #ddd; color: #595959; font-size: 23px; font-family: 'Noto Sans KR', sans-serif; padding: 0 10px; box-sizing:border-box; background-color:#fff;}
input.inpType02{ height: 37px; line-height: 37px; border: 1px solid #e9e9e9; border-right:none; color: #666; font-size: 12px; font-family: 'Noto Sans KR', sans-serif; padding: 0 10px; box-sizing:border-box; }

input.inpType03{ height: 35px; line-height: 35px; border: 1px solid #e6e6e6; color: #666; font-size: 12px; font-family: 'Noto Sans KR', sans-serif; padding: 0 10px; box-sizing:border-box; }


.selType01{ height: 70px; border: 1px solid #ddd; color: #666; padding: 3px 40px 3px 10px; color: #595959; font-size: 23px; box-sizing:border-box; vertical-align:top;}

.selType02{ height: 37px; border: 1px solid #e3e3e3; padding: 3px 0 3px 7px; color: #878787; font-size: 12px; font-family: 'Noto Sans KR', sans-serif; background-color: #fdfdfd  }

.selType03{ height: 35px; border: 1px solid #e6e6e6; padding: 3px 0 3px 7px; color: #878787; font-size: 12px; font-family: 'Noto Sans KR', sans-serif; background-color: #fff  }

.chkType01{width:20px; height:20px; border:1px solid #ddd;}
a.btnDownLoad{display:inline-block; width:125px; height:35px; text-align:center; line-height:35px; background-color:#35424d; color:#fff; font-size:14px; font-weight:bold;}
.textareaType01{border:1px solid #ddd; color:#595959; padding:10px; font-size:23px; box-sizing:border-box; width:100%; height:300px;}

.uiChk{display:inline-block; vertical-align:middle;}

/* common */
.fullTab{padding-top:1px;}
.fullTabArea{padding-bottom:60px;}
.fullTabArea{padding-left:1px; display:table; table-layout: fixed; width:100%;min-height: 60px}
.fullTabArea li{display:table-cell; vertical-align:middle; width:50%; box-sizing:border-box; background-color:#f8f8f8; border:1px solid #ddd; border-left:none; position:relative; }
.fullTabArea li:first-child{border-left:1px solid #ddd;}
.fullTabArea li a{display:block; font-size:15px; color:#898888; font-weight:600;text-align: center; letter-spacing:0; line-height:1.1; }

.fullTabArea li.on {background-color:#f47321; color:#fff; border:1px solid #f47321; z-index:2}
.fullTabArea li.on a{color:#fff;}

.fullTabArea li.on a:after{content:""; display:block; width:21px; height:11px; background:url(/front/image/main/arr_on.png) no-repeat 0 0; position:absolute; left:50%; bottom:-11px; margin-left:-10px;}


.fullTabArea.item4 li{width:25%;}
.fullTabArea.item3 li{width:33.33%;}
.fullTabArea.item3 li:first-child{width:33.34%;}

.fullTabArea.item5 li{ width:20%}
.fullTabArea.item6 li{ width:16.6%}
.fullTabArea.item6 li:first-child{ width:16.7%}



/* paging02 */
.paging02 {text-align: center; margin-top: 50px;}
.paging02 .btn {border:none; padding:0; line-height: 0; font-size: 0; vertical-align: top; height:50px; overflow: hidden; margin:0 2px; vertical-align:top;}
.paging02 img {vertical-align:top;}

.paging02 a {font-size:23px; vertical-align: top; display:inline-block; *zoom:1; *display:inline; padding:0 2px; color:#5f5f5f; min-width: 50px; height:50px; line-height: 50px; background-color: #fff; box-sizing:border-box; border:1px solid #e6e6e6;  margin:0 2px; vertical-align:top;}

.paging02 a.sel {color:#fff; background-color:#000; border:1px solid #000; font-weight:bold;}
.paging02 span.empty_msg { border:none !important; font-weight:normal; font-size:11px; color:#fff; }

.txScroll{position:absolute; left:0; bottom:50px; width:100%; text-align:center;}



/* default */

/*************************************************************************************
 *																					 *
 *********************************** layout, main ************************************
 *																					 *
 *************************************************************************************/

#wrap{ width: 100% }
#wrap #container{ width: 640px; height: 100%; margin: 0 auto; overflow: hidden; position: relative }


#header{position:fixed; left:50%; margin-left:-320px; top:0; width:100%; width: 640px; text-align: center;   background-color: #fff; box-sizing:border-box; border-bottom:1px solid #e8e8e8; z-index: 100;}
#header .headInner{background-color:#fff;}
#header .headInner .langNav{position:absolute; right:95px; top:24px;}
#header .headInner .langNav:after{content:""; display:block; clear:both;}
#header .headInner .langNav li{float:left; padding-left:16px; margin-left:15px; position:relative;}
#header .headInner .langNav li:before{content:""; display:block; width:1px; height:19px; background-color:#525252; position:absolute; left:0; top:11px;}
#header .headInner .langNav li:first-child:before{display:none;}
#header .headInner .langNav li a{font-size:25px; color:#525252;}
#innerWrap{ position: relative; left: 0; top: 0; height: 100%;  }
.mainHeader{}
.mainHeader h1{text-align: left;}
.mainHeader .btnGnb{ position: absolute; right: 0; top: 0 }
.mainHeader .btnHome{ position: absolute; left: 15px; top: 14px }
#gnb{ width: 360px; position: fixed; right: -360px; top: 0; height: 100%; background: transparent;   box-sizing:border-box; z-index: 99; overflow-y: auto; -webkit-overflow-scrolling: touch;}
#gnb .bg {width: 19px; height:100%; position: absolute; left:0; top:0;}
#gnb .gnbUtil {padding-top:90px; text-align: center; background-color:#fff;}
#gnb .gnbUtil .utilLinkBx {padding:22px 0; border-bottom:1px solid #ddd;}
#gnb .gnbUtil a {font-size:20px; color:#525252; margin:0 5px;}

#gnb .gnbSns {text-align: center; background-color:#fff;}
#gnb .gnbSns .snsLinkBx {padding:21px 0 20px; border-bottom:1px solid #ddd;}
#gnb .gnbSns a {font-size:20px; color:#525252; margin:0 20px;}



#gnb ul{ }
#gnb ul ul{display:none; background-color:#fbfbfb;}
#gnb ul ul a{ display:block; padding:18px 0; font-size:24px; color:#7f7f7f;  }
#gnb ul.gnbMenu{background-color:#fff; text-align: center;}
#gnb ul.gnbMenu >  li > a {display: block; padding:22px 0 22px;  font-size:25px; color:#525252; background: url(/m/en/front/image/common/icn_gnb.png) no-repeat 95% 50%; border-bottom: 1px solid #ddd; }
/*#gnb ul li li a{ display: block; height: 70px; line-height: 70px; padding: 0 0 0 19px; background-color: #eee; font-size:22px; color:#979797; border-bottom: 1px solid #d6d6d6;}
*/#mainSlide{ height: 868px; background: #fff; }
.mainBtn{ font-size: 0; line-height: 0 }
.mainBtn li{ float: left }
.mainMov{padding:0; margin:0;}
.mainMov iframe{padding:0; margin:0; vertical-align:top;}
#content{ background: #fff; padding-top:90px; }
.contentDim{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10000; display:none;}
.topScBx{position: relative; margin: 27px auto; width:602px; border:3px solid #b2bb1c; border-radius: 50px; height:66px; padding:0 0 0 33px; box-sizing:border-box;}
.topScBx .topScLab {position: absolute; left:33px; top:14px; color: #4d525a; font-size: 20px; font-weight: bold;}
.topScBx .btnTopSc {position: absolute; right:35px; top:14px;}
.topScBx .scBx {height: 60px; width: 490px; color: #333; font-size: 20px; padding-top:4px;}

.mainBtnWrap {padding: 6px 19px 40px}
.mainBtnWrap:after {content: ""; display: block; clear: both;}
.mainBtnWrap a {float: left; width: 149px; height:62px; position: relative; margin-left: 2px;}
.mainBtnWrap a:first-child {margin-left: 0;}
.mainBtnWrap a img {position: absolute; left:0; top:0;}
.mainBtnWrap a img.btnOn {display: none}


.mainBtnWrap02 {padding: 44px 19px 40px; background-color: #eeeeee;}
.mainBtnWrap02 a {display: block; position: relative; margin-top: 15px; height: 104px;}
.mainBtnWrap02 a img {position: absolute; left:0; top:0;}
.mainBtnWrap02 a img.btnOn {display: none}

#gnb .infoBx{text-align: center; height:120px; box-sizing:border-box; border-bottom:1px solid #e8e8e8;}
#gnb .infoBx .gnbBtn {padding: 35px 0 0 0;}
#gnb .infoBx .gnbBtn a{display:inline-block; vertical-align:top; margin:0 16px;}


#footer{ position:relative; z-index:10; background-color:#141414; padding:40px 20px;}
#footer .familysite{width:250px; position:relative;}
#footer .familysite > a{ display: block; height:57px; line-height: 57px; padding:0 20px; font-size:24px; color:#cecece;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #969696; background: url("/m/en/front/image/common/family_arr_down.png") no-repeat 90% center; border:1px solid #343434;}
#footer .familysite > a.open{background: url("/m/en/front/image/common/family_arr_up.png") no-repeat 90% center; }
#footer .familysite ul{ display:none; position:absolute;bottom:100%; left:0;width:100%;border:1px solid #eaeaea; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#footer .familysite ul li{border-top:1px solid #eaeaea}
#footer .familysite ul li:first-child{border-top:0px;}
#footer .familysite ul li a{ background:#ffffff; display:block; font-size:24px; line-height:1.2; padding:10px 20px; text-decoration:none;}
#footer .familysite ul li a:hover,
#footer .familysite ul li a:focus{ background:#353947; color:#ffffff;;}
#footer .footLink{padding-top:7px;}
#footer .footLink:after{content:""; display:block; clear:both;}
#footer .footLink li{float:left; margin-right:22px; margin-top:11px; }
#footer .footLink li a{font-size:24px; color:#ededed; position:relative; padding-left:16px;}
#footer .footLink li a:after{content:""; display:block; width:4px; height:4px; background-color:#fff; border-radius: 50px; position:absolute; left:0; top:50%; margin-top:-2px;}
#footer address{padding-top:21px; line-height:30px; font-size:24px; color:#3e3e3e;}
#footer .copy{padding-top:21px; line-height:30px; font-size:24px; color:#3e3e3e;}



.mainBody .mainTx{width:640px; height:359px; background:url(/m/en/front/image/main/main_tx.png) no-repeat 0 0; text-align: center;}
.mainBody .mainTx .tx01{color:#fff; line-height:45px; font-size:35px; font-weight:normal; padding-top:66px;}
.mainBody .mainTx .tx02{color:#f58220; line-height:1; font-size:90px; font-weight:700; padding-top:30px;}
.mainBody .mainLists{width:640px; height:1350px; background:url(/m/en/front/image/main/bg_list.png) no-repeat 0 0;}
.mainBody .mainLists li {position:relative;}
.mainBody .mainLists li a{display:block; height:270px; display:table; table-layout: fixed; position:relative; z-index:2;}
.mainBody .mainLists li a .txWrap{display: table-cell; vertical-align:middle; padding:0 20px; position:relative; z-index:2;}
.mainBody .mainLists li a .txWrap strong{display:block; font-size:28px; color:#f58220; font-weight:normal; border-bottom:1px solid #fff; padding-bottom:11px; margin-bottom:13px;}
.mainBody .mainLists li a .txWrap span{display:block; font-size:23px; line-height:28px; color:#fff; font-weight:normal;}
.mainBody .mainLists li .bg{opacity: 1; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
.mainBody .mainLists li.on a .txWrap strong{color:#f58220;}
.mainBody .mainLists li.on a .txWrap span{color:#fff;}
.mainBody .mainLists li.item01 a .bg{background:url(/m/en/front/image/main/list01_on.jpg) no-repeat 0 0;}
.mainBody .mainLists li.item02 a .bg{background:url(/m/en/front/image/main/list02_on.jpg) no-repeat 0 0;}
.mainBody .mainLists li.item03 a .bg{background:url(/m/en/front/image/main/list03_on.jpg) no-repeat 0 0;}
.mainBody .mainLists li.item04 a .bg{background:url(/m/en/front/image/main/list04_on.jpg) no-repeat 0 0;}
.mainBody .mainLists li.item05 a .bg{background:url(/m/en/front/image/main/list05_on.jpg) no-repeat 0 0;}