@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{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;}

/* div위치조절 */
#wrap{margin:0 auto; width:100%; overflow:hidden; text-align:left; min-width:1200px; }
#top_wrap{margin:0 auto; width:100%; overflow:hidden; background:url(../images/nav_bg.jpg) repeat-x center top; border-bottom:1px solid #005bab;}
#middle_wrap{margin:0 auto; width:100%; overflow:hidden;}
#bottom_wrap{margin:0 auto; width:100%; height:160px; background:url(../images/copy_bg.jpg) repeat-x center top;}

/* top div위치조절 */
#top_total{margin:0 auto; position:relative; width:1200px; height:120px;}

#logo{ position:absolute; top:40px; left:20px; width:180px; height:50px; }

#login{float:right; width:500px; height:20px; margin:10px 20px 30px 0;}
#login li{float:right; margin-left:20px;}
#login li a{display:block; height:20px; font-family:"NanumGothic","Nanum Gothic"; font-size:12px; line-height:20px; color:#999999; }
#login a:hover{color:#00a3de;}

#top_nav{position:relative; clear:both; width:100%; height:60px; font-family:"NanumGothic","Nanum Gothic"; font-size:15px; font-weight:600; line-height:45px; color:#999999;}
#top_nav a{font-family:"NanumGothic","Nanum Gothic"; width:100%; height:60px; font-size:16px; line-height:45px; color:#333; display:block;}
#top_nav a:hover{color:#005bab;}
ul#gnbArea{float:right; margin:0 0 0 0; height:60px; }
ul#gnbArea > li{float:left;	height:60px; text-align:center;}
ul#gnbArea > li#tmenu01{width:150px;}
ul#gnbArea > li#tmenu02{width:150px;}
ul#gnbArea > li#tmenu03{width:150px;}
ul#gnbArea > li#tmenu04{width:150px;}
ul#gnbArea > li#tmenu05{width:150px;}
ul#gnbArea > li > div > a{display:block;}
ul#gnbArea > li > ul{list-style:none; padding-top:10px; display:block;}
ul#gnbArea > li:hover > ul{list-style:none;}
ul#gnbArea > li > ul > li{text-align:center; }
ul#gnbArea > li > ul > li > a{display:block; font-size:13px; font-weight:400; height:20px; line-height:16px; color:#555; display:block; letter-spacing:-0.05em; padding:4px 0 4px 0;}
	
/*배너*/
#banner {width:100%; height:520px; position:relative; overflow:hidden; text-indent:-5000px;}
#banner .d_imgSet{position:relative}
#banner .d_imgSet li{position:absolute;width:100%;height:520px;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:480px;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:200px;cursor:pointer;z-index:10; text-indent:0px;}
#banner .d_next{position:absolute;right:-100px;top:200px;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;}

