@charset "utf-8";
/* NanumGothic */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.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:"NanumGothic","Nanum Gothic"; font-size:13px; color:#333; font-weight:400;}

#wrap{width:100%; overflow:hidden; text-align:left;}
#middle_wrap{width:100%; height:100%; min-height:900px; position:relative;}
#bottom_wrap{width:100%; height:100%;}

#middle_bg{width:100%; height:100%; background:#ddd url('../images/sub_side_bg.jpg') no-repeat right top; position:fixed;}
/* Middle */
#top_main_wrap{float:left; width:1270px; height:100%; min-height:900px;}

#main_banner_wrap{float:left;}
/*main_banner*/
#main_banner{position:relative; width:1270px; left:50%; margin-left:-425px; height:900px;}
.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: #b10000;}
.tinyslide .navigator ul li.active { background: #b10000; -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: 1270px; 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:50%; left:50%; margin-left:-390px;}
.tinyslide figure figcaption.main_copy02{bottom:50%; left:50%; margin-left:-390px;}
.tinyslide figure figcaption.main_copy03{bottom:50%; left:50%; margin-left:-390px;}

.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{width:430px; height:900px; overflow:hidden; position:absolute; top:0; right:0; z-index:100;}
#con_bottom{margin:0 auto; width:430px;}

#main_a{float:left; width:430px; overflow:hidden;}
.main_quick{ margin:0 auto; width:430px; height:450px;}
.main_quick li{float:left;}
.main_quick li a{display:block; height:225px; background:url('../images/main_quick.png') center center;}
.main_quick li.qmb01 a{width:215px; height:225px; background-position:0 top;}
.main_quick li.qmb02 a{width:215px; height:225px; background-position:-215px top;}
.main_quick li.qmb03 a{width:215px; height:225px; background-position:0 bottom;}
.main_quick li.qmb04 a{width:215px; height:225px; background-position:-215px bottom;}
/*
.main_quick li.qmb01 a:hover{width:215px; height:135px; background-position:0 bottom;}
.main_quick li.qmb02 a:hover{width:215px; height:135px; background-position:-400px bottom;}
*/
#main_b{float:left; width:430px; height:235px; background:#fff;}
#main_b_con{margin:20px 0 0 20px; width:390px; height:190px;}
#main_b_title_wrap{float:left; width:390px; height:30px;}
#main_b_title{margin:0px; width:42px; height:27px;}
#main_b_gallery{float:left; margin-top:30px; width:390px; height:130px;}

#main_c{float:left; width:430px; height:215px; background:#f2f3f3;}
#main_c_con{margin:20px 0 0 20px; width:390px; height:175px;}
#main_c_title_wrap{float:left; width:390px; height:30px; position:relative;}
#main_c_title{margin:0px; width:58px; height:26px;}
#main_c_more{position:absolute; top:13px; right:0px; width:40px; height:13px;}
#main_c_notice{float:left; margin-top:10px; padding-top:10px; width:390px; height:135px;}

/* --------------- middle_total -------------- */
#middle_total{float:left; position:relative; width:100%; min-width:1490px; height:100%; overflow:hidden; z-index:50; background:url('../images/left_menu_bg.jpg') repeat-y left top;}/*margin:0 auto;*/

/* --- left_nav 사용시 { --- */
#left_total_wrap{float:left; width:220px; height:100%; min-height:900px; }
#left_total{float:left; width:220px;}
.logo_wrap{float:left; width:220px; height:114px; background:#fff;}
.logo{margin:31px 0 0 18px; width:184px; height:52px;}

/* left_nav over */
#left_nav{width:220px; overflow:hidden;}
.leftMenu {float:left; width:220px; overflow:hidden;}
.leftMenu > li{list-style:none; border-bottom:1px solid rgba(85,0,0,0.3); width:220px;}
.leftMenu > li > a{display:block; padding-left:20px; width:200px; height:50px; font-family:"나눔고딕", "NanumGothic"; font-size:16px; line-height:50px; font-weight:600; color:#fff;}
.leftMenu > li > a:hover{color:#000;}
.leftMenu > li.on > a{color:#000;}
.leftMenu > .menu01{list-style:none; border-top:1px solid rgba(85,0,0,0.3);}/*border-top:1px solid #ddd;*/
.leftMenu > .menu04{border-bottom:0px;}

.leftMenu li .gub_sub {overflow:hidden; height:auto; border-top:1px solid rgba(85,0,0,0.3); padding:10px 0;}/*border-top:1px solid #ddd;*/
.leftMenu li .gub_sub li a {display:block; height:25px; padding-left:20px; font-family:"나눔고딕", "NanumGothic"; font-size:14px; line-height:25px; font-weight:500; color:#fff; text-align:left;}
.leftMenu li .gub_sub li a:hover {font-weight:600;}
.leftMenu li .gub_sub li.on a {color:#000; font-weight:600;}
/* --- } left_nav 사용시 --- */

#left_bottom_nav{position:absolute; bottom:30px; width:220px;}
#copy_txt_wrap{float:left; width:100%;}
#copy_txt{margin:20px 20px 10px; width:180px; font-family:"Nanum Gothic","NanumGothic"; font-size:11px; line-height:16px; color:#c9c9c9;}
#copy_nav_wrap{float:left; width:100%; margin-top:10px;}
#copy_nav{margin:0 auto; width:180px;}
#copy_nav ul {list-style-type:none;}
#copy_nav ul li{float:left; margin-top:5px;}
#copy_nav ul li a{display:block; width:100px; height:14px; font-family:"Nanum Gothic","NanumGothic"; font-size:12px; line-height:14px; color:#fff; font-weight:600; text-align:left;}
#copy_nav ul li a:hover{color:#000;}

#sub_title_wrap{float:left; width:150px; height:100%; min-height:900px; position:relative;}
#sub_title_w{position:fixed; left:220px; top:0; width:149px; height:115px; border-left:1px solid #fff; background:#bd141a;}
#sub_title_a{margin:35px auto 0; font-family:"Nanum Gothic","NanumGothic"; font-size:18px; line-height:24px; color:#fff; text-align:center; font-weight:600; letter-spacing:-0.2px;}
#sub_title_b{margin:0 auto; font-family:"Nanum Gothic","NanumGothic"; font-size:12px; line-height:24px; color:#fed7d7; text-align:center; font-weight:500; letter-spacing:-0.2px;}

#con_total{float:left; width:1030px; height:100%; min-height:900px; overflow:hidden; background:#fff;}
#con_title{margin:0 auto; width:950px; height:115px; background:url('../images/title_line.png') no-repeat center bottom;}
/* title.php */
#title_a_wrap{float:left; margin-top:38px; width:400px; font-family:"Nanum Gothic","NanumGothic"; font-size:15px; line-height:30px; text-align:left; font-weight:bold; letter-spacing:-0.5px}
#title_a_wrap b{float:left; margin-top:9px; font-size:28px; color:#000; font-weight:600;}
#title_b_wrap{float:right; margin-top:50px; width:400px;}/*width:770px;*/
#title_b{float:right; margin-top:23px; font-family:"Nanum Gothic","NanumGothic"; font-size:13px; color:#6b6b6b; line-height:13px; text-align:right; font-weight:500; letter-spacing:-0.3px}
#title_b b{color:#059a08;}

#con{margin:65px auto 20px; width:950px; min-height:650px; overflow:hidden;}
/* --------------------------------------------------------------------------------------------------------------- */