@charset "utf-8"; 

/*본고딕 웹폰트용 선명함*/
@import url(./fonts/NotoSans/NotoSansKR.css);
@import url(./fonts/Gotham/Gotham.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;
}
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;}


body {font-family:'NS Korean',sans-serif; min-width:1280px; font-weight:300; word-break:keep-all;word-wrap:break-word;}
a {color:#333; text-decoration:none; }
[lang="en"] {font-family:'NS Korean',sans-serif; font-weight:300;}
img{vertical-align:middle;}

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

.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:10000;width:100%;min-width: 1280px;height:210px;position:absolute;top:0;left:0;background:url('../images/jms/top_bg.jpg') repeat-x center bottom;}
.header_wrap{height:40px; background:#f0f0f0; margin:0 auto;}
.header_inner{margin:0 auto;width: 1400px;height:210px;position:relative;}


/* LOGO */
#logo {width:200px; height:60px; position:absolute; left:50%; top:68px; margin-left:-100px; -webkit-transition:top400ms; transition:top 400ms; }
#logo a.logo {float:left; display:block; width:200px; height:60px;}
#logo a.logo svg, #logo a.logo img {display:block; width:100%; height:100%; }

/* **************************************** *
 * sns
 * **************************************** */
#sns{height:67px; float:right; display:inline-flex; position:relative;top:67px;}
 .blog{ width:130px; height:65px; }
 .insta{ width:130px; height:65px; margin-left:15px;}
#tel{ width:300px; float:left; position:absolute; top:70px;}
 .tel_con{ width:230px; height:60px;}
 
/* MENU */
.menu_container {display:block; width:100%; position:absolute; top:160px; left:0; z-index:1000; -webkit-transition:top 400ms; transition:top 400ms;}
#menu {display:table;width: 1400px;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:200px; position:absolute; z-index:1000;}

/* 1depth */
#menu > li {float:left; }
#menu > li > a {width:200px; height:50px; font-size:16px; letter-spacing:0.01em; font-weight:700; color:#fff; text-align:center; }
#menu > li > a span{display:block; line-height:50px;}
#menu > li:hover > a, #menu > li.current_page_ancestor > a, #menu > li.current_page_item > a {color:#60aefa; }

/* 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.8); margin-top:1px; }
#menu > li > ul > li:last-child {border-bottom:none; }
#menu > li > ul > li > a {padding:5px 19px; line-height:35px; font-size:14px; font-weight:300; color:#fff; text-align:center; }
#menu > li > ul > li.menu-item-has-children > a {padding-right:48px; }
#menu > li > ul > li.menu-item-has-children:before {margin-top:-5px; position:absolute; top:50%; right:8%; font-family:'jt-font'; content:'\e913'; font-size:10px; color:#888; -webkit-transition:color 300ms; transition:color 300ms; }
#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:#205092; }
#menu > li > ul > li:hover > a, #menu > li > ul > li.current-menu-item > a {background:#003a73;}

/* 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 { position:absolute; right:0; top:7px; display:table; overflow:hidden; -webkit-transition:all 400ms; transition:all 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;}
.lang_container li a:hover{ color:#2874bf;}

.domain{ position:absolute; left:0; top:7px; overflow:hidden; display:table; color:#555; font-weight:300; font-size:12px; line-height:20px;}
.domain strong{font-weight:700;}

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

/* minimize */
.minimize#header { position:fixed; top:-165px; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .12); box-shadow:0 1px 3px rgba(0, 0, 0, .12); }

/*main_banner*/
#main_banner{position:relative; width:100%; overflow:hidden; height:650px;}
.main_text{ position:absolute; z-index:1000; left:50%; top:35%; margin-left:-600px;  width:1200px;}

/* **************************************** *
 * 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:0 auto 80px;; width:100%; overflow:hidden; height:255px;}
#main_con02{margin:0 auto ; width:1200px;}
#main_a{float:left; position:relative; width:426px; height:255px; border:1px solid #ccc; margin-right:20px;}
#main_b{float:left; position:relative; width:309px; height:255px; border:1px solid #ccc; margin-right:20px;}
#main_c{float:left; position:relative; width:425px; height:255px; border:1px solid #ccc;}
.main_con{ margin:0 auto; width:365px; height:150px;}
.main_con02{margin:30px 0 0 30px; }
.main_con02 li{float:left;}
.main_con02 li a{display:block; height:115px; background:url('../images/jms/qmenu.png') center center;}
.main_con02 li.qb01 a{width:115px; height:115px;background-position:0 top;}
.main_con02 li.qb02 a{width:115px; height:115px; margin-left:18px; background-position:-133px top;}

.main_con02 li.qb01 a:hover{width:115px; height:115px; background-position:0 bottom;}
.main_con02 li.qb02 a:hover{width:115px; height:115px; margin-left:18px; background-position:-133px bottom;}

.main_title{ font-size:24px; font-weight:600; color:#222; height:27px; line-height:24px; margin:30px 30px 20px;} 
.main_title span{ font-size:13px; font-weight:400; color:#777; margin-left:5px;} 

.more_btn{ position:absolute; z-index:100; right:30px; top:30px; width:25px; height:25px;}

.main_middle_a{ width:100%; overflow:hidden;}
.main_middle_a1{ width:1200px; height:320px; position:relative;overflow:hidden; margin:80px auto 20px;}
#quick_con{  width:100%; height:320px; overflow:hidden; position:relative}
#quick_con li{ float:left; width:285px; height:320px; background:url('../images/jms/a_menu.png') no-repeat center top;}
#quick_con li a{ text-indent:-5000px; display:block; width:285px; height:320px;}

#quick_con li#q01{ width:285px; height:320px; background-position:0 top;}
#quick_con li#q02{ width:285px; height:320px; background-position:-305px top; margin-left:20px}
#quick_con li#q03{ width:285px; height:320px; background-position:-610px top; margin-left:20px}
#quick_con li#q04{ width:285px; height:320px; background-position:-915px top; margin-left:20px}

#quick_con li#q01:hover{ width:285px; height:320px; background-position:0 bottom; }
#quick_con li#q02:hover{ width:285px; height:320px; background-position:-305px bottom; margin-left:20px}
#quick_con li#q03:hover{ width:285px; height:320px; background-position:-610px bottom; margin-left:20px}
#quick_con li#q04:hover{ width:285px; height:320px; background-position:-915px bottom; margin-left:20px}

.main_middle_b{ width:100%; overflow:hidden;}
.main_middle_b1{ width:100%; height:765px; position:relative;overflow:hidden; margin:0 auto;}
.b_title{ margin:80px auto 10px; font-size:40px; width:1200px; height:45px; line-height:40px; text-align:center; color:#222; letter-spacing:0.2px; font-weight:600;position:relative}
.b_txt{ margin:0 auto 40px; width:1200px; height:50px; position:relative; font-size:15px; text-align:center; line-height:26px; color:#555; letter-spacing:-0.2px; }
#b_con{  width:100%; overflow:hidden; position:relative;height:460px;}

/* **************************************** *
 * 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 .text1 {margin:0 auto; display:table; font-size:22px; font-weight:500; font-family:'NS Korean',sans-serif; line-height:140%; color:rgba(255, 255, 255, 0.9); text-align:center; text-shadow:3px 3px 3px rgba(0, 0, 0, .5); letter-spacing:0.6rem; text-transform:uppercase;}
.main_visual_content .text2 {margin:20px auto 20px; display:table; font-size:68px; font-weight:300; font-family:'NS Korean',sans-serif; line-height:140%; color: #fff; text-align:center; text-shadow:3px 3px 3px rgba(0, 0, 0, .5);}
.main_visual_content .text3 {margin:0 auto; display:table; font-size:24px; font-weight:500; font-family:'NS Korean',sans-serif; line-height:160%; color: #fff; text-align:center; text-shadow:3px 3px 3px rgba(0, 0, 0, .5); }
.main_visual_content .text4 {margin:30px auto; display:table; width:840px; height:1px; background:#fff;}
.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; 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:#333; 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:50px; font-size:13px; font-weight:700; color:#333; line-height:20px; -webkit-transition:background 300ms; transition:background 300ms; }
.footer_menu li a:hover {color:#0d964e;}

.footer_inner {margin:0 auto; width:1200px; height:120px; position:relative;}
.footer_inner .footer_logo{float:left; width:145px; height:80px; margin-right:25px; margin-top:20px; }
.footer_inner .footer_info {float:left; position:relative; width:1200px; overflow:hidden; padding:30px 0;}
.footer_inner .footer_info p { display:block; font-size:12px; color:#aaa; font-weight:300; line-height:20px !important; letter-spacing:-0.2px;}

.f_logo{ margin:0 auto; width:100%; overflow:hidden; padding:10px 0; border-bottom:1px solid #aaa; background:#fff;}


/* **************************************** *
 * 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;}





/* **************************************** *
 * 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:210px 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%; overflow:hidden; background:url('../images/jms/sub_bg.jpg') no-repeat;}
#sub_txt{ margin:0 auto; width:1200px; height:230px; padding-top:85px;}
#left_total{float:left; width:235px; overflow:hidden; margin:0 0 0 0;}
#left_title{float:left; width:100%; height:100px; margin-top:50px; background:url('../images/jms/left_titlebg.jpg') no-repeat;}
.left_txt1{width:100%; height:40px; margin:28px 0 0 0 ; text-align:center; font-family:'Noto Sans KR',sans-serif; font-size:30px; line-height:40px; color:#fff; font-weight:700;}
.left_txt2{width:100%; height:30px; margin:35px 0 0 0 ; text-align:center; font-family:'Noto Sans KR',sans-serif; font-size:22px; line-height:30px; color:#fff; font-weight:700;}
#left_nav{float:left; width:100%; overflow:hidden; border-top:1px solid #ddd; margin-bottom:10px;}
#left_nav ul li{list-style-type:none; width:100%; overflow:hidden;}
#left_nav ul li a{display:block; width:235px; overflow:hidden; padding:10px 0 10px 30px; font-family:'Noto Sans KR',sans-serif; font-size:14px; line-height:30px; color:#555; font-weight:700; border-bottom:1px solid #ddd; background:#f1f1f1;}
#left_nav ul li a:hover{color:#60aefa;}
#left_nav ul li.on a{color:#fff; background:url('../images/left_over.jpg') no-repeat;}

#sub_cus{float:left; width:100%; overflow:hidden; margin:50px 0 80px;}


.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:'Noto Sans KR',sans-serif; font-weight:700; border:1px solid #ccc; background:#efefef; text-align:center; }
.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:915px; overflow:hidden; padding-top:50px;}
#con_title{float:left; width:100%; height:100px; margin:0 0 50px 0; border-bottom:1px solid #ddd;}
#title_a{float:left; width:50%; height:35px; text-align:left; margin:20px 0 0 0; font-family:'Noto Sans KR',sans-serif; font-size:28px; line-height:30px; color:#333; font-weight:600; letter-spacing:-0.5px;}
.txt2{float:left; width:59%; height:20px; text-align:left; font-family:'Noto Sans KR',sans-serif; font-size:14px; line-height:20px; color:#333; margin-top:3px; letter-spacing:-0.3px;}
#title_b{float:right; width:33%; height:30px; text-align:right;font-family:'Noto Sans KR',sans-serif; font-size:12px; line-height:30px; font-weight:300; color:#888;}

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