/* Common */
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

body {width:100%; height:100%; margin:0; padding:0; vertical-align:top; background:#fff; text-align:left; font-family:Nanum Gothic,'Arial','Apple SD Gothic',Verdana,'µ¸¿ò', Dotum; font-size:13px; letter-spacing:0; color:#555; line-height:16px; }

header, footer {display:block; width:100%; margin:0; padding:0;}
div, p, ol, ul, li, img, a, h1, h2, h3, h4, h5, h6, form, span, iframe, dl, dt, dd {margin: 0px; padding:0px; }
a {text-decoration:none; color:#555;}
li {list-style:none;}
div {margin:0; padding:0;}
table, th, td {margin:0; padding:0; border:0; border-spacing:0; border-collapse:collapse;}
img {border:0; font-size:0; line-height:0; margin:0; padding:0;}
form, fieldset{margin:0; padding:0; border:none;}
.none, caption ,legend{display:none;}
textarea {border:1px solid #d5d5d5; resize:none; width:auto; padding:10px; font-size:13px; }
input, button, textarea, select {font:normal 13px/150% Nanum Gothic,'Arial','Apple SD Gothic',Verdana,'µ¸¿ò', Dotum;}


.left {float:left;}
.right {float:right;}
.t_left {text-align:left;}
.t_right {text-align:right;}
.t_center {text-align:center;}

.normal {font-weight:normal;}
.bold {font-weight:bold;}

.clear {clear:both;}
.cur {cursor: pointer;}
.overflow_h {overflow:hidden;}
.ls0 {letter-spacing:0;}

.block {display:block;}
.inline {display:inline;}

.v_top {vertical-align:top;}
.v_middle {vertical-align:middle;}
.v_bottom {vertical-align:bottom;}
.p_l5 {padding-left:5px;}
.i_star {color:#ff0000; font-weight:bold; margin-right:3px;}
.f_col_g {color:#868686; font-size:12px;}
.btnbox {text-align:right; margin:15px 0 0 0;}
.drag{position:absolute}

h1 {margin:0; padding:0; font-size:0; display:block;}
h2 {font-weight:bold; letter-spacing:-1px; word-break:break-all;}
h5 {font-size:13px; color:#666; margin:30px 0 15px 0; float:right;}


input[type=text], input[type=password] {border:1px #d5d5d5 solid; padding:2px 5px; height:20px; line-height:20px;} 
input[type=radio] {position:relative; top:2px;}
input[type=checkbox] {position:relative; top:2px;}
input[type=file] {height:20px; line-height:20px;}


#allwrap {width:100%; margin:0; background:#fff; text-align:center; position:relative;}


/**************************************************************»ó´Ü¿µ¿ª****************************************************************/
header {width:100%; position:absolute; top:0; background:url(../img/top_allbg.png) left top repeat-x; height:100px; z-index:50000;}


/*Logo*/

#topallbox {width:1100px; margin:0 auto; padding:0; height:100px; position:relative; }
#logo {width:160px; height:100px; line-height:100px; font-size:0; line-height:0; margin:0; padding:0; text-align:left; float:left;}




/*GNB_»ó´Ü¸Þ´º*/
#gnb{position:relative; width:565px;  margin:0; padding:0; float:right;}
#gnb .gnbDiv {width:565px; margin:0; padding:0; }
#gnb .gnbDiv a {display:block; width:145px; height:43px;}
#gnb .gnbDiv a.one {position:absolute; top:26px; padding:0; width:145px; text-align:center;}
#gnb .gnbDiv a.one.fir{left:0;}
#gnb .gnbDiv a.one.sec{left:145px;}
#gnb .gnbDiv a.one.thr{left:290px;}
#gnb .gnbDiv a.one.for{left:468px;}


#gnb .gnbDiv .twoD{padding:0; position:absolute; border-top:2px #333 solid; background:#fff; top:100px; text-align:left;}
#gnb .gnbDiv .twoD.fir{left:-10px; display:block;}
#gnb .gnbDiv .twoD.sec{left:155px; display:none;}
#gnb .gnbDiv .twoD.thr{left:320px; display:none;}
#gnb .gnbDiv .twoD.for{left:612px; display:none;}

#gnb .gnbDiv .twoDbody{width:115px; padding:20px 0 20px 20px; min-height:10px; }
#gnb .gnbDiv .twoD a{margin:0; padding:0; color:#000; font-size:12px; height:24px; line-height:24px;}
#gnb .gnbDiv .twoD a:first-child{margin:0; padding:0;}
#gnb .gnbDiv .twoD a:hover{margin:0; padding:0; color:#6a2d08; text-decoration:none; }




/**************************************************************¿ÞÂʸ޴º¿µ¿ª****************************************************************/
/*SNB*/
#snbwrap {width:225px; float:left; margin:0; padding:0 0 80px 0;}
#snbwrap h1 {width:181px; height:83px; color:#454444; font-size:26px; font-weight:bold; letter-spacing:-1px; margin:0; padding:35px 0 0 5px; text-align:left;}
#snbwrap .h1span {display:block; margin:12px 0 0 0; padding:0;  font-size:12px; font-weight:normal; letter-spacing:0; color:#bdbcbc; line-height:15px;}
#snbwrap .l_menu {margin:0; padding:0;}
#snbwrap .l_menu li {width:180px; height:40px; line-height:40px; background:url(../img/leftmenu_orbg.gif) left top no-repeat; margin:0x; padding-left:16px; font-size:13px; cursor: pointer;}
#snbwrap .l_menu li:hover {height:40px; line-height:40px; color:#ec0b43;}
#snbwrap .l_menu .on {color:#fff; font-weight:bold; background:url(../img/leftmenu_ovbg.gif) left top no-repeat;}
#snbwrap .l_menu .on:hover {color:#fff;}



#snbwrap .l_banbox {width:196px; margin:70px 0 40px 0;}
#snbwrap .l_banbox li {margin-bottom:10px; font-size:0; line-height:0;}

#snbwrap .l_cusbox {width:196px; margin:0;}
#snbwrap .l_cusbox .ti {margin:0; padding:0;}
#snbwrap .l_cusbox .cusnum {padding:10px 0; font-family:Tahoma,sans-serif; font-size:27px; letter-spacing:-1px; color:#3b3b3b; font-weight:bold; line-height:30px;}
#snbwrap .l_cusbox .cusemail {text-align:left; padding:0; font-family:Tahoma,sans-serif; font-size:13px; color:#868686; line-height:18px;}
#snbwrap .l_cusbox .custxt {margin:0; padding:5px 0; color:#868686; font-size:11px; text-align:left;}
#snbwrap .l_cusbox .cusemail a {color:#868686;}




/**************************************************************ÇÏ´Ü¿µ¿ª****************************************************************/
footer {clear:both; background:#f4f4f4 url(../img/bot_allbg.gif) left top repeat-x; height:150px;}
#footerwrap .copybox {width:1100px; margin:0 auto; padding:0; clear:both; position:relative;}
#footerwrap .anp_copynavy {width:540px; float:left;}
#footerwrap .anp_copynavy li {float:left; color:#666; font-size:12px; margin:13px 10px 0 0; padding:0 10px 0 0; background:url(../img/copy_se.gif) right 3px no-repeat;letter-spacing:-1px;}
#footerwrap .anp_copynavy .last {background:none;}
#footerwrap .copybox select {float:left; border:1px #c3c3c3 solid; height:22px; line-height:22px; color:#868686; margin-top:9px; padding-left:5px;}
#footerwrap .anp_sns {float:left; margin:6px 10px 0 0; padding:0;}
#footerwrap .anp_sns li {float:left; margin:0 4px 0 0; padding:0; line-height:0; font-size:0;}
#footerwrap .botbtn {float:left; margin:1px 0 0 10px;}

#footerwrap h1 {float:right; margin:40px 0 0 0;}
#footerwrap .copytxt {float:left; margin:25px 0 0 0; padding:0;}
#footerwrap address {margin:0; padding:0; text-align:left; clear:both; font-style:normal; line-height:18px; color:#7f7f7f; font-size:12px;}
#footerwrap address span {color:#e5e5e5; margin:0 5px;}
#footerwrap .copy_p {clear:both; margin:0; padding:5px 0 0 0; line-height:18px; text-align:left; color:#b5b5b5;}





/**************************************************************Äü¿µ¿ª****************************************************************/
#quick { position:absolute; top:285px; right:50%; margin-right:-670px; width:78px;  z-index:100000;}
#quick ul {margin:0 0 5px 0; padding:0; width:78px; border:1px #e8e8e8 solid; border-top:2px #333 solid;}
#quick li {display:block; width:78px; height:78px; margin:0; padding:0; border-bottom:1px #e8e8e8 solid; text-align:center;}
#quick span {font-size:11px; color:#666; display:block; padding:53px 0 0 0;}
#quick .q_01 {background:url(../img/q_ban01.gif) center top no-repeat;}
#quick .q_02 {background:url(../img/q_ban02.gif) center top no-repeat;}
#quick .q_03 {background:url(../img/q_ban03.gif) center top no-repeat;}
#quick .q_04 {background:url(../img/q_ban03.gif) center top no-repeat;}
#quick .topbtn {text-align:center; margin:0; cursor: pointer;}



#btnbox {margin:30px 0; padding:0; overflow:hidden;}