@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;}

#container{ padding-top:110px; }

/* header */
#header{ position:fixed; left:0; top:0; width:100%; z-index:1000; background:#fff; }
#header.scroll{ box-shadow:0 0 10px rgba(0,0,0,.1); }
#header .inner{ position:relative; margin:0 auto; width:calc(100% - 120px); box-sizing:border-box; }
#header h1{ position:absolute; left:0; top:24px; display:inline-block; z-index:101; }
#header h1 a{ display:block; width:155px; height:64px; background:url('../images/common/logo.png') no-repeat center; background-size:cover; text-indent:-9999px; }
#header #gnb{ font-size:0; text-align:Center; }
#header #gnb > li{ position:relative; display:inline-block; vertical-align:top; }
#header #gnb > li:first-child{ margin-left:-100px; }
#header #gnb > li > a{ position:relative; display:block; padding:0 50px; font-size:28px; line-height:110px; color:#111; font-weight:600; font-family: 'Poppins', sans-serif; -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:-1px; width:0; height:3px; background:#e01419; -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:-1px; width:0; height:3px; background:#e01419; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
#header #gnb > li:hover > a{ color:#e01419; }
#header #gnb > li:hover > a:before{ width:50%; }
#header #gnb > li:hover > a:after{ width:50%; }
#header #gnb .dep02_bx{ display:none; position:absolute; left:0; top:100%; width:100%; height:/*235px*/275px; padding:35px 25px; box-sizing:border-box; }
#header #gnb > li:hover .dep02_bx{ background:#f5f5f5; }
#header #gnb .dep02{ display:inline-block; }
#header #gnb .dep02 > li{ margin-bottom:14px; }
#header #gnb .dep02 > li:last-child{ margin-bottom:0; }
#header #gnb .dep02 > li > a{ display:block; position:relative; padding-left:10px; font-size:16px; line-height:26px; color:#666; letter-spacing:-0.05em; text-align:left; }
#header #gnb .dep02 > li > a:after{ content:'-'; position:absolute; left:0; top:0; }
#header #gnb .dep02 > li > a:hover{ color:#e01419; }
#header #gnb .dep03 {text-align: left; padding-left: 8px; margin-top: 5px;}
#header #gnb .dep03 > li {margin-bottom: 2px;}
#header #gnb .dep03 > li > a {font-size: 14px; color: #999; letter-spacing: -0.05em; display: inline-block;}
#header #gnb .dep03 > li > a:hover {color: #e01419}
#header .dep02_bg{ display:none; position:absolute; left:0; top:110px; width:100%; height:/*235px*/275px; background:#fff; border-top:1px solid #ddd; box-sizing:border-box; }
#header .right{ position:absolute; right:0; top:30px; display:inline-block; font-size:0; z-index:101; }
#header .lang{ display:inline-block; vertical-align:top; margin-right:20px; font-size:0; }
#header .lang li{ display:inline-block; vertical-align:top; position:relative; padding-right:12px; margin-right:10px; }
#header .lang li:last-child{ margin-right:0; padding-right:0; }
#header .lang li:after{ content:''; position:absolute; right:0; top:15px; width:1px; height:20px; background:#ddd; }
#header .lang li:last-child:after{ display:none; }
#header .lang li a{ display:block; font-size:28px; line-height:52px; color:#999; font-family: 'Poppins', sans-serif; }
#header .lang li a.on{ font-weight:600; color:#111; }
/*#header .btn_contact{ display:inline-block; vertical-align:top; margin-right:40px; width:150px; font-size:26px; line-height:52px; color:#fff; background:#e01419; text-align:center; border-radius:26px; font-family: 'Poppins', sans-serif; }*/
#header .btn_contact{ display:inline-block;vertical-align:top;margin-right:40px;width: 195px;font-size:26px;height: 62px;color:#fff;background:#e01419;text-align:center;border-radius: 69px;font-family: 'Poppins', sans-serif;line-height: 27px;box-sizing: border-box;padding: 4px 0;margin-top: -6px; }
#header .btn_contact span {font-size: 15px; display: block;}
#header .right .btn_hamburger{ position:relative; display:inline-block; vertical-align:top; margin-top:12px; width:40px; height:28px; background:transparent; }
#header .right .btn_hamburger span{ display:block; position:absolute; left:0; width:40px; height:2px; background:#111; -webkit-transition:all 0.35s; -moz-transition:all 0.35s; transition:all 0.35s; }
#header .right .btn_hamburger span:nth-child(1){ top:0; }
#header .right .btn_hamburger span:nth-child(2){ top:13px; }
#header .right .btn_hamburger span:nth-child(3){ top:26px; }
#header .right .btn_hamburger.close span{ background:#fff; }
#header .right .btn_hamburger.close span:nth-child(1){ top:13px; -webkit-transform: rotate( 225deg ); -moz-transform: rotate( 225deg ); transform: rotate( 225deg );}
#header .right .btn_hamburger.close span:nth-child(2){ top:0; opacity:0; }
#header .right .btn_hamburger.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:0; width:100%; height:100%; background:url('../images/common/all_menu_bg.jpg') no-repeat center; background-size:Cover; overflow-y:auto; z-index:100; }
#header .sitemap_wrap > div{ padding:200px 0; width:100%; height:100%; display:flex; align-items: center; justify-content: center; box-sizing:border-box; }
#header .sitemap_wrap .dep01{ font-size:0; }
#header .sitemap_wrap .dep01 > li{ display:inline-block; vertical-align:top; margin-right:115px; overflow:hidden; }
#header .sitemap_wrap .dep01 > li:last-child{ margin-right:0; }
#header .sitemap_wrap .dep01 > li > div{ position:relative; left:-100%; opacity:0; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; }
#header .sitemap_wrap .dep01 > li > div > strong{ display:block; margin-bottom:35px; font-size:28px; line-height:38px; color:#da2128; font-weight:700; font-family: 'Poppins', sans-serif; text-transform: uppercase; }
#header .sitemap_wrap .dep02 > li{ margin-bottom:20px; }
#header .sitemap_wrap .dep02 > li:last-child{ margin-bottom:0; }
#header .sitemap_wrap .dep02 > li > a{ display:block; position:relative; padding-left:9px; font-size:18px; line-height:28px; color:#fff; letter-spacing:-0.05em; }
#header .sitemap_wrap .dep02 > li > a:after{ content:'-'; position:absolute; left:0; top:0; }

