@charset 'utf-8';

/* °ψΕλ */
#wrap{width:100%; position:relative;}
.w1300{width:100%; max-width:1200px; margin:0 auto;}

/* header */
#header{width:100%; position:fixed; top:0; left:0; z-index:2; height:92px; background-color:#fff;}
#header .w1300{height:100%;}
#header .w1300:after{content:""; display:block; clear:both;}
#header .logo{float:left; padding-top:22px;}
#header .logo h1 a{display:block;}
#header .gnb{width:900px; position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
#header .gnb .depth{font-size:0; text-align:center;}
#header .gnb .depth li{display:inline-block; vertical-align:top; margin:38px 25px;}
#header .gnb .depth li a{display:block; font-size:21px; font-weight:300; letter-spacing:-0.03em; color:#333; line-height:1;}
#header .gnb .depth li.on a{font-weight:500; color:#014099;}
#header .country{float:right; padding-top:43px; font-size:0;}
#header .country a{display:inline-block; vertical-align:middle; font-size:15px; font-weight:300; letter-spacing:-0.03em; color:#333; line-height:1; padding:0 13px;}
#header .country a:last-of-type{padding-right:0; position:relative;}
/*#header .country a:last-of-type:before{content:""; display:block; width:1px; height:11px; background-color:rgba(0,0,0,0.4); position:absolute; top:1px; left:0;}*/
#header .sub_gnb_wrap{display:none; width:100%; padding:28px 0 50px; background-color:#244b81; position:absolute; top:92px; left:0;}
#header .sub_gnb_wrap .w1300{position:relative;}
#header .sub_gnb_wrap .w1300 .sub_gnb_close{position:absolute; top:0; right:0;}
#header .sub_gnb_wrap .w1300 .type{font-size:0;}
#header .sub_gnb_wrap .w1300 .type > div{display:inline-block; vertical-align:top;}
#header .sub_gnb_wrap .w1300 .type .txt_box{width:390px; padding-top:28px;}
#header .sub_gnb_wrap .w1300 .type .txt_box p{font-size:24px; font-weight:700; letter-spacing:-0.03em; color:#fff; line-height:1; padding-bottom:20px;}
#header .sub_gnb_wrap .w1300 .type .txt_box span{font-size:16px; font-weight:300; letter-spacing:-0.03em; color:#fff; line-height:1.6;}
#header .sub_gnb_wrap .w1300 .type .sub_depth{width:236px; padding:10px 0 40px 0; border-left:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2) ;box-sizing:border-box;}
#header .sub_gnb_wrap .w1300 .type .sub_depth > ul{width:100%;}
#header .sub_gnb_wrap .w1300 .type .sub_depth > ul > li{position:relative;}
#header .sub_gnb_wrap .w1300 .type .sub_depth ul li:nth-of-type(n+2){margin-top:16px;}
#header .sub_gnb_wrap .w1300 .type .sub_depth ul li a{display:block; width:100%; font-size:15px; font-weight:300; letter-spacing:0.02em; color:#fff; line-height:1; padding:0 38px 0 40px; box-sizing:border-box;}
#header .sub_gnb_wrap .w1300 .type .sub_depth ul li.on > a{font-weight:500;}
#header .sub_gnb_wrap .w1300 .type .sub_depth ul li.arrow > a{position:relative;}
#header .sub_gnb_wrap .w1300 .type .sub_depth ul li.arrow > a:before{content:""; display:block; width:16px; height:7px; background:url(../../kmtech/img/common/gnb_arrow_off.png) center top no-repeat; position:absolute; top:50%; right:38px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
#header .sub_gnb_wrap .w1300 .type .sub_depth ul li.arrow.on > a:before{background:url(../../kmtech/img/common/gnb_arrow_on.png) center top no-repeat; }
#header .sub_gnb_wrap .w1300 .type .sub_depth ul li ul{display:none; width:100%; position:absolute; right:-235px; top:0;}
#header .sub_gnb_wrap .w1300 .type .sub_depth ul li ul li{position:relative;}
#header .sub_gnb_wrap .w1300 .type .sub_depth ul li ul.last_depth li a{width:auto; display:inline-block; vertical-align:top; padding:0; position:relative;}
#header .sub_gnb_wrap .w1300 .type .sub_depth ul li ul.last_depth li a:hover:before{content:""; display:block; width:100%; height:1px; background-color:#fff; position:absolute; bottom:0; left:0;}
#header .sub_gnb_wrap .w1300 .type .sub_depth ul li ul.last_depth{right:-275px;}
#header .sub_gnb_wrap .w1300 .type .sub_depth ul li:last-of-type > ul{top:auto; bottom:-2px;}
#header .sub_gnb_wrap .w1300 .type .sub_depth1{padding-bottom:10px;}
#header .sub_gnb_wrap .w1300 .type .sub_depth4{padding-bottom:70px;}
#header .sub_gnb_wrap .w1300 .type .sub_depth3{position:relative;}
#header .sub_gnb_wrap .w1300 .type .sub_depth3.on:before{content:""; display:block; width:1px; height:100%; background-color:rgba(255,255,255,0.2); position:absolute; top:0; right:-235px;}
#header .menu_btn{display:none;}
#header .m_gnb{display:none;}