#main_con_total{margin:50px auto; width:100%; overflow:hidden;}
#main_a{float:left; position:relative; width:320px; height:160px; padding:0 49px 0 0; border-right:1px solid #ddd; margin:0 0 0 20px;}
#main_b{float:left; position:relative; width:320px; height:160px; padding:0 49px 0 0; border-right:1px solid #ddd; margin:0 0 0 50px;}
#main_c{float:left; position:relative; width:320px; height:160px; margin:0 0 0 50px;}
#main_c .main_con{ background:url('../images/qrcode.jpg') no-repeat 225px 0;}
.main_title{width:100%; height:25px; text-align:left; font-family:"Nanum Gothic"; font-weight:700; font-size:20px; line-height:25px; color:#111;}
.main_txt{width:100%; height:20px; margin:0 0 15px 0; text-align:left; font-family:"Nanum Gothic"; font-weight:400; font-size:13px; line-height:20px; color:#888;}
.main_con{width:100%; height:100px;}
.main_con a{font-family:"NanumGothic","Nanum Gothic"; font-size:13px; line-height:25px;}
.more_btn{ position:absolute; z-index:100; left:303px; top:3px; width:17px; height:17px;}
.cus_total{display:block; overflow:hidden;}
.cus_total .cus_title{float:left; display:block; width:18%; font-family:"Nanum Gothic"; font-weight:400; font-size:13px; line-height:25px; color:#555;}
.cus_total .cus_con{float:left; display:block; width:82%; font-family:"Nanum Gothic"; font-weight:400; font-size:13px; line-height:25px; color:#222;}
.cus_total .cus_con.cus_text1{font-weight:700; font-size:20px; color:#ef1926;}
.cus_total .cus_con.cus_text2{font-weight:700; font-size:20px; color:#222;}

.main_qmenu{margin:0 auto; width:1160px; height:100px;}
.main_qmenu li{float:left; margin-right:10px;}
.main_qmenu li a{display:block; width:100px; height:100px; background:url(../images/qmenu.png) repeat-x; text-indent:-5000px;}
.main_qmenu li#qmenu01 a{background-position:0 top;}
.main_qmenu li#qmenu02 a{background-position:-110px top;}
.main_qmenu li#qmenu03 a{background-position:-220px top;}
.main_qmenu li#qmenu01 a:hover{background-position:0 bottom;}
.main_qmenu li#qmenu02 a:hover{background-position:-110px bottom;}
.main_qmenu li#qmenu03 a:hover{background-position:-220px bottom;}
.main_qmenu li#qmenu03{margin-right:0;}


/* bottom div위치조절 */
#bottom_total{margin:0 auto; width:1200px; height:280px; padding: 0 0 0 0; }
#copy_logo{float:left; width:60px; height:60px; margin:25px 20px 0 20px;}
#copy_text{float:left; text-align:left; width:650px; height:60px; padding-left:20px; margin:25px 0 0 0; border-left:1px solid #5c5c5c;  font-family:"NanumGothic","Nanum Gothic"; font-size:12px; line-height:18px; color:#aaa;}
#copy_link{float:right; width:409px; height:20px; margin:25px 20px 0 0;}
#copy_link a{float:right; margin-left:10px; display:block; font-family:"NanumGothic","Nanum Gothic"; font-weight:600; font-size:12px; line-height:20px; color:#ccc;}
#copy_link a:hover{color:#fff;}



#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 20px;}
#left_title{float:left; width:220px; height:100px; margin-bottom:15px; background:url('../images/left_titlebg.jpg') no-repeat;}
.left_txt1{width:220px; height:30px; margin:0 0 0 0 ; text-align:center; font-family:"NanumGothic","Nanum Gothic"; font-size:25px; line-height:30px; color:#fff; font-weight:600;}
.left_txt2{width:220px; height:15px; margin:25px 0 0 0 ; text-align:center; font-family:"NanumGothic","Nanum Gothic"; font-size:11px; line-height:15px; color:#fff; font-weight:400;}
#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:190px; overflow:hidden; padding:10px 0 10px 30px; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; line-height:20px; color:#555; font-weight:600; border-bottom:1px solid #ddd; background:#f1f1f1;}
#left_nav ul li a:hover{color:#005bab;}
#left_nav ul li.on a{color:#fff; background:url('../images/left_over.jpg') no-repeat;}

#left_nav ul li ul { padding:5px 0 10px 0; border-bottom:1px solid #ddd; display:block;}
#left_nav ul li ul li{list-style-type:none; width:220px; overflow:hidden; border:0;}
#left_nav ul li ul li a{display:block; width:180px; overflow:hidden; padding:0 0 0 40px; font-family:"NanumGothic","Nanum Gothic"; font-size:12px; line-height:25px; color:#555; font-weight:400; background:none; border:0;}
#left_nav ul li ul li a:hover{color:#005bab; background:none;}
#left_nav ul li.on ul li.on a{color:#005bab; background:none;}
#left_nav ul li.on ul li a{ color:#555; background:none;}

#sub_cus{float:left; width:220px; overflow:hidden;}

#con_total{float:right; width:900px; overflow:hidden; margin:0 20px 0 0;}
#con_title{float:left; width:900px; height:100px; margin:0 0 50px 0; border-bottom:1px solid #ddd;}
#title_a{float:left; width:450px; height:40px; text-align:left; margin:40px 0 0 0; font-family:"NanumGothic","Nanum Gothic"; font-size:30px; line-height:40px; color:#333;}
#title_b{float:right; width:450px; height:30px; text-align:right; margin:50px 0 0 0; font-family:"NanumGothic","Nanum Gothic"; font-size:12px; 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:"NanumGothic","Nanum Gothic"; 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:"NanumGothic","Nanum Gothic"; font-size:12px; line-height:15px; font-weight:400; color:#888;}

#con{float:left; width:900px; min-height:400px; overflow:hidden; margin:0 0 50px 0;}