@charset "utf-8";

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



/* base */
html{overflow-y:scroll; overflow-x:hidden;}
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:400;}

/* div위치조절 */
#wrap{margin:0 auto; width:100%; overflow:hidden; text-align:left; min-width:1200px; }
#middle_wrap{margin:0 auto; width:100%; overflow:hidden; padding-top:100px;}
#bottom_wrap{margin:0 auto; width:100%; 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:1260px; width:100%; height:100%; position:relative; }

/* LOGO */
#logo {width:140px; height:50px; position:absolute; left:30px; top:25px; -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:25px; left:50%; margin-left:-360px; 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 15px; 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:13px; font-weight:400; 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:40px; right:30px; 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:10px;}
.minimize .menu_container{top:10px;}
.minimize #menu > li > ul {padding-top:10px;}
.minimize .lang_container{top:25px;}





	
/*배너*/
#banner {width:100%; height:580px; position:relative; overflow:hidden; text-indent:-5000px;}
#banner .d_imgSet{position:relative}
#banner .d_imgSet li{position:absolute;width:100%;height:580px;display:none}
#banner .d_imgSet li:first-child{display:block}
#banner .d_imgSet li .d_container{position:relative;width:1200px;margin:0 auto}
#banner .d_imgSet li.d_img1{background:url('../images/banner_bg01.jpg') no-repeat 50% 0}
#banner .d_imgSet li.d_img2{background:url('../images/banner_bg02.jpg') no-repeat 50% 0}
#banner .d_imgSet li.d_img3{background:url('../images/banner_bg03.jpg') no-repeat 50% 0}

#banner .d_imgSet li.d_img1 img{position:absolute;left:0;top:0}/*margin 사용금지*/
#banner .d_imgSet li.d_img2 img{position:absolute;left:0;top:0}/*margin 사용금지*/
#banner .d_imgSet li.d_img3 img{position:absolute;left:0;top:0}/*margin 사용금지*/

#banner .d_btnSet{position:absolute;width:1200px;left:50%;margin-left:-600px; text-indent:0px;}
#banner .d_btnSet ul{position:absolute;width:100%;top:540px;text-align:center;font-size:0}
#banner .d_btnSet ul li{cursor:pointer;margin:0 3px;display:inline}

#banner .d_prev{position:absolute;left:-100px;top:230px;cursor:pointer;z-index:10; text-indent:0px;}
#banner .d_next{position:absolute;right:-100px;top:230px;cursor:pointer;z-index:10; text-indent:0px;}

/* 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:50px auto; position:relative; width:1200px; height:280px;} 
.stand .stand_title{width:1180px; height:30px; padding-left:20px; background:url('../images/icon_title.jpg') no-repeat left 5px; margin-bottom:20px; font-family:'Noto Sans KR',sans-serif; font-weight:700; font-size:22px; line-height:25px;} 
.stand .stand_con{width:100%; height:230px;} 
.stand .stand_more{ position:absolute; right:0; top:10px; width:20px; height:20px;} 

.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:100%; overflow:hidden;}
#main_a{float:left; position:relative; width:360px; height:150px; margin-right:60px; }
#main_b{float:left; position:relative; width:360px; height:150px; margin-right:60px;}
#main_c{float:left; position:relative; width:360px; height:150px;}
.main_title{width:340px; height:30px; margin-bottom:10px; padding-left:20px; background:url('../images/icon_title.jpg') no-repeat left 5px; text-align:left; font-family:'Noto Sans KR',sans-serif; font-weight:700; font-size:20px; line-height:28px; color:#111;}
.main_con{width:100%; height:100px; }
#main_a .main_con a{font-family:'Noto Sans KR',sans-serif; font-size:13px; line-height:25px; font-weight:300; color:#555;}
#main_a .main_con a:hover{color:#111;}
.more_btn{position:absolute; z-index:100; right:0px; top:10px; width:20px; height:20px;}


/* 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:130px; 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:25px; 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:170px; overflow:hidden; padding:10px 20px 10px 30px; font-family:'Noto Sans KR',sans-serif; font-size:14px; line-height:20px; color:#333; font-weight:500; 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; margin-bottom:60px;}
.tab_nav ul{ margin:0 auto; display:table;}
.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 0; width:128px; height:30px;  font-size:15px; 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 70px 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:400; 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:400; color:#888;}

#con{float:left; width:100%; min-height:400px; overflow:hidden; margin:0 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;}