@charset "utf-8";


/* html 엘리먼트 속성 초기화 */h1,h2,h3,h4,h5,h6 {margin:0;font-size:1em}
p,ul,ol,li,dl,dt,dd,form,fieldset {margin:0;padding:0;font-size:100%}
ul,ol,li {font-size:100%;list-style:none}
table {width:100%;border-collapse:collapse;table-layout:fixed;font-size:100%;border-spacing:0}
legend {visibility:hidden;overflow:hidden;width:0;height:0;background-color:transparent;font-size:0;line-height:0}
caption {visibility:hidden;overflow:hidden;width:0;height:0;background-color:transparent;font-size:0;line-height:0;text-indent:-9999em}
img {border:0 none;font-size:0;line-height:0}
input,select,textarea {margin:0;padding:0}

html{width:100%}
html,body{height:100%;line-height:1;font-family:'돋움',Dotum,AppleGothic;font-size:12px;color:#333}

/* 그외 초기화 */
body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,header,hgroup,footer,nav,section,article,aside,figure,video,audio{margin:0;padding:0;border:0}
em,address {font-style:normal}
hr {display:none}

a{display:inline-block;color:#333;text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}

select,textarea,input,label,img,button{vertical-align:middle}
table td {word-wrap:break-word;word-break:break-all}
button {border:0;background-color:transparent;cursor:pointer}
input[type=radio], input[type=checkbox] {width:13px;height:13px;}
.input_txt, textarea {padding:1px 4px 0;border:1px solid #ccc;font-size:11px;color:#898989;line-height:16px;}
.input_txt {height:17px;}
.select {height:20px;border:1px solid #ccc;font-size:11px;color:#898989;}

/* align */
.f_left {float:left !important}
.f_right {float:right !important}
.c_both {clear:both !important}
.c_both:after {clear:both;display:block;content:''}
.t_left {text-align:left !important}
.t_center {text-align:center !important}
.t_right {text-align:right !important}
.v_top {vertical-align:top !important}
.v_middle {vertical-align:middle !important}
.v_bottom {vertical-align:bottom !important}
.d_block {display:block;}
.hide {display:none !important}
.show {display:inline-block !important}
.ovh {overflow:hidden;}

.line18 {line-height:18px;}


/* margin */
.mgt0 {margin-top:0 !important}
.mgt5 {margin-top:5px !important}
.mgt10 {margin-top:10px !important}
.mgt15 {margin-top:15px !important}
.mgt20 {margin-top:20px !important}
.mgt25 {margin-top:25px !important}
.mgt30 {margin-top:30px !important}
.mgt35 {margin-top:35px !important}
.mgt40 {margin-top:40px !important}
.mgt45 {margin-top:45px !important}
.mgt50 {margin-top:50px !important}
.mgt65 {margin-top:65px !important}
.mgt70 {margin-top:70px !important}

.mgt75 {margin-top:75px !important}
.mgt80 {margin-top:80px !important}
.mgl0 {margin-left:0 !important}
.mgl10 {margin-left:10px !important}
.mgr20 {margin-right:20px !important}
.mgl30 {margin-left:30px !important}
.mgb0 {margin-bottom:0 !important}
.mgb25 {margin-bottom:25px !important}
.mgb55 {margin-bottom:55px !important}
.mgb60 {margin-bottom:60px !important}
.mgb65 {margin-bottom:65px !important}
.mgb75 {margin-bottom:75px !important}

/* padding */
.pd0 {padding:0 !important}
.pd5 {padding:5px !important}
.pd14 {padding:14px !important}
.pd20 {padding:20px !important}
.pdb10 {padding-bottom:10px !important}

/* font */
.bold {font-weight:bold !important}
.normal {font-weight:normal !important}
.fs11 {font-size:11px !important}
.fs12 {font-size:12px !important}
.fs18 {font-size:18px !important}

/* color */
.point01 {color:#ff7b08 !important}
.point02 {color:#dd0000 !important}
.point03 {color:#333 !important}
.point04 {color:#666 !important}
.c_gray {color:#b7b7b7 !important}

/* etc */
.hidden_obj{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;visibility:hidden;font-size:0;line-height:0}
.clear:after{content:'';display:block;clear:both;height:0;font-size:0;visibility:hidden;}

.tit_h2 { color: #4f4f4f;font-family: '맑은고딕',Malgun Gothic;font-size: 20px;font-weight: bold; }
.tit_h3 { color: #4f4f4f;font-family: '맑은고딕',Malgun Gothic;font-size: 20px;font-weight: bold; }

/* list */
ul.list_type01 li, p.list_type01 {padding-left:10px;line-height:2;background:url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/ico_bl.gif) no-repeat 0 5px}
ul.list_type01 li a {overflow:hidden;display:block;width:205px;white-space:nowrap;word-wrap:normal;-o-text-overflow:ellipsis;text-overflow:ellipsis;-moz-binding:url('ellipsis-xbl.xml#ellipsis');color:#999}
ul.list_type02 > li {padding-left:7px;background:url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/ico_dot02.gif) no-repeat 0 7px;font-size:11px;color:#898989;line-height:18px;}
ul.list_type03 > li {margin-bottom:18px;padding-left:10px;background:url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/ico_hyphen.gif) no-repeat 0 7px;font-size:11px;color:#898989;line-height:18px;}

/* board */
.bbs_search {margin:25px 0 10px; text-align:right;}
.bbs_search * {vertical-align:top;}

.bbs_list01 {border-collapse: separate;}
.bbs_list01 thead {}
.bbs_list01 thead th {padding:11px 0;color:#646464;font-size:11px;line-height:16px;border:solid #eaeaea;border-width:1px 0;background:#f5f5f1;}
.bbs_list01 thead th.fir {border-width:1px 0 1px 1px;}
.bbs_list01 thead th.last {border-width:1px 1px 1px 0;}
.bbs_list01 tbody td {padding:17px 0;color:#898989;font-size:11px;line-height:16px;text-align:center;border-bottom:1px solid #eaeaea;}
.bbs_list01 tbody td a {color:#898989;}
.bbs_list01 tbody tr.conts {display:none;}
.bbs_list01 tbody tr.conts.on {display:table-row;}
.bbs_list01 tbody tr.conts td {padding:0 0;text-align:left;background:#f5f5f1;}
.bbs_list01 tbody tr.conts td .txt {padding:20px 30px;line-height:18px;border-top:1px solid #fff;border-bottom:1px solid #fff;}
.bbs_list01 tfoot td {padding:11px 20px;border-bottom:1px solid #eaeaea;background:#f5f5f5;text-align:right;color:#343434;}
.bbs_list01 .t_left {padding-left:30px;}

.table01 tbody th {padding:17px 24px;border:1px solid #eaeaea;background:#f5f5f1;text-align:left;font-size:11px;color:#646464;line-height:16px;}
.table01 tbody td {padding:17px 35px 17px 21px;border:1px solid #eaeaea;color:#898989;font-size:11px;line-height:16px;}
.table02 {border-top:2px solid #3d3d3d;font-size:11px;line-height:16px;}
.table02 thead th {padding:10px 0;color:#646464;border-bottom: 1px solid #eaeaea;background:#f5f5f1;}
.table02 tbody th {padding:10px 0 10px 18px;color:#646464;text-align:left;border-bottom:1px solid #eaeaea;background:#f5f5f1;font-weight:normal;}
.table02 tbody td {padding:10px 20px;color:#898989;border-bottom:1px solid #eaeaea;}
.table02.t_center tbody td {padding:17px 0;text-align:center;}

.table02.cash {border-collapse:separate;border:1px solid #a31112}
.table02.cash th {padding:5px;border-left:1px solid #eaeaea}
.table02.cash td {padding:5px;border-left:1px solid #eaeaea}
.table02.cash th + td {border-left:0}
.table02.cash td + th {border-left:1px solid #eaeaea}
.table02.cash td.t_center {padding:0}
.table02.cash.t_center th {text-align:center}
.table02.cash.t_center td {padding:5px}
.table02.cash tr.tfoot th {border-bottom:1px solid #eaeaea;background:#f5f5f5}
.table02.cash tr.tfoot td {border-bottom:1px solid #eaeaea;background:#f5f5f5}


.table02 input[type=checkbox] {vertical-align:middle}
.table02 input[type=checkbox] + * {position:relative;top:1px;}


.table03 {}
.table03 thead th {padding:10px 0;color:#fff;line-height:18px;border:1px solid #eaeaea;background:#424242;}
.table03 tbody td {height:42px; padding:9px 0;color:#898989;font-size:11px;line-height:14px;text-align:center;border:1px solid #eaeaea;}
.table04 {border-top:1px solid #e6e4e5;font-size:11px;line-height:16px;font-family:'Malgun Gothic';}
.table04 tbody th {padding:8px 0 8px 18px;border-bottom:1px solid #e6e4e5;background:#f7f7f7;text-align:left;font-weight:normal;color:#646464;}
.table04 tbody td {padding:8px 20px;border-bottom:1px solid #e6e4e5;border-left:1px solid #e6e4e5;color:#898989;}
.table05 {padding:13px; border:1px solid #ebeaea;background:#f8f8f8;}
.table05 tbody th {font-size:11px; text-align:right;}
.table05 tbody td {padding:3px 0 3px 20px;}

.no_data {padding:30px 0 !important;text-align:center !important;}
.br {margin-top: 8px;}

/* btn */
.btn_area a {vertical-align:top;}
.btn_type01 {display:inline-block;height:20px;padding:0 10px 0 9px;background:#4f4f4f;text-align:center;font-size:11px;color:#fff !important;line-height:21px;vertical-align:top;}
.btn_type02 {display:inline-block;height:18px;padding:0 10px 0 9px;border:1px solid #c3c3c3;text-align:center;font-size:11px;color:#898989;line-height:19px;}
.btn_type02:hover, .btn_type02:focus {border:1px solid #4f4f4f;background:#4f4f4f;color:#fff;}
.btn_type03 {display:inline-block;width: 135px;height:53px;background:#4f4f4f;text-align:center;font-size:11px;font-weight:bold;color:#fff;line-height:55px;}
.btn_type04 {display:inline-block;width: 133px;height:53px;border:1px solid #ddd;background:#fff;text-align:center;font-size:11px;font-weight:bold;color:#707070;line-height:55px;}
.btn_type05 {display:inline-block;height:18px;padding:0 10px 0 9px;border:1px solid #c3c3c3;text-align:center;font-size:11px;color:#898989;line-height:18px;}
.btn_type06 {padding-left:11px;background:url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/ico_more_2.gif) #4f4f4f no-repeat 100% 50%;color:#fff;line-height:19px;}
.btn_type06 span {display:inline-block;height:19px;padding-right:28px;line-height:20px;}
.btn_type07 {display:inline-block;min-width:65px;height:39px;margin:0 3px;padding:0 30px 0 13px;color:#fff;font-size:11px;line-height:39px;text-align:left;background:url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/ico_more_3.gif) #4f4f4f no-repeat 100% 50%;}
.btn_type08 {width:135px;height:18px;padding:0 0 0 12px;border:1px solid #dbdbdb;background:url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/ico_bl05.gif)no-repeat 125px 50%;text-align:left;font-size:11px;color:#666;line-height:18px;}
.btn_type09 {height:30px;padding:0 22px 0 21px;background:#383838;font-size:11px;color:#fff;line-height:30px;}
.btn_type10 {height:20px;overflow:hidden;padding:0 53px 0 12px;background:url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/ico_member.gif) #4f4f4f no-repeat 92% 50%;color:#fff;vertical-align:top;}
.btn_type10 span {display:inline-block;height:20px;line-height:21px;}
.btn_type11 {width:100px;height:40px;border:1px solid #4c4c4c;background:#424242;text-align:center;line-height:40px;color:#fff;}
.btn_type12 {width:100px;height:40px;border:1px solid #dedede;background:#fff;text-align:center;line-height:40px;color:#707070;}


/* paging */
.paging {width:100%;height:24px;margin-top: 28px;text-align:center;}
.paging ul {display:inline;}
.paging ul li {display:inline;}
.paging ul li a {display:inline-block;width:22px;height:22px;border:1px solid #eaeaea;text-align:center;color:#868686;line-height:22px;background-color:#fff}
.paging ul li.active a, .paging ul li a:hover, .paging ul li a:focus {border:1px solid #4f4f4f;background:#4f4f4f;color:#fff;}
.paging > a {display:inline-block;overflow:hidden;vertical-align:top;font-size:0;}
.paging .prev {background:url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/ico_prev.gif) no-repeat center center;}
.paging .next {background:url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/ico_next.gif) no-repeat center center;}
.paging .prev02 { border:1px solid #eaeaea;background:url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/ico_prev02.gif) no-repeat center center;}
.paging .next02 { border:1px solid #eaeaea;background:url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/ico_next02.gif) no-repeat center center;}
.paging .first { border:1px solid #eaeaea;background:url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/ico_first.gif) no-repeat center center;}
.paging .last { border:1px solid #eaeaea;background:url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/ico_last.gif) no-repeat center center;}

/* 탭메뉴 */
.tab1 {margin:30px 0 25px;}
.tab1 ul {overflow:hidden;}
.tab1 ul li {float:left;margin-right:2px;}
.tab1 ul li a {height:46px;}
.tab1 ul li a span {display:block;width:242px;height:38px;border:1px solid #cfcfcf;text-align:center;font-weight:bold;color:#585858;line-height:40px;}
.tab1 ul li a.on span {border:1px solid #424242;background:#424242;color:#fff;}
.tab1 ul li a.on {background:url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/ico_tab_on.gif) no-repeat 50% 40px;}
.tab1.typeS ul li a span {width:177px;}



.scroll_box {overflow-x:hidden;overflow-y:auto;padding:20px;margin-bottom:10px;border:1px solid #eaeaea}


/* error */
.error_wrap {padding-top:100px; text-align:center;}
.error_wrap .error_box {width:444px; margin:0 auto; padding:150px 0 40px; background:#f5f5f1 url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/ico_error.gif) no-repeat 50% 39px; border:1px solid #dedede;}
.error_wrap .error_box .txt {color:#4f4f4f; line-height:20px;}
.error_wrap .btn_area {margin-top:35px;}
.error_wrap .btn_area .btn_type03 {height:39px; line-height:39px;}

/* login */
.login_wrap {height:271px; padding:27px 0 40px;font-size:11px;border:1px solid #eaeaea;background:#fff url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/bg_02.gif) repeat-x 0 100%;zoom:1;}
.login_wrap:after {content:'';display:block;clear:both;}
.login_wrap .f_left {width:384px;min-height:271px;padding:0 50px 0 53px;border-right:1px solid #eaeaea;}
.login_wrap .f_right {width:406px;min-height:271px;padding-left:54px;}
.login_wrap .tit {padding-top:20px;color:#535353;font-size:14px;line-height:18px;}
.login_wrap .tit img {vertical-align:top;}
.login_wrap .txt {padding:20px 0 15px;line-height:18px;}
.login_wrap .inbox {height:177px;}
.login_wrap .inbox .txt {padding:7px 0 25px;color:#898989;}
.login_wrap .login {width:300px;overflow:hidden;}
.login_wrap .login ul {float:left;width:215px;}
.login_wrap .login ul li {height:21px;margin-top:6px;}
.login_wrap .login ul li:first-child {margin-top:0;}
.login_wrap .login ul li * {vertical-align:top;}
.login_wrap .login ul li .stit {display:inline-block;width:52px;color:#898989;line-height:21px;}
.login_wrap .login ul li .input_txt {width:140px;height:19px;padding:0 4px;line-height:19px;}
.login_wrap .login .button {float:right;width:84px;height:48px;color:#fff;font-size:11px;font-weight:bold;font-family:'dotum';line-height:48px;text-align:center;background:#4f4f4f;}
.login_wrap .btn {margin-top:45px;}
.login_wrap .btn_type07 {padding:0 69px 0 16px;font-weight:bold;background:#4f4f4f url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/ico_more_4.gif) no-repeat 100% 50%;}
