@charset "utf-8";

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



/* base */
html{overflow-y:scroll;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
a{text-decoration:none;}
ul, ol, li{list-style:none;}
img{border:none; vertical-align:middle;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
table, td, tr{font-family:'Noto Sans KR',sans-serif; font-size:13px; color:#333; font-weight:300;}

/* div위치조절 */
#wrap{margin:0 auto; width:100%; overflow:hidden; text-align:left; min-width:1260px; }
#middle_wrap{margin:0 auto; width:100%; min-width:1260px; overflow:hidden; padding-top:100px;}
#bottom_wrap{margin:0 auto; width:100%; min-width:1260px; height:160px; background:#333;}

/* top div위치조절 */
#header {z-index:10000; width:100%; min-width:1260px; height:100px; position:fixed; top:0; left:0; border-top:5px solid #113b85; background:#fff; -webkit-transition:height 400ms; transition:height 400ms;}
.header_wrap { height:100%; margin:0 auto;}
.header_inner { margin:0 auto; max-width:1200px; width:100%; height:100%; position:relative; }

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

/* MENU */
.menu_container {display:block; position:absolute; top:20px; left:50%; margin-left:-220px; z-index:1000; -webkit-transition:top 400ms; transition:top 400ms; }
#menu {display:block; width:100%; }
#menu li {position:relative; }
#menu a {display:block; line-height:30px; -webkit-transition:all 0.3s; transition:all 0.3s; font-family:'Noto Sans KR',sans-serif; font-weight:500; }
#menu ul.sub-menu {display:none; width:200px; position:absolute; z-index:1000;}

/* 1depth */
#menu > li {float:left; }
#menu > li > a {display:block; padding:10px 40px; font-size:16px; letter-spacing:0.01em; font-weight:700; color:#222; text-align:center; }
#menu > li:hover > a, #menu > li.current_page_ancestor > a, #menu > li.current_page_item > a {color:#113b85;}

/* 2depth */
#menu > li:hover > ul {display:block; }
#menu > li > ul {top:100%; left:50%; padding-top:25px; margin-left:-100px; background:rgba(0,0,0,0);}
#menu > li > ul > li {float:left; width:100%; background: rgba(0,0,0,0.7); margin-bottom:1px; }
#menu > li > ul > li:last-child {border-bottom:none; }
#menu > li > ul > li > a {padding:5px 19px; line-height:34px; font-family:'Noto Sans KR',sans-serif; 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:#c0c79c; }
#menu > li > ul > li:hover > a, #menu > li > ul > li.current-menu-item > a {background:#113b85;}

/* 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:700; color:#ccc; }
#menu > li > ul > li > ul > li:hover > a {color:#fff; }

/* lang */
.lang_container {display:block; position:absolute; top:35px; right:0px; z-index:550; -webkit-transition:top 400ms; transition:top 400ms; opacity:1; visibility: visible; background:none;}
.lang_container ul li{ float:right; margin-left:20px;}
.lang_container ul li a{color:#555; font-size:13px; font-weight:300; line-height:20px; letter-spacing:0.01em; font-family:'Noto Sans KR',sans-serif;}
.lang_container ul li a:hover{color:#113b85;}
.lang_selectric {opacity:0; }
.mobile .lang_container:after {display:block; width:28px; height:28px; position:absolute; top:0; right:0; font-family:'jt-font'; content:'\e925'; font-size:10px; text-align:center; line-height:28px; color:#212121; z-index:-1; }
.mobile .lang_selectric {-webkit-appearance:none; -moz-appearance:none; appearance:none; width:90px; padding:9px 28px 9px 10px; position:relative; font-size:10px; font-family:'Noto Sans KR',sans-serif; line-height:1; font-weight:700; color:#222; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:transparent; border:none; border-radius:0; border-bottom:2px solid #ddd; opacity:1; outline:none; -webkit-box-shadow:none; box-shadow: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:5px;}
.minimize .menu_container{top:5px;}
.minimize #menu > li > ul {padding-top:10px;}
.minimize .lang_container{top:20px;}





	
/*배너*/
#banner {width:100%; height:600px; position:relative; overflow:hidden; background:url('../images/main_img_bg.jpg') no-repeat  center;}

/* middle div위치조절*/
#middle_total{margin:0 auto; position:relative; width:1200px; overflow:hidden;}

/* 퀵메뉴 버튼 설정*/
.button .overs{float:left; position:relative;}
.button .overs img{float:left;}
.button .images {float:left; position:absolute; left:0px; top:0px; border:0px; display:block;}

.stand{margin:55px auto 60px; width:1200px; height:auto; position:relative;}
.stand_title{width:100%; overflow:hidden; margin-bottom:40px;}
.stand_title_text{position:relative; z-index:10; margin:0 auto 15px; width:100%; height:40px; font-size:36px; color:#111; font-weight:700; text-align:center;}
.stand_title_text span{font-weight:700; color:#000;}
.stand_line{ display:none; margin:5px auto 10px; width:80px; height:5px; background:#333333;}
.stand_text{margin:0 auto; width:100%; height:20px; font-size:16px; font-weight:300; text-align:center; color:#666;}
.stand_text a{color:#666;}
.stand_text a:hover{color:#000;}
.stand_con{width:100%; height:auto;}
.stand_more{position:absolute; right:0; top:30px; font-size:14px;}
.stand.mt40{ margin-top:40px;}

.q_nav{width:100%; overflow:hidden; background:#f2f2f2; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.q_nav ul{ display:block; margin:0 auto; width:1200px; overflow:hidden;}
.q_nav ul li{float:left;}
.q_nav ul li a{display:block; width:300px; height:335px; background:url('../images/q_nav.jpg') no-repeat; text-indent:-5000px;}
.q_nav ul li.qmenu01 a{background-position:0 0;}
.q_nav ul li.qmenu02 a{background-position:-300px 0;}
.q_nav ul li.qmenu03 a{background-position:-600px 0;}
.q_nav ul li.qmenu04 a{background-position:-900px 0;}
.q_nav ul li.qmenu01 a:hover{background-position:0 -335px;}
.q_nav ul li.qmenu02 a:hover{background-position:-300px -335px;}
.q_nav ul li.qmenu03 a:hover{background-position:-600px -335px;}
.q_nav ul li.qmenu04 a:hover{background-position:-900px -335px;}

#main_con_total{margin:50px auto; width:1200px; overflow:hidden;}
#main_a{float:left; position:relative; width:390px; height:160px; padding:0 49px 0 0; border-right:1px solid #ddd; margin:0 0 0 0;}
#main_b{float:left; position:relative; width:370px; 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{background:url('../images/qrcode.png') no-repeat right 0px;}
.main_title{width:100%; height:25px; text-align:left; font-family:'NS Korean',sans-serif; font-weight:700; font-size:20px; line-height:25px; color:#111;}
.main_txt{width:100%; height:20px; margin:0 0 15px 0; text-align:left; font-family:'NS Korean',sans-serif; font-weight:300; font-size:13px; line-height:20px; color:#888;}
.main_con{width:100%; height:100px;}
.main_con a{font-family:'NS Korean',sans-serif; 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:15%; font-family:'NS Korean',sans-serif; font-weight:700; font-size:14px; line-height:25px; color:#555; letter-spacing:-0.05em;}
.cus_total .cus_con{float:left; display:block; width:85%; font-family:'NS Korean',sans-serif; font-weight:300; font-size:13px; line-height:25px; color:#222;}
.cus_total .cus_con.cus_text1{font-weight:700; font-size:24px; color:#019499; letter-spacing:0.02rem;}
.cus_total .cus_con.cus_text2{font-weight:700; font-size:24px; color:#156eaf; letter-spacing:0.02rem;}
.cus_total .cus_con.cus_text3{font-weight:700; font-size:24px; color:#222; letter-spacing:0.02rem;}
.cus_total .cus_con.cus_text4{font-weight:300; font-size:16px; color:#222; letter-spacing:0;}

.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 0; width:100%; height:60px; text-align:center; font-family:'NS Korean',sans-serif; font-weight:500; font-size:40px; line-height:60px; color:#111;}
#main_d .main_title1{ margin:0 auto 30px; width:100%; height:30px; text-align:center; font-family:'NS Korean',sans-serif; font-weight:300; font-size:16px; line-height:30px; color:#555;}
#main_d .main_con{width:100%; height:232px;}


/* bottom div위치조절 */
#copy_link{width:100%; overflow:hidden; border-bottom:1px solid #555;}
#copy_link ul{ margin:0 auto; display:block; width:1200px; height:50px;}
#copy_link ul li {float:left; margin-right:15px;}
#copy_link ul li a{display:block; margin:10px 0; font-family:'Noto Sans KR',sans-serif; font-weight:700; font-size:13px; line-height:30px; color:#aaa;}
#copy_link ul li a:hover{color:#fff;}

#bottom_total{margin:0 auto; width:1200px; overflow:hidden;}
#copy_logo{float:right; width:260px; height:50px; margin:30px 0;}
#copy_text{float:left; text-align:left; width:800px; height:60px; margin:25px 0; font-family:'Noto Sans KR',sans-serif; font-size:12px; line-height:20px; color:#aaa;}



#sub_img{ margin:0 auto; width:100%; overflow:hidden; background:url('../images/sub.jpg') no-repeat;}
#sub_txt{ margin:0 auto; width:1200px; height:260px;}
#left_total{float:left; width:220px; overflow:hidden; margin:0 0 0 0;}
#left_title{float:left; width:220px; height:125px; margin-bottom:5px; background:url('../images/left_titlebg.jpg') no-repeat;}
.left_txt1{width:220px; height:30px; margin:45px 0 0 0 ; text-align:center; font-family:'Noto Sans KR',sans-serif; font-size:34px; line-height:30px; color:#fff; font-weight:700;}
.left_txt2{width:220px; height:30px; margin:30px 0 0 0 ; text-align:center; font-family:'Noto Sans KR',sans-serif; font-size:25px; line-height:30px; color:#fff; font-weight:700;}
#left_nav{float:left; width:220px; overflow:hidden; border-top:1px solid #ddd;}
#left_nav ul li{list-style-type:none; width:220px; overflow:hidden;}
#left_nav ul li a{display:block; width:220px; overflow:hidden; padding:15px 20px 15px 30px; font-family:'Noto Sans KR',sans-serif; font-size:14px; line-height:20px; color:#333; font-weight:700; border-bottom:1px solid #ddd; background:#f1f1f1;}
#left_nav ul li a:hover{color:#005bab;}
#left_nav ul li.on a{color:#fff; background:#4a4849 url('../images/left_over.jpg') no-repeat;}

.tab_nav{ margin:0 auto; position:relative; padding-left:1px; width:919px; overflow:hidden; padding-top:50px;}
.tab_nav ul{}
.tab_nav ul li{float:left; width:auto; margin-left:-1px; margin-top:-1px;}
.tab_nav ul li a{position:relative; display:table; padding:10px 40px; height:30px;  font-size:14px; color:#333; line-height:30px; font-family:'Noto Sans KR',sans-serif; font-weight:500; border:1px solid #ccc; background:#efefef; text-align:center; }
.tab_nav ul li a:hover{background:#fff;}
.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:#113b85; border:1px solid #113b85; z-index:10; background:#fff;}

#con_total{float:right; width:920px; overflow:hidden; margin:0 0 0 0;}
#con_title{float:left; width:100%; height:100px; margin:0 0 0 0; background:url('../images/title_bg.jpg') no-repeat left bottom;}
#title_a{float:left; width:620px; height:40px; text-align:left; margin:40px 0 0 0; font-family:'Noto Sans KR',sans-serif; font-size:30px; line-height:40px; color:#333; font-weight:700;}
#title_b{float:right; width:300px; height:30px; text-align:right; margin:50px 0 0 0; font-family:'Noto Sans KR',sans-serif; font-size:13px; line-height:30px; font-weight:300; color:#888;}

#title_c{float:left; width:760px; height:40px; text-align:left; margin:10px 0 0 0; font-family:'Noto Sans KR',sans-serif; font-size:30px; line-height:40px; color:#333;}
#title_d{float:left; width:760px; height:15px; text-align:left; margin:0 0 0 0; font-family:'Noto Sans KR',sans-serif; font-size:12px; line-height:15px; font-weight:300; color:#888;}

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


.con200{ display:block; width:100%; overflow:hidden;}
.con200 li{ float:left; margin:0 40px 40px 0;}
.con200 li.last{margin-right:0;}
.con200 li a{display:block; width:278px; height:278px; border:1px solid #ddd;}
.con200 li a:hover{border:1px solid #113b85;}