@charset "utf-8";
@import url("../css/font.css");
@import url("../css/main.css");
@import url("../css/prdshop.css");
@import url("../css/remainder.css");
/* ISTORYBOOK, YES */

/* Reset */
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body{ margin:-20px 0px 0px 0px;padding:0px; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family:'Malgun Gothic','NanumGothic','MoebiusKor',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;font-size:13px;letter-spacing:-1px;color:#383d41;}
body{background-color:#fff;text-align:center;*word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#383d41;text-decoration:none}
a:hover{color:#383d41;text-decoration:underline}
a{outline:none; selector-dummy:expression(this.hideFocus=true);}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{/* border-collapse:collapse;table-layout:fixed; */border-collapse:collapse;border-spacing:0}
@media screen and (-webkit-min-device-pixel-ratio:0){b,strong{font-weight:normal;}}/*safari*/
@-moz-document url-prefix() { b,strong{font-weight:normal;}}/*firefox*/
/* Common */
/* Layout */
body>table{width:100%;height:100%;border:0;border-collapse:collapse;}
body>table>tbody>tr>td{margin:0;padding:0;vertical-align:top;position:relative;}
#wrap{margin-left:-1px;padding:0;}
#column,#wrap,#header,#container,#footer{position:relative;}
.head,.m_contain,.contain,.foot{width:969px;margin:0 auto;text-align:left;position:relative;z-index:1900;}
#column{width:89px;overflow:hidden;background-color:#3c3c3c; border-right:1px solid #2a2a2a;}
.sd_mu{position:absolute;top:0;right:0px;z-index:2000;}
#sd_gui{position:fixed;bottom:0px;right:0px;z-index:2000;}

/* column */
.colum{width:90px;font-size:12px;color:#aaa;text-align:left;font-weight:bold;position:relative;}
.col_nv{margin-top:114px;border-top:1px solid #313131;border-bottom:1px solid #434343;}
.col_nv>a,.col_ad>a>i,.tp_lg{background-repeat:no-repeat;background-image:url(../img/com/column.png);}
.col_nv>a{width:89px;text-align:center;display:block;margin:0;padding:43px 0 17px 0;}
.col_nv>a{color:#aaa;border-top:1px solid #434343;border-bottom:1px solid #313131;}
.col_nv>a:hover{color:#ccc;background-color:#2d2d2d;text-decoration:none;}
.col_nv>a.on{color:#ccc;background-color:#2d2d2d;text-decoration:none;}
.tp_lg{background-position:0px 0px;width:89px;height:80px;border-bottom:1px solid #3c3c3c;overflow:hidden;white-space:nowrap;text-indent:89px;display:block;}
.tp_lg:hover{background-color:#2d2d2d;border-bottom:1px solid #434343;}
.cl_nv1{background-position:0px -80px;}
.cl_nv2{background-position:-89px -80px;}
.cl_nv3{background-position:-178px -80px;}
.cl_nv4{background-position:-267px -80px;}
.cl_nv5{background-position:-356px -80px;}
.cl_nv6{background-position:-445px -80px;}
/* col_ad */
.col_ad{position:fixed;bottom:0px;left:0px;text-align:left;}
.col_ad>a{color:#aaa;text-decoration:none;display:block;width:84px;height:155px;padding:7px 0 0 6px;}
.col_ad>a:hover{background-color:#2d2d2d;border-top:1px solid #434343;}
.col_ad>a:hover>p{color:#ccc;}
.col_ad>a>i{background-position:0px -224px;height:37px;display:block;}
.col_ad>a>p{color:#a1a1a1;line-height:16px;padding-left:2px;}
.col_ad>a>b{font-family:'Ubuntu';font-size:15px;color:#ccc;padding-top:8px;display:block;}
.col_ad>a>strong{font-family:'Ubuntu';font-size:42px;color:#e94b22;}
.col_ad>a>i.ad1{background-position:-40px -150px;width:28px;height:27px;margin-left:3px;}
/* side */
.lg_istory{position:absolute;top:0;left:0px;z-index:2000;}
.lg_istory>a{background-repeat:no-repeat;background-image:url(../img/com/istory.png);}
.lg_istory>a{overflow:hidden;white-space:nowrap;text-indent:100px;margin:11px 0 0 12px;}
.lg_istory>a{background-position:-10px -10px;width:97px;display:block;height:90px;}
/* sd_mu */
.sd_mu{text-align:right;padding:17px 18px 0 0;}
.sd_mu>p{padding-top:16px;}
.sd_mu>a,.sd_mu>span{font-family:'NanumGothicBold';color:#888;font-size:11px;line-height:11px;}
.sd_mu>a:hover{color:#444;text-decoration:none}	
.sd_mu i{overflow:hidden;background-repeat:no-repeat;white-space:nowrap;text-indent:100px;background-image:url(../img/com/sd_mu.png);}
.sd_mu i{width:12px;height:13px;display:inline-block;vertical-align:middle;margin:0 1px 0 10px;}
.sd_mu .sm_i1{background-position:-10px -10px;width:14px;}
.sd_mu .sm_i2{background-position:-35px -10px;}
.sd_mu .sm_i3{background-position:-60px -10px;}
.sd_mu .sm_i4{background-position:-85px -10px;}
.sd_mu .sm_iwonbok{background-position:-10px -50px;width:84px;height:17px;}
/* sd_gui */
.sd_gui{position:relative;background-repeat:no-repeat;background-image:url(../img/com/sd_gui.png);}
.sd_gui{width:241px;height:267px;display:inline-block;text-align:left;margin:0 17px 15px 0;}
.sd_gui>div{font-family:'NanumGothicBold';font-size:12px;color:#666;}
.sd_gui>div>a{color:#666;position:relative;text-decoration:none;}
.sd_gui>div>a:hover,.sd_gui>div>a.on{color:#fff;text-decoration:none;}
.sd_gui>div>a:hover b,.sd_gui>div>a:hover strong,.sd_gui>div>a:hover em{color:#fff;}
.sd_gui>.sg_01{margin:10px 0 9px 1px;}
.sd_gui>.sg_01>a{display:inline-block;text-align:center;margin-left:9px;padding-top:38px;height:38px;}
.sd_gui>.sg_02{line-height:18px;}
.sd_gui>.sg_02>a,.sd_gui>.sg_02>p{display:inline-block;text-align:left;margin:1px 0 0 10px;padding:13px 0 0 50px;width:171px;}
.sd_gui>.sg_02 strong{letter-spacing:0px;color:#464646;font-size:14px;padding-left:8px;}
.sd_gui>.sg_02 b{letter-spacing:0px;color:#464646;padding-left:8px;}
.sd_gui>.sg_02 em{display:block;color:#888;font-size:11px;}
@media screen and (-webkit-min-device-pixel-ratio:0){.sd_gui>.sg_02 b,.sd_gui>.sg_02 strong{font-weight:normal;}}/*safari*/
@-moz-document url-prefix() { .sd_gui>.sg_02 b,.sd_gui>.sg_02 strong{font-weight:normal;}}/*firefox*/
.sd_bt1{background-position:-10px -10px;background-repeat:no-repeat;background-image:url(../img/com/sd_gui.png);width:67px;}
.sd_bt1:hover{background-position:-270px -10px;}
.sd_bt2{background-position:-88px -10px;background-repeat:no-repeat;background-image:url(../img/com/sd_gui.png);width:64px;}
.sd_bt2:hover{background-position:-348px -10px;}
.sd_bt3{background-position:-163px -10px;background-repeat:no-repeat;background-image:url(../img/com/sd_gui.png);width:68px;}
.sd_bt3:hover{background-position:-423px -10px;}	
.sd_bt5{background-position:-10px -159px;background-repeat:no-repeat;background-image:url(../img/com/sd_gui.png);height:31px;}
.sd_bt5:hover{background-position:-270px -159px;}
.sd_bt4{height:49px;}.sd_bt4>em{padding-left:2px;}
.sd_bt6{height:39px;}.sd_bt6>em{padding-left:48px;}

/* header */
.head{text-align:center;}
.istory_title{padding:45px 0 24px 0;font-family:'MoebiusKor';font-size:27px;letter-spacing:-1px;color:#555;font-weight:bold;}
.istory_title>a{color:#555;text-decoration:none;}
.istory_title>a:hover{color:#555;text-decoration:none;}
.istory_nav{ padding-bottom:37px;background-repeat:repeat-x;background-image:url(../img/com/istory_nav_line.png);}
.istory_nav>div{display:inline-block;padding:0 25px;background-color:#fff;}
.istory_nav>div>a{font-family:'NanumGothicBold';font-size:14px;letter-spacing:0px;}
.istory_nav>div>a{display:inline-block;color:#777;padding:5px 26px 5px 26px;margin:0 -2px;}
.istory_nav>div>a:hover{text-decoration:none;color:#333;}
.istory_nav>div>a.on{text-decoration:none;color:#333;}
.istory_nav>div>a>i{background-repeat:no-repeat;background-image:url(../img/com/istory.png);}
.istory_nav>div>a:hover>i{display:block;width:30px;height:28px;background-position:-10px -250px;}
.istory_nav>div>a.on>i{display:block;width:30px;height:28px;background-position:-10px -250px;}

/* footer */
.ft_both{height:35px;display:block;clear:both;}
.foot{text-align:center;color:#666;letter-spacing:-1px;border-top:1px solid #d8d8d8; padding-bottom:35px;}
.foot>.ft_nav{font-family:'NanumGothicBold';font-size:12px;line-height:12px;padding:45px 0 20px 0;}
.foot>.ft_nav>i{margin:0 5px; color:#d6d6d6;}
.foot>.ft_nav>a{color:#666;display:inline-block;padding:0 5px;}
.foot>.ft_nav>a:hover{color:#333;text-decoration:none}
.foot>p{font-family:'NanumGothic';font-size:11px;display:block;line-height:22px;}
.foot>p>i{margin:0 5px; color:#d6d6d6;}
.foot>.copy{font-family:tahoma;font-size:11px;padding-top:15px;letter-spacing:0px;}
.foot>.ST_img>span,.foot .kcp_img>a{background-repeat:no-repeat;background-image:url(../img/com/istory.png);}
.foot>.ST_img>span,.foot .kcp_img>a{overflow:hidden;white-space:nowrap;text-indent:150px;display:block;}
.foot>.ST_img{position:absolute;left:0px;top:98px;}
.foot .kcp_img{position:absolute;right:0;top:63px;}
.foot>.ST_img>span{width:125px;height:18px;background-position:-10px -120px;}
.foot .kcp_img>a{width:58px;height:58px;background-position:-10px -150px;}