/* footer */
#footer{width:100%;}
#footer .top_box{padding:57px 0 46px; background-color:#f3f3f3;}
#footer .top_box .w1300{font-size:0; position:relative;}
#footer .top_box .w1300 .ft_logo,
#footer .top_box .w1300 .right_box{display:inline-block; vertical-align:top;}
#footer .top_box .w1300 .ft_logo{width:130px;}
#footer .top_box .w1300 .ft_logo a{display:block;}
#footer .top_box .w1300 .right_box{width:calc(100% - 130px); padding-left:70px; box-sizing:border-box;}
#footer .top_box .w1300 .right_box:after{content:""; display:block; clear:both;}
#footer .top_box .w1300 .right_box .address{display:inline-block; vertical-align:top;}
#footer .top_box .w1300 .right_box .address:nth-of-type(n+2){margin-left:70px;}
#footer .top_box .w1300 .right_box .address p{font-size:16px; font-family: 'Roboto','Noto-sans KR' sans-serif;
 font-weight:500; color:#666; line-height:1;}
#footer .top_box .w1300 .right_box .address font{display:block; font-size:14px; font-weight:300; letter-spacing:-0.03em; color:#666; padding:16px 0 5px;}
#footer .top_box .w1300 .right_box .address span{font-size:14px; font-weight:300; letter-spacing:-0.03em; color:#666; line-height:2;}
.top_btn{display:block; width:55px; padding:18px 0 16px; position:fixed; bottom:30px; right:10px; text-align:center; background-color:#3e69b3; opacity:0; transition:all .6s;z-index: 999999;}
.top_btn.on{opacity:1;}
.top_btn img{max-width:100%;}
.top_btn span{display:block; font-size:12px; font-weight:300; letter-spacing:0.025em; color:#fff; line-height:1; padding-top:10px;}
#footer .top_box .site_box{float:right; width:230px; padding:17px 0;}
#footer .top_box .site_box.on{background-color:#fff;}
#footer .top_box .site_box > li{width:100%; position:relative; padding:0 15px; box-sizing:border-box;}
#footer .top_box .site_box > li > a{display:block; width:100%; padding:6px 0; font-size:14px; font-family: 'Montserrat', sans-serif; font-weight:300; color:#666; position:relative; border-bottom:2px solid #666;}
#footer .top_box .site_box > li > a:before{content:""; display:block; width:7px; height:6px; background:url(../../kmtech/img/common/family_arrow.png) center top no-repeat; background-size:cover; position:absolute; top:9px; right:7px;}
#footer .top_box .site_box > li .site{display:none; width:100%; position:absolute; top:28px; left:0; padding:22px 15px; background-color:#fff; box-sizing:border-box;}
#footer .top_box .site_box > li .site li a{display:block; width:100%; font-size:14px; font-family: 'Montserrat', sans-serif; font-weight:300; color:#666;}
#footer .top_box .site_box > li .site li a:hover{color:#014099;}
#footer .top_box .site_box > li .site li:nth-of-type(n+2){margin-top:17px;}
#footer .bot_box{width:100%; padding:30px 0; border-top:1px solid #e0e0e0; background-color:#fff;}
#footer .bot_box .w1300{position:relative; text-align:center;}
#footer .bot_box p{font-size:16px; font-weight:300; color:#666; line-height:1;margin: 0.5em 0 0;}
#footer .bot_box img{position:absolute; top:0; right: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; }
.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%; }
.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; }

