@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;}
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:1200px; position:relative;}
#top_wrap{width:100%; height:585px;}
#sub_top_wrap{width:100%;}
#middle_wrap{width:100%; overflow:hidden; position:relative;}
#bottom_wrap{width:100%; height:140px; overflow:hidden; background:url('../images/copy_bg.jpg') repeat-x center top;}


/* top div위치조절 */
#top_a_wrap{width:100%;height:100px;position:absolute;background: rgba(0,0,0,0.2);z-index:900;} /*position:fixed;*/
#top_total{margin:0 auto; width:1200px; height:100px;}

/* 로고 */
.logo_wrap{float:left;width: 150px;height:65px;}
.logo{float:left; width:230px; height:65px; margin-top:20px;}

/* top_menu */
div#commonGnb{float:right;position:relative;padding-top:25px;width: 888px;height:75px;margin-left:150px;}
div#commonGnb div.gnbWrap ul.gnbLayer{float:left;width: 1130px;height:100px;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{border:0;}

div#commonGnb ul.gnbLayer li{position:relative;}
div#commonGnb ul.gnbLayer li a{display:block;width: 95px;height:75px;font-family:"Nanum Gothic";font-size:16px;line-height:75px;color:#fff;font-weight:600;text-align:center;}
div#commonGnb ul.gnbLayer li:hover a{font-weight:600;}

div#commonGnb ul.gnbLayer li dl {position:absolute;left:50%;top:75px;width:170px;margin-left:-85px;display:none;background: rgba(0,0,0,0.2);}
div#commonGnb ul.gnbLayer li dd {display:block; width:170px;}
div#commonGnb ul.gnbLayer li dd a {display:block; width:170px; height:35px; font-size:15px; line-height:35px; color:#fff !important; font-weight:500 !important; letter-spacing:-0.5px; text-align:center;}
div#commonGnb ul.gnbLayer li dd a:hover {background:#134d9f; color:#fff !important; font-weight:600 !important;}





/* main */
#top_main_wrap{margin:0 auto; width:100%; position:relative;}

.demo-1.well{ position:absolute; left:23%; top:250px; }

