@charset "utf-8";

/*
font-family: 'Poppins', sans-serif
*/

label, input, select{vertical-align:middle;}
body{font-size:14px; font-family:'Pretendard', '맑은 고딕', '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 */
#header{ position:fixed; left:0; top:0; width:100%; z-index:1000; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s;}
#header .inner{ margin:0 auto; width:calc(100% - 30px); max-width:1440px; box-sizing:border-box; position: relative;}
#header .inner:after{ content:''; display:block; clear:both; }
#header h1{position: absolute; left: 0px; top: 12px; -webkit-transition: top 0.3s; -moz-transition: top 0.3s; transition: top 0.3s; display: block; height: 49px; font-size: 0;}
#header h1 a{display: inline-block; width: 68px; height: 87px; background: url(../images/common/logo.png) no-repeat center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}

#header.scroll{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1)}
#header.scroll h1 a {background: url(../images/common/logo_on.png) no-repeat center;}



/* s_visual */
#s_visual {position: relative; box-sizing: border-box; z-index: 50;}
#s_visual .slogan { display:table; width:100%; table-layout:fixed; height: 520px; box-sizing:border-box; z-index: 1; overflow: hidden;}
#s_visual .slogan > .title_box{ display:table-cell; vertical-align:middle; position: relative; padding: 110px 20px 0;}
#s_visual .slogan .title_box > .bg_img {position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transform: scale(1.2);}
#s_visual .slogan .title_box > .bg_img.on {transform: scale(1);}
#s_visual .slogan > .title_box .title {display:block; font-size: 70px; color: #ffffff; font-weight: 800; position: relative; text-align: center; word-break: keep-all; letter-spacing: -0.025em;}
#s_visual .slogan > .title_box .sub_tit {text-align: center; position: relative;  margin-top: 25px;}
#s_visual .slogan > .title_box .sub_tit span {font-family: 'Poppins', sans-serif; font-size: 18px; color: #ffffff; word-break: keep-all; opacity: 0.6;}
#s_visual.s_visual_01 .slogan .title_box > .bg_img { background:url('../images/sub/sub_v_01.jpg') no-repeat center; background-size:cover;}
#s_visual.s_visual_02 .slogan .title_box > .bg_img { background:url('../images/sub/sub_v_02.jpg') no-repeat center; background-size:cover;}
#s_visual.s_visual_03 .slogan .title_box > .bg_img { background:url('../images/sub/sub_v_03.jpg') no-repeat center; background-size:cover;}

#s_visual .tab_box {border-bottom: 1px solid #e6e6e6;}
#s_visual .tab_box .dep2_wrap {max-width: 1440px; width: 100%; margin: 0 auto; box-sizing: border-box; display: table; table-layout: fixed; border-left: 1px solid #e6e6e6;}
#s_visual .tab_box .dep2_wrap >  li {display: table-cell; vertical-align: middle; border-right: 1px solid #e6e6e6;}
#s_visual .tab_box .dep2_wrap >  li > a {height: 89px; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-size: 22px; color: #111111; letter-spacing: -0.025em; word-break: keep-all; text-align: center;}
#s_visual .tab_box .dep2_wrap >  li.on > a {background-color: #ff7b31; color: #fff; font-weight: 600;}




/* footer */
#footer{ padding:60px 0 50px; background:#222; }
#footer .inner{ margin:0 auto; font-size:0; width:calc(100% - 30px); max-width:1440px; box-sizing:border-box; }
#footer .inner > div{ display:inline-block; vertical-align:top; position:relative;}
#footer .inner > .f_logo{ width:15%; font-size:22px; line-height:26px; color:#fff; font-weight:700; font-family: 'Poppins', sans-serif; }
#footer .inner > .f_info{ width:85%; }
#footer .inner > div .adr{ font-size:15px; line-height:25px; color:#666; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word; }
#footer .inner > div .copy{ margin-top:3px; font-size:13px; line-height:23px; color:#666; font-family: 'Poppins', sans-serif; }
#footer .inner > div .btn_top{ position:Absolute; right:0; top:0; width:60px; height:60px; background:#111 url('../images/btn/btn_top.png') no-repeat center; border-radius:50%; text-indent:-9999px; }

/* common */
.layout{ margin:0 auto; width:calc(100% - 30px); max-width:1200px; box-sizing:border-box; }


.pc_show2 {display: block!important;}
.m_show2 {display: none!important;}

/* 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 */
	#header .right{ display:inline-block!important; float:right; }
	#header #gnb{ font-size:0; }
	#header #gnb > li{ display:inline-block; vertical-align:top; margin-right:87px; }
	#header #gnb > li:last-child{ margin-right:0; }
	#header #gnb > .dep1 > a{ display:block; font-size:22px; line-height:110px; color:#fff; font-weight:700; letter-spacing:-0.025em; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s;}
	#header #gnb .dep2_wrap {display: none!important;}
	
	#header.scroll h1 {top: 10px;}
	#header.scroll h1 a {width: 56px; height: 71px;}
	#header.scroll #gnb > li > a{ line-height:90px; color:#222; }
	
}

