@charset "utf-8"; 
@import url(./fonts/NotoSans/NotoSans.css);


html, body {}
body {font-size:14px; font-family:'Noto Sans KR', sans-serif; font-weight:300; background:#fff; word-break:keep-all; word-wrap:break-word;}
table,td,tr,th{font-family:'Noto Sans KR', sans-serif; font-weight:300;}
a {font-size:14px; color:#333; text-decoration:none; font-family:'Noto Sans KR', sans-serif; font-weight:300; word-break:keep-all; word-wrap:break-word;}
[lang="en"] {font-family:'Noto Sans KR', sans-serif;}
img{vertical-align:middle;}

.w_bg{background:#fff;}
.r_bg{background:#F00;}

table {border-collapse: separate; border-spacing: 0;}
caption,th,td {text-align: left; font-weight: normal;}
figure,article,header,footer,nav,hgroup,video,audio,aside,main {display: block;}

/* mobile */
/*input, textarea{ -webkit-appearance: none; -webkit-border-radius:0px; border-radius:0px;}*/
/*reset mobile default style*/
body,textarea:focus,input:focus,a:focus {-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
html{-ms-text-size-adjust: none;-webkit-text-size-adjust: none;text-size-adjust: none;}

@font-face {
    font-family:'NotoSansCJKkr-Black';
    src: url('/fonts/NotoSansCJKkr-Black.otf') format('opentype');

}
@font-face {
    font-family:'NotoSansCJKkr-Thin';
    src: url('/fonts/NotoSansCJKkr-Thin.otf') format('opentype');

}
@font-face {
    font-family:'NotoSansCJKkr-Medium';
    src: url('/fonts/NotoSansCJKkr-Medium.otf') format('opentype');

}
/* **************************************** *
 * WP CORE
 * **************************************** */
ul#wp-admin-bar-root-default {float: left;}
.screen-reader-text{ text-indent: -9999px; display: inline-block; overflow: hidden;}


.font_size1{font-size:50px; line-height:160%; color:#222; word-break:keep-all; word-wrap:break-word;}
.font_size2{font-size:40px; line-height:160%; color:#222; word-break:keep-all; word-wrap:break-word;}
.font_size3{font-size:30px; line-height:160%; color:#222; word-break:keep-all; word-wrap:break-word;}
.font_size4{font-size:25px; line-height:160%; color:#222; word-break:keep-all; word-wrap:break-word;}
.font_size5{font-size:22px; line-height:160%; color:#222; word-break:keep-all; word-wrap:break-word;}
.font_size6{font-size:20px; line-height:160%; color:#222; word-break:keep-all; word-wrap:break-word;}
.font_size7{font-size:18px; line-height:160%; color:#222; word-break:keep-all; word-wrap:break-word;}
.font_size8{font-size:16px; line-height:160%; color:#222; word-break:keep-all; word-wrap:break-word;}

.pd1{padding:1%;}
.pd2{padding:2%;}
.pd3{padding:3%;}
.pd4{padding:4%;}
.pd5{padding:5%;}
.pd6{padding:6%;}
.pd7{padding:7%;}
.pd8{padding:8%;}
.pd9{padding:9%;}
.pd10{padding:10%;}

.pc_gallery{display:block;}
.mo_gallery{display:none;}

.f_bold400{font-weight:300;}
.f_bold600{font-weight:700;}
.f_bold700{font-weight:700;}

/* INPUT */
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=url],
input[type=submit],
input[type=button],
textarea {-webkit-appearance:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; outline:none;}
input[type=radio] {border-radius:100%; }

/* LIST FLOAT CLEAR */
ol:after, ul:after {content:''; clear:both; display:table; }

/* WRAP */
.wrap { position:relative; max-width:1200px; margin:0 auto;}



/* **************************************** *
 * HEADER
 * **************************************** */
#header {z-index:10000; width:100%; min-width:1000px; height:90px; position:fixed; top:0; left:0; background:rgba(255,255,255,0); border-bottom:1px solid rgba(255,255,255,0.3); -webkit-transition:all 400ms; transition:all 400ms;}
.header_wrap { height:100%; margin:0 auto;}
.header_inner {width:100%; height:100%; position:relative; }

/* LOGO */
#logo {width:220px; height:40px; position:absolute; z-index:11; left:50%; top:25px; margin-left:-600px; -webkit-transition:top400ms; transition:top 400ms; }
#logo a {display:block; width:100%; height:100%; position:relative;}
#logo a svg, #logo a img {display:block; width:100%; height:100%; }
#logo .logo2{position:absolute; left:0; top:0; display:none;}

/* MENU */
.menu_container {display:block; position:absolute; top:0px; right:50%; width:1200px; margin-right:-630px; z-index:10; -webkit-transition:top 400ms; transition:top 400ms; }
#menu { margin:0 auto; display:table;}
#menu li {position:relative; }
#menu a {display:block; line-height:30px; -webkit-transition:all 0.3s; transition:all 0.3s;}
#menu ul.sub-menu {display:none; width:200px; position:absolute; z-index:1000;}

/* 1depth */
#menu > li {float:left; }
#menu > li > a {display:block; padding:30px 20px; font-size:16px; letter-spacing:0.01em; font-weight:500; color:#fff; text-align:center;}
#menu > li:hover > a, #menu > li.current_page_ancestor > a, #menu > li.current_page_item > a {color:#30bda5;}

/* 2depth */
#menu > li:hover > ul {display:block; }
#menu > li > ul {top:100%; left:50%; margin-left:-100px; background:rgba(0,0,0,0);}
#menu > li > ul > li {float:left; width:100%; background: rgba(0,0,0,0.5); margin-bottom:1px; }
#menu > li > ul > li:last-child {border-bottom:none; }
#menu > li > ul > li > a {padding:10px 19px; line-height:30px; font-size:14px; font-weight:400; color:#fff; text-align:center; }
#menu > li > ul > li:hover > a{background:#fff; color:#414042;}

/* lang */
.language {display:block; position:absolute; z-index:11; top:30px; right:50%; width:140px; overflow:hidden; margin-right:-600px; z-index:550; -webkit-transition:all 400ms; transition:all 400ms;}
.language > ul > li{ display:block; position:relative; height:30px; border:1px solid rgba(255,255,255,0.7); -webkit-transition:all 400ms; transition:all 400ms;}
.language > ul > li > a{ display:block; padding:0 20px 0 0; color:rgba(255,255,255,0.7); font-size:13px; font-weight:300; line-height:27px; letter-spacing:-0.01em; text-align:center; background:url('../images/arrow.png') no-repeat 100px 6px;}
.language > ul > li:hover{height:90px; background:rgba(0,0,0,1);}
.language > ul > li:hover > a{color:rgba(255,255,255,1);}
.language ul li ul{ display:none; position:absolute; left:0; top:30px; width:100%; overflow:hidden; }
.language ul li ul li{display:block;}
.language ul li ul li a{display:block; font-size:12px; padding:0; background:none; color:rgba(255,255,255,0.7); font-size:12px; font-weight:300; line-height:26px; text-align:center;}
.language ul li ul li:hover a{color:rgba(255,255,255,1);}
.language ul li ul li{ display:block;}
.language ul li:hover ul{display:block;}

/* minimize */
.minimize#header {height:60px; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .12); box-shadow:0 1px 3px rgba(0, 0, 0, .12); background:rgba(255,255,255,1); }
.minimize #logo {top:10px; }
.minimize #logo .logo2{display:block;}
.minimize .menu_container {top:0px; }
.minimize #menu > li:hover > a{color:#30bda5;}
.minimize #menu > li > a {color:#414042; padding:15px 20px;}
.minimize #menu > li > ul{ padding-top:1px;}
.minimize #menu > li > ul > li:hover > a{background:#fff; color:#414042;}
.minimize .language {top:15px;}
.minimize .language > ul > li{border:1px solid rgba(0,0,0,0.3);}
.minimize .language > ul > li > a{color:#414042; background:url('../images/arrow1.png') no-repeat 100px 6px;}
.minimize .language > ul > li:hover{color:#000; background:rgba(255,255,255,1);}
.minimize .language ul li ul li a{color:#414042;}
.minimize .language ul li ul li:hover a{color:#888;}




/* **************************************** *
 * VISUAL
 * **************************************** */
.main_visual {padding: 0;}
.main_visual {width: 100%;position: relative;background: #ffffff;overflow: hidden;}
.main_visual_slider {width: 100%;position: relative;}
.main_visual_item {display: none;width: 100%;height: 100%;position: relative;overflow: hidden;}
.main_visual_item:first-child {display: block;}
.main_visual_item > .wrap {height: 100%;}
.main_visual_content {display: table;width: 100%;height: 100%;opacity: 0; }
.main_visual_content_cell {display: table-cell;vertical-align: middle; text-align:center;}
.main_visual_content .text1 {margin:0 auto; display:table; font-size:40px; font-weight:300; line-height:120%; color:rgba(255, 255, 255, 0.8); text-align:center; letter-spacing:-0.05em; text-transform:uppercase;}
.main_visual_content .text2 {margin:0 auto; display:table; font-size:62px; font-weight:700; line-height:140%; color: #fff; text-align:center;}
.main_visual_content .text3 {margin:0 auto 30px; position:relative; display:table; font-size:15px; font-weight:500; line-height:150%; color: #fff; text-align:center;  }
.main_visual_content .text3 .line_l{ position:absolute; left:-125px; top:10px; width:110px; height:2px; background:#fff;}
.main_visual_content .text3 .line_r{ position:absolute; right:-125px; top:10px; width:110px; height:2px; background:#fff;}
.main_visual_content .text4 {margin:0 auto; display:table; font-size:26px; font-weight:300; line-height:150%; letter-spacing:-0.05em; color: #fff; text-align:center; }
.main_visual_content .text5 {margin:0 auto; display:table; font-size:26px; font-weight:300; line-height:150%; letter-spacing:-0.05em; color: #fff; text-align:center; }
.main_visual_content .jt_btn {margin-top: 24px;}
.main_visual_bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: no-repeat center center;background-size: cover;}
.main_visual_pc_bg {display: block;}
.main_visual_mobile_bg {display: none}

.main_visual_item_secondary .main_visual_content h2,
.main_visual_item_secondary .main_visual_content p {color: #fff;}

.main_visual .cycle_controler {width:100%;height:0px;}
.main_visual .cycle_control {position: absolute; left:0; bottom:50%; margin-bottom:20px; z-index:130; width:100%;}
.main_visual .cycle_control:after {display: none;}
.main_visual .cycle_btn { width:40px;height:40px;opacity: 0.5;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
.main_visual .cycle_prev {left: 10px;}
.main_visual .cycle_next {right: 10px;}
.main_visual .cycle_btn:hover {opacity: 1;}
.main_visual .cycle_btn:hover:after {color: #222;}

.cycle_controler {z-index: 130;}

.cycle_control {font-size: 0;line-height: 0;}
.cycle_btn {width:40px;height:40px;position: absolute;cursor: pointer;-webkit-transition: all 300ms;transition: all 300ms;}
.cycle_btn:after {display: block;width: 100%;height: 100%;position: absolute;-webkit-transition: color 300ms;transition: color 300ms;}
.cycle_prev{background:url('../images/prev.png') no-repeat;}
.cycle_next{background:url('../images/next.png') no-repeat;}
.cycle_btn:hover:after {color: #c0c79c;}

.cycle_caption {position:absolute; z-index:130; bottom:0; width: 100%;font-size: 0;text-align: center;}
.main_caption_text {display: inline-block;min-width: 10px;vertical-align: middle;font-size:0;font-weight:500;line-height: 40px;color: #222;}
.main_caption_text.slug {padding: 0 3px;}

.cycle_pager_wrap {width: auto;position: absolute; z-index:130; left: 50%;bottom:20px;overflow: hidden;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.cycle_pager {display: block;width: auto;position: relative;font-size:0;line-height:0;}
.cycle_pager span { float:left; margin:0 5px 0 0; display:block; width:13px; height:13px; padding:1px; border-radius:50%; background:rgba(255,255,255,0.3); -webkit-transition: all 250ms; transition: all 250ms; cursor:pointer;}
.cycle_pager span.cycle-pager-active {background:rgba(255,255,255,1);}

/* loading */
.main_visual:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #ffffff;z-index: 200;}
.main_visual_slider {opacity: 0;-webkit-transition: opacity 1s;transition: opacity 1s;}
.main_visual_load.main_visual:after {opacity: 0;visibility: hidden;}
.main_visual_load .main_visual_slider {opacity: 1;}


/*main_con*/
.main_section{display:block; width:100%; overflow:hidden; padding:110px 0;}
.main_a{background:#f3b391; color:#fff;}
.main_b{background:fff; color:#224d68;}
.main_c{background:#212f53; color:#fff;}
.main_d{background:#fff; color:#414042;padding: 0;}

.main .box_total{margin:0 auto; width:1200px; overflow:hidden;}
.main .box_title{ position:relative; width:100%; height:50px; overflow:hidden; margin:0 0 30px; text-align:center;}
.main .box_title span{font-family: 'NotoSansCJKkr-Black'; font-size:15px; font-weight:700; line-height:40px;}
.main .box_title .line{ display:none; position:absolute; left:50%; bottom:0; width:60px; height:2px; margin-left:-30px; background:#fff; }
.main .box_con{width:100%; overflow:hidden; margin-bottom:10px;}

.main .box_btn{width:100%; overflow:hidden; margin-bottom:10px;}
.main .box_btn a{ margin:0 auto; display:block; width:180px; height:50px; border:1px solid rgba(255,255,255,0.7); border-radius:25px; font-size:15px; font-weight:400; text-align:center; letter-spacing:-0.03em; line-height:48px; color:#fff; -webkit-transition:all 200ms; transition:all 200ms;}

.main_b .box_title .line{background:#224d68; }
.main_b .box_btn a{border:1px solid rgba(34,77,104,0.7); color:#224d68;}
.main_d .box_title .line{background:#414042; }
.main_a .thin{font-family: 'NotoSansCJKkr-Medium';}
.main_a .b_text{display:block; margin-bottom:30px; font-family: 'NotoSansCJKkr-Thin'; font-size:45px; line-height:140%; font-weight:100; text-align:center; letter-spacing:-0.05em;}
.main_a .s_text{display:block; font-size:18px; font-weight:300; line-height:160%; text-align:center; letter-spacing:-0.03em;}
.main_a .b_text strong{font-weight:500;}
.main_a .box_con{margin-bottom:80px;}
.main_a .box_btn a:hover{color:#fff;}
.main_a .box_title{height: 90px;}
.main_a .box_title span{font-size: 35px; font-weight: 500;}

.main_b .box_total{width:1600px;}
.main_quick_a{margin:0 auto; width:1600px; height:400x;}
.main_quick_a li{float:left;text-align: center;}
.main_quick_a li a{display:block; height:400px; background:url('../images/main_b.png') center center;}
.main_quick_a li.qmb01 a{width:520px; height:400px; background-position:0 top;}
.main_quick_a li.qmb02 a{width:520px; height:400px; margin-left:20px; background-position:-540px top;}
.main_quick_a li.qmb03 a{width:520px; height:400px; margin-left:20px; background-position:-1080px top;}

.main_quick_a li.qmb01 a:hover{width:520px; height:400px; background-position:0 bottom;}
.main_quick_a li.qmb02 a:hover{width:520px; height:400px; margin-left:20px; background-position:-540px bottom;}
.main_quick_a li.qmb03 a:hover{width:520px; height:400px; margin-left:20px; background-position:-1080px bottom;}

#stand_total{margin:0 auto; width:100%; height:525px; position:relative; background: #f6f6f6;}
.stand{margin:0 auto; width:1600px; overflow:hidden; padding:70px 0 0 0; position:relative;}
.stand_title{width:100%; height:100px; overflow:hidden; margin-bottom:30px;}
.stand_title .title{position:relative; z-index:10; width:100%; font-size:30px; line-height:30px; font-weight:600; text-align:center;}
.stand_title .title spen{position:relative; z-index:10; width:100%; font-size:30px; line-height:30px; font-weight:600; text-align:center; color:#1062aa;}
.stand_title .title_02{position:relative; z-index:10; width:100%;  font-size:16px; line-height:16px; font-weight:400; text-align:center; margin-top:15px;}
.stand_con{width:100%; overflow:hidden;}

.main_c .b_text{display:block; margin-bottom:60px; font-size:45px; line-height:140%; font-weight:100; text-align:center; letter-spacing:-0.05em;}
.main_c .box_con{margin-bottom:80px;}
.main_c .box_btn a:hover{background:#fff; color:#212f53;}

.main_d .box_total{width:1920px;}
.main_d .box_con{margin-bottom: 0;}
.main_d .box_con img{width: 100%;}
.main_d .box_list{ margin:0 auto; width:100%; overflow:hidden;}
.main_d .box_list ul li{float:left; width:400px; overflow:hidden; text-align:center;}
.main_d .box_list ul li .text1{ display:block; width:100%; overflow:hidden; margin-bottom:20px; font-size:24px; font-weight:500; line-height:160%;}
.main_d .box_list ul li .text2{ display:block; width:100%; overflow:hidden; font-size:20px; font-weight:300; line-height:160%;}

.stand02 {
    margin: 0 auto;
    width: 1920px;
    overflow: hidden;
    padding: 50px 0;
    position: relative;
    text-align: center;
    background: url('../images/main_e.jpg') center top;
}

.stand02_title {
    width: 100%;
    margin-bottom: 60px;
}

.stand02_title .title_01 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #000;
}

.stand02_title .title_02 {
    font-size: 15px;
    color: #000;
    line-height: 1.6;
}

/* 지도 영역 감싸는 스타일 */
.map_wrap {
    width: 100%;
    display: flex;
    justify-content: center;
}

.stand02 .root_daum_roughmap_landing {
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    border-radius: 5px;
    height: 400px;
}

/* **************************************** *
 * FOOTER
 * **************************************** */
#footer {width:100%; overflow:hidden; min-width:1280px; padding:50px 0; position:relative; background:#000; }
 .bottom_logo{width: 100%;text-align: center;margin-bottom: 20px;}
 .footer_inner { width:100%; height:100%; margin:0 auto; position:relative;}
 .footer_middle_br, .footer_small_br {display:none; }
 
 .footer_menu_wrap { width:100%; overflow:hidden; margin-bottom:40px;}
 .footer_menu_wrap ul{ margin:0 auto; display:table;}
 .footer_menu li {float:left;}
 .footer_menu li a {display:block; padding:0 10px; font-size:14px; font-weight:500; line-height:20px; letter-spacing:-0.02em; color:#fff; -webkit-transition:background 300ms; transition:background 300ms; }
 .footer_menu li:last-child a {margin-right:0; }
 .footer_menu li a:hover {color:#fff;}
 .footer_menu li.privacy a {color:#fff;}
 .footer_menu li.privacy a:hover {color:#fff; }
 
 .footer_info { max-width:1200px; margin:0 auto; padding:0 0; position:relative; text-align:center; overflow:hidden; color:#fff;}
 .footer_info p {font-size:0; line-height:1; }
 .footer_info p span, .footer_info p span a {font-size:14px; color:#fff; }
 .footer_info p span {display:inline-block; padding-right:12px; position:relative; vertical-align:middle; line-height:160%; letter-spacing:-0.02em; }
 .footer_info p span:last-child {padding-right:0; }
 .footer_info p span:last-child:after {display:none; }
 




/* **************************************** *
 * CONTAINER
 * **************************************** */
.wide_wrap {position:absolute; left:0; top:0; width:100%; min-width:1280px; padding:0 0px; margin:0 auto; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.main_container {min-height:-webkit-calc(100vh - 581px); padding-bottom:0; background:#fff;}
.main_container.sub{min-height:-webkit-calc(100vh - 581px); padding-bottom:8%; padding-left: 3%;padding-right: 3%;}
.sub1 .sub_text{background:#fff url('../images/sub_bg1.jpg') no-repeat center top;}
.sub2 .sub_text{background:#fff url('../images/sub_bg2.jpg') no-repeat center top;}
.sub3 .sub_text{background:#fff url('../images/sub_bg3.jpg') no-repeat center top;}
.sub4 .sub_text{background:#fff url('../images/sub_bg4.jpg') no-repeat center top;}
.sub5 .sub_text{background:#fff url('../images/sub_bg5.jpg') no-repeat center top;}
.sub6 .sub_text{background:#fff url('../images/sub_bg5.jpg') no-repeat center top;}
.priv .sub_text{background:#fff url('../images/sub_bg5.jpg') no-repeat center top;}

.sub_text{margin:0 auto; width:100%; padding:245px 0 0; height:600px; font-weight:200; text-align:center; font-size:40px; line-height:160%; color:#fff; letter-spacing:-0.05em;}
.sub_text strong{ display:block; margin-top:20px; font-size:50px; font-weight:700;}


.sub4 .sub_text{padding:310px 0 0;}

.sub5 .sub_text{font-size:40px;}
.sub5 .sub_text span{ display:block; font-size:16px; line-height:30px; letter-spacing:-0.02em;}
.sub5 .sub_text .careers_btn{ position:absolute; left:50%; top:380px; width:140px; height:50px; margin-left:-70px; border:1px solid rgba(255,255,255,0.7); border-radius:25px; color:#fff; font-size:18px; line-height:48px; font-weight:400;}
.sub5 .sub_text .careers_btn:hover{ background:#fff; color:#212f53;}

.jt_full_section {height:100vh; }

.con_total{ margin:0 auto; width:100%; height:auto; visibility:visible;}
.con_title{ position:relative; width:100%; height:50px; overflow:hidden; margin:80px 0 0; text-align:center;}
.con_title span{font-size:25px; font-weight:700; line-height:40px; color:#414042;}
.con_title .line{ display:none; position:absolute; left:50%; bottom:0; width:60px; height:2px; margin-left:-30px; background:#414042; }

.tab_menu{ position:relative; margin:0 auto; width:100%; max-width:1200px; margin-top:30px; text-align:center; border-bottom:1px solid #ddd;}
.tab_menu ul{ display: table; margin:0 auto;}
.tab_menu ul li{float:left; width:auto; position:relative;}
.tab_menu ul li a{position:relative; display:table; padding:0 80px; height:60px; margin-bottom:-1px; font-size:18px; color:#555; font-weight:500; text-align:center; border-bottom:1px solid #ddd; background:none; }
.tab_menu ul li a:hover{color:#111;}
.tab_menu ul li a span{display:table-cell; vertical-align:middle; word-break:keep-all; word-wrap:break-word;}
.tab_menu ul li.on a{ color:#111; border-bottom:1px solid #111; z-index:10;}

.tab_menu ul li .sub_menu{ display:none; position:absolute; top:110%; left:0; width:100%; overflow:hidden; font-family:'Noto Sans KR', sans-serif; font-weight:300; text-align:center; font-size:14px; line-height:24px; color:#555;}
.tab_menu ul li.on .sub_menu{ display:block;}

.con{ padding:100px 0 120px; width:100%; height:auto; visibility:visible; }
.con100{width:100%; overflow:hidden;}
.con1000{margin:0 auto; width:1000px; overflow:hidden;}


.sub1 .con{ margin:0 auto; width:1200px; padding:80px 0 120px;}
.sub2 .con{ margin:0 auto; width:1200px; padding:80px 0 120px;}
.sub3 .con{ margin:0 auto; width:1200px; padding:80px 0 120px;}
.sub4 .con{ margin:0 auto; width:1200px; padding:80px 0 120px;}
.sub5 .con{ margin:0 auto; width:1200px; padding:80px 0 120px;}
.sub6 .con{ margin:0 auto; width:1200px; padding:80px 0 120px;}

.con_img{}
.con_text{padding:3%; font-size:18px; line-height:180%; font-weight:300; color:#222; word-break:keep-all; word-wrap:break-word;}
.con_text1{padding:0 3%; font-size:18px; line-height:180%; font-weight:300; color:#222; word-break:keep-all; word-wrap:break-word;}
.ft_size1{font-size:36px; line-height:200%;}
.ft_size2{font-size:28px; line-height:200%;}
.ft_size3{font-size:22px; line-height:200%;}
.ft_size4{font-size:18px; line-height:200%;}
.ft_w600{font-weight:700;}

.con_list{width:100%; overflow:hidden; padding-left:18px; text-align:left;}
.con_list ul li{display:list-item; list-style-type:disc !important; line-height:180%; margin-bottom:10px;}
.con_list ul{list-style-type:disc !important;}

.con_list1{width:100%; padding-left:18px; text-align:left;}
.con_list1 ul li{display:list-item; list-style-type:disc !important; line-height:180%;}
.con_list1 ul{list-style-type:disc !important;}


.text_l{text-align:left;}
.text_r{text-align:right;}

.pc0{color:#0a3873;}/*로고색*/
.pc1{color:#212f53;}/*짙은파랑*/
.pc2{color:#30bda5;}/*청녹*/
.pc3{color:#414042;}/*짙은회색*/
.pc4{color:#224d68;}/*탁한파랑*/
.pc5{color:#bc9f57;}/*똥색*/

.sub{color:#414042;}


.sub .box_wrap{margin:0 auto; width:100%; height:auto; visibility:visible; position:relative;}
.sub .box_total{margin:0 auto; width:1200px; height:auto; visibility:visible; position:relative;}
.sub .box_title{ position:relative; width:100%; height:50px; overflow:hidden; margin:0 0 30px; text-align:center;}
.sub .box_title span{font-size:15px; font-weight:700; line-height:40px;}
.sub .box_title .line{ display:none; position:absolute; left:50%; bottom:0; width:60px; height:2px; margin-left:-30px; background:#fff; }
.sub .box_con{width:100%; overflow:hidden;}

.sub .box_btn{width:100%; overflow:hidden; margin-bottom:10px;}
.sub .box_btn a{ margin:0 auto; display:block; width:180px; height:50px; border:1px solid rgba(255,255,255,0.7); border-radius:25px; font-size:15px; font-weight:400; text-align:center; letter-spacing:-0.03em; line-height:48px; color:#fff; -webkit-transition:all 200ms; transition:all 200ms;}

.sub .box_title .line{background:#224d68; }
.sub .box_btn a{border:1px solid rgba(34,77,104,0.7); color:#224d68;}
.sub .box_title .line{background:#414042; }

.sub .b_text{display:block; margin-bottom:50px; font-size:40px; line-height:160%; font-weight:300; text-align:center; letter-spacing:-0.05em;}
.sub .s_text{display:block; font-size:15px; font-weight:300; line-height:160%; text-align:center; letter-spacing:-0.03em;}
.sub .b_text strong{font-weight:500;}
.sub .b_text202{display:block; margin-bottom:10px; font-size:40px; line-height:160%; font-weight:300; text-align:center; letter-spacing:-0.05em;}

.box_position{position:absolute; left:0; top:-50px; width:0; height:0;}
#box1 .box_position{top:-280px;}

/*ceo인사말*/
.con101 #box1{width:1000px; padding-bottom:100px;}
.con101 #box1 .box_con{position:relative;}
.con101 #box1 .ceo{ height:420px; padding-bottom:0px; background:url('../images/ceo.jpg') no-repeat 600px bottom;}
.con101 #box1 .ceo .b_text{margin-bottom:80px;}
.con101 #box1 .ceo .b_text1{display:block; margin-bottom:50px; font-size:36px; line-height:130%; font-weight:300; letter-spacing:-0.05em;}
.con101 #box1 .ceo .b_text1 strong{font-weight:500;}
.con101 #box1 .ceo .b_text2{display:block; margin-bottom:55px; font-size:15px; line-height:140%; font-weight:300; letter-spacing:-0.05em;}
.con101 #box1 .ceo .b_text3{display:block; margin-bottom:30px; font-size:24px; line-height:140%; font-weight:300; letter-spacing:-0.05em;}
.con101 #box1 .ceo .b_text3 span{font-size:18px;}
.con101 #box1 .ceo .sign{}

.con101 #box1 .career{border:1px solid #ccc;}
.con101 #box1 .career .con_l50{padding:30px; float:left; width:50%;}
.con101 #box1 .career .con_r50{padding:30px; float:right; width:50%;}
.con101 #box1 .career ul li{width:100%; overflow:hidden; margin-bottom:20px;}
.con101 #box1 .career ul li:last-child{margin-bottom:0;}
.con101 #box1 .career .b_text{margin-bottom:0px; font-size:18px; color:#0a3873;font-weight:400; text-align:left;}
.con101 #box1 .career .s_text{color:#414042; line-height:160%; text-align:left;}

.con101 #box1 .greeting{ margin-top:30px; font-size:15px; font-weight:300; line-height:180%; letter-spacing:-0.03em;}

.con101 .img1{margin:0 auto;  width:100%; height:600px; background:url('../images/con101_img1.jpg') no-repeat center center;}
.con101 .img2{margin:0 auto;  width:100%; height:600px; background:url('../images/con101_img2.jpg') no-repeat center center;}
.con101 .img3{margin:0 auto;  width:100%; height:600px; background:url('../images/con101_img3.jpg') no-repeat center center;}

/*연혁*/
.con101 #box2 {width:800px; padding:110px 0 120px;}
/*
.con101 #box2 .box_con{position:relative;}
.con101 #box2 .history .line{ position:absolute; left:50%; top:11px; width:1px; height:100%; border-left:1px solid #97ded2;}
.con101 #box2 .history > ul{ position:relative; z-index:10;}
.con101 #box2 .history > ul > li{width:610px; margin-bottom:30px; clear:both;}
.con101 #box2 .history > ul > li:last-child{margin-bottom:30px;}
.con101 #box2 .history > ul > li.h_left{float:left; text-align:right; margin-left:1px;}
.con101 #box2 .history > ul > li.h_right{float:right; text-align:left;}
.con101 #box2 .history .h_title{width:100%; overflow:hidden; margin-bottom:10px; font-size:30px; line-height:40px; font-weight:700; color:#0a3873;}
.con101 #box2 .history .h_con{width:100%; overflow:hidden; font-size:15px; line-height:20px; letter-spacing:-0.03em;}
.con101 #box2 .history .h_con ul li{width:100%; overflow:hidden; margin-bottom:5px;}
.con101 #box2 .history .h_con ul li:last-child{margin-bottom:0px;}
.con101 #box2 .history .h_left .h_title{padding-right:40px; background:url('../images/history_point1.png') no-repeat right 11px;}
.con101 #box2 .history .h_right .h_title{padding-left:40px; background:url('../images/history_point1.png') no-repeat left 11px;}
.con101 #box2 .history .h_left li{ float:right; padding-right:34px; margin-right:6px; background:url('../images/history_point2.png') no-repeat right 7px;}
.con101 #box2 .history .h_right li{ float:left; padding-left:34px; margin-left:6px; background:url('../images/history_point2.png') no-repeat left 7px;}
*/
.con101 #box2 .box_con{position:relative;}
.con101 #box2 .history .line{ position:absolute; left:106px; top:16px; width:1px; height:100%; border-left:1px solid #97ded2;}
.con101 #box2 .history > ul{ position:relative; z-index:10;}
.con101 #box2 .history > ul > li{ position:relative; float:left; width:100%; margin-bottom:20px; clear:both;}
.con101 #box2 .history .h_title{ float:left; width:12%; overflow:hidden; margin-bottom:10px; font-size:24px; line-height:35px; font-weight:700; color:#0a3873;}
.con101 #box2 .history .h_title2{ position:absolute; left:0; top:30px; display:table; padding-left:12px; font-size:18px; line-height:35px; font-weight:700; color:#0a3873;}
.con101 #box2 .history .h_title2 .line2{ position:absolute; left:0; top:18px; width:8px; height:1px; background:#0a3873;}
.con101 #box2 .history .h_con{ float:left; width:85%; overflow:hidden; font-size:15px; line-height:20px; letter-spacing:-0.03em;}
.con101 #box2 .history .h_con ul{ display:block; padding-top:5px; padding-bottom:20px;}
.con101 #box2 .history .h_con ul li{width:100%; overflow:hidden; margin-bottom:5px; float:left; padding-left:34px; margin-left:6px; background:url('../images/history_point2.png') no-repeat left 6px;}
.con101 #box2 .history .h_con ul li:last-child{margin-bottom:0px;}
.con101 #box2 .history > ul > li:last-child .h_con ul{padding-bottom:0px;}

/*조직도*/
.con101 #box3{/*background:#ecf0f5;*/ padding:110px 0 120px;}
.con101 #box3 .box_title{ color:#0a3873;}
.con101 #box3 .box_title .line{background:#0a3873; }
.con101 #box3 .box_con{margin:0 auto; width:1000px; position:relative;}

/*특허*/
.con101 #box4{padding:110px 0 120px;}
.con101 #box4 .box_con{margin:0 auto; width:1000px; position:relative;}
.con101 #box4 .patent{}
.con101 #box4 .b_text{font-size:32px;}
.con101 #box4 .b_text strong{font-size:36px; font-weight:500;}

.con101 #box4 .patent_table{ border-top:1px solid #0a3873; border-bottom:1px solid #0a3873; background:#eee; border-collapse:separate; border-spacing:1px;}
.con101 #box4 .patent_table th{ width:200px; background:#f7f7f7; text-align:center; font-size:26px; font-weight:400; color:#0a3873;}
.con101 #box4 .patent_table td{ background:#fff; padding:5px 50px; line-height:20px;}
.con101 #box4 .patent_table .table_box2 th{border-top:1px solid #0a3873;}
.con101 #box4 .patent_table .table_box2 td{border-top:1px solid #0a3873;}

/*네트워크*/
.con101 #box5{background:#ecf0f5; padding:110px 0 120px;}
.con101 #box5 .box_title{ color:#0a3873;}
.con101 #box5 .box_title .line{background:#0a3873; }
.con101 #box5 .box_con{margin:0 auto; width:1000px; position:relative;}
.con101 #box5 .box_con .b_text{color:#0a3873;}
.con101 #box5 .box_con ul li{float:left; width:480px; height:480px; overflow:hidden; border-radius:30px; margin-right:40px; background:#0a3873;}
.con101 #box5 .box_con ul li:last-child{margin-right:0;}
.con101 #box5 .box_con .n_title{ width:100%; height:100px; border-bottom:1px solid rgba(255,255,255,0.1); background:rgba(0,0,0,0.2); font-size:36px; text-align:center; color:#fff; line-height:99px;}
.con101 #box5 .box_con .n_con{ width:100%; overflow:hidden; padding:30px 0; font-size:16px; text-align:center; color:#fff; line-height:35px;}

/*오시는길*/
.con101 #box6{padding:110px 0 0px;}
.con101 #box6 .box_con{margin:0 auto; width:1000px; position:relative; }
.con101 #box6 .location{}
.con101 #box6 .location .b_text{ margin-bottom:35px; font-size:15px; color:rgba(255,255,255,0.3); text-align:left; font-weight:700;}
.con101 #box6 .location .b_text1{ display:block; margin-bottom:7px; width:100%; font-size:20px;}
.con101 #box6 .location .b_text2{ margin-bottom:40px; display:block; width:100%; font-size:22px; font-weight:300;}
.con101 #box6 .location .b_text2 span{font-size:18px;}
.con101 #box6 .location .b_text3{ display:block; width:100%; font-size:16px;}
.con101 #box6 .location .b_text strong{font-size:36px; font-weight:500;}
.con101 #box6 .l_map{float:left; width:700px; height:400px; overflow:hidden; background:#ddd;}
.con101 #box6 .l_con{float:left; width:300px; height:400px; padding:40px; background:#414042; color:#fff; font-weight:400;}
.con101 #box6 .l_nav{float:left; width:100%; overflow:hidden;}
.con101 #box6 .l_nav ul li{float:left; width:500px; border:1px solid #ccc; border-right:0;}
.con101 #box6 .l_nav ul li:last-child{border-right:1px solid #ccc;}
.con101 #box6 .l_nav ul li a{display:block; width:100%; height:200px; padding:0 0; background:#e5e5e5; }
.con101 #box6 .l_nav ul li:hover a{color:#0a3873;}
.con101 #box6 .l_nav ul li.add1 a{ background:#fff; color:#0a3873;}

.con101 #box6 .l_nav ul li .list_img{ float:left; width:150px; height:150px; overflow:hidden; border-radius:50%; margin-left:40px; margin-top:24px; margin-right:20px; background:#000;}
.con101 #box6 .l_nav ul li .list_img img{ opacity:0.8;}
.con101 #box6 .l_nav ul li .list_title{ float:left; width:280px; overflow:hidden; margin-top:5px; margin-bottom:10px; font-size:24px; font-weight:700; line-height:40px; text-align:left;}
.con101 #box6 .l_nav ul li .list_con{ float:left; width:280px; overflow:hidden; font-size:15px; font-weight:400; line-height:160%; text-align:left;}



.con201 #box1 .box_con{ margin:0 auto; width:800px; padding:100px 0 120px;}
.con201 #box1 .box_con .b_text{}
.con201 #box1 .box_con .b_text strong{font-weight:500;}

.con201 #box2{background:#212f53; padding:110px 0 120px;}
.con201 #box2 .box_con{margin:0 auto; width:800px; position:relative;}
.con201 #box2 .box_con .b_text{color:#fff;}
.con201 #box2 .list_nav{ width:100%; overflow:hidden;}
.con201 #box2 .list_nav > ul > li{ float:left; width:320px; overflow:hidden; padding:10px; margin-right:160px;} 
.con201 #box2 .list_nav > ul > li:last-child{margin-right:0;} 
.con201 #box2 .list_nav > ul > li .cc1{position:relative; width:300px; height:300px; border-radius:150px; background:#fff; text-align:center;} 
.con201 #box2 .list_nav > ul > li .cc1 a .b_text{ padding:55px 0 15px; margin:0; font-size:44px; font-weight:400; color:#212f53;} 
.con201 #box2 .list_nav > ul > li .cc1 a .s_text{ font-size:26px; font-weight:400; line-height:150%; color:#212f53;} 
.con201 #box2 .list_nav > ul > li .cc1:hover{background:#30bda5;} 
.con201 #box2 .list_nav > ul > li .cc1:hover a .b_text{color:#fff;} 
.con201 #box2 .list_nav > ul > li .cc1:hover a .s_text{color:#fff;} 

.con201 #box2 .list_nav > ul > li .cc2{position:relative; display:table; width:300px; height:300px; margin-top:-45px; border-radius:150px; border:2px solid #6278af; color:#fff; text-align:center;} 
.con201 #box2 .list_nav > ul > li .cc2 span{ display:table-cell; vertical-align:middle; font-size:26px; color:#fff;} 
.con201 #box2 .list_nav > ul > li .cc2 span ul li{ margin-bottom:-5px;} 
.con201 #box2 .list_nav > ul > li .cc2 span ul li:last-child{margin-bottom:0px;} 

.con202 #box1 .box_con{ margin:0 auto; width:1200px;}

.con202 #box2{background:#f6f6f6;}
.con202 #box2 .box_con{ margin:0 auto; width:1200px; }

.con202 #box3{height:890px; background:#212f53 url('../images/con202_box3bg.jpg') no-repeat center center;}
.con202 #box3 .box_con{ margin:0 auto; width:1200px; padding:0;}

.con202 .img1{margin:0 auto;  width:100%; height:600px; background:url('../images/con202_img1.jpg') no-repeat center center;}
.con202 .img2{margin:0 auto;  width:100%; height:600px; background:url('../images/con202_img2.jpg') no-repeat center center;}

.con203 #box1 .box_con{ margin:0 auto; width:1200px;}


.con301 #box1 .box_con{ margin:0 auto; width:1000px; padding-bottom:20px;}
.con301 #box1 .box_con .b_text{}
.con301 #box1 .box_con .b_text strong{font-weight:500;}
.con301 #box1 .greeting{ margin-top:30px; font-size:15px; font-weight:300; line-height:180%; letter-spacing:-0.03em; text-align: center;}

.con301 #box2 .box_con{ margin:0 auto; width:1000px; padding:0px 0 50px;}
.con301 #box2 .box_con .b_text{ margin-bottom:25px; font-size:36px; font-weight:300;}
.con301 #box2 .box_con .b_text strong{font-weight:300;}
.con301 #box2 .greeting{ margin-top:30px; font-size:25px; font-weight:300; line-height:180%; letter-spacing:-0.03em; text-align: center;}

.con301 #box3 .box_con{ margin:0 auto; width:1000px; padding-bottom:20px;}
.con301 #box3 .box_con .b_text{}
.con301 #box3 .box_con .b_text strong{font-weight:500;}
.con301 #box3 .greeting{ margin-top:30px; font-size:15px; font-weight:300; line-height:180%; letter-spacing:-0.03em; text-align: center;}


.con301 .img1{margin:0 auto;  width:100%; height:600px; background:url('../images/con301_img1.jpg') no-repeat center center;}

.con501 #box1 .box_con{ margin:0 auto; width:1200px; padding-bottom:120px;}
.con501 #box1 .box_con .b_text{}
.con501 #box1 .box_con .b_text strong{font-weight:500;}

.con501 #box2 .box_con{ margin:0 auto; width:1200px; padding:120px 0 0; border-top:1px solid #ddd;}
.con501 #box2 .box_con .b_text1{ display:block; margin-bottom:30px; width:100%; overflow:hidden; font-size:40px; font-weight:600; text-align:center; line-height:120%;}
.con501 #box2 .box_con .b_text{line-height:140%; font-size:26px;}
.con501 #box2 .careers .btn{ margin:80px auto 0; display:block; width:220px; height:60px; border-radius:30px; background:#0a3873; color:#fff; font-size:20px; line-height:60px; font-weight:400;}
.con501 #box2 .careers .btn:hover{ background:#30bda5;}

.con501 .img1{margin:0 auto;  width:100%; height:600px; background:url('../images/con501_img1.jpg') no-repeat center center;}

/* **************************************** *
 * 404
 * **************************************** */
.error404 .go_top {display: none;}



.popup_btn{display:block; width:100%; height:50px; border-radius:25px; font-size:14px; font-weight:400; text-align:center; line-height:50px; color:#fff; background:#033774;}
.popup_btn:hover{background:#227180;}