@charset "UTF-8";
/* common */
*, body {margin:0; padding:0; font-family:'Malgun Gothic', '맑은고딕', sans-serif; font-size:14px; color:#404041; -webkit-box-sizing: border-box; box-sizing:border-box;}
.sound_only {font-size:0 !important; text-indent:-9999px; margin:0 !important; padding:0 !important;}
.btn {display:inline-block; background:#fff; color:#000; border:1px solid #ccc; padding:0.5em 1em; font-size:1em; border-radius:0.25em; text-align:middle;}



/* layout */
.wrap { padding:0; margin:0; width:100%; height:100%; position:relative; }
#header { position:relative; width:1300px; margin:0 auto; padding:0 20px; }
#header img {vertical-align:middle; width:174px; height:42px; margin-top:0.75em; }
#header h1 {font-size:0;margin-top: 13px;}
#header ul { display:flex; list-style:none;}
#header li { font-weight:600; flex:0 14.5%;}
#header li a { display:block; padding:1em 0; color: #000;font-size:1.5em; font-family:Montserrat;font-weight:700;; text-align:center;width:140px;}
#header li a.logo img {margin-top:0;width:100%;}
#header li.lang{ position:relative; }
#header li.lang p { position:relative; }
#header li.lang p:before { content:''; display:block; background:url(../../images/template2/ico_lang.png) no-repeat center; width:2.5em; height:2.5em; position:absolute; left:3em; top:1.25em }
#header li.lang p a { padding:1em .75em 1em 4em; position:relative; display:inline-block;}
#header li.lang p a:after {content:''; display:block; width:0; height:0; border-left:.2em solid transparent; border-right:.2em solid transparent; border-top:.3em solid #404041; position:absolute; right:0; top:1.75em}
#header li.lang ul { display:block; border:1px solid #ddd; border-top:none; position:absolute; right:0; width:100%; top:100%; background:#fff; z-index:99; display:none;}
#header li.lang li { flex:unset; border-top:1px solid #ddd; }
#header li.lang li a { padding:.5em 1em; font-size:1em; text-align:center; }
#header li.lang li a:hover { background:-webkit-linear-gradient(left top, #005ba8, #002f6a); background:-moz-linear-gradient(left top, #005ba8, #002f6a); background:-o-linear-gradient(left top, #005ba8, #002f6a); background:linear-gradient(to right bottom, #005ba8, #002f6a); color:#fff}
#header .mo_head { display:none;height:60px; }
#header .m_btn { flex:1 33.33%; text-align:left; position:relative; font-size:0; width:38px; height:38px; padding:1em 0 0 1em;  }
#header .m_btn button {display:block; width:100%; height:100%;  padding:0 0 0 10px; font-size:0; background:none; }
#header .m_btn button span { display: block; width:18px; height:2px; background:#333; font-size: 0; margin:3px 0 0 0; transition:all .3s;}
#header .m_btn button.close span:first-child { transform: rotate(-45deg); margin-top:7px  }
#header .m_btn button.close span:last-child { transform: rotate(45deg); margin-top:-2px }
#header .m_btn button.close span.hide { width:0; margin-left:9px; }

#header .m_logo {flex:1 33.33%; text-align:center;}
#header .m_logo img {margin-top:0}

#header .m_lang { flex:1 33.33%; text-align:right; position:relative;  }
#header .m_lang p { position:relative; display:inline-block; padding-left:2em;}
#header .m_lang p:before { content:''; display:block; background:url(../../images/template2/ico_lang.png) no-repeat center; width:2.5em; height:2.5em; position:absolute; left:3em; top:.5em; background-size:70%; }
#header .m_lang p a { padding:1em .75em 1em 4em; position:relative; display:inline-block; color:#333}
#header .m_lang p a:after {content:''; display:block; width:0; height:0; border-left:.2em solid transparent; border-right:.2em solid transparent; border-top:.3em solid #333; position:absolute; right:0; top:1.5em}
#header .m_lang ul { display:block;  border-top:none; position:absolute; right:0; top:100%;  z-index:99; display:none;}
#header .m_lang li { flex:unset; border-top:1px solid #ddd; border-radius:100%; background:#fff; margin-bottom:.25em; }
#header .m_lang li a { padding:0; font-size:1em; text-align:center; width:2.5em; height:2.5em; line-height:2.5em;}
#header .m_lang li a:hover { background:-webkit-linear-gradient(left top, #005ba8, #002f6a); background:-moz-linear-gradient(left top, #005ba8, #002f6a); background:-o-linear-gradient(left top, #005ba8, #002f6a); background:linear-gradient(to right bottom, #005ba8, #002f6a); color:#fff}
#header .m_gnb_box { position:fixed; z-index:9999; left:0; top:61px; bottom:0; width:100%; padding-top:3em; transition:left .6s; background:-webkit-linear-gradient(left top, #005ba8, #002f6a); background:-moz-linear-gradient(left top, #005ba8, #002f6a); background:-o-linear-gradient(left top, #005ba8, #002f6a); background:linear-gradient(to right bottom, #005ba8, #002f6a); color:#fff}
#header .m_gnb_box.close {left:-100%;}
/*
#header .m_gnb_box .close_btn { position:relative; font-size:0; width:38px; height:38px; padding-left:1em;}
#header .m_gnb_box .close_btn button {display:block; width:100%; height:100%;  padding:0 0 0 10px; font-size:0; background:none;}
#header .m_gnb_box .close_btn button span { display: block; width:18px; height:2px; background:#fff; font-size: 0; margin:0; position:absolute; transform: rotate(45deg); }
#header .m_gnb_box .close_btn button span:first-child { transform: rotate(-45deg); }
*/
#header .m_gnb_box ul { display:flex;flex-direction:column;align-items:center;justify-content:center;}
#header .m_gnb_box li {flex:unset; }
#header .m_gnb_box li a {color:#fff; }
#header .m_gnb_box li a img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);margin-bottom:20px;width:100px;}
/*
#header li .lang_ico { display:inline-block; background:url(../../images/template2/ico_lang.png) no-repeat center center; width:43px; height:43px;  vertical-align:middle; }
#header li select {border:none; font-weight:600; font-size:1.5em; margin-top:0.75em;  }
*/


.footer { padding:7em 0; background:#00559e; color:#fff;}
.footer_wrap { max-width:1300px; margin:0 auto; position:relative; overflow:hidden; padding:0 20px; width:100%;}
.footer_wrap .footer_left { float:left; }
.footer_wrap .footer_left > .footer_logo { display:block; width:190px; margin-bottom:23px;}
.footer_wrap .footer_left .info_box{ display:inline-block; padding:0 .5em 0 0; position:relative;}
.footer_wrap .footer_left .info_box .brandname{font-weight:500; letter-spacing:0.045em; }
.footer_wrap .footer_left .info_box .brandname font font{font-weight:500; letter-spacing:0.045em; }
.footer_wrap .footer_left .info_box p { font-size:0.85em; letter-spacing:-0.035em; color:#fff;}
.footer_wrap .footer_left .info_box p font font{ font-size:0.85em; letter-spacing:-0.035em; color:#fff;}
.footer_wrap .footer_left .addr {font-style:normal; }
.footer_wrap .footer_left .addr > p { color:#fff;  margin-top:.1em;}
.footer_wrap .footer_right { float:right; position:relative; width:790px}
.footer_wrap .footer_right ul { display:flex; list-style:none;}
.footer_wrap .footer_right ul > li { flex:1 auto; }
.footer_wrap .footer_right ul > li > a { font-size:1.2em; font-weight:900; letter-spacing:0.045em; }
.footer_wrap .footer_right ul.b_sub { display:block; margin-top:20px;}
.footer_wrap .footer_right ul.b_sub > li{ display:block; margin-top:10px;}
.footer_wrap .footer_right ul.b_sub > li > a {font-size:1em; letter-spacing:-0.035em;  font-weight:normal;}
.footer_wrap .footer_right ul a {color:#fff}

.footer_wrap .footer_right ul > li > a font font{ font-size:1.2em; font-weight:900; letter-spacing:0.045em; }
.footer_wrap .footer_right ul.b_sub font font{ display:block; margin-top:20px;}
.footer_wrap .footer_right ul.b_sub > li font font{ display:block; margin-top:10px;}
.footer_wrap .footer_right ul.b_sub > li > a font font{font-size:1em; letter-spacing:-0.035em;  font-weight:normal;}
.footer_wrap .footer_right ul a font font{color:#fff}

.footer_logo img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}


/* sub common */
.sub_visual { background:#333; }
.sub_visual .visual_cont { padding:10em 20px; width:1200px; margin:0 auto; display:flex; justify-content:space-between;}
.sub_visual .visual_cont h2 { font-family:Montserrat; font-weight:700; font-size:4.3em; color:#fff; }
.sub_visual .visual_cont h2 font font{ font-family:Montserrat; font-weight:700; font-size:4.3em; color:#fff; }
.sub_visual .visual_cont p {color:#fff; font-size:2em; font-weight:900; padding-top:1.55em; padding-left:65px; position:relative;}
.sub_visual .visual_cont p font font{color:#fff; font-size:2em; font-weight:900; padding-top:1.55em; padding-left:65px; position:relative;}
.sub_visual .visual_cont p i { display:block; color:#fff; width:59px; height:59px; left:0; top:1.55em; position:absolute;  }




/* company html */
.sub_section {margin:4em auto 0;padding:0 20px;}
.sub_visual.company { background:url(../../images/template2/com_0117.jpg) no-repeat center; }
.sub_visual.company .visual_cont i { background:url(../../images/template2/company_icon.png) no-repeat center; background-size:cover;    }
.sub_section.company .text {padding-top:1.2em; }
.sub_section.company .text .subtit { font-size:2em; padding:1em 0 1.2em; letter-spacing:-0.045em; }
.sub_section.company .text .subtit strong {font-size:1em;}
.sub_section.company .text .cont { font-size:1.5em; color:#333; letter-spacing:-0.045em; margin-top:.2em; }
.sub_section.company .text .cont strong { font-size:1em; }
.sub_section.company .text .cont.mt { margin-top:1em; }
.sub_section.company .company_logo {margin-top:-4em}



/* notice html */
.sub_visual.notice { background:url(../../images/template2/notice.jpg) #000; }
.sub_visual.notice .visual_cont i { background:url(../../images/template2/notice_icon.png) no-repeat center; background-size:cover;    }

@media screen and (max-width: 1400px){}
.container {
    padding: 0;
}

/* media query */
@media screen and (max-width:1290px) {
	#header { width:100%; }
}


@media screen and (max-width:1200px) {
	.footer_wrap .footer_right { float:right; position:relative; width:598px}

	.section.visual .visual_wrap { width:90%; background-size:70%;  }
	.section.visual .visual_wrap h4 p { font-size:4em; }
	.section.visual .visual_wrap p.con_txt {font-size:1.25em; }
	.section.visual .visual_wrap .visual_btn { margin-top:5em;}
	.section.visual .visual_wrap .visual_btn a {padding:1em 4em 1em 1em;}
	.section.visual .visual_wrap .visual_btn a:before {width:20px; height:1px; right:20px; animation:unset; }
	.section.visual .visual_wrap .visual_btn a:after { width:9px; height:1px; right:20px; animation:unset; }


	/* sub common */
	.sub_visual .visual_cont { padding:5em 0; width:90%;}
	.sub_visual .visual_cont h2 { font-size:3.5em; }
	.sub_visual .visual_cont p { font-size:2em; padding-top:0.5em; padding-left:2em; }
	.sub_visual .visual_cont p i { width:3.5em; height:3.5em; top:.25em; }

  .sub_visual.company .visual_cont i { background:url(../../images/template2/company_icon.png) no-repeat center; background-size:cover;    }

	/* notice */
	.sub_visual.notice { background-position:center 80% }
}


@media screen and (max-width:1024px) {
	.wrap { padding-top:61px; }
	#header { position:fixed; top:0; z-index:999; background:#fff; border-bottom:1px solid #fff;  /*background:-webkit-linear-gradient(left top, #005ba8, #002f6a); background:-moz-linear-gradient(left top, #005ba8, #002f6a); background:-o-linear-gradient(left top, #005ba8, #002f6a); background:linear-gradient(to right bottom, #005ba8, #002f6a); */}
	#header .mo_head { display:flex; justify-content:space-between;align-items:center;}
	#header .gnb_box { display:none; }
	#header .m_logo img{width:110px;}

  .footer { padding:3em 0;}
	.footer_wrap .footer_left > .footer_logo {text-align:center;margin-bottom:0;}
	.footer_wrap .footer_left > .footer_logo img { width:70%; }
	.footer_wrap .footer_left { float:none; display:flex;align-items:center;gap:10px; }
	.footer_wrap .footer_left .info_box{ margin-top:0; }
	.footer_wrap .footer_left .info_box p { font-size:1em; }
	.footer_wrap .footer_right { display:none;}

	.section.visual .visual_wrap { width:90%; background-size:70%; padding:8em 0; }
	.section.visual .visual_wrap h4 p { font-size:4em; }
	.section.visual .visual_wrap p.con_txt {font-size:1.25em; }
	.section.visual .visual_wrap .visual_btn { margin-top:5em;}
	.section.visual .visual_wrap .visual_btn a {padding:.75em 4em .75em 1em; font-size:1.15em}
	.section.visual .visual_wrap .visual_btn a:before {width:20px; height:1px; right:20px; animation:unset; }
	.section.visual .visual_wrap .visual_btn a:after { width:9px; height:1px; right:20px; animation:unset; }


	/* sub common */
	.sub_visual .visual_cont { padding:7em 0 3em; width:90%;}
	.sub_visual .visual_cont h2 { font-size:2.75em; }
	.sub_visual .visual_cont p { font-size:1.5em; padding-top:0.5em; padding-left:2em; }
	.sub_visual .visual_cont p i { width:2.5em; height:2.5em; top:.25em; }
}


@media screen and (max-width:680px) {

	.section.visual .visual_wrap { width:90%; background-size:80%; padding:10em 0 5em; }
	.section.visual .visual_wrap h4 p { font-size:3.15em; }
	.section.visual .visual_wrap p.con_txt {font-size:1.25em; padding-top:1em }
	.section.visual .visual_wrap .visual_btn { margin-top:2.5em;}

  /* sub common */
	.sub_visual .visual_cont { padding:6em 0 2em; width:90%;}
	.sub_visual .visual_cont h2 { font-size:1.5em; }
	.sub_visual .visual_cont p { font-size:1em; padding-top:0.5em; padding-left:2em; }
	.sub_visual .visual_cont p i { width:1.5em; height:1.5em; top:.25em; }
}


@media screen and (max-width:400px) {


	.footer_wrap { padding:0 .5em; }
	.footer_wrap .footer_left > .footer_logo img { width:70%; }
	.footer_wrap .footer_left .info_box { margin-top:.5em;}
	.footer_wrap .footer_left .info_box p { font-size:.75em; }

	.section.visual .visual_wrap { width:90%; background-size:80%; padding:6em 0 3em; }
	.section.visual .visual_wrap h4 p { font-size:2.5em; }
	.section.visual .visual_wrap p.con_txt {font-size:1em; padding-top:1em }
	.section.visual .visual_wrap .visual_btn { margin-top:1.5em;}
	.section.visual .visual_wrap .visual_btn a { font-size:1em;}
}