/* 태블릿&모바일 공통*/
@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 .inner::before {content: ''; width: calc(100% + 30px); height: 1px; background-color: rgba(255,255,255,0.1); position: absolute; left: -15px; bottom: 0;}
	#header h1 {top: 4px; z-index: 1; height: 37px;}
	#header h1 a {width: 29px; height: 37px; background-size: 29px 37px!important;}
	#header.mOn h1 a {background: url(../images/common/logo.png) no-repeat center!important; background-size: 29px 37px!important;}
	
	#header .menu_btn {width: 29px; height: 15px; position: absolute; right: 0px; top: 15px; z-index: 1; cursor: pointer;}
	#header .menu_btn span {position: absolute; width: 100%; height: 1px; background-color: #fff; left: 0px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#header.scroll .menu_btn span {background-color: #222;}
	#header.mOn .menu_btn span {background-color: #fff!important;}
	#header .menu_btn span:nth-child(1) {top: 0;}
	#header.mOn .menu_btn span:nth-child(1) {top: 50%; transform: rotate(135deg);}
	#header .menu_btn span:nth-child(2) {top: 7px;}
	#header.mOn .menu_btn span:nth-child(2) {opacity: 0;}
	#header .menu_btn span:nth-child(3) {bottom: 0;}
	#header.mOn .menu_btn span:nth-child(3) {top: 50%; transform: rotate(-135deg); bottom: auto;}
	
	#header .right {position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(255,123,49,0.98); display: none;}
	#header #gnb {position: fixed; width: 100%; height: calc(100% - 45px); top: 45px; left: 0; box-sizing: border-box; overflow-y: auto; box-sizing: border-box; padding: 53px 45px 30px;}
	#header #gnb > .dep1 > a {line-height: 60px; font-size: 27px; color: #ffffff; font-weight: 700; letter-spacing: -0.025em; word-break: keep-all; position: relative; border-bottom: 1px solid rgba(255,255,255, 0.4); display: block;}
	#header #gnb > .dep1.arrow > a::before {content: ''; width: 15px; height: 9px; background: url(../images/icon/arrow1.png) no-repeat center; background-size: 15px 9px!important; position: absolute; right: 0px; top: 50%; margin-top: -4px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#header #gnb > .dep1.arrow > a.on::before {transform: rotate(180deg);}
	#header #gnb .dep2_wrap {padding: 0 15px; border-bottom: 1px solid rgba(255,255,255, 0.4); display: none;}
	#header #gnb .dep2_wrap > li {margin-bottom: 2px;}
	#header #gnb .dep2_wrap > li:first-child {padding-top: 15px;}
	#header #gnb .dep2_wrap > li:last-child {padding-bottom: 18px; margin-bottom: 0;}
	#header #gnb .dep2_wrap > li > a {display: inline-block; font-size: 14px; color: #ffffff; letter-spacing: -0.025em; word-break: keep-all; line-height: 25px;}
	#header #gnb .dep2_wrap > li > a::before {content: '-'; padding-right: 4px;}
	
	
	
	/* s_visual */
	#s_visual .slogan {height: 230px;}
	#s_visual .slogan > .title_box {padding-top: 45px;}
	#s_visual .slogan > .title_box .title {font-size: 28px;}
	#s_visual .slogan > .title_box .sub_tit {margin-top: 7px;}
	#s_visual .slogan > .title_box .sub_tit span {font-size: 11px;}
	
	#s_visual .tab_box .dep2_wrap {border-left: none;}
	#s_visual .tab_box .dep2_wrap >  li:last-child {border-right: none;}
	#s_visual .tab_box .dep2_wrap >  li > a {font-size: 13px; height: 40px;}
	
	
	
	
	/* footer */
	#footer {padding: 28px 0;}
	#footer .inner > .f_logo {font-size: 13px; line-height: 15px;}
	#footer .inner > div .adr {font-size: 11px; line-height: 17px;}
	#footer .inner > div .copy {margin-top: 5px; font-size: 10px; line-height: 15px;}
	#footer .inner > div .btn_top {width: 40px; height: 40px; background-size: 9px auto;}
}

/* 모바일 */
@media all and (max-width:768px){
	.pc_show2 {display: none!important;}
	.m_show2 {display: block!important;}
	
	
	/* s_visual */
	#s_visual.s_visual_01 .slogan .title_box > .bg_img { background:url('../images/sub/sub_v_01_m.jpg') no-repeat center; background-size:cover;}
	#s_visual.s_visual_02 .slogan .title_box > .bg_img { background:url('../images/sub/sub_v_02_m.jpg') no-repeat center; background-size:cover;}
	#s_visual.s_visual_03 .slogan .title_box > .bg_img { background:url('../images/sub/sub_v_03_m.jpg') no-repeat center; background-size:cover;}
	
	
	/* footer */
	#footer .inner {position: relative;}
	#footer .inner > div {position: unset;}
	#footer .inner > .f_logo {width: 100%;}
	#footer .inner > .f_info {width: 100%; margin-top: 14px;}
	#footer .inner > div .adr {max-width: 200px;}
	#footer .inner > div .copy {max-width: 200px;}
	
}