@charset 'utf-8';
/*
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Kanit', sans-serif;
*/

/* 공통 */
#wrap { overflow:hidden;}
.fl{ float: left;}
.fr{ float: right;}
.align_left{ text-align: left;}
.align_right{ text-align: right;}
.indent{     
	display:none;
    visibility: hidden;
    opacity: 0;
	text-indent:-9999px;
}

/* align */
.center { text-align:center !important;}

/*타이틀*/
.tit_s1 { margin-bottom:60px;}
.tit_s1 h2 {font-family: 'Kanit', sans-serif; font-weight:500; color:#231815; font-size:2.25rem;}

.tit_s2 { position:relative; padding-left:24px; margin-bottom:46px;}
.tit_s2 h4 { color:#666; font-size:1.875rem; line-height:1.3; font-weight:600; font-family: 'Kanit', sans-serif;}
.tit_s2:before { content:url("/img/main/arr_next_s1.png"); position:absolute; left:0 ;top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}

.tit_s3 p{ padding-left: 24px; font-size: 1rem; font-family: 'Noto Sans KR',sans-serif; line-height: 1.556em;}


/* more */
.more_s1 { width:80px; height:80px; background:#f9f7f4; }
.more_s1 a,
.more_s1 span { display:block;  width:100%; height:100%; background:url("/img/common/more_s1.png") no-repeat center;}

.more_s2 { text-align:center;}
.more_s2 a { width:220px; background:#ef8200;  font-family: 'Kanit', sans-serif; display:block; color:#fff; font-weight:500; height:60px; line-height:60px; font-size:1.25rem}

/* color*/
.color_orange { color:#ef8200 !important;}


/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; margin-top:8px;}
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }


.inner1200 { max-width:1200px; margin:0 auto !important; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

ul:after,
.clearfix:after { content:""; display:block; clear:both;}

.hd_pd { padding-top:90px;}

header { position:fixed; left:0; top:0; width:100%; height:90px; z-index:9999; overflow:hidden;
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
}
header > #hd_top > div,
header > #hd_top{ height:90px; }
header > #hd_top{ background:#fff; box-shadow:6px 6px 10px rgba(170,170,170,0.15);  position:relative;}
header .logo { position:absolute; left:0; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
header nav { text-align:right; font-family: 'Kanit', sans-serif; font-size:18px; font-weight:300; }
header nav .gnb { display:inline-block; position:relative; padding:0 44px;}
header nav .gnb:after {content:""; width:100%; height:210px; background:#fff; display:block;position:absolute; left:0; bottom:-210px;
top:calc(100% + 2px);
top:-moz-calc(100% + 2px);
top:-webkit-calc(100% + 2px);
}
header nav .gnb > li { float:left; margin-right:116px; position:relative;}
header nav .gnb > li:last-child { margin:0;}
header nav .gnb > li a { display:block; }
header nav .gnb > li > a { color:#231815; padding:36px 0; text-transform:uppercase; text-align:left; position:relative;}
header nav .gnb > li:hover > a:after { content:url("/img/common/gnb_dots.png"); position:absolute; left:50%; bottom:-12px; z-index:101; 
transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-o-transform:translateX(-50%);
-ms-transform:translateX(-50%);
}
header nav .gnb > li > .depth2 { position:absolute; left:0; white-space:nowrap; z-index:100; padding-top:38px;}
header nav .gnb > li > .depth2 > li  {  text-align:left; margin-bottom:20px;}
header nav .gnb > li > .depth2 > li:last-child { margin:0; }
header nav .gnb > li > .depth2 > li > a  { font-size:18px;}
header nav .gnb > li > .depth2 > li:hover > a  { color:#f08200;}
header.on { height:300px;  }
header.on > #hd_top { border-bottom:2px solid #ef8200; }





/* footer */
footer { background:#f2f1f1; margin-top:116px;}
footer section { position:relative;}
footer #ft_top {  border-bottom:1px solid #fff; padding:20px 0;  }
footer #ft_top .ft_menu {} 
footer #ft_top .ft_menu ul {  display:inline-block;}
footer #ft_top .ft_menu ul li  { float:left; margin-right:30px; padding-right:30px; position:relative; font-size:14px;}
footer #ft_top .ft_menu ul li:last-child { margin:0; padding:0;}
footer #ft_top .ft_menu ul li:after { content:""; position:absolute; right:0; top:50%; width:1px; height:16px; background:#999; margin-top:-8px;}
footer #ft_top .ft_menu ul li:last-child:after { display:none;}
footer #ft_top .ft_menu ul li a { color:#999; display:block;}
footer #ft_top .sns { position:absolute; right:88px; top:2px;}
footer #ft_top .sns ul  { text-align:center; font-size:0; letter-spacing:-4px;}
footer #ft_top .sns ul li { display:inline-block; vertical-align:middle; margin-right:32px;}
footer #ft_top .sns ul li:last-child { margin:0; }
footer #ft_bot { padding:35px 0;}
footer #ft_bot .info { font-size:0;} 
footer #ft_bot .info > div { display:inline-block; vertical-align:middle; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; letter-spacing:-0.5px;}  
footer #ft_bot .info .ft_logo { width:160px; }
footer #ft_bot .info .txt { padding-top:25px; color:#999; line-height:2; font-size:14px;
width:calc(100% - 148px);
width:-moz-calc(100% - 148px);
width:-webkit-calc(100% - 148px);
}
footer #ft_bot .info .txt p {display: inline-block; margin-right:5%;}
/*footer #ft_bot .info .txt p {display: inline-block; margin-right:300px;}*/
footer #ft_bot .info .txt .width100{width:100%;}
footer #ft_bot .info .txt span { font-weight:700; color:#666; margin-right:5px;}
/* footer #ft_bot .info .txt strong { font-weight:500; color:#666;} */

footer .copy { /* text-align:center; */ color:#999; font-size:14px; margin-top:20px;}
.bar { width:20px; display:inline-block;}

.topBtn { position:absolute; right:0; top:-15px;}
.topBtn button { width:48px; height:48px; background:url("/img/common/top_btn.png") no-repeat center 12px #ccc; padding:10px 0 0 0; border:none;  font-size:13px; color:#231815; font-family: 'Kanit', sans-serif;}