@charset "utf-8";

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

/* header */
#header{ position:fixed; left:0; top:0; width:100%; padding:0 50px; z-index:1000; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,.1)}
#header .inner{ position:relative; height:120px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
#header h1{ display:inline-block; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
#header h1 a{ display:block; width:180px; height:74px; text-indent:-9999px; background:url('../images/common/logo_w_R1.png') no-repeat center; background-size:cover; }
#header #gnb{ text-align:center; font-size:0; }
#header #gnb > li{ display:inline-block; vertical-align:top; position:relative; padding:0 36px; }
#header #gnb > li > a{ display:block; font-size:18px; line-height:120px; color:#fff; font-weight:700; font-family: 'Montserrat', sans-serif; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
#header #gnb > li:hover > a{ color:#ed7a21 !important; }
#header #gnb .dep02{ display:none; position:absolute; left:50%; top:100%; min-width:200px; border-top:3px solid #ed7a21; border-radius:0 0 20px 20px; padding:20px 0; background:#fff; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); box-shadow:0 10px 20px rgba(0,0,0,.1)}
#header #gnb .dep02 > li{ margin-bottom:10px; }
#header #gnb .dep02 > li:last-child{ margin-bottom:0; }
#header #gnb .dep02 > li > a{ display:block; font-size:18px; line-height:28px; color:#222; } 
#header #gnb .dep02 > li > a:hover{ color:#ed7a21; }
#header .btn_sitemap{ display:inline-block; position:absolute; right:0; top:50%; width:28px; height:28px; background:transparent; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
#header .btn_sitemap span{ display:block; position:absolute; left:0; width:28px; height:2px; background:#fff; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
#header .btn_sitemap span:nth-child(1){ top:0; }
#header .btn_sitemap span:nth-child(2){ top:13px; }
#header .btn_sitemap span:nth-child(3){ top:26px; }
#header .btn_sitemap.close span:nth-child(1){ top:13px; -webkit-transform: rotate( 225deg ); -moz-transform: rotate( 225deg ); transform: rotate( 225deg ); }
#header .btn_sitemap.close span:nth-child(2){ opacity:0; }
#header .btn_sitemap.close span:nth-child(3){ top:13px; -webkit-transform: rotate( -225deg ); -moz-transform: rotate( -225deg ); transform: rotate( -225deg ); }
#header .sitemap_wrap{ display:none; position:fixed; left:0; top:120px; width:100%; height:calc(100% - 120px); background:#fff; overflow-y:auto; }
#header .sitemap_wrap .sitemap_inner{ margin:0 auto; padding:120px 0; width:calc(100% - 40px); max-width:1400px; box-sizing:border-box; overflow:hidden; }
#header .sitemap_wrap #sitemap{ margin-right:-20px; font-size:0; }
#header .sitemap_wrap #sitemap > li{ display:inline-block; vertical-align:top; width:calc(25% - 20px); margin-right:20px; }
#header .sitemap_wrap #sitemap > li > a{ display:block; position:relative; margin-bottom:35px; font-size:26px; line-height:36px; color:#ed7a21; font-weight:700; font-family: 'Montserrat', sans-serif; }
#header .sitemap_wrap #sitemap > li > a:after{ content:''; position:absolute; left:0; bottom:-12px; width:100%; height:2px; background:#ddd; }
#header .sitemap_wrap #sitemap .dep02{ }
#header .sitemap_wrap #sitemap .dep02 li{ margin-bottom:30px; }
#header .sitemap_wrap #sitemap .dep02 li:last-child{ margin-bottom:0; }
#header .sitemap_wrap #sitemap .dep02 li a{ display:block; font-size:18px; line-height:30px; color:#222; }
#header .lang{ position:absolute; right:60px; top:50%; font-size:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);  }
#header .lang a{ display:inline-block; vertical-align:top; position:relative; margin-right:20px; font-size:14px; line-height:26px; color:#fff; font-family: 'Montserrat', sans-serif; }
#header .lang a:after{ content:''; position:absolute; right:-11px; top:50%; width:1px; height:12px; background:#ddd; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); }
#header .lang a:last-child{ margin-right:0; }
#header .lang a:last-child:After{ display:none; }
#header .lang a.on{ font-weight:700; color:#ed7a21 !important; }

