/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button,
article, aside, canvas, details, embed, figure, figcaption, footer, header, menu,
nav, output, ruby, section, summary, time, mark, audio, video
{margin:0;padding:0;border:0;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block;}
html {height:auto;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none; }
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content:none;}
table {border-collapse:collapse;border-spacing:0;}
a {text-decoration:none;color:inherit;}
a:hover {text-decoration:none;}
legend, caption, hr {display:none;}
th {font-weight: inherit}
em {font-style:normal;}
img {vertical-align:top;}
input {vertical-align:middle;border-radius:0;}
p,h3,h2,h1{letter-spacing: normal;}
input,textarea,button,select{font-family:Nanum Square, "³ª´®½ºÄù¾î", Nanum Gothic, "³ª´®°íµñ", sans-serif; color: #000;border-radius:0;}
section{width:100%;text-align: center;}
body{font-family:Nanum Square, "³ª´®½ºÄù¾î", Nanum Gothic, "³ª´®°íµñ", sans-serif;width: 100%;height: 100%; color:#505050;background-color: #fff;font-weight: 400; font-size:16px; margin: 0;    padding: 0;}
video{object-fit: fill;}
/*Æ˾÷½Ã ½ºÅ©·Ñ¸·±â*/
body.stop {overflow-y: hidden}
/* font */
.kr_nd_400{font-family: Nanum Square, "³ª´®½ºÄù¾î", Nanum Gothic, "³ª´®°íµñ",sans-serif;font-weight: 400}/* r */
.kr_nd_500{font-family: Nanum Square, "³ª´®½ºÄù¾î", Nanum Gothic, "³ª´®°íµñ",sans-serif;font-weight: 500}/* m */
.kr_nd_700{font-family: Nanum Square, "³ª´®½ºÄù¾î", Nanum Gothic, "³ª´®°íµñ",sans-serif;font-weight: 700; color:#000;}/* b */
.fclear{*zoom:1}
.fclear:after{display:block;content:"";clear:both;}
.ir_text {text-indent: -9999px;overflow: hidden;font-size: 0 ;height: 0;}
.ir_text >*{text-indent: -9999px;overflow: hidden;font-size: 0 ;height: 0;}
.cap{text-transform: uppercase !important;}
#WRAP { position: relative; width: 100%;overflow: hidden; margin: 0 auto;background: #fff;}
#WRAP .logo_area {text-align:center; margin:25px 0 0 0;}

.container{min-height: 768px;max-width: 1920px;margin:0px auto 0; margin-top:104px;position: relative;}
.area {position: relative; width: 1000px; margin: 0 auto;}
#header {width:100%;overflow: hidden; position: fixed; height: 104px; background: #f0f0f0 url(../img/bg_header.gif) repeat-x; z-index:1000}
#header .util {height: 63px; margin:0 auto; width:100%;}
#header h1 {margin:0 auto; width:1000px; text-align:center; padding:15px 0 0 0}
#gnb {position: absolute;}
#gnb > ul {z-index:3; position: relative;}
#gnb > ul:after {display:block; content:''; clear:both;}
#gnb > ul > li {position: relative; float: left; width:142px; height: 190px; text-align: center;}
#gnb > ul > li > a {display: block; width: 142px; height:40px; line-height: 40px; font-size: 16px; color: #000;box-sizing: border-box; text-align: center;}
#gnb > ul > li:first-child > a {width: 148px;}
#gnb > ul > li.gnb01 > a.active {color:#f39231;}
#gnb > ul > li.gnb02 > a.active {color:#66cc66;}
#gnb > ul > li.gnb03 > a.active {color:#33cccc;}
#gnb > ul > li.gnb04 > a.active {color:#3192f3;}
#gnb > ul > li.gnb05 > a.active {color:#9966cc;}
#gnb > ul > li.gnb06 > a.active {color:#cc6699;}
#gnb > ul > li.gnb07 > a.active {color:#ff9966;}
#gnb > ul > li.active > a {color: #fff !important; border-bottom: 1px solid rgba(255, 255, 255, .5); text-align:center}
#gnb .dep2 { display: none; height:150px; padding: 5px 0 0 0px; box-sizing: border-box;} 
#gnb .dep2 li { padding: 3px 0; color: #000; text-align: center; font-size:14px;}
#gnb .dep2 li a {display: block; width:100%; color: #000;  font-size:14px;}
#gnb .dep2 li a:hover {text-decoration: underline;}
#gnb > ul > li:first-child .dep2 {padding: 5px 0 0 0px;}
#gnb > ul > li.active .dep2 a {color: #fff;}
#gnb > ul > li.active .dep2 a:hover {color: #000 !important;}
#gnb > ul > li.gnb01.active {background: url(../img/bg_gnb_dep2_01.gif) no-repeat;}
#gnb > ul > li.gnb02.active {background: url(../img/bg_gnb_dep2_02.gif) repeat-x;}
#gnb > ul > li.gnb03.active {background: url(../img/bg_gnb_dep2_03.gif) no-repeat;}
#gnb > ul > li.gnb04.active {background: url(../img/bg_gnb_dep2_04.gif) no-repeat;}
#gnb > ul > li.gnb05.active {background: url(../img/bg_gnb_dep2_05.gif) no-repeat;}
#gnb > ul > li.gnb06.active {background: url(../img/bg_gnb_dep2_06.gif) no-repeat;}
#gnb > ul > li.gnb07.active {background: url(../img/bg_gnb_dep2_07.gif) no-repeat;}
.dep2Bg {display: none; z-index:2; position: absolute; top: 104px; left: 0; width: 100%; height: 150px; background: #fff; border-bottom: 1px solid #ccc; box-sizing: border-box;}


/* FOOTER */
#FOOTER{height: 128px;  background: #fff;width: calc(100% - 72px);position: relative;margin: 24px auto 0;box-sizing: border-box;border-top: 1px solid rgba(0,0,0,.1);z-index: 99}
#FOOTER .footer_inner{position: relative; height: 128px; max-width: 1848px;margin: 0 auto;font-size: 0; overflow:hidden}
#FOOTER .footer_inner>div{display: inline-block;vertical-align: middle;height: 128px;line-height: 128px}
#FOOTER .footer_inner .logo_area{}
#FOOTER .footer_inner .logo_area .logo{}
#FOOTER .footer_inner .logo_area .logo img{vertical-align: middle}
#FOOTER .footer_inner .copyright{font-size:14px;color:#666;margin-left: 40px}
#FOOTER .footer_inner .footer_menu {
 position: absolute;
 top: 0;
 left: 54%;
 width: 699px;
 -webkit-transform: translate(-50%, 0);
 -moz-transform: translate(-50%, 0);
 -ms-transform: translate(-50%, 0);
 -o-transform: translate(-50%, 0);
 transform: translate(-50%, 0);
}
#FOOTER .footer_inner .footer_menu ul{font-size: 0}
#FOOTER .footer_inner .footer_menu ul li {
 display: inline-block;
 vertical-align: top;
 height: 128px;
 margin: 0 2.6%
}

#MAIN_VISUAL {height:560px;width: 100%;  clear:both; background:#e1f0f7;}
#MAIN_VISUAL .visual_img {margin: 0 auto; width:1000px; height:560px; position:relative;}
#MAIN_VISUAL .visual_img .content {position:absolute; bottom:40px; right:0px; width:600px; height:75px; font-size:30px; letter-spacing:-2px; line-height:40px; color:#000;text-shadow:2px 2px 0px #fff}
#SUB_VISUAL {margin-top:110px; height:220px;width: 100%;  clear:both; background:#fff;}
#SUB_VISUAL .visual_img {margin: 0 auto; width:1000px; height:220px; position:relative;}
#SUB_VISUAL .visual_img .content {position:absolute; bottom:40px; right:0px; width:600px; height:75px; font-size:30px; letter-spacing:-2px; line-height:40px; color:#000;text-shadow:2px 2px 0px #fff}
#MAIN_QUICK {width:100%; margin-top:30px; }
#MAIN_QUICK ul{width:1000px;margin:0 auto; height: 130px;}
#MAIN_QUICK ul li{display: inline-block;float:left;vertical-align: top;line-height: 18px;text-align:center; width:107px;}
#MAIN_QUICK ul li a{ color:#505050;}
#MAIN_QUICK ul li a:hover { color:#06378e;}
#MAIN_QUICK ul li:first-child{margin-left: 0}
#MAIN_QUICK ul li:last-child{margin-right: 0}
#MAIN_QUICK ul li span { text-align:center !important; width:107px; letter-spacing:-1px;}
#MAIN_QUICK ul li img {margin-bottom:7px;}
#MAIN_TEL {width:100%; margin:10px 0 0px 0; padding:15px 0 0 0; background:#fafafa; border-top:1px solid #e5e5e5;}
#MAIN_TEL .div_group{width:1000px; height:65px; margin:0 auto;}
#MAIN_TEL .div_group p{width:450px;height:65px;  margin:0 auto;background:url(../img/img_tel02.png) no-repeat 90px -5px; padding: 0 0 0 0px;}
#MAIN_TEL .div_group p .span3{font-size:22px; text-align:left !important; letter-spacing:-1px; line-height:25px !important;}
#MAIN_TEL .div_group p .span4{font-size:30px; text-align:left !important; letter-spacing:-2px; padding:0 0 0 100px; line-height:1.8em; color:#06377b;}
#sub_container { MARGIN: 0px auto; WIDTH: 1000px; CLEAR: both; OVERFLOW: hidden; margin-bottom:100px;}
/*#sub_container DIV.snb { WIDTH: 200px; PADDING-RIGHT: 20px; FLOAT: left; border:1px solid #3b62b2; margin-top:35px; height:150px; text-align:center;}
#sub_container .sub_menu { WIDTH: 200px; text-align:center; }
#sub_container .sub_menu li { width: 200px; border-top:1px solid #e5e5e5; padding:15px 0; text-align:center; line-height:24px; height:30px; }
#sub_container .sub_menu li a {padding:10px 0; text-align:center; height:30px; }
#sub_container .sub_menu li a:hover {padding:25px;border:1px solid #000;border-top:1px solid #3b62b2;  border-bottom:1px solid #3b62b2;  }*/
#sub_container DIV.content {TEXT-ALIGN: left; WIDTH: 750px; FLOAT: left; OVERFLOW: hidden; padding:30px 20px 30px 20px; position:relative;  line-height:25px;}
#sub_container DIV.content .location{position:absolute;right:0;left:0;top:10px;width:760px;margin:0 auto;text-align:right;}
#sub_container DIV.content .location .home{width:16px;height:25px;background:url("../img/icon_home.png") no-repeat 0px 7px;font-size:0;line-height:0;text-indent:-9999em;}
#sub_container DIV.content .location a{position:relative;display:inline-block;vertical-align:top; font-size:14px}
#sub_container DIV.content .location a:before{margin:7px 7px 0 7px;display:inline-block;content:"";width:1px;height:13px;background:#e5e5e5;vertical-align:top;}
#sub_container DIV.content .location a.home:before{display:none;}
#sub_container DIV.content .h2_content {border-bottom:1px solid #e5e5e5; font-size:32px; color:#333; letter-spacing:-1px; padding-bottom:15px; margin:0 0 30px 0}
#sub_container DIV.content h3{letter-spacing:-1px; color:#2f58a9; font-weight:normal;}
span.span1 {background: #b7e1f0; text-align: center;display: inline-block; font-size: 16px; line-height: 30px; color: #3f65af; margin: 0px auto 10px; border-radius: 50px; padding:0 15px;}
span.span2 {background: #dddddd; text-align: center;display: inline-block; font-size: 16px; line-height: 30px; color: #505050; margin: 0px auto; border-radius: 50px; padding:0 20px;}
/* sub-history ---------------------------------------------------------------------------------------------------*/
.history_wrap {margin:0 0 0 30px;}
.history_wrap span {display: inline-block;}
.history_wrap ul li {position: relative;}
.history_wrap > ul > li {padding-bottom: 40px; border-bottom: 0px dashed #dddddd; margin-top: 50px;}
.history_years {position: absolute; top: 0; left: 0;}
.history_years p {line-height: 1.2;}
.history_years p:first-child {color: #555555; font-size: 16px;}
.history_years p:nth-child(2) {color: #333333; font-size: 34px;}
.history_years p:nth-child(3) {color: #e8620c; font-size: 34px;}
.history_wrap > ul > li > ul > li {margin-left: 250px;}
.history_wrap .h_year {position: absolute; top: 0; left: 0; padding-right: 38px;}
.history_wrap .h_year span {padding: 5px 25px; background-color: #2f58a9; color: #fff; border-radius: 40px; font-size: 20px;}
.history_wrap .h_cont {margin-left: 120px; border-left: 1px solid #ddd; padding-left: 20px;}
.history_wrap .h_cont strong {position: absolute; top: 0; left: 0;}
.history_wrap .h_cont ul li {margin: 5px 0; font-size: 16px; position: relative; padding-left: 60px;}
.history_wrap.ema_wrap .h_cont ul {padding-top: 1px;}
.history_wrap.ema_wrap .h_cont ul li {padding-left: 120px;}
.history_wrap .h_cont ul li:last-child {margin-bottom: 40px;}
#leftMenu {width:180px;  background:#fafafa; float:left;  position:relative; margin:30px 0 0 12px}
/* Left ¸Þ´º*/
#leftMenu p.title {font-size:25px; font-weight:600; color:#fff; background:url('../img/left_menu_bg.png') no-repeat; width:180px; height:103px; text-align:center; padding:35px 15px 15px 15px; box-sizing:border-box; }
#leftMenu .menuList ul li {font-size:16px; border-bottom:1px solid #ddd; width:180px;}
#leftMenu .menuList ul li span {float:right; padding-right:15px;}
#leftMenu .menuList ul li a {width:160px; height:38px; padding:22px 0 0 20px; letter-spacing:-1px; display:inline-block; color:#333; }
#leftMenu .menuList ul li a:hover {color:#06378e; font-weight:600; }
#leftMenu .menuList ul li.menu_bg a {background:#06378e; color:#fff; font-weight:600;}
#leftMenu p.tel {font-size:18px; font-weight:600; color:#333; background:#f5f5f5; width:180px; height:80px; text-align:center; padding:10px; box-sizing:border-box; line-height:27px; margin:20px 0 0 0; border:1px solid #d5d5d5;}
#leftMenu p.tel span {font-size:14px; font-weight:600; color:#555; background:url('../img/img_tel_sub.png') no-repeat;  width:200px; height:80px; text-align:center; padding:5px 5px 5px 30px; box-sizing:border-box; }
.mb30 {margin:0 0 30px 0;}
.text_right {text-align:right;}
.t_black {color:#000;}
.t_700 {font-weight:700}
.tab_menu{border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-top:15px; margin-bottom:50px;}
.tab_menu:after{content:"";display:block;clear:both}
.tab_menu>li{float:left;width:25%}
.tab_menu>li:last-child>a{border-right:1px solid #ddd;}
.tab_menu>li>a{font-size:16px;display:block;height:48px;line-height:48px;color:#5b5b5b;text-align:center;padding:0 15px;border-left:1px solid #ddd;transition:all 0.2s ease-out}
.tab_menu>li>a:after{content:"";display:block;clear:both}
.tab_menu>li>a.on{background:#222;color:#fff;}
.tab_menu>li>a.on>span{color:#424242;background:#fff}
.tab_menu>li>a:not(.on):hover{background:#e5e5e5;}
.product_p p{margin:0 0 30px 0;}
.product_p p.title {font-size:27px; font-weight:700; color:#252e8b; letter-spacing:-1px; margin-bottom:20px;}
.product_p p.title2 {font-size:19px; font-weight:700; color:#000; background:#ffe7a7; border:3px solid #fe9901; border-radius:5px; padding:7px; text-align:center;letter-spacing:-1px; margin-bottom:20px; width:100px;}
.fr{float:right; }
.clear {clear:both;}
.text12 {font-size:12px;}
.text14 {font-size:14px;}
.text_666 {color:#666;}
.text_red {color:#e60a0a;}
.text_blue {color:#1f94e6;}
.text_700 {font-weight:700}
.list li {background:url(../img/list_dot.gif) no-repeat 5px 10px; left; padding:0 0 0 15px;}
.li_in {width:100%; height:100%; overflow:hidden;}
.li_in li{width:30%; height:100%; text-align:center; float:left; border-bottom:1px solid #d5d5d5; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; padding:10px;}
.li_in li:first-child{border-left:1px solid #d5d5d5;}
.li_in li:last-child{border-right:1px solid #d5d5d5;}
.li_in img {margin-bottom:10px;}
.li_in45 {width:100%;}
.li_in45 li{width:47%; height:100%; text-align:center; float:left; border-top:1px solid #d5d5d5; padding:10px; border-left:1px solid #d5d5d5;}
.li_in45 img {margin-bottom:10px;}
.li_in45 .line_r {border-right:1px solid #d5d5d5;}
.li_in45 .line_b {border-bottom:1px solid #d5d5d5;}
.box_pink {padding:10px; border:1px solid #ccc; background:#fff6ff;}
.tbl_col table {width:100%;}
.tbl_wrap.tbl_row, 
.tbl_wrap.tbl_col {margin-top: 5px;}
.tbl_col table th,
.tbl_row table th {background-color: #f3f4f7; color: #000000; font-weight: 600; border: 1px solid #dddddd; font-size: 16px; text-align:center}
.tbl_col table td {background-color: #fff; font-size: 14px; color: #333333; border:1px solid #ddd; padding:7px 15px;}
.tbl_col table th {border-top: 1px solid #000000 !important; padding: 10px; font-size: 16px;}
.tbl_col.notice .notice_tr:hover td:nth-child(2) span,
.tbl_col table tr:focus td a span,
.tbl_col table tr:hover td a span,
.tbl_col table tr:focus td span.btn_down span,
.tbl_col table tr:hover td span.btn_down span {text-decoration: underline;}
.tbl_col td.tc {text-align:center;}
.tbl_col th.bg_blue {color:#3f78c6; background:#b7e1f0;}