@charset 'utf-8';

/* 공통 */
.cf:after{ display:block; content:''; clear:both;}
.fl{ float:left;}
.fr{ float:right;}

.inner1400{ position: relative; max-width:1400px; margin: 0 auto;}
.inner1760{ position: relative; max-width:1760px; margin: 0 auto;}

.font-lato{ font-family: "Lato", sans-serif;}
.font-nanum{ font-family: "NanumSquare", sans-serif;}

/* 
	Header
*/
header{ position: fixed; top: 0; left: 0; width: 100%; background-color: #00283c; z-index: 10;}
header .inner{}
header .inner:after{ display: block; content:''; clear:both;}
header .inner .logo{ position: absolute; top: 50%; transform:translateY(-50%); left: 0;}
header .inner .logo a{ position: relative; display: block;}
header .inner nav{}
header .inner nav .gnb{ text-align:center; font-size:0;}
header .inner nav .gnb > li{ position: relative; display: inline-block; vertical-align:top}
header .inner nav .gnb > li > a{ position: relative; display: block; font-size:18px; color: #fff; font-weight:700; font-family:'arial'; letter-spacing:0.02em; padding: 33px 63px;}
header .inner nav .gnb > li > a:before{ content:''; width: 0; height: 4px; background-color: #fff; position: absolute; top: 0; left: 50%; transform:translateX(-50%); opacity: 0; transition:all .4s;}
header .inner nav .gnb > li:hover > a{ background-color: #1759a3;}
header .inner nav .gnb > li:hover > a:before{ width: 102px; opacity: 1;}
header .inner nav .gnb > li .depth2{ position: relative; background-color: #1759a3; padding: 69px 0 60px 0; display: none; position: absolute; left: 0; width: 100%; box-sizing:border-box;}
header .inner nav .gnb > li .depth2:before{ content:''; width: 100%; height: 1px; background-color: #135299; position: absolute; top: 28px; left: 0;}
header .inner nav .gnb > li .depth2 li{}
header .inner nav .gnb > li .depth2 li:nth-of-type(n+2){ margin-top:21px;}
header .inner nav .gnb > li .depth2 li a{ position: relative; display: block; font-size:15px; color: #b4b4b4; font-weight:700; font-family:'arial'; letter-spacing:0.02em; padding: 5px 0;}
header .inner nav .gnb > li .depth2 li a:hover{ color: #fff;}
header .inner .lang{ position: absolute; right: 0; top: 24px; cursor:pointer;}
header .inner .lang .box{ background-color: #fff; border-radius:18px; text-align:center; width: 36px; padding: 8px 7px; box-sizing:border-box;}
header .inner .lang .box p{ position: relative;}
header .inner .lang .box a{ display: none; font-size:11px; color: #000; font-weight:600; font-family:'Montserrat'; text-align:center; margin:14px auto 8px 0; transition:all .3s;}
header .inner .lang .box a:hover{ color: #1759a3;}
header .inner .lang.on .box a{ display: block;}

.menu_btn{ position: absolute; right: 25px; top: 50%; transform:translateY(-50%); display: table; display: none;}
.menu_btn a{ display: table-cell; vertical-align:middle; }
.menu_btn a span{ display: block; width: 28px; height: 2px; background-color: #fff; margin: 0 auto;}
.menu_btn a span:nth-of-type(n+2){ margin-top:8px;}

/* All Menu */
#all_menu{ position: fixed; top: 0; right: -445px; z-index: 9999; background-color: #fff; width: 445px; height: 100%; max-width:95%; transition:all .4s ease-in-out;}
#all_menu.on{ right: 0;}
#all_menu .top{ position:relative; height:100px; background-color: #00283c;}
#all_menu .top .m_logo{ left:15px;}
#all_menu .top .m_logo a{ display:block; font-size:0;}
#all_menu .top .m_logo a > *{ position: relative; display: inline-block; vertical-align:middle;}
#all_menu .top .m_logo a img{ margin-right:5px}
#all_menu .top .m_logo a dl{}
#all_menu .top .m_logo a dl > *{ color: #000;}
#all_menu .top .m_logo a dl dt{ font-weight:700; font-size:20px; letter-spacing:0.01em; margin-bottom:7px;}
#all_menu .top .m_logo a dl dd{ font-weight:300; font-size:14px; letter-spacing:0.005em;}

#all_menu .top .close_btn{ right:15px;}
#all_menu .top .close_btn a{ display: block; padding: 10px 5px;}
#all_menu .top .close_btn a span{ display: block; width: 30px; height: 2px; background-color: #fff;}
#all_menu .top .close_btn a span:nth-of-type(1){ transform:rotate(45deg)}
#all_menu .top .close_btn a span:nth-of-type(2){ transform:translateY(-2px) rotate(-45deg)}

#all_menu .top .m_logo,
#all_menu .top .close_btn{ position:absolute; top:50%;
	transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}
#all_menu .gnb > li{ border-bottom:1px solid #fff;}
#all_menu .gnb > li > a{ position:relative; display:block; height:60px; line-height:60px; padding-left:25px; background-color:#333; color:#fff;}
#all_menu .gnb > li > a:after{ content:url('/img/common/menuplus_off.png'); display:inline-block; position:absolute; right:25px;}
#all_menu .gnb > li.on > a{ background-color:#1759a3; color:#fff;}
#all_menu .gnb > li.on > a:after{ content:url('/img/common/menuplus_on.png'); display:inline-block; position:absolute; right:25px;}
#all_menu .gnb > li > .depth2{ display:none; background-color:#f2f2f2; color:#666;}
#all_menu .gnb > li > .depth2 li{ border-bottom:1px solid #dddedf;}
#all_menu .gnb > li > .depth2 li:last-child{ border:0;}
#all_menu .gnb > li > .depth2 li > a{ position:relative; display:block; background:#f2f2f2; color:#666; padding:18px 0 18px 25px;}
#all_menu .gnb > li > .depth2 li > a:after{ content:url('/img/common/smenu_off.png'); display:inline-block; position:absolute; right:22px;}
#all_menu .gnb > li > .depth2 li > a:hover{ background-color:#FFF; color:#1759a3;}
#all_menu_bg{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); opacity: 0; visibility: hidden; z-index: 0;
	-webkit-transition:all .3s;
	transition:all .3s;
}
#all_menu_bg.on{ opacity: 1; visibility: visible; z-index: 9998;}


/* 
	Footer
*/
footer{}
footer .ft_top{ background-color: #00283c; padding: 56px 0 24px 0;}
footer .ft_top .info{ margin-bottom:40px;}
footer .ft_top .info dl{}
footer .ft_top .info dl > *{ font-weight:500; letter-spacing:-0.05em;}
footer .ft_top .info dl dt{ font-size:16px; color: #fff; margin-bottom:25px;}
footer .ft_top .info dl dd{ font-size:14px; color: #a7a7a7;}
footer .ft_top .about{ margin-bottom:25px;}
footer .ft_top .about ul{}
footer .ft_top .about ul li{ font-size:15px; color: #a7a7a7; font-family:'arial'}
footer .ft_top .about ul li:nth-of-type(n+2){ margin-top:14px;}
footer .ft_top .ft_menu{}
footer .ft_top .ft_menu ul{ font-size:0; text-align:center;}
footer .ft_top .ft_menu ul li{ display: inline-block; vertical-align:middle;}
footer .ft_top .ft_menu ul li a{ position: relative; display: block; font-size:16px; color: #a7a7a7; font-family:"arial"; letter-spacing:-0.05em; transition:all .3s;}
footer .ft_top .ft_menu ul li a:hover{ color: #fff;}
footer .ft_top .ft_menu ul li a:after{ content:''; width: 1px; height: 15px; background-color: #fff; position: relative; display: inline-block; margin: 0 12px; vertical-align:middle; top: -2px;}
footer .ft_top .ft_menu ul li:last-child a:after{ display: none;}
footer .ft_bottom{ background-color: #005faa;}
footer .ft_bottom p{ font-size:14px; color: #e1e1e1; font-family:'arial'; letter-spacing:-0.025em; padding: 18px 0;}




/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all;  text-align:left;}
.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; }