/*main_banner*/
#main_banner{position:relative; width:2200px; left:50%; margin-left:-1100px; height:585px; background:url('../images/main_slide4.jpg') no-repeat top;}
.tinyslide { width: 100%; height: 100%; position: relative; overflow: hidden; }
.tinyslide .navigator { position: absolute; bottom: 2em; left: 50%; margin-left:10px; -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: #00720b;}
.tinyslide .navigator ul li.active { background: #00720b; -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: 2200px; 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:670px; z-index: 2; opacity: 0; }
.tinyslide figure figcaption.main_copy01{bottom:190px; left:50%; margin-left:-600px;}
.tinyslide figure figcaption.main_copy02{bottom:190px; left:50%; margin-left:-600px;}
.tinyslide figure figcaption.main_copy03{bottom:0px; left:50%; margin-left:-600px;}

.tinyslide figure.active figcaption { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 2s; animation-duration: 2s; }
@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(100px); transform: translateX(100px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(100px); transform: translateX(100px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }

/* ---------------------------- index.php (main div위치조절) ---------------------------- */
#main_con_wrap{margin:0 auto; width:100%; position:relative; }/*height:480px;*/
#main_con{margin:0 auto; width:100%; overflow:hidden;}

#main_g_wrap{margin:0 auto; width:100%; background:#ccc;}
.main_g{margin:45px auto 25px; width:1200px; height:245px;}
.main_g_title_wrap{float:left; width:1200px; height:40px; position:relative;}
.main_g_title{width:369px; height:40px;}
.main_g_title_more{position:absolute; right:0px; bottom:15px;}
.main_g_area_wrap{float:left; height:205px; width:1200px;}/* border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; */
.main_g_area{width:1200px; height:185px; padding-top:25px; }

#main_quick{width:100%; height:145px; background:#f2f2f2;}
#main_quick_a_wrap{margin:0 auto; width:1200px; height:145px;}
.main_quick_a{}
.main_quick_a li{float:left;}
.main_quick_a li a{display:block; height:145px; background:url('../images/main_quick.png') center center;}
.main_quick_a li.qmb01 a{width:300px; height:145px; background-position:0 top; margin-left:0px;}
.main_quick_a li.qmb02 a{width:300px; height:145px; background-position:-300px top;}
.main_quick_a li.qmb03 a{width:300px; height:145px; background-position:-600px top;}
.main_quick_a li.qmb04 a{width:300px; height:145px;; background-position:-900px top;}
.main_quick_a li.qmb01 a:hover{width:300px; height:145px; background-position:0 bottom;}
.main_quick_a li.qmb02 a:hover{width:300px; height:145px; background-position:-300px bottom;}
.main_quick_a li.qmb03 a:hover{width:300px; height:145px; background-position:-600px bottom;}
.main_quick_a li.qmb04 a:hover{width:300px; height:145px; background-position:-900px bottom;}


#con_bottom{margin:45px auto 60px; width:1200px; overflow:hidden;}

#main_a{float:left; width:350px; height:155px; overflow:hidden;}
.main_a_title_wrap{position:relative; idth:350px; height:35px; position:relative; background:url('../images/main_title_bar.png') no-repeat left top;}
.main_a_title{float:left; margin-top:18px;}
.main_a_more{position:absolute; right:0; bottom:0; width:16px; height:16px;}
.main_a_con_wrap{width:350px; height:120px;}
.main_a_con{padding-top:20px; width:350px; height:100px;}

.main_b{float:left; width:310px; height:155px; margin-left:60px; overflow:hidden;}
.main_b_title_wrap{width:310px; height:35px; position:relative; background:url('../images/main_title_bar.png') no-repeat left top;}
.main_b_title{float:left; margin-top:18px;}
.main_b_con_wrap{width:310px; height:120px;}
.main_b_con{padding-top:21px; width:310px; height:99px;}

.main_c{float:left; width:420px; height:155px; margin-left:60px; overflow:hidden;}
.main_c_title_wrap{width:420px; height:35px; position:relative; background:url('../images/main_title_bar.png') no-repeat left top;}
.main_c_title{float:left; margin-top:18px;}
.main_c_con_wrap{width:420px; height:120px;}
.main_c_con{padding-top:24px; width:420px; height:96px;}

.title_text_sub{float:left; margin-top:20px; margin-left:15px; font-family:"Nanum Gothic"; font-size:13px; line-height:13px; color:#909090; font-weight:500; letter-spacing:-0.5px}
.title_text{font-family:"Nanum Gothic"; font-size:16px; line-height:16px; color:#555; font-weight:bold; letter-spacing:-0.5px}


#con_sub{position:relative;padding-top:0;margin:0 auto;width:100%;height: 398px;}
#con_sub_img{position:absolute;left: -33%;/*margin-left: -95px;*/width:2200px;height: 329px;top: 20px;}
.sub_con_pc{position:absolute;left: 20%;}

/*@media only screen and (max-width: 480px) and (min-resolution: 300dpi) {
  #con_sub_img {
    position:absolute;/margin-left: -200px;width:2200px;height:395px;
  }
}*/
#con_sub_copy{position:absolute;/*left: 20%;*//* margin-left:-600px; */bottom:120px;width: 220px;height:100px;}


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

/* ---------------------------- left_nav.php ---------------------------- */
#left_total{float:left; width:240px; min-height:500px;  margin-bottom:20px;}/*overflow:hidden;*/

#left_title_wrap{float:left; width:240px; height:65px; background:url('../images/left_menu_top_bg.jpg') no-repeat;}
#left_title{margin-top:0px; width:215px; padding-left:25px; color:#fefefe; font-family:"Nanum Gothic"; font-size:18px; line-height:65px; text-align:left; font-weight:600; letter-spacing:-0.5px;}
#left_title2{margin-top:0px; width:215px; padding-left:25px; color:#fefefe; font-family:"Nanum Gothic"; font-size:18px; line-height:32px; text-align:left; font-weight:600; letter-spacing:-0.5px;}
 
/* left_nav over */
#left_nav{float:left; width:240px;}/*overflow:hidden;*/
.leftMenu {float:left; width:240px; }/*overflow:hidden;*/
.leftMenu > li > a{display:block; padding-left:20px; width:218px; height:45px; border-left:1px solid #ddd; border-right:1px solid #ddd; font-family:"Nanum Gothic"; font-size:14px; line-height:45px; font-weight:600; color:#262626; background:#fff;}
.leftMenu > .menu01{list-style:none; border-bottom:1px solid #ddd;}
.leftMenu > li{list-style:none; border-bottom:1px solid #ddd; width:240px; }
.leftMenu > li.last{border-top:0px}
.leftMenu > li > a:hover{color:#fff; font-weight:600; width:220px; border-left:0px; border-right:0px; background:#555 url('../images/left_menu_arrow.png') no-repeat 215px center;}
.leftMenu > li.on > a{color:#fff; font-weight:600; width:220px; border-left:0px; border-right:0px; background:#555 url('../images/left_menu_arrow.png') no-repeat 215px center;}
/* 좌메뉴 over */

/* 서브메뉴 영역 */
/*
.leftMenu .menu04 .gub_sub { background-image:none;}
.leftMenu li .gub_sub {overflow:hidden; height:auto; padding:10px 0; border-top:1px solid #ddd; background:#f3f3f2;}
.leftMenu li .gub_sub li a {display:block; height:25px; padding-left:20px; font-family:"Nanum Gothic"; font-size:14px; line-height:25px; color:#777; text-align:left; background:none;}
.leftMenu li .gub_sub li a:hover {color:#003f0a;}
.leftMenu li .gub_sub li.on a {color:#003f0a;}
*/
/* --- } left_nav 사용시 --- */



#con_total{float:right; width:910px; overflow:hidden;}
#con_title{margin:0 auto; width:910px; height:65px; background:url('../images/title_line.png') repeat-x center bottom;}
/* --- title.php --- */
#title_a_wrap{float:left; margin-top:15px; width:370px; font-family:"Nanum Gothic"; font-size:15px; color:#0765bc; line-height:30px; text-align:left; font-weight:bold; letter-spacing:-0.5px}
#title_a_wrap b{font-size:25px; color:#000; font-weight:600;}

#title_b_wrap{float:right; margin-top:25px; height:30px; width:410px;}/*width:770px;*/
#title_b{font-family:"Nanum Gothic"; font-size:14px; color:#000; line-height:15px; text-align:right; font-weight:500; letter-spacing:-0.2px}
.title_bold{color:#1d609c; font-weight:600;}

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

#sub_con{float:left; margin:60px 0; width:910px;  }

/* bottom div위치조절 */
#bottom_total{margin:0 auto; width:1200px; height:140px; overflow:hidden;}
#bottom_nav{margin:0 auto; width:1200px; height:40px;}
#bottom_nav li {float:left; margin-top:11px; list-style-type:none;}
#bottom_nav li a{display:block; height:13px; padding:0px 10px; border-right:1px solid #fff; font-family:"Nanum Gothic"; font-size:13px; color:#fff; line-height:13px; font-weight:600; letter-spacing:-0.5px;}
#bottom_nav li a:hover{color:#eee; background:none;}
#bottom_nav li a:active{color:#eee; background:none;}
#bottom_nav li.last a{border-right:0px;}

#copy_wrap{margin:0 auto; width:1200px; height:100px; padding-top:15px; overflow:hidden;}
#copy_logo{float:left; width:230px; height:60px; margin-top:5px;}
#copy_text{float:right; width:945px; overflow:hidden; padding:13px 0; font-family:"Nanum Gothic"; font-size:12px; color:#b8b8b8; line-height:22px;}