@charset "utf-8";
/*나눔고딕*/
@import url(./fonts/NanumGothic/NanumGothic.css);

/*본고딕 포토샵용*/
@import url(./fonts/NotoSans/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, figure,figcaption{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
a {text-decoration:none;}
a:hover {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:"Nanum Gothic"; font-size:13px; color:#333; font-weight:400;}

/* div위치조절 */
#wrap{width:100%; overflow:hidden; text-align:left; min-width:1000px;}
#top_wrap{width:100%; height:110px;}
#middle_wrap{width:100%; overflow-x:hidden;}
#bottom_wrap{width:100%; height:125px; overflow-x:hidden;}

/* top div위치조절 */
/*
#top_total{margin:0 auto 30px; width:1100px; height:190px; position:relative;}
#top_b{float:left; width:1100px; height:35px; margin-top:0px; line-height:35px;}
*/
#top_a_wrap{width:100%; height:110px;}
#top_a{margin:0 auto; padding-top:45px; width:1000px; height:65px;}
#logo{float:left;margin-left:20px; width:208px; height:35px;}
#top_a_right{float:right; width:720px; height:35px;}

/* Header */
div#commonGnb{float:right; position:relative; width:700px;}
div#commonGnb div.gnbWrap ul.gnbLayer{margin:0 auto; width:700px; height:35px; text-align:center;}
div#commonGnb div.gnbWrap ul.gnbLayer li{float:left; position:relative; z-index:999;  zoom:1;}
div#commonGnb div.gnbWrap ul.gnbLayer li.first a{border-left:0;}
div#commonGnb ul.gnbLayer li{position:relative; height:20px; line-height:20px; border-left:1px solid #bbb; margin-top:15px;}
div#commonGnb ul.gnbLayer li a{display:block; padding:5px 35px; margin-top:-10px;  font-family:"Nanum Gothic";  font-size:15px; letter-spacing:-0.2px; line-height:16px; color:#333; font-weight:600; }
div#commonGnb ul.gnbLayer li:hover a{color:#000; font-weight:600;}
div#commonGnb ul.gnbLayer li a .e_menu{font-size:10px; color:#b1cb22;}
div#commonGnb ul.gnbLayer li a:hover .e_menu{font-size:10px; color:#38c1ef; font-weight:600;}
div#commonGnb ul.gnbLayer li.first{border-left:0px;}

#middle_total_wrap{margin:0 auto; width:1000px;}
#sub_img{margin:0 auto; width:960px; height:255px; overflow:hidden;}
#middle_total{margin:0 auto; width:960px; overflow:hidden;}

/* ---------------------------- index.php (main div위치조절) ---------------------------- */
#main_img{margin:0 auto; width:1000px; height:320px; overflow:hidden; position:relative;}
#main_banner{position:relative; width:960px; left:50%; margin-left:-480px; height:320px}
.tinyslide { width: 100%; height: 100%; position: relative; overflow: hidden; }
.tinyslide .navigator { position: absolute; bottom: 2em; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.tinyslide .navigator ul { padding: 0; }
.tinyslide .navigator ul li { float: left; list-style-type: none; margin: 0 1em 0 0; padding: 0; width: 14px; height:14px; border: 1px solid #ddd; border-radius: 100%; -webkit-transition: all 500ms linear; transition: all 500ms linear; }
.tinyslide .navigator ul li span { display: none; }
.tinyslide .navigator ul li:hover { background: #11539b;}
.tinyslide .navigator ul li.active { background: #11539b; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.4); }
.tinyslide aside { height: 100%; width: 100%; -webkit-transition: -webkit-transform 800ms cubic-bezier(0.365, 0.84, 0.44, 1); transition: transform 800ms cubic-bezier(0.365, 0.84, 0.44, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.tinyslide figure {height: 100%; float: left; position: relative; width: 960px; z-index: 1; }
.tinyslide figure img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.tinyslide figure figcaption { position: absolute; font-size: 3em; color: #993333; bottom:200px; left:335px; z-index: 2; opacity: 0; }
.tinyslide figure figcaption.main_copy01{bottom:115px; left:50%; margin-left:-160px;}
.tinyslide figure figcaption.main_copy02{bottom:115px; left:50%; margin-left:-160px;}
.tinyslide figure figcaption.main_copy03{bottom:115px; left:50%; margin-left:-160px;}
.tinyslide figure figcaption.main_copy04{bottom:115px; left:50%; margin-left:-160px;}
.tinyslide figure figcaption.main_copy05{bottom:115px; left:50%; margin-left:-160px;}


#main_con{margin:30px auto 50px; width:1000px; overflow:hidden;}
#con_bottom{margin:0 auto; width:960px; height:255px; overflow:hidden;}
#con_a{float:left; width:170px; height:255px;}
#con_a_row1{float:left; width:170px; height:88px; background:url('../images/con_a_row1_bg.jpg') no-repeat center center;}
#con_a_row1_con{margin:30px 0 0 5px; width:138px; height:31px;}
#con_a_row2{float:left; margin-top:37px; width:170px; height:130px; position:relative; background:url('../images/con_a_row2_bg.jpg') no-repeat center center;}
#con_a_row2_con{margin:8px 0 0 11px; width:143px; height:99px;}
#con_a_row2_con_btn{position:absolute; left:10px; bottom:17px; width:27px; height:13px;}

#con_b{float:left; margin-left:42px; width:363px; height:255px;}
#con_b_row1{float:left; width:363px;}
#con_b_row1_con_tit{float:left; width:363px; height:55px; position:relative;}
#con_b_row1_tit{margin-top:23px; width:143px; height:14px;}
#con_b_row1_tit_btn{position:absolute; right:0px; top:26px; width:27px; height:13px;}
#con_b_row1_con{float:left; width:363px; height:90px;}

#con_b_row2{float:left; width:363px; margin-top:30px;}
#con_b_row2_con{margin:0 auto; width:363px; height:80px;}
#con_b_row2_con li{float:left;}
#con_b_row2_con li a{display:block; height:80px; background:url('../images/main_quick.png') no-repeat;}
#con_b_row2_con li.qmb01 a{width:70px; height:80px; background-position:0 top;}
#con_b_row2_con li.qmb02 a{width:76px; height:80px; background-position:-70px top;}
#con_b_row2_con li.qmb03 a{width:74px; height:80px; background-position:-146px top;}
#con_b_row2_con li.qmb04 a{width:74px; height:80px; background-position:-220px top;}
#con_b_row2_con li.qmb05 a{width:69px; height:80px; background-position:-294px top;}
#con_b_row2_con li.qmb01 a:hover{width:70px; height:80px; background-position:0 bottom;}
#con_b_row2_con li.qmb02 a:hover{width:76px; height:80px; background-position:-70px bottom;}
#con_b_row2_con li.qmb03 a:hover{width:74px; height:80px; background-position:-146px bottom;}
#con_b_row2_con li.qmb04 a:hover{width:74px; height:80px; background-position:-220px bottom;}
#con_b_row2_con li.qmb05 a:hover{width:69px; height:80px; background-position:-294px bottom;}

#con_c{float:left; margin-left:40px; width:345px; height:255px;}
#con_c_row{float:left; width:345px; height:255px; position:relative; background:url('../images/con_c_bg.jpg') no-repeat center center;}
#con_c_row1_con{float:left; margin:23px 0 0 8px; width:326px; height:118px;}
#con_c_row2_con{float:left; margin:15px 0 0 10px; width:325px; height:98px;}
#con_c_row1_con_btn{position:absolute; right:28px; top:15px; width:128px; height:29px;}

/* ---------------------------- tail.php (bottom div위치조절) ---------------------------- */
#copy_wrap{margin:0 auto; width:960px; height:124px; border-top:1px solid #bbb;}
#copy_logo_wrap{float:left; width:180px; margin-top:40px;}
#copy_nav_txt_wrap{float:left; margin-top:15px; margin-left:20px; width:750px;}
#copy_nav{margin:0 auto; width:750px; height:35px;}
#copy_nav ul {list-style-type:none;}
#copy_nav ul li{float:left; margin-top:10px;}
#copy_nav ul li a{display:block; height:12px; padding:0 10px; border-right:1px solid #fff; font-family:"Nanum Gothic";  font-size:12px; line-height:12px; color:#777; font-weight:600; border-left:1px solid #777;}
#copy_nav ul li a:hover{color:#222;}
#copy_nav ul li.first a{padding-left:0px; border-left:0px;}
#copy_nav ul li.last a{border-right:0px;}

#copy_txt{width:760px; font-family:"Nanum Gothic";  font-size:11px; line-height:20px; color:#777; height:60px; letter-spacing:-0.2px}


/* left_nav div위치조절 */
/* --- left_nav.php --- */
#left_total{float:left; width:185px; min-height:500px; overflow:hidden; margin-bottom:20px;}
#left_title{float:left; width:185px; margin:0px; font-family:"Nanum Gothic";  font-size:12px; line-height:35px; text-align:left; font-weight:bold; letter-spacing:-0.5px}/*background:#0765bc; color:#eee;*/
#left_top_line{}
#left_title b{font-size:18px; color:#555; font-weight:600;}

/* left_nav over */
#left_nav{width:183px; overflow:hidden; margin-top:10px;}
.leftMenu {float:left; width:185px; overflow:hidden;}
.leftMenu > li > a{display:block; padding-left:8px; width:177px; height:35px; font-family:"Nanum Gothic"; font-size:12px; line-height:35px; font-weight:600; color:#333; background:#fff; letter-spacing:-1.0px;}
.leftMenu > li{list-style:none; border-bottom:1px dotted #333; width:184px;}
.leftMenu > li.last{border-bottom:0px}
.leftMenu > li > a:hover{color:#fff; background:#006a3e url('../images/sub_menu_arrow.png') no-repeat 170px center;}
.leftMenu > li.on > a{color:#fff; background:#006a3e url('../images/sub_menu_arrow.png') no-repeat 170px center;}
.leftMenu > .menu01{list-style:none; border-top:1px dotted #333;}
/* 좌메뉴 over */

/* 서브메뉴 영역 */
.leftMenu .menu01 .gub_sub { background-image:none;}
.leftMenu li .gub_sub {overflow:hidden; height:auto; padding:10px 0; background:#fff;}
.leftMenu li .gub_sub li a {display:block; height:20px; padding-left:15px; font-family:"Nanum Gothic"; font-size:11px; line-height:20px; color:#666; font-weight:400; text-align:left;}
.leftMenu li .gub_sub li a:hover {color:#006a3e; font-weight:600;}
.leftMenu li .gub_sub li.on a {color:#006a3e; font-weight:600;}
/* --- } left_nav 사용시 --- */

/* con div위치조절 */
#con_total{float:right; width:740px;}
#con_title{padding-top:10px; width:740px; height:20px; line-height:30px;}
#con_top_line{float:left; width:740px; height:5px;}

/* title,php */
#title_b_wrap{float:right; margin:0px; width:400px; font-family:"Nanum Gothic";  font-size:11px; color:#aaa; height:15px; line-height:15px; text-align:right; font-weight:500;;}
#title_b_wrap b{font-size:13px; color:#000; font-weight:600;}

#con{float:left; margin:50px auto; width:740px; overflow:hidden; padding:0;}
#con_tab_nav{margin:0 auto; overflow:hidden; padding:0; }

/* ---------------------------- tab_nav.php ---------------------------- */
#sub_title{width:740px; height:60px;}
#tab_nav{margin:0 auto; display:table;}
#tab_nav li {float:left; list-style-type:none; margin-right:20px;}
#tab_nav li a{display:block; width:230px; height:30px; border:1px solid #aaa; font-family:"Nanum Gothic";  font-size:15px; color:#000; line-height:30px; text-align:center; font-weight:500; letter-spacing:-0.5px; background-color:#f4f4f4;}
#tab_nav li a:hover{color:#006a3e; background:#fff; font-weight:bold;}
#tab_nav li.on a{color:#006a3e; background:#fff; font-weight:bold;}
#tab_nav li.last{margin-right:0px;}
#tab_nav.tab_nav_305 li a{width:168px;}