#header .sitemap_wrap .dep03 {margin-top: 5px; padding-left: 7px;}
#header .sitemap_wrap .dep03 > li {margin-bottom: 10px;}
#header .sitemap_wrap .dep03 > li > a {color: #999; letter-spacing: -0.05em; font-size: 16px; display: inline-block; border-bottom: 1px solid transparent; line-height: 16px;}
#header .sitemap_wrap .dep03 > li > a:hover {border-color: #999;}

#header .sitemap_wrap.on .dep01 > li > div{ left:0; opacity:1; }
#header .sitemap_wrap.on .dep01 > li:nth-child(2) > div{ transition-delay:0.05s; }
#header .sitemap_wrap.on .dep01 > li:nth-child(3) > div{ transition-delay:0.1s; }
#header .sitemap_wrap.on .dep01 > li:nth-child(4) > div{ transition-delay:0.15s; }

.quick_btn{ position:fixed; right:40px; bottom:60px; width:80px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; z-index:10; }
.quick_btn.s01{ /* position:absolute; bottom:auto; top:-440px; */ }
.quick_btn a{ position:relative; display:flex; flex-wrap:wrap; align-items: center; margin-bottom:20px; width:80px; height:80px; border-radius:50%; border:2px solid #387b37; box-sizing:border-box; }
.quick_btn a:last-child{ margin-bottom:0; }
.quick_btn a:after{ content:''; position:absolute; left:50%; top:50%; width:100%; height:100%; background:#387b37; border-radius:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.quick_btn a span{ display:block; width:100%; font-size:13px; line-height:1em; color:#fff; letter-spacing:-0.05em; text-align:center; z-index:1; }
.quick_btn a.btn01 span{ padding-top:28px; background:url('../images/icon/quick_icon01.png') no-repeat center top; }
.quick_btn a.btn02{ border-color:#d0c607; }
.quick_btn a.btn02:after{ background:#d0c607; }
.quick_btn a.btn02 span{ padding-top:31px; background:url('../images/icon/quick_icon02.png') no-repeat center top; }
.quick_btn a.btn03 span{ padding-top:32px; background:url('../images/icon/quick_icon03.png') no-repeat center top; }
.quick_btn a.btn04 span{ padding-top:32px; background:url('../images/icon/quick_icon04.png') no-repeat center top; }

/* footer */
#footer{ position:relative; padding:55px 0; background:#f5f5f5; }
#footer .inner{ margin:0 auto; width:calc(100% - 30px); max-width:1440px; }
#footer .inner > div{ position:relative; padding-right:260px; padding-left:280px; background:url('../images/common/f_logo.png') no-repeat left top 10px; }
#footer .inner > div .btn_top{ position:absolute; right:0; top:0; width:68px; height:68px; background:#da2128; text-indent:-9999px; }
#footer .inner > div .btn_top:before{ content:''; position:Absolute; left:50%; top:50%; width:12px; height:19px; background:url('../images/btn/btn_top.png') no-repeat center; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%); }
#footer .inner > div .link_bx{ font-size:0; margin-bottom:15px; margin-top:-5px;}
#footer .inner > div .link_bx li{ display:inline-block; vertical-align:top; position:relative; margin-top:5px; padding-right:20px; margin-right:19px; }
#footer .inner > div .link_bx li:after{ content:''; position:absolute; right:0; top:7px; width:1px; height:10px; background:#ccc; }
#footer .inner > div .link_bx li:last-child{ padding-right:0; margin-right:0; }
#footer .inner > div .link_bx li:last-child:after{ display:none; }
#footer .inner > div .link_bx li a{ display:block; font-size:16px; line-height:26px; color:#222; font-family: 'Poppins', 'Noto Sans KR', sans-serif; letter-spacing:-0.02em; }
#footer .inner > div .info_bx{ margin-bottom:9px; font-size:0; max-width:770px; }
#footer .inner > div .info_bx li{ display:inline-block; vertical-align:top; margin-right:20px; font-size:14px; line-height:28px; color:#666; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word; }
#footer .inner > div .info_bx li:last-child{ margin-right:0; }
#footer .inner > div .copy{ font-size:13px; line-height:23px; color:#999; letter-spacing:-0.05em; }

#footer .inner > div .down_bx{  position:absolute; right:88px; top:0; width:160px;}
#footer .inner > div .down_bx a{ display:block; margin-bottom:10px; padding:0 20px; font-size:12px; line-height:46px; color:#666; letter-spacing:-0.05em; border:1px solid #ccc; box-sizing:border-box; }
#footer .inner > div .down_bx a:last-child{ margin-bottom:0; }
#footer .inner > div .down_bx a span{ display:block; background:url('../images/icon/down.png') no-repeat right center; }

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

#s_visual{ display:flex; align-items: center; flex-wrap:wrap; height:640px; }
#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 .slogan{ width:100%; text-align:center; }
#s_visual h2{ font-size:80px; line-height:90px; color:#fff; font-weight:700; font-family: 'Poppins', sans-serif; }
#s_visual p{ margin-top:27px; font-size:26px; line-height:36px; color:rgba(255,255,255,.7); font-family: 'Poppins', sans-serif; }

#sub .contents{ padding:130px 0; }

.titS01{ margin-bottom:70px; }
.titS01 .tit{ font-size:72px; line-height:82px; color:#111; letter-spacing:-0.05em; font-weight:700; text-align:Center; }
.titS01 .tit.en{ font-size:56px; line-height:66px; color:#111; font-weight:600; letter-spacing:0; font-family: 'Poppins', sans-serif; }
.titS01 p{ margin-top:25px; font-size:28px; line-height:38px; color:#666; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word; text-align:center; }

/* 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 .btn_m_menu{ display:none !important; }
#header .m_menu_wrap{ display:none !important; }

#header .sitemap_wrap .dep02 > li > a:hover{ text-decoration:underline; }
#header.sitemap_show h1 a{ background:url('../images/common/logo_c.png') no-repeat center; background-size:cover;}
#header.sitemap_show .right .lang li a.on{ color:#fff; }

.quick_btn a:hover:after{ width:calc(100% - 6px); height:calc(100% - 6px)}


}

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

#header #gnb > li:first-child{ margin-left:-200px; }
#header #gnb > li > a{ padding:0 40px; }

}

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

#header .inner{ width:calc(100% - 30px); }

#header h1{ top:28px; }
#header h1 a{ width:120px; height:50px; }
#header #gnb > li > a{ padding:0 40px; font-size:22px; }
#header #gnb .dep02_bx{ padding:25px 15px; }
#header .right .lang li a{ font-size:22px; }
/*#header .right .btn_contact{ margin-right:20px; width:120px; font-size:20px; }*/
#header .right .btn_contact{ margin-right:20px; width:170px; font-size:20px; line-height: 24px; padding: 7px 0;}
#header .btn_contact span {font-size: 13px;}

#footer .inner > div{ padding-left:230px; padding-right:250px; background-size:180px auto; }

}

/* 태블릿&모바일 공통*/
@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;}
	
	#container{ padding-top:60px; }

	/* header */
	#header{ height:60px; border-bottom:1px solid #ddd; }
	#header h1{ top:15px; }
	#header h1 a{ width:78px; height:32px; }
	#header #gnb{ display:none; }
	#header .right{ top:20px; }
	#header .right > .lang{ display:none !important; }
	#header .right > .btn_contact{ display:none !important; }
	#header .lang{ margin-right:30px; }
	#header .lang li{ padding-right:15px; margin-right:14px; }
	#header .lang li:after{ top:10px; height:12px}
	#header .lang li a{ font-size:18px; line-height:40px; }
	/*#header .btn_contact{ margin-right:0; width:100px; font-size:18px; line-height:40px; border-radius:20px; }*/
	#header .btn_contact{ margin-right:0; width:140px; font-size:18px; height:48px; border-radius:40px; line-height: 20px; }
	#header .btn_contact span{font-size: 11px;}
	#header .right .btn_hamburger{ margin-top:0; width:24px; height:18px; }
	#header .right .btn_hamburger span{ width:24px; height:2px;  }
	#header .right .btn_hamburger.close span{ background:#111; }
	#header .right .btn_hamburger span:nth-child(1){ top:0; }
	#header .right .btn_hamburger span:nth-child(2){ top:8px; }
	#header .right .btn_hamburger span:nth-child(3){ top:16px; }
	#header .right .btn_hamburger.close span:nth-child(1){ top:8px; }
	#header .right .btn_hamburger.close span:nth-child(3){ top:8px; }

	#header .btn_sitemap{ display:none !important; }
	#header .sitemap_wrap {display:none !important;}
	#header .btn_m_menu{ display:inline-block; }
	
	#header .m_menu_wrap{ display:none; position:fixed; left:0; top:61px; width:100%; height:calc(100% - 61px); overflow-y:auto; z-index:100; background:#fff; }
	#header .m_menu_wrap #m_gnb{ padding:30px 0; }
	#header .m_menu_wrap #m_gnb > li{}
	#header .m_menu_wrap #m_gnb > li > a{ display:block; padding:0 15px; font-size:20px; line-height:45px; color:#111; font-weight:600; font-family: 'Poppins', sans-serif; }
	#header .m_menu_wrap #m_gnb .dep02{ display:none; margin:15px 0; padding:25px 15px; background:#f5f5f5; }
	#header .m_menu_wrap #m_gnb .dep02 > li{ margin-bottom:15px; }
	#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:7px; 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:0; }
	#header .m_menu_wrap #m_gnb .dep03 {padding-left: 5px; margin-top: 2px;}
	#header .m_menu_wrap #m_gnb .dep03 > li {}
	#header .m_menu_wrap #m_gnb .dep03 > li > a {font-size: 12px; color: #999; letter-spacing: -0.05em; word-break: keep-all; display: inline-block; line-height: 20px;}
	#header .m_menu_wrap .btm_bx{ margin-top:35px; font-size:0; text-align:Center; }

	.quick_btn{ right:15px; bottom:30px; width:50px; }
	.quick_btn.s01{ /* top:-260px; */ }
	.quick_btn a{ margin-bottom:10px; width:50px; height:50px; }
	.quick_btn a span{ font-size:10px;  }
	.quick_btn a.btn01 span{ padding-top:20px; background-size:16px auto; }
	.quick_btn a.btn02 span{ padding-top:19px; background-size:21px auto; }
	.quick_btn a.btn03 span{ padding-top:20px; background-size:20px auto; }
	.quick_btn a.btn04 span{ padding-top:20px; background-size:20px auto; }

	/* footer */
	#footer{ padding:40px 0; }
	#footer .inner > div{ padding-left:0; padding-right:0; padding-top:55px; background-position:left top; background-size:110px auto; }
	#footer .inner > div .btn_top{ right:0; top:auto; bottom:0; width:40px; height:40px; }
	#footer .inner > div .btn_top:before{ width:9px; height:12px; background-size:9px auto; }
	#footer .inner > div .link_bx{ margin-bottom:10px; margin-top:-5px; }
	#footer .inner > div .link_bx li{ margin-top:5px; padding-right:13px; margin-right:12px; }
	#footer .inner > div .link_bx li:after{ top:5px; height:8px; }
	#footer .inner > div .link_bx li a{ font-size:12px; line-height:17px; }
	#footer .inner > div .info_bx{ margin-bottom:5px; max-width:770px; }
	#footer .inner > div .info_bx li{ display:block; margin-right:0; font-size:11px; line-height:20px; }
	#footer .inner > div .copy{ font-size:11px; line-height:16px; }

	#footer .inner > div .down_bx{ position:relative; margin-top:25px; right:auto; top:auto; width:100%;}
	#footer .inner > div .down_bx a{ display:inline-block; vertical-align:Top; margin-bottom:0; width:100px; margin-right:10px; padding:0 10px; font-size:11px; line-height:38px; }
	#footer .inner > div .down_bx a:last-child{ margin-right:0; width:130px; }
	#footer .inner > div .down_bx a span{ background-size:14px auto; }

	/* common */
	#s_visual{ height:320px; }
	#s_visual h2{ font-size:44px; line-height:45px; }
	#s_visual p{ margin-top:17px; font-size:17px; line-height:22px; }

	#sub .contents{ padding:80px 0; }

	.titS01{ margin-bottom:40px; }
	.titS01 .tit{ font-size:22px; line-height:27px; }
	.titS01 .tit.en{ font-size:32px; line-height:37px; }
	.titS01 p{ margin-top:15px; font-size:16px; line-height:24px; }

}

/* 모바일 */
@media all and (max-width:768px){
	
	/* common */
	#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; }

}