@charset "euc-kr";
/* CSS Document */

/* ³ª´®°íµñ */
@font-face {
    font-family: 'NanumGothic';
    src: url('./font/NanumGothic.eot');
    src: url('./font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('./font/NanumGothic.woff') format('woff'),
         url('./font/NanumGothic.ttf') format('truetype'),
         url('./font/NanumGothic.svg#DaumRegular') format('svg');
    font-weight: normal;
    font-style: normal;	}

*{margin:0; padding:0; font-family:"³ª´®°íµñ","NanumGothic";}
html{width:100%; height:100%; overflow-x:hidden;}
body{width:100%;  font-size:12px; font-family:"³ª´®°íµñ","NanumGothic", dotum,"µ¸¿ò",sans-serif; color:#444; margin:0 auto; text-align:center;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input{margin:0; padding:0}
table{text-align:left;}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{position:absolute; left:-2000%;}
textarea, button{vertical-align:middle;}
input{padding:3px; font-size:11px; color:#b6b6b6;}
select{font-size:13px;}
textarea{padding:3px; vertical-align:middle; background:#fff; border:1px solid #ddd; color:#b6b6b6; font-size:11px; font-family:"³ª´®°íµñ","NanumGothic", dotum,"µ¸¿ò",sans-serif;}
.checkbox{padding:0; border:0;}
.disNone{display:none;}
a{text-decoration:none; color:#777;}
a:hover, a:focus, a:active{text-decoration:none; color:#777;}
strong{font-family:"³ª´®°íµñ","NanumGothic", dotum,"µ¸¿ò",sans-serif; font-weight:bold; color:#444}
option{padding: 2px 5px; font-family:"³ª´®°íµñ","NanumGothic", dotum,"µ¸¿ò",sans-serif;}
/* °£°Ý, ÆùÆ® */
.mt25{margin-top:25px}

/* Á¤·Ä */
.taC{text-align:center}
.taR{text-align:right}
.taL{text-align:left;}

/*  div À§Ä¡Á¶Àý  */
#main_wrap{margin:0 auto; width:100%; text-align:left; overflow:hidden;}
#top_wrap{position:fixed; width:100%; height:145px; left:0; top:0; background-image:url(../images/top.jpg); background-position:top center; background-repeat:repeat-x; z-index:99;}
#top_total{margin:0 auto; width:1000px; height:145px;}
#middle_wrap{margin:0 auto; width:100%; height:745px; padding-top:145px;}
#bottom_wrap{width:100%; height:110px; text-align:left; background-image:url(../images/copy.jpg); background-position:top center; background-repeat:no-repeat;}

#wrap{width:100%; height:100%; text-align:left;}
#sub_top_wrap{margin:0 auto; width:100%; height:100px; background-image:url(../images/top_bg_total.png); background-position:top center; background-repeat:repeat-x;}
#sub_img{margin:0 auto; width:100%; height:230px; padding-top:145px; background-image:url(../images/sub.jpg); background-position:bottom center; background-repeat:no-repeat;}
#sub_img .sub_txt{margin:0 auto; width:1000px; height:230px;}

#sub_cts_total{margin:0 auto; width:100%; overflow:hidden; background-image:url(../images/sub_cts_bg.jpg); background-position:top center; background-repeat:repeat-x;}
#sub_cts{margin:0 auto; width:1000px; overflow:hidden;}
#left_total{float:left; width:250px;}
#cts_total{float:right; width:750px; overflow:hidden;}


/*  top divÀ§Ä¡Á¶Àý  */
#logo{float:left; margin:31px 780px 10px 20px; width:200px; height:49px;}

/* header */
#header {margin:0 auto; min-width:1000px; height:145px; position:relative; z-index:10; background-image:url(../images/top_bg.png); background-position:top center; background-repeat:no-repeat;}
#header .blt{position:absolute; top:113px; left:0; z-index:-1; height:7px;}
#header .blt img{vertical-align:top;}
#header .inner { position:relative; z-index:100; width:1000px; margin:0 auto; }
#header .inner:after {content:" "; display:block; clear:both;}

/* gnb */
#header .inner{position:static;}
#gnb { float:left; width:950px; height:14px; position:static; padding:9px 25px 0 25px;}
#gnb > ul{float:left;}
#gnb:after{content:'';clear:both;display:block;height:0;*+zoom:1;}

#menu01{width:50px;}
#menu02{width:51px;}
#menu03{width:50px;}
#menu04{width:50px;}
#menu05{width:50px;}

#gnb ul li {float:left;}
#gnb ul li.deps1 a {display:block; height:30px; zoom:1; position:relative; z-index:100; font-size:13px; line-height:60px; color:#666666; text-align:center; font-weight:600; font-family: "³ª´®°íµñ", "NanumGothic"; }
#gnb ul li.deps1 a:hover{color:#aaa;}
#gnb ul li.deps1 a:active{color:#aaa;}

#gnb ul li.menu_line{width:1px; height:9px; margin:2px 87px 0 87px;}

#gnb ul ul.deps2{position:relative; height:30px;}
#gnb ul ul.deps2 li{float:left; background:none;}
#gnb ul ul.deps2 >li>a{display:block; padding:0 9px 0 9px; line-height:40px; position:relative; font-size:11px; color:#fff; font-family: "³ª´®°íµñ", "NanumGothic"; font-weight:500;}
#gnb ul ul.deps2 >li>a:hover{color:#fff000; text-decoration:underline;}
#gnb ul ul.deps2 >li>a:active{color:#fff000; text-decoration:underline;}

#gnb ul.stuloan ul.deps2.positionX01{left:6px;}
#gnb ul.stuloan ul.deps2.positionX02{left:42px;}
#gnb ul.stuloan ul.deps2.positionX03{left:394px;}
#gnb ul.stuloan ul.deps2.positionX04{left:442px;}
#gnb ul.stuloan ul.deps2.positionX05{left:742px;}

#gnb ul li div.deps2Wrap{width:100%; height:0px;position:absolute;left:0; z-index:-1; top:112px; *zoom:1; overflow: hidden;}
#gnb ul li div.deps2Wrap ul{margin:0 auto; text-align:center; width:980px;  font-size:12px; font-family:'µ¸¿ò';}
#gnb ul li div.deps2Wrap ul:after{content:"";clear:both;height: 0;display: block;*+zoom:1;}

#gnb ul.stuloan li div.deps2Wrap{display:none;}
#gnb ul.stuloan li div.deps2Wrap ul.deps3{display:none;}
#gnb ul.stuloan {width:990px; position:static; float:left; }

/* MAIN */
#main_foot_total{margin:0 auto; width:1000px; height:215px;}
#main_foot_total ul{list-style-type:none; margin:0; padding:0;}
#main_foot_total li {display:inline; float:left;}
#main_foot_total img{display:inline;}
#main_foot_total .foot2{float:left; width:245px; height:145px;}
#main_foot_total .foot2 a{font-family:"³ª´®°íµñ","NanumGothic"; font-size:11px; color:#777; text-align:left; line-height:24px;}
#main_foot_total .foot2 img{vertical-align:middle;}
#main_foot_total .foot3{float:left; width:330px; height:145px;}
#main_foot_total .foot3 ul{list-style-type:none; margin:0; padding:0;}
#main_foot_total .foot3 li {display:inline; float:left;}

#main_foot_b23{margin:0 auto; width:1000px; height:40px; background-image:url(../images/foot6.jpg); background-position:top center; background-repeat:no-repeat;}
#main_foot_b23 .b23{float:left; width:400px; margin:15px 0 0 100px; height:15px; font-family:"³ª´®°íµñ","NanumGothic"; font-size:12px; color:#666; text-align:left;}
#main_foot_b23 .b23 img{vertical-align:middle;}

/* copy */
#copy_total{margin:0 auto; width:1000px; height:110px;}
#copy_total .copy_logo{float:left; width:155px; height:38px; margin:28px 0 0 70px;}
#copy_total .copy_txt{float:right; margin:30px 70px 0px 0px; width:705px; height:32px; font-family:"³ª´®°íµñ","NanumGothic"; font-size:11px; color:#666; line-height:20px; text-align:right;}
#copy_total .copy_txt a{color:#666;}
#copy_total .copy_txt a:hover{color:#aaa; text-decoration:underline;}

/* left1 ¸Þ´º */
#left_total_nav{float:left; width:250px; height:55px;}

#left1_nav{float:left; width:210px; margin:6px 20px 0px 20px;}
#left1_nav ul {text-decoration: none; list-style-type: none; padding:0px 0 0px 0; background-color:#f4f4f4;}
#left1_nav li {display:block; width:210px; margin:0 0px 0 0px;}
#left1_nav li a{display:block; list-style-type:none; padding:7px 0px 8px 10px; width:200px; height:14px; font-family:"³ª´®°íµñ","NanumGothic"; line-height:18px; font-size:12px; text-align:left; color:#343434; font-weight:600;}
#left1_nav li a:hover {color:#ffffff; background-image:url(../images/left_point.jpg); background-position:top center; background-repeat:no-repeat;}
#left1_nav li a:active {color:#ffffff; background-image:url(../images/left_point.jpg); background-position:top center; background-repeat:no-repeat;}
#left1_nav li{border-bottom:1px dotted #aaa;}

#customer_center{float:left; width:250px; height:185px; background-image:url(../images/cc.jpg); background-position:top center; background-repeat:no-repeat;}
#customer_center img{float:left; width:190px; height:20px; margin:145px 0 0 30px;}

/* sub contents */
#sub_title_total{float:right; width:750px; height:55px; background-image:url(../images/title.jpg); background-position:top center; background-repeat:no-repeat;}
#sub_title_total .sub_title_txt2{float:right; width:730px; height:14px; padding:34px 20px 0px 0px; font-family: "³ª´®°íµñ","NanumGothic"; font-size:12px; text-align:right; color:#888;}
#sub_title_total .sub_title_txt2 a{color:#888;}
#sub_title_total .sub_title_txt2 a:hover{color:#333333; text-decoration:underline;}
#sub_title_total .sub_title_txt2 a:active{color:#333333; text-decoration:underline;}
#sub_title_total .sub_title_txt2 .st1{font-family: "³ª´®°íµñ","NanumGothic"; font-size:12px; color:#333333; font-weight:600;}
#sub_title_total .sub_title_txt2 img{margin:2px 5px 0 0;}

#cts {float:right; width:750px; overflow:hidden;}
#cts_map{float:left; width:710px; margin:50px 20px 0px 20px;}
#cts_map2{float:left; width:710px; margin:10px 20px 0px 20px;}
#cts_board{float:left; width:710px; margin:50px 20px 40px 20px;}
#cts_pyo{float:left; width:710px; margin:0px 20px 50px 20px;}


/* MAIN IMG */
#main_top_wrap{width:100%; height:490px; overflow:visible; min-width:1000px;}
.border_box {position:absolute; z-index:1; width:2200px; height:490px; top:145px; left:50%; margin-left:-1100px;}

.box_skitter {position:relative; width:2200px; height:490px; }
.box_skitter ul {display:none;}
.box_skitter .container_skitter {overflow:hidden;position:relative;}
.box_skitter .image {overflow:hidden;}
.box_skitter .image img {display:none;}

.box_skitter .box_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
.box_skitter .box_clone img {position:absolute;top:0;left:0;z-index:20;}

.box_skitter .prev_button {position:absolute; top:195px;left:600px;z-index:100;width:92px;height:143px;overflow:hidden;text-indent:-9999em; background:url(../images/img/prev.png) no-repeat left top;}
.box_skitter .next_button {position:absolute; top:195px;right:600px;z-index:100;width:92px;height:143px;overflow:hidden;text-indent:-9999em; background:url(../images/img/next.png) no-repeat left top;}

.box_skitter .info_slide {position:absolute;top:15px;left:15px;z-index:100;background:#000;color:#fff;font:bold 11px arial;padding:5px 0 5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;opacity:0.75;}
.box_skitter .info_slide .image_number {background:#333;float:left;padding:2px 10px;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.box_skitter .info_slide .image_number_select {background:#cc0000;float:left;padding:2px 10px;margin:0 5px 0 0;}

.box_skitter .container_thumbs {position:relative;overflow:hidden;height:50px;}
.box_skitter .info_slide_thumb {-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;overflow:hidden;height:45px;top:auto;bottom:-5px;left:-5px;padding:5px;opacity:1.0;}
.box_skitter .info_slide_thumb .image_number {overflow:hidden;width:70px;height:40px;position:relative;}
.box_skitter .info_slide_thumb .image_number img {position:absolute;top:-50px;left:-50px}

.box_skitter .box_scroll_thumbs {padding:0 10px;}
.box_skitter .box_scroll_thumbs .scroll_thumbs {position:absolute;bottom:60px;left:50px;background:#ccc;background:-moz-linear-gradient(-90deg, #555, #fff);background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;cursor:pointer;border:1px solid #333;}

.box_skitter .info_slide_dots {position:absolute;bottom:-40px;z-index:100;padding:5px 0 5px 5px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
.box_skitter .info_slide_dots .image_number {background:#333;float:left;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;width:18px;height:18px;text-indent:-9999em;overflow:hidden;}
.box_skitter .info_slide_dots .image_number_select {background:#cc0000;float:left;margin:0 5px 0 0;}

.box_skitter .label_skitter {z-index:150;position:absolute;bottom:0px;left:0px;display:none;}

.loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(../images/img/ajax-loader.gif) no-repeat left top;width:32px;height:32px;}