@charset "utf-8";

label, input, select{vertical-align:middle;}
body{font-size:14px; font-family:'KoPubWorldDotum', '맑은 고딕', 'Malgun Gothic', Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif; color:#333; letter-spacing:0; }
input, textarea, select{ font-family:'KoPubWorldDotum', sans-serif !important; }
input[type="checkbox"]{ border:1px solid #ddd;}

/* header */
#header{ position:fixed; left:0; top:0; width:100%; /* height:100px; */ z-index:1000; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
#header .inner{ position:relative; z-index:2; margin:0 auto; width:100%; height:100px; max-width:1656px; box-sizing:border-box; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
#header .inner:after{ content:''; display:block; clear:both; }
#header h1{ display:inline-block; vertical-align:top; margin-top:31px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
#header h1 a{ display:block; width:356px; height:44px; background:url('../images/common/logo.png') no-repeat center; background-size:cover; text-indent:-9999px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
#header .right{ display:inline-block; font-size:0; float:right; }
#header #gnb{ display:inline-block; vertical-align:top; margin-right:60px; font-size:0; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
#header #gnb > li{ position:relative; display:inline-block; vertical-align:top; margin-right:40px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
#header #gnb > li:last-child{ margin-right:0; }
#header #gnb > li > a{ position:relative; display:block; font-size:19px; line-height:100px; color:#fff; font-weight:700; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
#header #gnb > li > a:before{ content:''; position:absolute; left:50%; bottom:33px; width:0; height:2px; background:#fff; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
#header #gnb > li > a:after{ content:''; position:absolute; right:50%; bottom:33px; width:0; height:2px; background:#fff; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;  }
#header #gnb > li:hover > a:before{ width:50%; }
#header #gnb > li:hover > a:after{ width:50%; }
#header #gnb > li.on > a:before{ width:50%; }
#header #gnb > li.on > a:after{ width:50%; }

#header #gnb .dep02{ opacity:0; visibility:hidden; position:absolute; left:0; top:calc(100% - 34px); /* padding:20px 30px; */ width:240px; background:#fff; box-shadow:0 12px 46px rgba(0,0,0,.12); box-sizing:border-box; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
#header #gnb .dep02.on{ opacity:1; visibility:visible; top:calc(100% - 14px); }

#header #gnb .dep02 li a{ padding: 0 20px; display:block; font-size:18px; line-height:45px; color:#555; letter-spacing:-0.025em; transform: skew(-0.03deg); -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; }
#header #gnb .dep02 li a:hover{ background:#005cab; color:#fff; }

#header.scroll #gnb .dep02{ background:#1f2739; }
#header.scroll #gnb .dep02 li a{ color: rgba(255, 255, 255, 0.6); }
#header.scroll #gnb .dep02 li a:hover{ background:#005cab; color:#fff; }

/* #header #gnb .dep02 li{ margin-bottom:10px; }
#header #gnb .dep02 li:last-child{ margin-bottom:0; } */
/* #header #gnb .dep02 li a:hover{ color:#005cab; font-weight:700; }
#header #gnb .dep02 li a span{ background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)), linear-gradient(to right, rgba(0, 92, 171, 1), rgba(0, 92, 171, 1), rgba(0, 92, 171, 1)); background-size: 100% 1px, 0 1px; background-position: 100% 100%, 0 100%; background-repeat: no-repeat; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; transition:background 0.3s; }
#header #gnb .dep02 li a:hover span{ background-size: 0 1px, 100% 1px; } */

#header .btn_hbg{ display:inline-block; vertical-align:top; position:relative; padding:0; margin-top:39px; width:40px; height:22px; background:transparent; outline:none; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
#header .btn_hbg span{ position:absolute; left:0; width:40px; height:2px; background:#fff; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
#header .btn_hbg span:nth-child(1){ top:0; }
#header .btn_hbg span:nth-child(2){ top:10px; }
#header .btn_hbg span:nth-child(3){ top:20px; }
#header .btn_hbg.close span:nth-child(1){ top:10px; -webkit-transform: rotate( 225deg ); -moz-transform: rotate( 225deg ); transform: rotate( 225deg ); }
#header .btn_hbg.close span:nth-child(2){ opacity:0; }
#header .btn_hbg.close span:nth-child(3){ top:10px; -webkit-transform: rotate( -225deg ); -moz-transform: rotate( -225deg ); transform: rotate( -225deg ); }
#header .btn_m_menu{ display:none; }

#header .sitemap_wrap{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; overflow-y:auto; background:#fff; z-index:1; }
#header .sitemap_wrap .s_inner{ position:absolute; left:0; top:0; width:100%; height:100%; display:table; table-layout:fixed;  }
#header .sitemap_wrap .s_layout{ display:table-cell; vertical-align:middle; padding:100px 0; }
#header .sitemap_wrap .s_con{ margin:0 auto; width:calc(100% - 30px); max-width:1355px; }
#header .sitemap_wrap .s_menu{ display:flex; flex-wrap:wrap; } 
#header .sitemap_wrap .s_menu > li{ padding: 0 0 0 40px; width:25%; border-right:1px solid #e9e9e9; box-sizing:border-box; overflow:hidden; }
#header .sitemap_wrap .s_menu > li:last-child{ border-right:0; }
#header .sitemap_wrap .s_menu > li > div{ transform: translate3d(0,50px,0); opacity:0; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; }
#header .sitemap_wrap .s_menu > li > div > strong{ display:block; position:relative; padding-bottom:27px; margin-bottom:40px; font-size:32px; line-height:42px; color:#111; letter-spacing:-0.025em; font-weight:800; word-break: keep-all; word-wrap: break-word; }
#header .sitemap_wrap .s_menu > li > div > strong:after{ content:''; position:absolute; left:0; bottom:0; width:46px; height:4px; background:#005cab; }
#header .sitemap_wrap .s_menu > li .dep02 li{ margin-bottom:10px; }
#header .sitemap_wrap .s_menu > li .dep02 li:last-child{ margin-bottom:0; }
#header .sitemap_wrap .s_menu > li .dep02 li a{ display:block; position:relative; padding-left:11px; font-size:18px; line-height:30px; color:#333; letter-spacing:-0.025em; }
#header .sitemap_wrap .s_menu > li .dep02 li a:after{ content:''; position:absolute; left:0; top:12px; width:4px; height:4px; background:#005cab; border-radius:50%; }
#header .sitemap_wrap .s_menu > li .dep02 li a span{ background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)), linear-gradient(to right, rgba(0, 92, 171, 1), rgba(0, 92, 171, 1), rgba(0, 92, 171, 1)); background-size: 100% 1px, 0 1px; background-position: 100% 100%, 0 100%; background-repeat: no-repeat; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; transition:background 0.3s; }
#header .sitemap_wrap .s_menu > li .dep02 li a:hover span{ background-size: 0 1px, 100% 1px; }
#header .sitemap_wrap .s_menu > li .dep02 li a:hover{ color:#005cab }



#header.scroll{ background:#fff; box-shadow:0 0 20px rgba(0,0,0,.1)}
#header.scroll .inner{ height:90px; /*  background:#fff; */}
#header.scroll h1 { margin-top:26px; }
#header.scroll h1 a{ background:url('../images/common/logo_c.png') no-repeat center; background-size:cover; }
#header.scroll #gnb > li > a{ line-height:90px; color:#111; }
#header.scroll #gnb > li > a:before{ bottom:29px; background:#111; }
#header.scroll #gnb > li > a:after{ bottom:29px; background:#111; }
#header.scroll .btn_hbg{ margin-top:34px; }
#header.scroll .btn_hbg span{ background:#111; }

/* footer */
#footer{ padding:50px 0 70px; background:#1c1b1b; }
#footer .inner{ margin:0 auto; width:calc(100% - 30px); max-width:1656px; }
#footer .inner > div{ position:relative; padding-right:100px; padding-left:215px; background:url('../images/common/f_logo.png') no-repeat left top 10px; }
#footer .info_bx{ font-size:0; width:100%; max-width:930px; }
#footer .info_bx li{ display:inline-block; vertical-align:top; position:relative; padding-right:17px; margin-right:14px; font-size:17px; line-height:35px; color:#8e8e8e; letter-spacing:-0.025em; }
#footer .info_bx li:after{ content:''; position:absolute; right:0; top:13px; width:1px; height:10px; background:#373738; }
#footer .info_bx li:last-child, #footer .info_bx li.bar_n{ padding-right:0; margin-right:0; }
#footer .info_bx li:last-child:after, #footer .info_bx li.bar_n:last-child:after{ display:none; }
#footer .copy{ margin-top:10px; font-size:17px; line-height:22px; color:#8e8e8e; /* font-family: 'Poppins', sans-serif; */ }
#footer .btn_top{ position:absolute; right:0; top:10px; width:54px; height:54px; background:#262626; text-indent:-9999px; overflow:hidden; }
#footer .btn_top:before{ content:''; position:absolute; left:50%; top:19px; width:14px; height:16px; background:url('../images/btn/btn_top.png') no-repeat center; background-size:cover; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
#footer .btn_top:after{ content:''; position:absolute; left:50%; top:70px; width:14px; height:16px; background:url('../images/btn/btn_top.png') no-repeat center; background-size:cover; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}


/* common */
.layout{ margin:0 auto; width:calc(100% - 30px); max-width:1656px; }
.layout02{ margin:0 auto; width:calc(100% - 30px); max-width:1200px; }
.layout03{ margin:0 auto; width:calc(100% - 30px); max-width:1428px; }

#s_visual .slogan{ position:relative; display:flex; flex-wrap:wrap; align-items: center; justify-content: center; padding-top:100px; height:580px; overflow:hidden; box-sizing:border-box; }
#s_visual .slogan .slogan_bg{ position:absolute; left:0; top:0; width:100%; height:100%; }
#s_visual .slogan .slogan_txt{ position:relative; z-index:1; text-align:center; }
#s_visual .slogan h2{ margin-bottom:20px; font-size:78px; line-height:88px; color:#fff; font-weight:700; font-family: 'Poppins', sans-serif;}
#s_visual .slogan p{ font-size:24px; line-height:34px; color:#fff; letter-spacing:-0.025em; }
.s_visual01 .slogan .slogan_bg{ background:url('../images/sub/sub_v01.jpg') no-repeat center; background-size:cover; }
.s_visual02 .slogan .slogan_bg{ background:url('../images/sub/sub_v02.jpg') no-repeat center; background-size:cover; }
.s_visual03 .slogan .slogan_bg{ background:url('../images/sub/sub_v03.jpg') no-repeat center; background-size:cover; }
.s_visual04 .slogan .slogan_bg{ background:url('../images/sub/sub_v04.jpg') no-repeat center; background-size:cover; }

#s_visual #snb{ border-bottom:1px solid #e8e8e8; }
#s_visual #snb > ul{ margin:0 auto; width:100%; max-width:1656px; font-size:0; }
#s_visual #snb > ul > li{ position:relative; display:inline-block; vertical-align:top; width:340px; border-right:1px solid #e8e8e8; box-sizing:border-box; }
#s_visual #snb > ul > li:first-child{ border-left:1px solid #e8e8e8; }
#s_visual #snb > ul > li > a{ display:block; padding:0 65px 0 27px; width:100%; height:79px; font-size:17px; line-height:79px; color:#333; letter-spacing:-0.025em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-sizing:border-box; }
#s_visual #snb > ul > li > a:after{ content:''; position:absolute; right:29px; top:50%; margin-top:-4px; width:13px; height:8px; background:url('../images/btn/snb_ar.png') no-repeat center; background-size:cover; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
#s_visual #snb > ul > li > a.on:after{ -webkit-transform: rotate( 180deg ); -moz-transform: rotate( 180deg ); transform: rotate( 180deg ); }
#s_visual #snb > ul > li.home{ width:80px; }
#s_visual #snb > ul > li.home > a{ padding:0; text-indent:-9999px; background:url('../images/icon/home.png') no-repeat center; }
#s_visual #snb > ul > li.home > a:after{ display:none; }

#s_visual #snb > ul > li > ul{ display:none; position:absolute; left:-1px; top:100%; width:calc(100% + 2px); padding:20px 0; background:#fff; z-index:2; border:1px solid #e8e8e8; box-sizing:border-box; }
#s_visual #snb > ul > li > ul > li{ margin-bottom:20px; }
#s_visual #snb > ul > li > ul > li:last-child{ margin-bottom:0; }
#s_visual #snb > ul > li > ul > li > a{ display:block; padding:0 27px; font-size:17px; line-height:25px; color:#333; letter-spacing:-0.025em; }

#sub .contents{ padding:140px 0; }

.titS01{ margin-bottom:65px; text-align:Center; }
.titS01 .tit{ font-size:54px; line-height:64px; color:#111; font-weight:800; letter-spacing:-0.025em; }


/* PC */
@media all and (min-width:1025px){
.pc_show{ display:block !important;}
.pc_i_show{ display:inline-block !important;}
.m_show{ display:none !important;}
.m_i_show{ display:none !important;}

#header.s_on:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#dbdbdb; z-index:2; }
#header.s_on h1 a{ background:url('../images/common/logo_c.png') no-repeat center; background-size:cover; }
#header.s_on #gnb{ display:none; }
#header.s_on .btn_hbg span{ background:#111; }

#header .m_gnb_wrap{ display:none !important; }

#header.s_on .inner{ background:#fff; }
#header.s_on .sitemap_wrap .s_menu > li > div {transform: translate3d(0,0,0); opacity:1; }
#header.s_on .sitemap_wrap .s_menu > li:nth-child(2) > div { transition-delay: 0.2s; }
#header.s_on .sitemap_wrap .s_menu > li:nth-child(3) > div { transition-delay: 0.4s; }
#header.s_on .sitemap_wrap .s_menu > li:nth-child(4) > div { transition-delay: 0.6s; }

#footer .btn_top:hover:before{ top:-32px; }
#footer .btn_top:hover:after{ top:19px; }



}

@media all and (max-width:1686px){

#header .inner{ padding:0 15px; }


}

@media all and (max-width:1300px){
	#footer .info_bx li.bar_n{ padding-right:17px; margin-right:14px; }
	#footer .info_bx li.bar_n:after{ display:block; }
}

@media all and (max-width:1230px){

#header #gnb{ margin-right:30px; }
#header #gnb > li{ margin-right:30px; }



}


@media all and (max-width:1090px){

#header #gnb{ display:none; }

}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){	
	.pc_show{ display:none !important;}
	.pc_i_show{ display:none !important;}
	.m_show{ display:block !important;}
	.m_i_show{ display:inline-block !important;}
	
	/* header */
	#header .inner{ height:45px; }
	#header h1{ margin-top:12px; }
	#header h1 a{ width:169px; height:21px; }
	#header #gnb{ display:none; }

	#header .btn_hbg{ margin-top:15px; width:30px; height:15px; }
	#header .btn_hbg span{ width:30px; height:1px; }
	#header .btn_hbg span:nth-child(2){ top:7px; }
	#header .btn_hbg span:nth-child(3){ top:14px; }
	#header .btn_hbg.close span:nth-child(1){ top:7px; }
	#header .btn_hbg.close span:nth-child(3){ top:7px; }
	#header .btn_sitemap{ display:none; }
	#header .btn_m_menu{ display:inline-block; }

	#header .sitemap_wrap{ display:none !important; }

	#header.scroll{ box-shadow:0 0 10px rgba(0,0,0,.1)}
	#header.scroll .inner{ height:45px; background:#fff; }
	#header.scroll h1 { margin-top:12px; }
	#header.scroll .btn_hbg{ margin-top:15px; }

	#header.m_on:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#dbdbdb; z-index:2; }
	#header.m_on h1 a{ background:url('../images/common/logo_c.png') no-repeat center; background-size:cover; }
	#header.m_on .btn_hbg span{ background:#111; }
	
	#header .m_gnb_wrap{ display:none; position:fixed; left:0; top:0; padding:80px 0; width:100%; height:100%; overflow-y:auto; background:#fff; z-index:1; box-sizing:border-box; }
	#header .m_gnb_wrap #m_gnb{ margin:0 auto; width:calc(100% - 70px);/*  max-width:400px; */ }
	#header .m_gnb_wrap #m_gnb > li{ }
	#header .m_gnb_wrap #m_gnb > li > a{ display:block; position:relative; font-size:25px; line-height:60px; color:#111; letter-spacing:-0.025em; font-weight:800; border-bottom:1px solid #dbdbdb; }
	#header .m_gnb_wrap #m_gnb > li > a:after{ content:''; position:absolute; right:3px; top:50%; margin-top:-4px; width:15px; height:9px; background:url('../images/btn/mgnb_ar.png') no-repeat center; background-size:cover; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
	#header .m_gnb_wrap #m_gnb > li > a.on:after{ background:url('../images/btn/mgnb_ar_on.png') no-repeat center; background-size:cover; -webkit-transform: rotate( 180deg ); -moz-transform: rotate( 180deg ); transform: rotate( 180deg );}
	#header .m_gnb_wrap #m_gnb .dep02{ display:none; padding:15px 8px; border-bottom:1px solid #dbdbdb; }
	#header .m_gnb_wrap #m_gnb .dep02 > li{ margin-bottom:8px; }
	#header .m_gnb_wrap #m_gnb .dep02 > li:last-child{ margin-bottom:0; }
	#header .m_gnb_wrap #m_gnb .dep02 > li > a{ display:block; position:relative; padding-left:8px; font-size:15px; line-height:20px; color:#333; letter-spacing:-0.025em; font-weight:700;}
	#header .m_gnb_wrap #m_gnb .dep02 > li > a:after{ content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background:#005cab; border-radius:50%; }
	
	/* footer */
	#footer{ padding:25px 0; }
	#footer .inner > div{ padding-left:0; padding-top:50px; background:url('../images/common/f_logo_m.png') no-repeat left top; background-size:155px auto; }
	#footer .info_bx{ max-width:760px; }
	#footer .info_bx li{ padding-right:20px !important; margin-right:0 !important; font-size:11px; line-height:20px; }
	#footer .info_bx li:after{ display:none !important; }
	#footer .copy{ margin-top:10px; font-size:10px; line-height:17px; }
	#footer .btn_top{ top:0; width:35px; height:35px; }
	#footer .btn_top:before{ top:13px; width:9px; height:11px; }
	#footer .btn_top:after{ display:none;} 
	
	/* common */
	#s_visual .slogan{ padding-top:45px; height:270px; }
	#s_visual .slogan h2{ margin-bottom:10px; font-size:43px; line-height:48px;}
	#s_visual .slogan p{ font-size:15px; line-height:20px; }
	
	#s_visual #snb{ border-color:#999; }
	#s_visual #snb > ul > li{ width:100%; border-right:0; border:0 !important; }
	#s_visual #snb > ul > li > a{ padding:0 30px 0 15px; height:43px; font-size:16px; line-height:42px; }
	#s_visual #snb > ul > li > a:after{ right:12px; margin-top:-3px; width:10px; height:6px; }
	#s_visual #snb > ul > li.home{ display:none; }

	/* #s_visual #snb > ul > li:nth-child(2) > a{ color:#fff; background:#005cab; }
	#s_visual #snb > ul > li:nth-child(2) > a:after{ background: url('../images/sub/snb_ar_w.png') no-repeat center; background-size: cover;}
	#s_visual #snb > ul > li:nth-child(2) .dep02{ z-index:3; } */

	#s_visual #snb > ul > li > ul{ padding:5px 15px; border-color:#999; width:100%; border-right:0; }
	#s_visual #snb > ul > li > ul > li{ margin-bottom:0; border-bottom:1px solid #dbdbdb; }
	#s_visual #snb > ul > li > ul > li:last-child{ border-bottom:0; }
	#s_visual #snb > ul > li > ul > li > a{ position:relative; padding:0 15px 0 0; font-size:16px; line-height:40px; }
	#s_visual #snb > ul > li > ul > li > a:after{content:''; position:absolute; right:12px; top:50%; margin-top:-3px; width:10px; height:6px;  background:url('../images/btn/snb_ar.png') no-repeat center; background-size:cover; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
	#s_visual #snb > ul > li > ul > li > a.on:after{ -webkit-transform: rotate( 180deg ); -moz-transform: rotate( 180deg ); transform: rotate( 180deg ); }

	#s_visual #snb > ul > li > ul > li ul{ display:none; padding:10px 0; box-sizing:border-box; border-top:1px solid #dbdbdb;}
	#s_visual #snb > ul > li > ul > li ul li{ margin-bottom:8px; }
	#s_visual #snb > ul > li > ul > li ul li:last-child{ margin-bottom:0; }
	#s_visual #snb > ul > li > ul > li ul li a{ display:block; position:relative; padding-left:14px; font-size:14px; line-height:20px; color:#333; letter-spacing:-0.025em; }
	#s_visual #snb > ul > li > ul > li ul li a:after{ content: ''; position: absolute; left: 5px; top: 8px; width: 3px; height: 3px; background: #005cab; border-radius: 50%;}
	#sub .contents{ padding:45px 0; }
	
	.titS01{ margin-bottom:20px; }
	.titS01 .tit{ font-size:30px; line-height:35px; }

}

/* 모바일 */
@media all and (max-width:768px){
	
	.s_visual01 .slogan .slogan_bg{ background:url('../images/sub/sub_v01_m.jpg') no-repeat center; background-size:cover; }
	.s_visual02 .slogan .slogan_bg{ background:url('../images/sub/sub_v02_m.jpg') no-repeat center; background-size:cover; }
	.s_visual03 .slogan .slogan_bg{ background:url('../images/sub/sub_v03_m.jpg') no-repeat center; background-size:cover; }
	.s_visual04 .slogan .slogan_bg{ background:url('../images/sub/sub_v04_m.jpg') no-repeat center; background-size:cover; }

}