#header.on{ box-shadow:0 10px 20px rgba(0,0,0,.1); background:#fff; }
#header.on h1 a{ background:url('../images/common/logo_c_R1.png') no-repeat center; background-size:cover; }
#header.on #gnb{ display:none; }
#header.on .btn_sitemap span{ background:#222; }

#header.scroll{ box-shadow:0 10px 20px rgba(0,0,0,.1); background:#fff; }
#header.scroll h1 a{ background:url('../images/common/logo_c_R1.png') no-repeat center; background-size:cover; }
#header.scroll #gnb > li > a{ color:#222; line-height:90px; }
#header.scroll .btn_sitemap span{ background:#222; }
#header.scroll .sitemap_wrap{ top:90px; height:calc(100% - 90px)}
#header.scroll .lang a{ color:#333; }
/* footer */
#footer{ padding:55px 0 40px; background:#111; }
#footer .bx_wrap{ font-size:0; }
#footer .bx_wrap > div{ display:inline-block; vertical-align:top; box-sizing:border-box; }
#footer .bx_wrap .left{ width:calc(100% - 320px); padding-right:50px; }
#footer .bx_wrap .right{ width:320px; }
#footer .bx_wrap .f_tit{ display:block; margin-bottom:10px; font-size:20px; line-height:30px; color:#fff; font-weight:700; }

#footer .bx_wrap .left .info_bx{ margin-bottom:-6px; }
#footer .bx_wrap .left .info_bx > li{ margin-bottom:6px; }
#footer .bx_wrap .left .info_bx ul{ font-size:0; }
#footer .bx_wrap .left .info_bx ul li{ display:inline-block; vertical-align:top; margin-right:20px; font-size:16px; line-height:24px; color:#666; }
#footer .bx_wrap .left .info_bx ul li:last-child{ margin-right:0; }
#footer .bx_wrap .left .info_bx ul li strong{ padding-right:7px; font-weight:700; color:#aaa; }
#footer .bx_wrap .copy{ font-size:14px; line-height:24px; color:#444; }

#footer .bx_wrap .right dl dt{ margin-bottom:5px; font-size:15px; line-height:25px; color:#fff; font-weight:700; }
#footer .bx_wrap .right dl dd .num{ display:block; margin-bottom:10px; font-size:34px; line-height:34px; color:#d3b090; font-weight:700; font-family: 'Montserrat', sans-serif; }
#footer .bx_wrap .right dl dd .time{ font-size:14px; line-height:24px; color:#666; word-break: keep-all; word-wrap: break-word; }

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

#s_visual .slogan{ display:flex; flex-wrap:wrap; align-items: center; justify-content: center; align-content: center; padding-top:120px; height:600px; text-align:center; box-sizing:border-box; }
#s_visual .bg{ position:fixed; left:0; top:0; width:100%; height:600px; background-size:cover !important; z-index:-1; }
#s_visual.s_visual01 .bg{ background:url('../images/sub/sub_v01.jpg') no-repeat center; }
#s_visual.s_visual02 .bg{ background:url('../images/sub/sub_v02.jpg') no-repeat center; }
#s_visual.s_visual03 .bg{ background:url('../images/sub/sub_v03.jpg') no-repeat center; }
#s_visual.s_visual04 .bg{ background:url('../images/sub/sub_v04.jpg') no-repeat center; }
#s_visual.s_visual05 .bg{ background:url('../images/sub/sub_v05.jpg') no-repeat center; }
#s_visual.s_visualetc .bg{ background:url('../images/sub/sub_v01.jpg') no-repeat center; }

#s_visual .slogan h2{ display:block; width:100%; margin-bottom:20px; font-size:50px; line-height:1em; color:#fff; font-weight:700; font-family: 'Montserrat', sans-serif; }
#s_visual .slogan p{ width:70%; font-size:16px; line-height:26px; color:#fff; }

#sub .contents{ padding:140px 0; background:#fff; }

