@charset "utf-8";

label, input, select{vertical-align:middle;}
body{font-size:14px; font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif; color:#333; letter-spacing:0; }
input, textarea, select{ font-family:'Noto Sans KR', sans-serif !important; }
input[type="checkbox"]{ border:1px solid #ddd;}

#header{ position:absolute; left:0; top:0; width:100%; z-index:1000; border-bottom:1px solid rgba(255,255,255,0.2)}
#header h1{ display:inline-block; vertical-align:top; margin-top:28px; }
#header h1 a{ display:block; width:234px; height:64px; text-indent:-9999px; background:url('../images/common/logo.png') no-repeat center; }
#header .right{ display:inline-block; float:right; }
#header #gnb{ font-size:0; display:inline-block; vertical-align:Top; }
#header #gnb > li{ display:inline-block; vertical-align:top; margin-right:30px; }
#header #gnb > li:last-child{ margin-right:0; }
#header #gnb > li > a{ display:block; font-size:15px; line-height:120px; color:#fff; font-weight:700; font-family: 'Montserrat', sans-serif; text-transform: uppercase;}
#header .lang_bx{ position:relative; display:inline-block; vertical-align:top; margin:38px 28px 0 43px; }
#header .lang_bx > a{ display:Block; padding:10px 0 10px 26px; font-size:12px; line-height:20px; color:#fff; background:url('../images/icon/icon_lang.png') no-repeat left center; }
#header .lang_bx > a.on{ color:#0092d3; background:url('../images/icon/icon_lang_on.png') no-repeat left center;}
#header .lang_bx ul{ position:absolute; opacity:0; visibility:hidden; padding:5px 0; left:0; top:110%; width:56px; background:#0092d3; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
#header .lang_bx ul.on{ top:100%; opacity:1; visibility:visible; }
#header .lang_bx ul li a{ display:block; font-size:12px; line-height:20px; color:#fff; text-align:center; }
#header .btn_sitemap_open{ display:inline-block; vertical-align:top; position:relative; margin-top:48px; width:24px; height:24px;}
#header .btn_sitemap_open span{ display:inline-block; vertical-align:top; position:absolute; left:0; width:24px; height:2px; background:#fff; }
#header .btn_sitemap_open span:nth-of-type(1){top:0;}
#header .btn_sitemap_open span:nth-of-type(2){top:11px;}
#header .btn_sitemap_open span:nth-of-type(3){top:22px;}

#sitemap{ opacity:0; visibility:hidden; position:fixed; left:0; top:-50px; width:100%; height:100%; background:#fff; z-index:1001; overflow-y:auto; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; }
#sitemap.on{ opacity:1; visibility:visible; top:0; }
#sitemap:after{ content:''; position:absolute; left:0; top:60px; width:calc(50% - 750px); height:4px; background:#222; }
#sitemap .top { padding:30px 0 0; margin-bottom:65px;}
#sitemap .top strong{ display:inline-block; vertical-align:top; font-size:60px; line-height:60px; color:#222; font-weight:700; font-family: 'Montserrat', sans-serif;}
#sitemap .top .btn_sitemap_close{ display:inline-block; vertical-align:top; position:relative; float:right; margin-top:25px; width:24px; height:24px; }
#sitemap .top .btn_sitemap_close span{ display:inline-block; vertical-align:top; position:absolute; left:0; width:24px; height:2px; background:#222; }
#sitemap .top .btn_sitemap_close span:nth-of-type(1){top:11px; transform: rotate( 225deg ); -webkit-transform: rotate( 225deg ); -moz-transform: rotate( 225deg );}
#sitemap .top .btn_sitemap_close span:nth-of-type(2){top:11px; transform: rotate( -225deg ); -webkit-transform: rotate( -225deg ); -moz-transform: rotate(-225deg );}
#sitemap .list_bx > li{ margin-bottom:65px; font-size:0; }
#sitemap .list_bx > li:last-child{ margin-bottom:0; }
#sitemap .list_bx > li > a{ display:inline-block; vertical-align:top; width:235px; font-size:24px; line-height:34px; color:#222; font-weight:700; }
#sitemap .list_bx > li > a span{position:relative; display:inline-block;}
#sitemap .list_bx > li > a span:before{ content:''; position:absolute; left:50%; bottom:-3px; width:0; height:1px; background:#0092d3; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
#sitemap .list_bx > li > a span:after{ content:''; position:absolute; right:50%; bottom:-3px; width:0; height:1px; background:#0092d3; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
#sitemap .list_bx > li > ul{ display:inline-block; vertical-align:top; width:calc(100% - 235px); font-size:0; padding-top:5px; margin-bottom:-30px; }
#sitemap .list_bx > li > ul > li{ display:inline-block; vertical-align:top; width:25%; margin-bottom:30px; }
#sitemap .list_bx > li > ul > li a{ position:relative; display:inline-block; font-size:18px; line-height:30px; color:#222; }
#sitemap .list_bx > li > ul > li a:before{ content:''; position:absolute; left:50%; bottom:-3px; width:0; height:1px; background:#222; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
#sitemap .list_bx > li > ul > li a:after{ content:''; position:absolute; right:50%; bottom:-3px; width:0; height:1px; background:#222; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}

.layout{ margin:0 auto; width:100%; max-width:1400px; box-sizing:border-box; }
.layout2{ margin:0 auto; width:100%; max-width:1200px; box-sizing:border-box; }

#footer{ padding:40px 0 30px; background:#111; }
#footer .layout{ position:relative;}
#footer .btn_top{ position:absolute; right:0; top:-80px; width:80px; height:80px; background:#0092d3; }
#footer .btn_top span{ display:block; padding-top:40px; font-size:16px; line-height:26px; color:#fff; font-weight:700; text-align:Center; background:url('../images/btn/btn_top.png') no-repeat center 22px; }
#footer .f_bx{ font-size:0; padding:80px 0 0 85px; background:url('../images/common/f_logo.png') no-repeat left top; }
#footer .f_bx > div{ display:inline-block; vertical-align:bottom; }
#footer .f_bx > div.left{ width:calc(100% - 190px) }
#footer .f_bx > div.left p.txt1{ font-size:14px; line-height:24px; color:#666; }
#footer .f_bx > div.left p.txt2{ margin-top:6px; font-size:14px; line-height:24px; color:#444; }
#footer .f_bx > div.right{ width:190px; }
#footer .f_bx > div.right ul{ font-size:0; margin-right:-1px; }
#footer .f_bx > div.right ul li{ display:inline-block; vertical-align:top; width:calc(20% - 10px); margin-right:10px; }
#footer .f_bx > div.right ul li a{ display:Block; width:30px; height:30px; border-radius:50%; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
#footer .f_bx > div.right ul li a.sns1{ background:url('../images/btn/f_sns1.png') no-repeat center top; }
#footer .f_bx > div.right ul li a.sns2{ background:url('../images/btn/f_sns2.png') no-repeat center top; }
#footer .f_bx > div.right ul li a.sns3{ background:url('../images/btn/f_sns3.png') no-repeat center top; }
#footer .f_bx > div.right ul li a.sns4{ background:url('../images/btn/f_sns4.png') no-repeat center top; }
#footer .f_bx > div.right ul li a.sns5{ background:url('../images/btn/f_sns5.png') no-repeat center top; }
#footer .f_bx > div.right ul li a:hover{ background-position:center -30px}


/* sub common */
#s_visual{ display:Table; width:100%; height:300px; }
#s_visual.s_visual01{ background:url('../images/sub/sub_v01.jpg') no-repeat center; background-size:cover; }
#s_visual.s_visual02{ background:url('../images/sub/sub_v02.jpg') no-repeat center; background-size:cover; }
#s_visual.s_visual03{ background:url('../images/sub/sub_v03.jpg') no-repeat center; background-size:cover; }
#s_visual.s_visual04{ background:url('../images/sub/sub_v04.jpg') no-repeat center; background-size:cover; }
#s_visual.s_visual05{ background:url('../images/sub/sub_v05.jpg') no-repeat center; background-size:cover; }
#s_visual.s_visual06{ background:url('../images/sub/sub_v06.jpg') no-repeat center; background-size:cover; }
#s_visual.s_visual07{ background:url('../images/sub/sub_v07.jpg') no-repeat center; background-size:cover; }
#s_visual.s_visualetc{ background:url('../images/sub/sub_v01.jpg') no-repeat center; background-size:cover; }
#s_visual > div{ display:table-cell; vertical-align:middle; text-align:center; }
#s_visual > div h2{ display:block; font-size:54px; line-height:54px; color:#fff; font-weight:700; font-family: 'Montserrat', sans-serif; text-transform: uppercase;}
#s_visual > div ul{ margin-top:15px; font-size:0; text-align:center; }
#s_visual > div ul li{ display:inline-block; position:relative; padding-right:12px; margin-right:5px; font-size:14px; line-height:24px; color:#fff; font-weight:100; text-transform: uppercase;}
#s_visual > div ul li:last-child{ padding-right:0; margin-right:0; }
#s_visual > div ul li:after{ content:''; position:absolute; right:0; top:8px; width:6px; height:10px; background:url('../images/icon/nav_ar.png') no-repeat center; }
#s_visual > div ul li:last-child:after{ display:none; }
#s_visual > div ul li span.home{ display:inline-block; padding-left:20px; background:url('../images/icon/icon_home.png') no-repeat left center; }

#sub .contents{ position:relative; padding:95px 0 100px; }
#sub_tit{ margin-bottom:70px;}
#sub_tit h3{ display:block; font-size:42px; line-height:42px; color:#222; font-weight:700; font-family: 'Montserrat', sans-serif; }
#sub_tit p{ margin-top:15px; font-size:26px; line-height:36px; color:#222; font-family: 'Montserrat', sans-serif;}

#right_menu { position:absolute; right:0; top:0; width:260px; height:100%; border-left:1px solid #eee; }
#right_menu > div{ position:absolute; left:0; top:90px; }
#right_menu > div > strong{ display:block; padding-left:19px; font-size:26px; line-height:36px; color:#0092d3; font-weight:700; font-family: 'Montserrat', sans-serif; text-transform: uppercase; }
#right_menu > div > ul{ margin-top:25px; }
#right_menu > div > ul li{ margin-bottom:25px; }
#right_menu > div > ul li:last-child{ margin-bottom:0; }
#right_menu > div > ul li a{ display:block; position:relative; padding-left:19px; font-size:15px; line-height:25px; color:#666; }
#right_menu > div > ul li.on a:before{ content:''; position:absolute; left:0; top:50%; width:3px; height:15px; background:#0092d3;}
#right_menu > div > ul li.on a:after{ content:''; position:absolute; left:0; bottom:50%; width:3px; height:15px; background:#0092d3; }

#right_menu > div > ul li:hover a{ color:#0092d3; }

#right_menu > div > ul li.on a{ color:#0092d3; }



/* 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.hover{ background:#fff; }
#header.hover h1 a{ background:url('../images/common/logo_on.png') no-repeat center;}
#header.hover #gnb > li > a{ color:#222; }
#header.hover .lang_bx > a{ color:#0092d3; background:url('../images/icon/icon_lang_on.png') no-repeat left center; }
#header.hover .btn_sitemap_open span{ background:#222; }

#sub #header{ position:relative; background:#fff; }
#sub #header h1 a{ background:url('../images/common/logo_on.png') no-repeat center;}
#sub #header #gnb > li > a{ color:#222; }
#sub #header .lang_bx > a{ color:#0092d3; background:url('../images/icon/icon_lang_on.png') no-repeat left center; }
#sub #header .btn_sitemap_open span{ background:#222; }

#header .btn_m_menu{ display:none; }
#header #m_menu_bx{ display:none !important; }

#sitemap .list_bx > li:hover > a{ color:#0092d3; }
#sitemap .list_bx > li:hover > a span:before{ width:50%; }
#sitemap .list_bx > li:hover > a span:after{ width:50%; }
#sitemap .list_bx > li > ul > li a:hover:before{ width:50%; }
#sitemap .list_bx > li > ul > li a:hover:after{ width:50%; }

}

@media all and (max-width:1800px){
#right_menu{ width:200px; }
}

@media all and (max-width:1650px){
	#right_menu + .layout2{ padding-right:220px !important}
}

@media all and (max-width:1430px){
	.layout{ padding:0 20px; }
	#footer .btn_top{ right:20px; }
}


@media all and (max-width:1240px){
.layout2{ padding:0 20px; }
}


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

#header h1{ margin-top:33px; }
#header #gnb > li{ margin-right:30px; }
#header #gnb > li > a{ font-size:13px; }
}

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

#header #gnb > li{ margin-right:20px; }
}

/* 태블릿&모바일 공통*/
@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{ position:fixed; height:50px; background:#fff; }
	#header.line{ border-bottom:1px solid #eee; }
	#header h1{ margin-top:9px; }
	#header h1 a{ width:117px; height:32px;background:url('../images/common/logo_on.png') no-repeat center; background-size:117px auto; }
	#header .right{ display:inline-block; float:right; }
	#header #gnb{ display:none; }
	#header .lang_bx{ margin:9px -20px 0 0; }
	#header .lang_bx > a{ display:Block; padding:5px 0 5px 20px; font-size:12px; line-height:20px; color:#0092d3; background:url('../images/icon/icon_lang_on.png') no-repeat left center !important; background-size:15px auto !important; }
	#header .lang_bx ul{ position:absolute; opacity:0; visibility:hidden; padding:5px 0; left:0; top:110%; width:56px; background:#0092d3; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	#header .lang_bx ul.on{ top:100%; opacity:1; visibility:visible; }
	#header .lang_bx ul li a{ display:block; font-size:12px; line-height:20px; color:#fff; text-align:center; }
	#header .btn_sitemap_open{ display:none; }

	#sitemap{ display:none !important; }

	#header .btn_m_menu{ position:relative; display:inline-block; right:-20px; width:55px; height:50px; }
	#header .btn_m_menu span{ position:absolute; display:block; left:20px; width:15px; height:1px; background:#222; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	#header .btn_m_menu span:nth-of-type(1){top:17px;}
	#header .btn_m_menu span:nth-of-type(2){top:24px;}
	#header .btn_m_menu span:nth-of-type(3){top:31px;}
	#header .btn_m_menu.close span:nth-of-type(1){top:24px; transform: rotate( 225deg ); -webkit-transform: rotate( 225deg ); -moz-transform: rotate( 225deg );}
	#header .btn_m_menu.close span:nth-of-type(2){opacity:0;}
	#header .btn_m_menu.close span:nth-of-type(3){top:24px; transform: rotate( -225deg ); -webkit-transform: rotate( -225deg ); -moz-transform: rotate( -225deg );}

	#header #m_menu_bx{ opacity:0; visibility:hidden; position:fixed; left:0; top:51px; width:100%; height:calc(100vh - 50px); background:#fff; z-index:1001; overflow-y:auto; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
	#header #m_menu_bx.on{ opacity:1; visibility:visible; }
	#header #m_menu_bx #m_gnb{ padding:35px 0; }
	#header #m_menu_bx #m_gnb > li > a{ display:block; font-size:18px; line-height:50px; color:#222; font-weight:700; text-align:center; }
	#header #m_menu_bx #m_gnb > li > a.on{ color:#0092d3; }
	#header #m_menu_bx #m_gnb > li > a.on span{ position:relative; display:inline-block; }
	#header #m_menu_bx #m_gnb > li > a.on span:before{ content:''; position:absolute; right:50%; bottom:5px; width:50%; height:1px; background:#0092d3; }
	#header #m_menu_bx #m_gnb > li > a.on span:after{ content:''; position:absolute; left:50%; bottom:5px; width:50%; height:1px; background:#0092d3; }
	#header #m_menu_bx #m_gnb .dep02{ display:none; padding:0 0 15px; }
	#header #m_menu_bx #m_gnb .dep02 li a{ display:block; font-size:14px; line-height:30px; color:#222; text-align:Center; }

	#footer{ padding:25px 0 30px; }
	#footer .btn_top{ top:-50px; width:40px; height:40px; }
	#footer .btn_top span{ padding-top:20px; font-size:11px; line-height:16px; background:url('../images/btn/btn_top.png') no-repeat center 10px; background-size:10px auto;}
	#footer .f_bx{ padding:0; background:none; }
	#footer .f_bx > div{ display:block; }
	#footer .f_bx > div.left{ width:100%; text-align:center;}
	#footer .f_bx > div.left p.txt1{ font-size:11px; line-height:16px; }
	#footer .f_bx > div.left p.txt2{ margin-top:4px; font-size:11px; line-height:16px;}
	#footer .f_bx > div.right{ width:100%; margin-top:15px; text-align:center; }
	#footer .f_bx > div.right ul li{ width:30px; margin-right:10px; }
	#footer .f_bx > div.right ul li:last-child{ margin-right:0;}
	#footer .f_bx > div.right ul li a{ width:30px; height:30px; }
	#footer .f_bx > div.right ul li a.sns1{ background:url('../images/btn/f_sns1_m.png') no-repeat center top; background-size:30px auto; }
	#footer .f_bx > div.right ul li a.sns2{ background:url('../images/btn/f_sns2_m.png') no-repeat center top; background-size:30px auto; }
	#footer .f_bx > div.right ul li a.sns3{ background:url('../images/btn/f_sns3_m.png') no-repeat center top; background-size:30px auto; }
	#footer .f_bx > div.right ul li a.sns4{ background:url('../images/btn/f_sns4_m.png') no-repeat center top; background-size:30px auto; }
	#footer .f_bx > div.right ul li a.sns5{ background:url('../images/btn/f_sns5_m.png') no-repeat center top; background-size:30px auto; }

	/* sub common */
	#sub #container{ padding-top:50px; }
	#s_visual{ height:150px; }
	#s_visual.s_visual01{ background:url('../images/sub/sub_v01_m.jpg') no-repeat center; background-size:cover; }
	#s_visual.s_visual02{ background:url('../images/sub/sub_v02_m.jpg') no-repeat center; background-size:cover; }
	#s_visual.s_visual03{ background:url('../images/sub/sub_v03_m.jpg') no-repeat center; background-size:cover; }
	#s_visual.s_visual04{ background:url('../images/sub/sub_v04_m.jpg') no-repeat center; background-size:cover; }
	#s_visual.s_visual05{ background:url('../images/sub/sub_v05_m.jpg') no-repeat center; background-size:cover; }
	#s_visual.s_visual06{ background:url('../images/sub/sub_v06_m.jpg') no-repeat center; background-size:cover; }
	#s_visual.s_visual07{ background:url('../images/sub/sub_v07_m.jpg') no-repeat center; background-size:cover; }
	#s_visual.s_visualetc{ background:url('../images/sub/sub_v01_m.jpg') no-repeat center; background-size:cover; }
	#s_visual > div h2{ font-size:32px; line-height:32px; }
	#s_visual > div ul{ display:none; }

	#sub .contents{ padding:40px 0 40px; }
	#sub_tit{ margin-bottom:20px;}
	#sub_tit h3{ font-size:27px; line-height:27px; }
	#sub_tit p{ margin-top:8px; font-size:18px; line-height:23px; }

	#right_menu{ display:none; }
	#right_menu + .layout2{ padding-right:20px !important; }
}

/* 모바일 */
@media all and (max-width:768px){

}