@charset "utf-8";

.fixed{position:relative;overflow:hidden;width:100%;height:100%;}
header	{z-index:100;position:fixed;width:100%;height:100px;background:#fff;}
.headerWrap	{position:relative;width:1200px;margin: 0 auto;display:flex;justify-content:space-between;align-items:center;}
.headerWrap > h1 	{z-index:2;display:block;width:311px;height:54px;background:url('../images/common/logo.png') no-repeat 0 0;}
.headerWrap > h1 a	{display:block;width:100%;height:100%;font-size:0;}
.gnbWrap	{font-size:0;text-align:center;}
.gnbWrap h1, .gnbWrap .close	{display:none;}
.gnbWrap .depth1{position:relative;z-index:2;display:flex;gap:65px;}
.gnbWrap .depth1 > li {position: relative;}
.gnbWrap .depth1 > li > a{color:#222;font-size:18px;font-weight:400;display:block;width:100%;line-height:100px;height:100px;position:relative;text-align:center;}
.gnbWrap .depth1 > li > a.on {color:#00398f;}
.gnbWrap .depth1 > li > a:after {opacity:0;transition: opacity .3s ease-in-out, top .3s ease-in-out, background-color .3s ease-in-out;}
.gnbWrap .depth1 > li > a.on:after {opacity:1;transition: opacity .3s ease-in-out, top .3s ease-in-out, background-color .3s ease-in-out;position:absolute;content:'';left:0;top:86px;width:100%;height:4px;background:#00388e;}
.gnbWrap .depth2{position: absolute;display:none;width:160px;left:50%;top:90px;transform: translateX(-50%);}
.gnbWrap .depth2 > ul{width:100%;background:#fff;border:1px solid #ced0d5;transition: opacity .3s ease-in-out, top .3s ease-in-out, background-color .3s ease-in-out;}
.gnbWrap .depth2 > ul > li{position: relative;display:block;color:#222;font-weight:400;font-size:15px;line-height:40px;}
.gnbWrap .depth2 > ul > li:last-child	{border-bottom:none;}
.gnbWrap .depth2 > ul > li a:hover {color:#003a92;border-bottom:1px solid #003a92;padding-bottom:1px;}

header .allMenu{z-index:2;width:27px;height:21px;font-size:0;cursor:pointer;position:relative;}
header .allMenu a, header .allMenu button {display:block;width:100%;height:100%;}
header .allMenu span{display:block;width:27px;height:3px;background:#404040;position:absolute;top:9px;left:0;}
header .allMenu:before{content: ''; position: absolute;right:0; top: 0; width: 100%; height: 3px; background: #404040;}
header .allMenu:after{content: ''; position: absolute;right:0; bottom: 0; width: 27px; height: 3px; background: #404040;}
header .allMenu:hover span{animation: allMenuSpan 1s ease-out; -webkit-animation: allMenuSpan 1s ease-out; -moz-animation: allMenuSpan 1s ease-out;}
header .allMenu:hover:before,header .allMenu:hover:after{animation: allMenuBefore 1s ease-out; -webkit-animation: allMenuBefore 1s ease-out; -moz-animation: allMenuBefore 1s ease-out;}
@-ms-keyframes allMenuBefore {
	0% { width: 20px; }
	50% { width: 27px; }
	100% { width: 20px; }
}
@keyframes allMenuBefore {
	0% { width: 20px; }
	50% { width: 27px; }
	100% { width: 20px; }
}
@-ms-keyframes allMenuSpan {
	0% { width: 27px; }
	50% { width: 0px; }
	100% { width: 27px; }
}
@keyframes allMenuSpan {
	0% { width: 27px; }
	50% { width: 0px; }
	100% { width: 27px; }
}
.sitemapWrap{position:fixed;z-index:2;top:-100%; left:0;width:100%;height:100vh;background:rgba(0,45,84,0.9); display: none;}
.sitemap{z-index:10;max-width:1200px;margin:110px auto 0;position:relative;padding:50px;background:#fff;margin-top:110px;}
.sitemap .close{z-index: 10;position:absolute;top:30px;right:30px;width:30px;height:30px;background: url('../images/common/ico_closed_all.png') no-repeat 0 0; font-size:0;}
.sitemap h2	{font-size:0;}
.sitemap .depth1{position:relative;width:100%;display:flex;justify-content:space-between;gap:30px;margin-top:20px;}
.sitemap .depth1 > li  	{width:100%;}
.sitemap .depth1 > li > a	{color:#333;font-size:20px;font-weight:500;padding-bottom:10px;border-bottom:1px solid #c8c8c8;display:block;}
.sitemap .depth2 	{margin-top:20px;}
.sitemap .depth2 > ul > li > a	{color:#555;font-size:15px;line-height:38px;position:relative;padding-left:15px;}
.sitemap .depth2 > ul > li > a:before	{content:'';position:absolute;left:0;top:7px;width:4px;height:4px;background:#a9bdda;border-radius:100%;}
.sitemap .depth2 > ul > li > a:hover	{color:#024c8c;font-weight:500;text-decoration:underline;}

/*a.gotoTop	{position:fixed;z-index:1;bottom:355px;right:66px;font-size:0;width:66px;display:block;overflow:hidden;height:66px;background:url('../images/common/ico_goto.png') no-repeat 50% 50%;border-radius:100%;background-color:#fff;box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.12);}*/

footer{position:relative;width:1200px;margin:0 auto;background: url('../images/common/logo_f.png') no-repeat 0 0;padding:90px 0 50px 0;}
footer .side	{position:absolute;right:0;top:5px;}
footer .side select	{min-width:210px;line-height:40px;border:1px solid #cecece;border-radius:5px;padding:0 45px 0 15px;background-position: right 15px top 50%;color:#333;}
footer .side button	{background:#008aee;line-height:40px;padding:0 20px;text-align:center;color:#fff;font-size:14px;border-radius:5px;display:inline-block;}
footer .f_menu {font-size:0;}
footer .f_menu a{display:inline-block;position:relative;font-size:15px;line-height:1em;color:#222;}
footer .f_menu a~a{margin-left:18px;padding-left:18px;}
footer .f_menu a~a:before{content:'';position:absolute;top:-2px;left:0;bottom:0;margin:auto;width:1px;height:12px;background:#ccc}
footer .f_menu strong{color:#0184e3}
footer .address{padding-top:30px;display:block;width:100%;}
footer .address > p{font-size:14px;line-height:2em;color:#222;letter-spacing:-1px;}
footer .address span{position:relative;margin-left:8px;padding-left:8px;color:#777;}
footer .address span:before{content:"";position:absolute;left:0;top:3px;width:1px;height:11px;background:#ccc}
footer .address span:first-of-type	{padding-left:0;margin-left:0;}
footer .address span:first-of-type::before	{display:none;}
footer .address .copy	{font-weight:600;color:#a5a5a5;letter-spacing:0;margin-top:30px;}
/* sub */
#bodyWrap, .bodyWrap	{width:100%;position:relative;padding-top:100px;}
#bodyWrap:before, .bodyWrap:before     {content:'';position:absolute;left:0;top:100px;width:100%;height:60px;background:#f4f5f8;border:1px solid #e8e9ed;}
.content_area    {width:1200px;margin:1px auto 20px auto;text-align:center;}
.location{position:relative;height:60px;font-size:0;text-align:left;}
.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% #fff;border-right:1px solid #e8e9ed;border-left:1px solid #e8e9ed;}
.location .home + ul{display:inline-block;}
.location .dep1{position:relative;display:inline-block;padding:0 10px 0 30px;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;padding:19px 32px 19px 0;font-size:16px;color:#111;font-weight:300;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% + 3px);left:-3px;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;padding:16px 30px;word-wrap:normal;word-break:keep-all;font-size:16px;color:#111;font-weight:300;}
.location .dep2 a:hover{background:#003a92;color:#fff;}
.location .dep1.active > a{color:#003a92;text-decoration:underline;}
.location .dep1.active > a:before{background-image:url('../images/common/loc_arrow_on.png')}
.content_area h2{margin-top:70px;margin-bottom:20px;font-size:36px;color:#111;font-weight:600;}
.content_area p{font-size:15px;color:#333;font-weight:300;}

#popup-wrap { position: relative; z-index: 11000;margin: 0 auto; }
#popup-wrap .layerPop { position: absolute; display: none; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .5); }
#popup-wrap .memo { font-size: 16px; }
#popup-wrap .memo img { vertical-align: bottom; }
#popup-wrap .close { font-size: 14px; line-height: 28px; position: relative; display: block; padding: 5px 10px; color: #fff; background: #424242; }
#popup-wrap .close label { cursor: pointer !important; color: #fff; font-size: 14px;}
#popup-wrap .close button { font-size: 14px; position: absolute; top: 0; right: 0; display: block; height: 100%; padding: 0 10px 0 25px; color: #fff; background-color: #424242; background: url('/ibuilder/template/theme_skin/theme100/new_images/common/btn_bannerClose.png') no-repeat 0 50%; }

@media (max-width: 1200px) {
	.headerWrap	{width:100%;padding:0 20px;height:100%;}
	.gnbWrap .depth1{gap:40px;}
	.sitemap{max-width:calc(100% - 40px);}
	.content_area    {width:100%;}
	footer	{width:100%;}
}

@media (max-width: 1000px) {
	.gnbWrap .depth1{gap:30px;}
	.gnbWrap .depth1 > li > a	{font-size:16px;}
}
@media (max-width: 900px) {
	header	{height: 60px;position:relative;}
	.fixed header	{z-index:1000;}
	.headerWrap > h1	{display:none;}
	header .allMenu{z-index:1000;position:absolute;right:20px;top:20px;width: 25px;height: 21px;}
	header .allMenu span{width: 100%;height: 2px;}
	header .allMenu:before{height: 2px;}
	header .allMenu:after{height: 2px;width: 100%;}

    .gnbWrap{position: fixed;top:0;right:-100%;width:calc(100% - 40px);height:100%;z-index:99999;background:#fff;overflow-y:auto;}
	.gnbBg{position:fixed;top:0;left:0;width:100%;height:0;background:#000;opacity:.7;text-indent:-9999em;font-size:0;z-index:3;}
	.gnbWrap h1	{display:block;width:100%;height:60px;background-color:#fff;}
    .gnbWrap h1	a	{display:block;width:100%;height:100%;background-size:auto 35px;background-image:url('../images/common/logo.png');background-position:20px 50%;background-repeat:no-repeat;box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.12);}
	.gnbWrap .depth1{display: block;padding:0 20px;width:100%;margin-top:20px;}
	.gnbWrap .depth1 > li	{margin-bottom:10px;}
	.gnbWrap .depth1 > li > a{text-align:left;color:#222;font-weight:400;padding:0 20px;position:relative;font-size:14px;border:1px solid #d3d3d3;border-radius:10px;line-height:50px;height:auto;}
	.gnbWrap .depth1 > li > a:after{opacity:1;content:'';position:absolute;top:0;right:20px;width:6px;height:100%;background:url('../images/common/depth_arrow.png') no-repeat 50% 50%;background-size:100% auto;}
	.gnbWrap .depth1 > li > a.on{color:#fff;font-weight:600;background:#003a92;border:1px solid #003a92;}
	.gnbWrap .depth1 > li > a.on:after{left:auto;top:0;right:20px;width:6px;height:100%;background:url('../images/common/depth_arrow_on.png') no-repeat 50% 50%;background-size:100% auto;}
	.gnbWrap .depth1 > li > a.on.child{border-radius:10px 10px 0 0;}
	.gnbWrap .depth1 > li > a.child:after	{top:20px;width:12px;height:15px;background:url('../images/common/ico_child.png') no-repeat 0 0;background-size:100% auto;}
	.gnbWrap .depth1 > li > a.child.on:after	{background-image:url('../images/common/ico_child_on.png');}
	.gnbWrap .depth2	{position:relative;top:0;right:0;width:100%;display: none;z-index:2;min-height:auto;padding:0;margin:0;}
	.gnbWrap .depth2 > ul{border-top:1px solid #003a92;width:100%;display:block;margin-top:0;padding:10px 20px;border-radius:0 0 10px 10px;}
	.gnbWrap .depth2 > ul > li{display: block;width:100%;position:relative;padding:0 0 0 10px;text-align:left;}
	.gnbWrap .depth2 > ul > li > a{font-size:14px;color:#555;line-height:36px;}
	.gnbWrap .depth2 > ul > li:before	{content:'';position:absolute;left:0;top:16px;width:3px;height:3px;background:#8e8e8e;border-radius:100%;}

	.gnbWrap .close	{z-index:10;display:block;position:absolute;top:15px;right:20px;width:25px;height:25px;background: url('../images/common/ico_closed_all.png') no-repeat 50% 50%;font-size:0;background-size: 20px auto;}

	/*a.gotoTop	{bottom:180px;right:20px;width:40px;height:40px;background-size:12px auto;}*/

	footer{background: url('../images/common/logo_f.png') no-repeat 15px 0;background-size: auto 35px;padding:50px 20px;}
	footer .side	{position:relative;right:auto;top:0;text-align:center;padding-bottom:25px;margin-top:10px;}
	footer .side select	{min-width:auto;line-height:35px;height:35px;font-size:13px;}
	footer .side button	{line-height:35px;padding:0 15px;font-size:13px;}
	footer .f_menu {text-align:center;}
	footer .f_menu a{font-size:13px;}
	footer .f_menu a~a{margin-left:10px;padding-left:10px;}
	footer .f_menu a~a:before{top:-2px;height:10px;}
	footer .address{padding-top:20px;}
	footer .address > p{font-size:12px;}
	footer .address span{margin-left:6px;padding-left:6px;}
	footer .address span:before{top:2px;height:9px;}
	footer .address .copy	{font-weight:600;margin-top:15px;}
	/* sub */
	#bodyWrap, .bodyWrap	{padding-top:0;margin-top:-60px;}
	#bodyWrap:before, .bodyWrap:before   {display:none;}
	.location{position:relative;height:auto;font-size:0;text-align:left;box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.12);border-bottom:1px solid #d4d4d4;}
	.location *{vertical-align:middle;}
	.location .home{z-index:100;position:absolute;left:20px;top:10px;width:20px;height:35px;font-size:0;background:url('../images/common/ico_home_m.png') no-repeat 50% 50%;border:none;background-size:50% auto;}
	.location .home + ul{display:block;}
	.location .dep1{display:block;padding:0;border:none;min-width:auto;line-height:normal;width:100%;}
	/*.location .dep1:after{display:none;}*/
	.location .dep1 > a{z-index:100;min-width:auto;padding:0;font-size:18px;color:#111;font-weight:500;text-align:center;pointer-events:none;line-height:60px;}
	.location .dep1 > a:before{display:none;}
	.location > ul >  li:nth-child(2) > a, .location > ul > li:nth-child(1) > .dep2	{display:none;}
	.location  li:nth-child(2){display:block;z-index:1;position:relative;width:100%;left:0;top:0;height:50px;overflow-y:hidden;overflow-x:auto;border-bottom:1px solid #e7e7e7;}
	.location  li:nth-child(2) > .dep2{display:flex;width:600px;position:relative;left:0;top:0;background:none;box-shadow:none;height:50px;}
	.location  li:nth-child(2) > .dep2 li	{width:auto;display:inline-block;margin-left:40px;line-height:normal;padding:0;border:none;line-height:45px;}
	.location .dep2 a{display:block;height:auto;font-size:13px;color:#333;line-height:45px;padding:0;position:relative;}
	.location .dep2 a.on, .location .dep2 a:hover{background:none;color:#003a92;font-weight:600;}
	.location .dep2 a.on:after, .location .dep2 a:hover::after{z-index:100;content:'';position:absolute;left:0;bottom:-2px;width:100%;height:3px;background:#003a92;}
	.dep1::-webkit-scrollbar { display: none; }
	.content_area h2{margin-top:40px;font-size:28px;}
	.content_area p{font-size:14px;}
	/* 2depth ��� �ӽ� ������ */
	.location .dep1:after	{top:60px;width:100%;height:1px;background:#e7e7e7;}



}

@media (max-width: 768px) {
	.content_area	{margin:0;}
}

@media (max-width: 360px) {
	.gnbWrap .close	{top:23px;right:15px;width:15px;height:15px;}
}