.titS01{ margin-bottom:55px; text-align:center; }
.titS01 .tit{ font-size:36px; line-height:46px; color:#222; font-weight:700; font-family: 'Montserrat', sans-serif;}
.titS01 p{ margin:15px auto 0; width:100%; max-width:885px; font-size:18px; line-height:28px; color:#444; word-break: keep-all; word-wrap: break-word; }

.titS02{ margin-bottom:50px; text-align:center; }
.titS02 .tit{ font-size:40px; line-height:50px; color:#222; font-weight:700; }
.titS02 .tit.en{ font-family: 'Montserrat', sans-serif; }

.titS03{ margin-bottom:15px; }
.titS03.mb{ margin-bottom:35px; }
.titS03 .tit{ font-size:30px; line-height:40px; color:#111; font-weight:700; }
.titS03 .tit.mb{ display:block; margin-bottom:25px; }
.titS03 .tit .col2 {color: #ed7a21;}
.titS03 p{ margin-top:10px; font-size:18px; line-height:26px; color:#666; /*word-break: keep-all;*/ word-wrap: break-word; }
.titS03 p strong.s1{ display:block; margin-bottom:10px; color:#222; font-weight:700; }

.titS04 {margin-bottom: 9px;}
.titS04 strong {display: inline-block; font-size: 24px; color: #222222; font-weight: 700; line-height: 34px; word-break: keep-all;}

/* 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{ box-shadow:0 10px 20px rgba(0,0,0,.1); background:#fff; }
#header:hover h1 a{ background:url('../images/common/logo_c_R1.png') no-repeat center; background-size:cover; }
#header:hover #gnb > li > a{ color:#222; }
#header:hover .btn_sitemap span{ background:#222; }
#header:hover .lang a{ color:#222; }

#header.scroll .inner{ height:90px; }

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

}

@media all and (max-width:1300px){	
	#header{ padding:0 20px; }
	#header #gnb > li{ padding:0 30px; }
	#header #gnb > li:first-child{ margin-left:120px; }
}

/* 태블릿&모바일 공통*/
@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:60px; }
	#header h1 a{ width:90px; height:37px; }
	#header #gnb{ display:none; } 
	#header .btn_sitemap{ display:none; }
	#header .sitemap_wrap{ display:none !important; }
	#header .lang{ right:45px; }
	#header .lang a{ margin-right:15px; font-size:12px; line-height:20px; }
	#header .lang a:after{ right:-8px; height:9px; }

	#header .btn_m_menu{  display:inline-block; position:absolute; right:-20px; top:50%; width:68px; height:60px; background:transparent; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	#header .btn_m_menu span{ display:block; position:absolute; left:20px; width:28px; height:2px; background:#fff; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
	#header .btn_m_menu span:nth-child(1){ top:16px; }
	#header .btn_m_menu span:nth-child(2){ top:29px; }
	#header .btn_m_menu span:nth-child(3){ top:42px; }
	#header .btn_m_menu.close span{ background:#222; }
	#header .btn_m_menu.close span:nth-child(1){ top:29px; -webkit-transform: rotate( 225deg ); -moz-transform: rotate( 225deg ); transform: rotate( 225deg ); }
	#header .btn_m_menu.close span:nth-child(2){ opacity:0; }
	#header .btn_m_menu.close span:nth-child(3){ top:29px; -webkit-transform: rotate( -225deg ); -moz-transform: rotate( -225deg ); transform: rotate( -225deg ); }

	#header .m_menu_wrap{ display:none; position:fixed; left:0; top:60px; padding:30px 45px; width:100%; height:calc(100% - 60px); background:#fff; z-index:1000; overflow-y:auto; box-sizing:border-box; }
	#header .m_menu_wrap #m_gnb{ display:block; margin:0 auto; width:100%; max-width:500px; } 
	#header .m_menu_wrap #m_gnb > li{ display:block; border-bottom:1px solid #eaeaea; }
	#header .m_menu_wrap #m_gnb > li > a{ display:Block; position:relative; padding:0 7px; font-size:23px; line-height:55px; color:#1a1d1a; letter-spacing:-0.05em; font-weight:700; font-family: 'Montserrat', sans-serif; }
	#header .m_menu_wrap #m_gnb > li > a:before{ content:''; position:absolute; right:5px; top:50%; margin-top:-6px; width:18px; height:11px; 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_menu_wrap #m_gnb > li > a.on:before{ 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_menu_wrap #m_gnb > li.ar_none > a:before{ display:none; }
	#header .m_menu_wrap #m_gnb .dep02{ display:none; padding:14px 18px; background:#f9f9f9; border-top:1px solid #eaeaea; }
	#header .m_menu_wrap #m_gnb .dep02 li{ margin-bottom:7px; }
	#header .m_menu_wrap #m_gnb .dep02 li:last-child{ margin-bottom:0; }
	#header .m_menu_wrap #m_gnb .dep02 li a{ display:block; position:relative; padding-left:10px; font-size:13px; line-height:20px; color:#666; letter-spacing:-0.05em; }
	#header .m_menu_wrap #m_gnb .dep02 li a:after{ content:''; position:absolute; left:0; top:9px; width:3px; height:3px; background:#ed7a21; border-radius:50%;  }

	#header.m_on{ background:#fff; }
	#header.m_on h1 a{ background:url('../images/common/logo_c_R1.png') no-repeat center; background-size:cover; }
	
	#header.scroll .btn_m_menu span{ background:#222; }

	/* footer */
	#footer{ padding:45px 0 15px; }
	#footer .bx_wrap > div{ display:block; text-align:center; }
	#footer .bx_wrap .left{ margin-bottom:25px; width:100%; padding-right:0; }
	#footer .bx_wrap .right{ width:100%; }
	#footer .bx_wrap .f_tit{ margin-bottom:5px; font-size:15px; line-height:20px; }

	#footer .bx_wrap .left .info_bx{ margin-bottom:-3px; }
	#footer .bx_wrap .left .info_bx > li{ margin-bottom:3px; }
	#footer .bx_wrap .left .info_bx ul li{ margin:0 8px !important; font-size:12px; line-height:17px; }
	#footer .bx_wrap .left .info_bx ul li:first-child{ display:block; }
	#footer .bx_wrap .left .info_bx ul li strong{ padding-right:7px; font-weight:700; color:#aaa; }
	#footer .bx_wrap .copy{ margin-top:20px; font-size:10px; line-height:15px; text-align:center; }
	
	#footer .bx_wrap .right .f_tit{ margin-bottom:10px; }
	#footer .bx_wrap .right dl dt{ margin-bottom:0; font-size:12px; line-height:17px; }
	#footer .bx_wrap .right dl dd .num{ margin-bottom:0; font-size:20px; line-height:25px; }
	#footer .bx_wrap .right dl dd .time{ font-size:12px; line-height:17px; }
	
	/* common */
	#s_visual .slogan{ padding-top:60px; height:300px; }
	#s_visual .bg{ height:300px; }

	#s_visual .slogan h2{ margin-bottom:10px; font-size:35px; }
	#s_visual .slogan p{ font-size:12px; line-height:17px; }

	#sub .contents{ padding:70px 0; }
	
	.titS01{ margin-bottom:35px; }
	.titS01 .tit{ font-size:25px; line-height:30px; }
	.titS01 p{ margin:7px auto 0; max-width:400px; font-size:12px; line-height:17px; }
	
	.titS02{ margin-bottom:30px; }
	.titS02 .tit{ font-size:25px; line-height:30px; }
	
	.titS03{ margin-bottom:9px; }
	.titS03.mb{ margin-bottom:15px; }
	.titS03 .tit{ font-size:20px; line-height:25px; }
	.titS03 .tit.mb{ margin-bottom:15px; }
	.titS03 p{ margin-top:5px; font-size:12px; line-height:17px; }
	
	.titS04 {margin-bottom: 4px;}
	.titS04 strong {font-size: 15px; line-height: 22px;}
}

/* 모바일 */
@media all and (max-width:768px){
	
	/* common */
	#s_visual.s_visual01 .bg{ background:url('../images/sub/sub_v01_m.jpg') no-repeat center; }
	#s_visual.s_visual02 .bg{ background:url('../images/sub/sub_v02_m.jpg') no-repeat center; }
	#s_visual.s_visual03 .bg{ background:url('../images/sub/sub_v03_m.jpg') no-repeat center; }
	#s_visual.s_visual04 .bg{ background:url('../images/sub/sub_v04_m.jpg') no-repeat center; }
	#s_visual.s_visual05 .bg{ background:url('../images/sub/sub_v05_m.jpg') no-repeat center; }
	#s_visual.s_visualetc .bg{ background:url('../images/sub/sub_v01_m.jpg') no-repeat center; }

}