@charset "utf-8";

body{overflow-y:auto;position:relative;}

header	{z-index:2;width:100%;position:fixed;height:100px;background:#fff;}
header .header	{margin:0 auto;width:100%;position:relative;padding:0 50px;}
header	.logo{z-index:5;position:absolute;top:25px;left:50px;width:328px;height:48px;background:url('../images/common/logo.png') no-repeat 50% 50%;}
header	.logo a{display:block;width:100%;height:100%;font-size:0;}
.gnbWrap .m_logo	{display:none;}
.gnbWrap .menuClose{display: none;}
.gnb_area	{padding:0 100px 0 220px;}
.gnbWrap .depth1{display:flex;justify-content: center;}
.gnbWrap .depth1 > li {margin-right:60px;}
.gnbWrap .depth1 > li:last-child	{margin-right:0;}
.gnbWrap .depth1 > li > a{color: #111;font-size:24px;font-family:'oswald';min-width:150px;line-height:100px;font-weight:400;display:block;width:100%;text-align:center;}
.gnbWrap .depth1 > li > a.on {color:#0f275c;font-weight:500;}

.gnbWrap .depth2{position:absolute;left:0;right:0;width:100%;font-size:0;padding:30px 0;display:none;min-height:200px;z-index:100;max-width:1400px;margin:0 auto;}
.gnbWrap .depth2 > ul{position:relative;padding-left:280px;display: flex;flex-wrap: wrap;}
.gnbWrap .depth2 > ul > li{display: block;padding:15px 10px 15px 30px;width:calc(100%/4);position:relative;}
.gnbWrap .depth2 > ul > li:before {content:'';display:block;position:absolute;right:0;top:-29px;background:rgba(0, 0, 0, .1);width:1px;height:200px;}
.gnbWrap .depth2 > ul > li:nth-child(n + 5)::before {display:none;}

.gnbWrap .depth2 > ul > li > a{display:inline-block;font-family: 'Montserrat';font-size:18px;font-weight:400;color:#444;letter-spacing:-0.5px;}
.gnbWrap .depth2 > ul > li > a.on, .gnbWrap .depth2 > ul > li > a:hover {color:#0f275c;border-bottom:1px solid #0f275c;font-weight:500;}
.gnbWrap .close	{display: none;}
.gnbWrap .depth1 li .depth2  h2 {position:absolute;top:0;left:calc(50% - 800px);background:#0f275c;width:280px;height:100%;}
.gnbWrap .depth1 li .depth2  h2:after {z-index:-1;content:'';display:block;position:absolute;right:0;top:0;background:#0f275c;width:200%;height:100%}
.gnbWrap .depth1 li .depth2  h2 span	{margin-top:30px;font-size:38px;font-family:'oswald';font-weight:500;color:#fff;display:block;padding-bottom:10px;border-bottom:2px solid #fff;}

header  a.lang {z-index:3;position:absolute;top:10px;right:130px;width:80px;height:79px;font-family:'Poppins';font-size:19px;font-weight:600;text-align:center;display:block;line-height:80px;color:#fff;background:#777;}
header  a.sitemap {z-index:3;position:absolute;top:10px;right:50px;width:80px;height:80px;background:url('../images/common/allmenu.png') no-repeat 50% 50% #0f275c;font-size:0;}
header  a.sitemap.allMenu	{display:none;}
.gnbBg{position:fixed;top:100px;left:0;width:100%;height:0;background:#fff;z-index:1;box-shadow: 0px 20px 20px rgba(0,0,0,0.12);}
.gnbBg.on:before{content:'';position:absolute;top:0px;left:0;width:100%;height:1px;background:#dadada;}
body.fixed:before{z-index:2;content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);}
header.fixed	{height:101px;border-bottom:1px solid #dadada;}


#dBody{min-height:700px;}
#dMBody{min-height:970px;}

.visualWrap{position:relative;margin:0 auto;width:calc(100% - 100px);max-width:1820px;padding-top:100px;}
.visualWrap .visual{;height:280px;background:url('../images/sub/sub_visual_01.jpg') no-repeat 50% 50%;}
.visualWrap .visual h2{position:absolute;left:0;top:50%;margin-top:-10px;width:100%;text-align:center;font-family:'oswald';;color:#fff;font-weight:600;font-size:52px;}

.visual.v1	{background:url('../images/sub/sub_visual_01.jpg') no-repeat 50% 50%;}
.visual.v2	{background:url('../images/sub/sub_visual_02.jpg') no-repeat 50% 50%;}
.visual.v3	{background:url('../images/sub/sub_visual_03.jpg') no-repeat 50% 50%;}
.visual.v4	{background:url('../images/sub/sub_visual_04.jpg') no-repeat 50% 50%;}
.visual.v5	{background:url('../images/sub/sub_visual_05.jpg') no-repeat 50% 50%;}
.visual.v6	{background:url('../images/sub/sub_visual_06.jpg') no-repeat 50% 50%;}

.location{position:relative;width:100%;max-width:1600px;height:60px;margin:-60px auto 0;font-size:0;background:#fff;box-shadow: 20px 0px 20px rgba(0,0,0,0.12);}
.location *{vertical-align:middle;}
.location .home{display:inline-block;width:60px;height:60px;font-size:0;background:url('../images/common/ico_home.png') no-repeat 50% 50% #0f275c;}
.location .home + ul{display:inline-block;}
.location .dep1{position:relative;display:inline-block;padding:0 10px;border:1px solid transparent;min-width:200px;height:60px;}
.location .dep1:after{position:absolute;top:0;right:0;content:''; display:inline-block;width:1px;height:60px; background:#e3e3e3;}
.location .dep1 > a{position:relative;display:block;min-width:300px;font-family:'Montserrat';padding:19px 32px 19px 0;font-size:17px;color:#111;font-weight:400;word-wrap:normal;word-break:keep-all;}
.location .dep1 > a:before{content:'';display:block;position:absolute;top:50%;right:5px;margin-top:-11px;width:22px;height:22px;background:url('../images/common/loc_arrow.png') no-repeat 50% 50%;}
.location .dep2{display:none;z-index:1;position:absolute;width:calc(100% + 2px);left:-2px;top:60px;background:#fff;box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.12);border:1px solid #e3e3e3;border-top:none;}
.location .dep2 li~li{margin-top:0;}
.location .dep2 a{display:block;font-family:'Montserrat';min-height:60px;padding:15px 20px;word-wrap:normal;word-break:keep-all;font-size:16px;color:#666;}
.location .dep2 a:hover{background:#0f275c;color:#fff;font-weight:600;word-wrap:normal;word-break:keep-all;}
.location .dep1.active > a:before{background-image:url('../images/common/loc_arrow_on.png')}


.contentsWrap	{width:100%;max-width:1400px;font-size:0;margin:0 auto;padding-bottom:120px;}

.quickmenu	{position:absolute;top:280px;right:22px;width:60px;}
.quickmenu ul	{width:100%;height:100%;padding:20px 0;}
.quickmenu li ~li	{margin-top:10px;}
.quickmenu li a	{font-size:0;display:block;overflow:hidden;width:100%;height:60px;background-position:50% 50%;background-repeat:no-repeat;border-radius:20px;background-color:#fff;box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.12);}
.quickmenu li:nth-child(1) a {background-color:#0866ff;background-image:url('../images/common/slide01.png');}
.quickmenu li:nth-child(2) a {background-image:url('../images/common/slide02.png');}
.quickmenu li:nth-child(3) a {background-color:#13c900;background-image:url('../images/common/slide03.png');}
.quickmenu li:nth-child(4) a {background-color:#ed1d24;background-image:url('../images/common/slide04.png');}
.quickmenu li:nth-child(5) a	{background-image:url('../images/common/ico_goto.png');}

footer{height:200px;background: url('../images/common/logo_f.png') no-repeat 50px 50% #f8f8f8;}
.footer{height:100%;display:flex;align-items:center;flex-wrap:wrap;}
.footer div	{margin-left:430px;font-family: 'Montserrat';}
.footer p {font-size:14px;color:#676767;font-weight:500;letter-spacing:0;line-height:25px;}
.footer .copyright{color:#838383;margin-top:10px;}


@media (max-width: 1860px) {
	.quickmenu	{right:10px;}
}
@media (max-width: 1600px){
	header .header	{padding:0 20px;}
	.gnb_area	{padding:0 180px 0 340px;}
	.gnbWrap .depth1 > li > a	{min-width:auto;}
	.gnbWrap .depth1 > li	{margin-right:50px;}
	.gnbWrap .depth1 > li:last-child	{margin-right:0;}
	header	.logo{left:20px;}
	header  a.lang {right:100px;}
	header  a.sitemap {right:20px;}
	.visualWrap{width:calc(100% - 40px);}

}

@media (max-width: 1400px){
	.contentsWrap	{width:calc(100% - 40px);word-break: break-all;}
	.gnbWrap .depth1 li .depth2  h2 {top:0;left:0;width:280px;padding-left:30px;}
	.gnbWrap .depth1 li .depth2  h2:after {left:0;width:50%;}
	.gnbWrap .depth1 li .depth2  h2 span {font-size:30px;}
}

@media (max-width: 1280px){
	header .header	{padding:0 20px;}
	.gnb_area	{padding:0 140px 0 230px;}
	.gnbWrap .depth1 > li	{margin-right:20px;}
	.gnbWrap .depth1 > li:last-child	{margin-right:0;}
	header	.logo{width:220px;background-size:100% auto;}
	header  a.lang {top:20px;right:80px;width:60px;height:60px;line-height:60px;font-size:16px;}
	header  a.sitemap {top:20px;width:60px;height:60px;line-height:60px;background-size:auto 9px;}
	.gnbWrap .depth1 > li > a{font-size:18px;min-width:auto;}
	.gnbWrap .depth1 li .depth2  h2 {width:220px}
	.gnbWrap .depth1 li .depth2  h2 span {font-size:25px;}
	.gnbWrap .depth2 > ul{padding-left:220px;}
	.gnbWrap .depth2 > ul > li {padding:10px 10px 15px 20px;}
	.gnbWrap .depth2 > ul > li > a{font-size:15px;}
}

@media (max-width: 900px){

	header, header.fixed	{height:60px;}
	header .logo	{top:0;height:60px;}
	header  a.lang {top:10px;right:60px;width:40px;height:39px;line-height:40px;font-size:12px;}
	header  a.sitemap {top:10px;width:40px;height:40px;line-height:40px;background-size:auto 8px;}
	header a.sitemap {display:none;}
	header a.sitemap.allMenu	{z-index:2;display:block;}
	.gnbWrap .depth1 li .depth2  h2	{display:none;}

	.gnbWrap{position:fixed;z-index:100;top:0;right:-100%;width:100%;height:100%;background:#fff;}
	.gnbWrap:before	{content:'';position:absolute;left:0;top:0;width:100%;height:60px;background:#0f275c;}
	.gnbWrap .m_logo	{position:relative;display:block;margin-left:20px;width:200px;height:60px;background:url('../images/common/logo_over.png') no-repeat 0 50%;background-size: 100% auto;font-size:0;}
	.gnbWrap .depth1	{display:block;}
	.gnbWrap .depth1 > li	{margin-right:0;}
	.gnbWrap .depth1 > li	{border-bottom:1px solid #d8d8d8;}
	.gnbWrap .depth1 > li > a{text-align:left;line-height:normal;padding:15px 25px 15px 20px;color:#010101;font-weight:600;position:relative;font-size:17px;font-family:'NotoSansCJKkr';}
	.gnbWrap .depth1 > li > a:after{content:'';position:absolute;top:50%; transform: translateY(-50%);right:20px;width:24px;height:24px;border:1px solid #d8d8d8;border-radius:100%;background:url('../images/common/depth_arrow.png') no-repeat 50% 55%;background-size:50% auto;}
	.gnbWrap .depth1 > li > a.on{color:#0f275c;}
	.gnbWrap .depth1 > li > a.on:after{border:1px solid #0f275c;background:url('../images/common/depth_arrow_on.png') no-repeat 50% 45%;background-size:50% auto;}
	.gnbWrap .depth2	{position:relative;top:0;right:0;width:100%;display: none;z-index:2;min-height:auto;padding:0;}
	.gnbWrap .depth2 > ul{border-top:1px solid #d8d8d8;width:100%;display:block;margin-top:0;padding:10px 20px;}
	.gnbWrap .depth2 > ul > li{display: block;width:100%;position:relative;padding:10px 0 10px 10px;}
	.gnbWrap .depth2 > ul > li > a{font-size:14px;color:#555;}
	.gnbWrap .depth2 > ul > li:before	{content:'';position:absolute;left:0;top:calc(50% - 1px);width:4px;height:4px;background:#8e8e8e;border-radius:100%;}

	.gnbWrap .menuClose{display:block;font-size:0;width:20px;height:20px;background: url('../images/common/menu_close.png') no-repeat 0 0;background-size:cover;position: absolute;top:20px;right:20px;}

	.location	{display:none;}
	.contentsWrap	{max-width:100%;padding-bottom:90px;}
	.visualWrap	{padding-top:60px;}
	.visualWrap .visual h2	{font-size:40px;margin-top:0;}
	.visualWrap .visual{height:150px;background-size:auto 100%;}

	.quickmenu	{width:40px;right:5px;}
	.quickmenu li a	{height:40px;border-radius:10px;}
	.quickmenu li:nth-child(1) a	{background-size:auto 15px;}
	.quickmenu li:nth-child(2) a	{background-size:auto 40px;}
	.quickmenu li:nth-child(3) a	{background-size:auto 16px;}
	.quickmenu li:nth-child(4) a	{background-size:auto 14px;}
	.quickmenu li:nth-child(5) a	{background-size:auto 15px;}

	footer{height:auto;padding:70px 20px 30px;background-size:auto 25px;background-position:20px 30px;}
	.footer{height:auto;display:block;}
	.footer div	{margin-left:0;}
	.footer p {font-size:14px;color:#676767;word-break:break-word;}
}


@media (max-width: 768px) {	

	header .logo	{left:20px;}
	header  a.lang {right:60px;}
	header  a.sitemap {right:20px;}
	.visualWrap .visual h2	{font-size:30px;}
	.visualWrap	{width:calc(100% - 40px);}

}
@media (max-width: 320px) {	

	header .logo{left:10px;width:200px;}

}