@charset "utf-8"; 

/*본고딕 웹폰트용 선명함*/
@import url(./fonts/NotoSans/NotoSansKR.css);
@import url(./fonts/Gotham/Gotham.css);

/* NanumGothic */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* Nanum Gothic */
@import url(./fonts/NanumGothic/NanumGothic.css);

/* **************************************** *
 * RESET FILES
 * **************************************** */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
}

body{font-size:14px; font-weight:500;font-family:"Nanum Gothic";}
ol,ul {list-style: none;}
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;}

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


html, body {height:100%;}
body {font-family:"Nanum Gothic"; min-width:1280px; font-weight:400; word-break:keep-all;word-wrap:break-word;}
a {color:#c0c79c; text-decoration:none; }
[lang="en"] {font-family:"Nanum Gothic";}
img{vertical-align:middle;}

.w_bg{background:#fff;}
.r_bg{background:#F00;}
.c_point{color:#156eaf; font-weight:600;}

.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_bold500{font-weight:500;}
.f_bold600{font-weight:700;}
.f_bold700{font-weight:700;}


  


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

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



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


/* LOGO */
#logo {width:240px; height:55px; position:absolute; left:0px; top:23px; -webkit-transition:top400ms; transition:top 400ms; }
#logo a.logo {float:left; display:block; width:240px; height:55px;}
#logo a.logo svg, #logo a.logo img {display:block; width:100%; height:100%; }


/* MENU */
.menu_container {display:block; position:absolute; top:15px; left:50%; margin-left:-300px; z-index:1000; -webkit-transition:top 400ms; transition:top 400ms;}
#menu {display:table; margin:0 auto;}
#menu li {position:relative; }
#menu a {display:block; -webkit-transition:all 0.3s; transition:all 0.3s; }
#menu ul.sub-menu {display:none; width:220px; position:absolute; z-index:1000;}

/* 1depth */
#menu > li {float:left; }
#menu > li > a {width:auto; padding:25px 35px; font-size:17px; letter-spacing:0.01em; font-weight:600; color:#444; text-align:center; }
#menu > li > a span{display:block; line-height:35px;}
#menu > li:hover > a, #menu > li.current_page_ancestor > a, #menu > li.current_page_item > a {color:#156eaf; }

/* 2depth */
#menu > li:hover > ul {display:block; }
#menu > li > ul {top:100%; left:50%; margin-left:-110px; background:rgba(0,0,0,0);}
#menu > li > ul > li {float:left; width:100%; background: rgba(0,0,0,0.8); margin-top:1px; }
#menu > li > ul > li:last-child {border-bottom:none; }
#menu > li > ul > li > a {padding:5px 10px; line-height:34px; font-size:14px; font-weight:600; color:#fff; text-align:center; }
#menu > li > ul > li.menu-item-has-children > a {padding-right:20px; }
#menu > li > ul > li.menu-item-has-children:before {margin-top:-5px; position:absolute; top:50%; right:8%; font-family:"Nanum Gothic";  font-size:13px; color:#888; -webkit-transition:color 300ms; transition:color 300ms; font-weight:600; }
#menu > li > ul > li.menu-item-has-children:hover:before,
#menu > li > ul > li.menu-item-has-children.current-menu-item:before {color:#fff; }
#menu > li > ul > li.current-menu-item {background:#c0c79c; }
#menu > li > ul > li:hover > a, #menu > li > ul > li.current-menu-item > a {background:#091564;}

/* 3depth */
#menu > li > ul > li:hover > ul {display:block; }
#menu > li > ul > li > ul {left:100%; top:0; }
#menu > li > ul > li > ul > li {background:#333; border-bottom:1px solid #444; }
#menu > li > ul > li > ul > li:last-child {border-bottom:none; }
#menu > li > ul > li > ul > li > a {padding:14px 19px; font-size:13px; font-weight:500; color:#ccc; }
#menu > li > ul > li > ul > li:hover > a {color:#fff; }

/* lang */
.lang_container {display:table; position:absolute; top:40px; right:0px; overflow:hidden; z-index:550; -webkit-transition:top 400ms; transition:top 400ms; opacity:1; visibility: visible; background:none; vertical-align:middle;}
.lang_container li{ float:left;}
.lang_container li a{display:block; padding:0 5px; color:#555; font-weight:300; font-size:12px; line-height:20px; font-weight:600;}
.lang_container li a:hover{ color:#156eaf;}


/* mobile */
#small_menu_btn, #small_menu_close, #small_menu_overlay {display:none; }

/* minimize */
.minimize#header {height:70px; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .12); box-shadow:0 1px 3px rgba(0, 0, 0, .12); }
.minimize #logo {top:8px;}
.minimize .menu_container {top:0px; }
.minimize .lang_container {top:25px; }
.minimize #menu > li > a {padding:15px 38px;}

/* mobile */



/* **************************************** *
 * GLOBAL
 * **************************************** */
.home .main_container {padding-bottom: 0;background: transparent;}

.main_section { margin:0 auto; padding:0; position:relative; width:100%; overflow:hidden;}

#main_con_total{margin:50px auto; width:1200px; overflow:hidden;}
#main_a{float:left; position:relative; width:340px; height:160px; padding:0 49px 0 0; border-right:1px solid #ddd; margin:0 0 0 0;}
#main_b{float:left; position:relative; width:320px; height:160px; padding:0 49px 0 0; border-right:1px solid #ddd; margin:0 0 0 50px;}
#main_c{float:left; position:relative; width:340px; height:160px; margin:0 0 0 50px;}
#main_c .main_con{}
.main_title{width:100%; height:25px; text-align:left; font-family:"Nanum Gothic"; font-weight:600; font-size:20px; line-height:25px; color:#111; letter-spacing:-0.5px;}
.main_txt{width:100%; height:20px; margin:0 0 15px 0; text-align:left; font-family:"Nanum Gothic"; font-weight:500; font-size:13px; line-height:20px; color:#888; letter-spacing:-0.5px;}
.main_con{width:100%; height:100px;}
.main_con a{font-family:"Nanum Gothic"; font-size:13px; line-height:25px;}
.more_btn{ position:absolute; z-index:100; right:50px; top:3px; width:17px; height:17px;}
.cus_total{display:block; overflow:hidden;}
.cus_total .cus_title{float:left; display:block; width:16%; font-family:"Nanum Gothic"; font-weight:700; font-size:12px; line-height:25px; color:#555; letter-spacing:-0.05em;}
.cus_total .cus_con{float:left; display:block; width:84%; font-family:"Nanum Gothic"; font-weight:300; font-size:13px; line-height:25px; color:#222;}
.cus_total .cus_con.cus_text1{font-weight:700; font-size:20px; color:#156eaf; letter-spacing:0.05em;}
.cus_total .cus_con.cus_text2{font-weight:700; font-size:20px; color:#222; letter-spacing:0.05em;}
.cus_total .cus_con.cus_text3{font-weight:300; font-size:13px; color:#222;}


/* **************************************** *
 * 두번째 퀵메뉴
 * **************************************** */
.main_qmenu{margin:0 auto; width:100%; height:100px;}
.main_qmenu li{float:left; margin-right:10px;}
.main_qmenu li a{display:block; width:100px; height:100px; background:url('../images/qmenu.png') repeat-x; text-indent:-5000px;}
.main_qmenu li#qmenu01 a{background-position:0 top;}
.main_qmenu li#qmenu02 a{background-position:-110px top;}
.main_qmenu li#qmenu03 a{background-position:-220px top;}

.main_qmenu li#qmenu01 a:hover{background-position:0 bottom;}
.main_qmenu li#qmenu02 a:hover{background-position:-110px bottom;}
.main_qmenu li#qmenu03 a:hover{background-position:-220px bottom;}
.main_qmenu li#qmenu03{margin-right:0;}

#main_d{ margin:50px auto 60px; width:1200px; height:auto; }
#main_d .main_title{ margin:0 auto 30px; width:100%; height:70px; text-align:center; font-family:"Nanum Gothic"; font-weight:500; font-size:40px; line-height:60px; color:#111;}
#main_d .main_con{width:100%; height:235px;}
/* **************************************** *
 * VISUAL
 * **************************************** */
.main_section.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 h2 {margin-left: -4px;font-size:42px; font-weight:500; line-height:60px; color: #222; text-shadow:3px 3px 3px rgba(0, 0, 0, .5);}
.main_visual_content h2 span{ color:#fff; font-weight:700;}
.main_visual_content h2 strong {font-weight:700;}
.main_visual_content p {font-size:22px;line-height:1.4;color: #444; text-shadow:3px 3px 3px rgba(0, 0, 0, .5);}
.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;-webkit-transform: scale(1.05) rotate(0.01deg);-ms-transform: scale(1.05) rotate(0.01deg);transform: scale(1.05) rotate(0.01deg);-webkit-transition: -webkit-transform 4s ease-in;transition: -webkit-transform 4s ease-in;transition: transform 4s ease-in;transition: transform 4s ease-in, -webkit-transform 4s ease-in;}
.main_visual_pc_bg {display: block;}
.main_visual_mobile_bg {display: none}
.main_visual_item.cycle-slide-active .main_visual_bg {-webkit-transform: scale(1) rotate(0deg);-ms-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);}

.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; text-indent:-5000px; padding:1px; border-radius:50%; background:rgba(255,255,255,0.5); -webkit-transition: all 250ms; transition: all 250ms; cursor:pointer;}
.cycle_pager span.cycle-pager-active {background:rgba(21,110,175,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;}


/* **************************************** *
 * FOOTER
 * **************************************** */
#footer {position:relative; width:100%; overflow:hidden; min-width:1280px; background:#111; border-top:1px solid #aaa;}

.footer_menu{ margin:0 auto; width:100%; overflow:hidden; background:#fff; }
.footer_menu ul{ display:block; margin:0 auto; width:1200px; overflow:hidden;}
.footer_menu li {float:left; margin-right:20px;}
.footer_menu li a {display:block; padding:15px 0; height:20px; font-size:13px; font-weight:600; color:#333; line-height:20px; -webkit-transition:background 300ms; transition:background 300ms; font-family:"Nanum Gothic"; }
.footer_menu li a:hover {color:#156eaf;}

.footer_inner {margin:0 auto; width:1200px; height:120px; position:relative;}
.footer_inner .footer_logo{float:left; width:200px; height:60px; padding:30px 0; margin-right:80px; }
.footer_inner .footer_info {float:left; position:relative; width:920px; overflow:hidden; padding:30px 0;}
.footer_inner .footer_info p span { display:block; font-size:12px; color:#aaa; font-weight:500; line-height:20px !important; letter-spacing:-0.3px;  font-family:"Nanum Gothic";}



/* **************************************** *
 * SCROLL TOP
 * **************************************** */
.go_top {display: block;width: 60px;height: 65px;position: absolute;top: -80px;right: 15px;cursor: pointer;background: #888;-webkit-transition: opacity 0.3s, background 0.3s;transition: opacity 0.3s, background 0.3s;z-index: 999;}
.go_top span {width: 100%;height: 100%;display: block;padding-top: 32px;position: relative;font-size: 12px;font-weight:500;text-align: center;letter-spacing: 0.2em;text-indent: 0.2em;color: #fff;}
.go_top span:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '▲';font-size: 14px;line-height: 40px;font-weight: normal;text-align: center;color: #fff;-webkit-transition: color 300ms;transition: color 300ms;}
.go_top:hover {background: #333;}

.go_top.js_go_top_fix {position: fixed;top: inherit;bottom: 15px; right:15px;}
.go_top.js_go_top_hide {opacity: 0;z-index: -1;}


/* **************************************** *
 * 퀵메뉴 영역
 * **************************************** */
 
#main_quick_total{margin:0 auto; width:100%; height:405px; background-color:#efeff6;}
#main_quick_wrap{margin:0 auto; width:1200px; height:405px; padding:50px 0px 50px 0px;}
#main_quick{float:left; width:1200px;}
#main_quick_title{margin:0 auto; width:500px; height:75px; text-align:center;}
#main_quick_a_wrap{float:left; position:relative; width:1200px; height:190px; margin-top:40px;}
.main_quick_a{margin:0 auto; width:1200px; height:190px;}
.main_quick_a li{float:left;}
.main_quick_a li a{display:block; height:190px; background:url('../images/main_quick.png') center center;}
.main_quick_a li.qmb01 a{width:155px; height:190px; margin-right:54px; background-position:0 top;}
.main_quick_a li.qmb02 a{width:155px; height:190px; margin-right:54px; background-position:-209px top;}
.main_quick_a li.qmb03 a{width:155px; height:190px; margin-right:54px; background-position:-418px top;}
.main_quick_a li.qmb04 a{width:155px; height:190px; margin-right:54px; background-position:-627px top;}
.main_quick_a li.qmb05 a{width:155px; height:190px; margin-right:54px; background-position:-836px top;}
.main_quick_a li.qmb06 a{width:155px; height:190px; background-position:-1045px top;}

.main_quick_a li.qmb01 a:hover{width:155px; height:190px; margin-right:54px; background-position:0 bottom;}
.main_quick_a li.qmb02 a:hover{width:155px; height:190px; margin-right:54px; background-position:-209px bottom;}
.main_quick_a li.qmb03 a:hover{width:155px; height:190px; margin-right:54px; background-position:-418px bottom;}
.main_quick_a li.qmb04 a:hover{width:155px; height:190px; margin-right:54px; background-position:-627px bottom;}
.main_quick_a li.qmb05 a:hover{width:155px; height:190px; margin-right:54px; background-position:-836px bottom;}
.main_quick_a li.qmb06 a:hover{width:155px; height:190px; background-position:-1045px bottom;}  
 
 
/* **************************************** *
 * 페이지 탭부분스타일
 * **************************************** */
.main_gallery_content { position:relative; margin:0 auto; width:920px; overflow:hidden; margin-top:30px; margin-bottom:30px;}

#main_tab_nav{margin:0 auto; width:930px; overflow:hidden; margin-bottom:30px;}
#main_tab_nav ul{ display:table; margin:0 auto;} 
#main_tab_nav ul li{float:left; margin-right:7px; font-family:"Nanum Gothic"; font-weight:400; margin-bottom:7px;}
#main_tab_nav ul li a{display:block; width:222px; height:45px; color:#222; line-height:45px; font-size:13px; font-weight:600; text-align:center; border:1px solid #ddd;  font-family:"Nanum Gothic"; color:#333;}
#main_tab_nav ul li a:hover{color:#084d57;  font-weight:600; border:1px solid #ddd;}
#main_tab_nav ul #nav1{color:#fff; background-color:#f49d19; font-family:"Nanum Gothic"; font-size:13px; border:1px solid #ddd;}

.tab_con{ width:100%; overflow:hidden;}
.tab_con#con1{z-index:100;}

 
 
 
 

/* **************************************** *
 * CONTAINER
 * **************************************** */
.global_container {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:105px 0 0 0; background:#fff;}

.jt_full_section {height:100vh; }

#middle_total{margin:0 auto; position:relative; width:1200px; overflow:hidden;}

#sub_img{ margin:0 auto; width:100%; height:320px; background:url('../images/sub.jpg') no-repeat;}
#sub_txt{ margin:0 auto; width:1200px; height:320px;}
#left_total{float:left; width:220px; overflow:hidden; margin:0 0 0 0; font-family:"Nanum Gothic";}
#left_title{float:left; width:100%; height:125px; margin-bottom:5px; background:url('../images/left_titlebg.jpg') no-repeat;}
.left_txt1{width:100%; height:30px; margin:30px 0 0 0 ; text-align:center; font-family:"Nanum Gothic"; font-size:28px; line-height:50px; color:#fff; font-weight:600;}
.left_txt2{width:100%; height:15px; margin:15px 0 0 0 ; text-align:center; font-family:"Nanum Gothic"; font-size:14px; line-height:20px; color:#fff; font-weight:500;}
#left_nav{float:left; width:100%; overflow:hidden; border-top:1px solid #ddd;}
#left_nav ul li{list-style-type:none; width:100%; overflow:hidden;}
#left_nav ul li a{display:block; width:200px; overflow:hidden; padding:8px 0 8px 20px; font-family:"Nanum Gothic"; font-size:15px; line-height:30px; color:#555; font-weight:700; border-bottom:1px solid #ddd;}
#left_nav ul li a:hover{color:#005bab;}
#left_nav ul li.on a{color:#fff; background:url('../images/left_over.jpg') no-repeat; }

.tab_nav{ margin:0 auto; position:relative; padding-left:1px; width:919px; height:50px; margin-bottom:60px;}
.tab_nav ul li{float:left; width:auto; margin-left:-1px;}
.tab_nav ul li a{position:relative; display:table; padding:9px 30px; width:128px; height:30px;  font-size:16px; color:#333; line-height:30px; font-family:"Nanum Gothic"; font-weight:700; border:1px solid #ccc; background:#efefef; text-align:center; font-family:"Nanum Gothic"; }
.tab_nav ul li a:hover{background:#fff; color:#156eaf;}
.tab_nav ul li a span{display:table-cell; vertical-align:middle; word-break:keep-all; word-wrap:break-word;}
.tab_nav ul li.on a{ color:#156eaf; border:1px solid #156eaf; z-index:10; background:#fff;}


#con_total{float:right; width:920px; overflow:hidden; margin:0 20px 0 0;}
#con_title{float:left; width:100%; height:100px; margin:0 0 50px 0; background:url('../images/title_bg.jpg');}
#title_a{float:left; width:50%; height:40px; text-align:left; margin:40px 0 0 0; font-family:"Nanum Gothic"; font-size:30px; line-height:40px; color:#333; font-weight:600;}
#title_b{float:right; width:50%; height:30px; text-align:right; margin:50px 0 0 0; font-family:"Nanum Gothic"; font-size:12px; line-height:30px; font-weight:500; color:#888;}

#con{float:left; width:100%; min-height:400px; overflow:hidden; margin:0 0 80px 0;}