@media all and (max-width:1500px){
	/* footer */
	#footer .top_box .top_btn{right:0;}
}

@media all and (max-width:1300px){
	/* °ψΕλ */
	.w1300{padding:0 15px; box-sizing:border-box;}

	/* header */
	#header .sub_gnb_wrap .w1300 .sub_gnb_close{right:15px;}

	/* footer */
	#footer .top_box .top_btn{right:15px;}
	#footer .top_box .w1300 .right_box .address:nth-of-type(n+2){margin-left:30px;}
	#footer .bot_box img{right:15px;}
}

@media all and (max-width:1200px){

	/* header */
	#header{height:auto; padding:20px 0;}
	#header .logo{padding-top:0;}
	#header .country{padding-top:17px;}
	#header .gnb{display:none;}
	#header .sub_gnb_wrap{display:none;}
	#header.on .country a{color:#333;}
	#header .menu_btn{display:block; float:right; width:33px; margin:10px 0 0 30px;}
	#header .menu_btn span{width:100%; display:block; height:4px; background-color:#333; margin:4px 0; clear:both;}
	#header.on .menu_btn span{background-color:#333;}
	#header .m_gnb{width:300px; height:90%; position:fixed; top:90px; right:-1000px; background-color:#fff;}
	#header .m_gnb.on{display:block; right:0;}
	#header .m_gnb .depth{width:100%; height:100%; overflow-y:scroll;}
	#header .m_gnb .depth > li{border-bottom:1px solid #666; padding:10px 0;}
	#header .m_gnb .depth > li > p,
	#header .m_gnb .depth > li > a{display:block; padding:15px 10px; font-size:20px; font-weight:500; letter-spacing:-0.05em; color:#000; box-sizing:border-box;}
	#header .m_gnb .depth > li.on > p,
	#header .m_gnb .depth > li.on > a{color:#007ac0;}
	#header .m_gnb .depth > li .sub_depth{display:none;}
	#header .m_gnb .depth > li .sub_depth li a{display:block; padding:10px; font-size:18px; font-weight:400; letter-spacing:-0.05em; color:#666; box-sizing:border-box;}
	#header .m_gnb .depth > li .sub_depth > li.on > a{color:#000;}
	#header .m_gnb .depth > li .sub_depth li a.arrow{position:relative;}
	#header .m_gnb .depth > li .sub_depth li a.arrow img{display:none;}
	#header .m_gnb .depth > li .sub_depth li a.arrow:before{content:""; display:block; width:12px; height:7px; background:url(../../kmtech/img/common/m_3depth_arrow.png) center top no-repeat; background-size:cover; position:absolute; top:50%; right:15px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
	#header .m_gnb .depth > li .sub_depth li ul{display:none;}
	#header .m_gnb .depth > li .sub_depth > li > ul > li > a{padding-left:20px; font-size:16px;}
	#header .m_gnb .depth > li .sub_depth > li > ul > li ul li a{padding-left:30px; font-size:15px;}
	#header .m_gnb .depth > li .sub_depth > li > ul > li.on > a{color:#000;}
	
	/* footer */
	#footer .top_box{padding-bottom:90px;}
	#footer .top_box .w1300 .ft_logo,
	#footer .top_box .w1300 .right_box{display:block;}
	#footer .top_box .w1300 .ft_logo{margin:0 auto;}
	#footer .top_box .w1300 .right_box{width:100%; padding:30px 0 0 0;}
	#footer .top_box .w1300 .right_box .address{display:block; width:100%; text-align:center;}
	#footer .top_box .w1300 .right_box .address:nth-of-type(n+2){margin:15px 0 0 0;}
	#footer .top_box .site_box{float:none; margin:20px auto 0;}
}

@media all and (max-width:768px){

	/* header */
	#header .logo{width:130px;}
	#header .country{padding-top:12px;}
	#header .menu_btn{display:block; float:right; width:33px; margin:5px 0 0 30px;}
	#header .m_gnb{top:79px;}

	/* footer */
	#footer .bot_box img{position:static; right:0; margin-top:10px;}
}

.navik-menu {
	float: none !important;
	display: table;
	margin: 0 auto;
}