* {-webkit-text-size-adjust:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} html,body,table,tr,td,th,caption,ul,li,ol,input,select,textarea,div,p,a,img,dl,dt,dd,h1,h2,h3{margin: 0; padding:0; font-size:1em; letter-spacing:-1px} ul,li,ol{ list-style:none} img {border: 0;max-width: 100%;} table {border-collapse: collapse;border-spacing: 0;} html:-webkit-scrollbar {width: 0;} a:link{ color:#333; text-decoration:none} a:visited{ color:#333; text-decoration:none} a:hover{ color:#7cb60a; text-decoration:none} a:active{ color:#7cb60a; text-decoration:none} body { color:#333333; font-size:0.8em; font-family:"나눔고딕",NanumGothic,"굴림",gulim, arial, serif, sans-serif; line-height:140%; margin:0 auto; padding:0; } /*font,color*/ .color1{ color:#fff} .color2{ color:#ffba00} .color2 a{ color:#ffba00} .color3{ color:#64c100} .color4{ color:#dddddd} .color5{ color:#f65f08} .color6{ color:#333} .color7{ color:#999} .color8{ color: #FF0000} .color9{ color: #000} .color10{ color: #ff1f44} .color11{ color: #c02daa} .color12{ color: #6156a6} .color13{ color: #4373a3} .color14{ color: #169789} .color15{ color: #097f33} /*inc*/ .bd{ border:1px solid #e6e6e6} .al{ text-align: left} .ac{ text-align: center} .ar{ text-align: right} .vl{ vertical-align: top} .vc{ vertical-align: middle} .vr{ vertical-align: bottom} .fl{ float:left} .fr{ float:right} .cl{ clear:both} .oh{ overflow:hidden} .pr{ position:relative} .pa{ position:absolute} .di{display:inline-block; *display:inline; zoom:1} .db{ display:block} .dn{ display:none} .pt {cursor:pointer;} /*layout*/ .gotop{ background:#fff; text-align:center; border:2px solid #dddddd; border-radius:5px; font-weight:bold; clear:both; position:fixed; left:35%; top:-4px; width:30%; filter:alpha(opacity=95);opacity:0.95;display:none; z-index:100} .gotop a{ display:block; width:100%; color:#333; padding:5% 0; } .wrap{ width:100%;} .box{ max-width:640px; margin:0 auto;} .box2{ max-width:95%; margin:0 auto;} .box3{ max-width:100%; margin:0 auto;} #header{} #header p{width:100%;} #header .top_nav{background-size:100% 30px; text-align:left; height:12px; padding:13px 0px 18px 8px; white-space:nowrap} #header .top_nav li{display:inline-block; *display:inline zoom:1; font-size:0.75em; color:#4b4b4b; font-weight:bold; background-size:1px 7px; padding:0 3px; cursor:pointer} #header .top_nav li.btn{padding-left:2px;vertical-align:top;} #header .top_nav li.btn2{padding-left:0px;vertical-align:top;} #header .top_nav li:hover{ color:#c61936;} #header .top_nav2{background-size:100% 30px; margin:0 auto;text-align:center; background-color:#f37b1f; margin-top:0px;} #header .top_nav2 dd {background-size:100%; width:24%; display:inline-block; *display:inline; zoom:1; vertical-align:top } #header .top{background:url(../images/inc/header_bg.gif) repeat-y left top; background-size:100% 95px; height:66px;} #header .top h1{float:left;text-indent:-9999px; background:url('../images/inc/logo.jpg') no-repeat left top;background-size:100% auto; width:88px; height:34px; margin-top:10px;} #header .top p.logo{float:left; width:20%; margin:15px 0px 0px 0px;} #header .top .btn_area ul li{float:left; width:10%; font-size:0.75em; color:#4b4b4b; font-weight:bold; margin:18px 0px 0px 5px; display:inline-block;} #header .top .search input{ float:right; padding-left:0px;width:35%; height:25px; border:3px solid #c61936; border-radius:2px; margin:15px 3px 0px 0px; font-size:0.8em; font-weight:bold; color:#619ecd;} #header .top .search input.search_btn{ float:right; border:0px; padding-left:0px; width:12%; height:25px; margin:15px 2px 0px 0px; font-size:0.8em; font-weight:bold; color:#fff; background-color:#333; text-align:center; vertical-align:center;} #top_nav{} #top_nav .keyword {background-size:100% 30px; margin:0 auto;text-align:center; background-color:#b40925; margin-top:0px;} #top_nav .keyword2 {background-size:100%; margin:0 auto;text-align:center; background-color:#b40925; margin-top:0px;} #top_nav .keyword dd {background-size:100%; width:24%; display:inline-block; *display:inline; zoom:1; vertical-align:top } #top_nav .keyword2 dd {background-size:100%; width:26%; display:inline-block; *display:inline; zoom:1; vertical-align:top } #top_nav .book_sear{background-size:100% 30px;margin:0 auto;text-align:center; padding-top:5px; padding:10px 0; white-space:nowrap} #top_nav .book_sear li{text-align:center;font-size:0.75em; color:#fff;} #top_nav .book_sear li input{float:right; width:200px; height:25px; padding:0 2%; font-size:0.8em; font-weight:bold; color:#619ecd; border:2px solid #c61936; margin:1px 0px 0px 2px; } #top_nav .gnb_nav li{ display:inline-block; *display:inline zoom:1;} /*제품검색*/ .m_visual_area { width:100%; margin:0 auto; background-color:#f1f6fa; } .m_visual { width:100%; margin:0 auto; height:122px; } #contents{} /*main*/ .main_visual {width:100%; } .main_visual .img{ position:relative} .main_visual .img div{display:none} .main_visual p img{width:100%;} .main_visual .img div img{ width:100%;} .main_visual .bannerMenu{ background:url('../images/main/visual_nav_bg.gif') repeat-x; background-size:auto 24px; height:24px; overflow:hidden; text-align:center; white-space:nowrap; overflow-x:auto} .main_visual .bannerMenu li{ display:inline-block; *display:inline; zoom:1; background:url(../images/inc/header_home_sec.gif) no-repeat left center; background-size:1px auto ; padding:0 1% 0 2%} .main_visual .bannerMenu li:first-child{ background:none; padding-left:0} .main_visual .bannerMenu li a{ color:#fff; font-size:0.8em; font-weight:bold} .main_visual .bannerMenu li a:hover,.main_visual .bannerMenu li a.on{ color:#000} .main_bookarea1{ position:relative; background:#eeeeee; padding:3% 0;} .main_bookarea1 .book_new{ background:#fff; border:1px solid #cecece; padding-bottom:3%; margin-bottom:3% } .main_bookarea1 .book_new .tit{ float:left; color:#000; font-size:1em; font-weight:bold; margin:2% 3%} .main_bookarea1 .book_new .more{ float:right; color:#a8a8a8; font-size:0.7em; font-weight:bold; margin:3% 4% 3% 3%} .main_bookarea1 .book_new .more:hover{ color:#000} .main_bookarea1 .book_new .book{ clear:both; overflow:hidden} .list_st1{ width:21%; float:left; margin-left:3.5%; cursor:pointer} .list_st1 .img{} .list_st1 .img img{ width:100%;} .list_st1 .name{ font-size:0.8em; font-weight:bold; color:#333; line-height:1em; padding:10% 0 5% 0} .list_st1 .writer{ font-size:0.7em; color:#5e5e67; line-height:1em} .list_st1 .price{font-size:0.75em; font-weight:bold; color:#333; line-height:1em; padding:5% 0 5% 0} .list_st1 .price span{ display:inline-block} .list_st1 .price .dc{ color:#08528b} .list_st1 .btn{} .list_st1 .btn1{ background:#81d16b; border:1px solid #d5d5d5; width:100%; font-size:0.7em; color:#fff; font-weight:bold} #contents .main_bookarea2{ padding:3% 0; overflow:hidden} #contents .main_bookarea2 .book_md{ float:left; width:100%; padding:5px 3%; border:1px solid #cecece; background:url(../images/main/prod_md_bg.gif) repeat-x; background-size:1px auto; height:159px} #contents .main_bookarea2 .book_md .tit, .book_best .tit{ color:#000; font-size:0.8em; font-weight:bold;} .list_st2 {width:33.2%; float:left;} .list_st2 .img{ margin:5px 0 } .list_st2 .img img{ width:65%;border:1px solid #ccc} .list_st2 .name{ font-size:0.8em; font-weight:bold; color:#333; white-space:nowrap; overflow:hidden;text-overflow:ellipsis} .list_st2 .public{font-size:0.7em; color:#5d5d66} .list_st2 .price{ font-size:0.8em} #contents .main_bookarea2 .book_best{float:right; width:62%; padding:5px 3%; border:1px solid #cecece; background:url(../images/main/prod_best_bg.gif) no-repeat left top #f5f5f5; background-size:auto 169px; height:159px} /*list*/ #contents .location{ white-space:nowrap;padding:20px 0; overflow-x: hidden} #contents .location a,#contents .location span,#contents .location select{ vertical-align:middle;display:inline-block; *display:inline; zoom:1;} #contents .location .home{ width:5%; text-align:center} #contents .location .home img{ width:20px} #contents .location .sec{ width:4%; height:14px; background:url(../images/inc/location_sec.gif) no-repeat center bottom; background-size: auto 14px;} #contents .location select{font-size:0.7em; border:1px solid #bdbdbd; color:#636363; width:26.3%; background:url(../images/inc/arrow_b.png) no-repeat right center; background-size:auto 4px; -webkit-appearance:none; border-radius:0; padding:2px 1%; margin-top:-2px} .search{ border-bottom:1px solid #adadad} .search ul{white-space:nowrap; margin-bottom:-1px; overflow-x: hidden } .search ul li {display:inline-block; *display:inline; zoom:1; color:#fff;border:1px solid #adadad; font-weight:bold; padding:1% 3%; font-size:0.9em; overflow:hidden; background:url(../images/inc/arrow_w.png) no-repeat right center #adadad; background-size: auto 0px; cursor:pointer} .search ul li:first-child{margin-left:0} .search ul li.on, #contents .search ul li:hover{color:#fff; border:1px solid #adadad; border-bottom:1px solid #fff;background:url(../images/inc/arrow_b.png) no-repeat right center #000; background-size: auto 0px} .searchbox{ background:#efefef; text-align:center; margin:10px auto; padding:2% 0; white-space:nowrap; overflow-x: hidden} .searchbox span,#contents .searchbox input{ vertical-align:middle} .searchbox .tit{ font-weight:bold; color:#5e5e5e; width:20%; font-size:0.7em;text-align:left} .searchbox .inp{ width:45%; border:none; background: #fff;} .searchbox .btn{ font-weight:bold; width:13%; background:#cacaca; color:#5e5e5e; border:1px solid #c6c6c6; box-shadow:1px 1px 1px #e4e4e4 inset; font-size:0.7em; height:20px } #contents .list_book{} .list_st{ overflow:hidden; position:relative; padding-top:3%; margin-bottom:5%} .list_st .img{ float:left; width: auto; background:url(../images/product/list_book_bg.gif) no-repeat right bottom; background-size: auto 85px; padding-right:12px} .list_st .img img{ border:1px solid #aeaeae; height:100px} .list_st .con{ float:right; width:70%} .list_st .con .name{ color:#121212; font-size:1em; font-weight: bold} .list_st .con .writer{ color:#53535c; font-size:0.9em; width:60%} .list_st .con .btn1{ background:#81d16b; border:1px solid #d5d5d5; width:40%; font-size:0.8em; color:#fff; font-weight:bold} .list_st .con .text{color:#848484; font-size:0.9em; line-height:0.9em; margin-top:5%; width:60%} .con2{ position:absolute; top:0; right:1%; bottom:10%} .list_st .con2{ padding-top:3%; padding-right:2%} .list_st .con2 .price .p1{ color:#8f8f8f; font-size:0.7em; text-decoration: line-through; text-align:right; padding-right:5%} .list_st .con2 .price .p2{ color:#c61936; font-size:1em; font-weight:bold; text-align:right} .list_st .con2 .btn{ margin-top:5%} #contents .view_top{ overflow:hidden} #contents .view_top .tit{ font-weight:bold; font-size:1.2em; color:#51596d; padding:1% 0; border-bottom:2px solid #51596d} #contents .view_top .subtit{ background:#51596d; font-size:0.7em; color:#fff; padding:1% 3%; margin-bottom:5%; text-align:right; border-top:1px solid #fff} #contents .view_top .subtit span{ padding:0 10px; color:#999} #contents .view_top .img{ width:30%; height:auto; float:left} #contents .view_top .img img{ width:100%;outline:1px solid #dddddd;} #contents .view_top .con{ width:64%; float:right; padding:0 2%} #contents .view_top .con dt{ display:inline-block; width:40%;font-size:0.8em} #contents .view_top .con dt:after{ content:":"; padding:0 10%} #contents .view_top .con dd{ display:inline-block; width:60%; text-align:right; font-size:1em; color:#595858; padding-top:4%} #contents .view_top .con dd.price1{ text-decoration:line-through; color:#000} #contents .view_top .con dd.price2{ font-size:1.25em; font-weight:bold; color:#08528b} #contents .view_top .con dd.price3{ background:#f1f1f1; width:100%; font-size:0.7em; padding:2% 0; margin-top:5%; text-align: center; border:1px solid #dddddd} #contents .view_top .con .line{ border-top:1px dashed #dddddd; margin-top:2%; padding-top:2%; display:block;} #contents .view_top .con dd .btn_ud{ border:1px solid #dddddd; background:#fff; width:20px; font-size:0.8em; height:20px; cursor:pointer} #contents .view_top .con dd .btn_ud:hover{ border:1px solid #dddddd; background:#999; color:#fff} #contents .view_top .con dd .inp{ border:1px solid #dddddd; background:#fff; margin:0 2px; width:30px; font-size:0.8em; height:20px} #contents .view_top .btnarea{ clear:both;padding-top:5px; overflow:hidden} #contents .view_top .btnarea .left{ float:left; width:30%} #contents .view_top .btnarea .left .pdf{ background:#bb0909; color:#fff; outline:1px solid #7c0505; display:block; width:100%; font-size:0.7em; padding:2px 0; text-align:center;} #contents .view_top .btnarea .left .sns { overflow:hidden; margin-top:5px} #contents .view_top .btnarea .left .sns li{ float:left; width:20%; margin-left:5%} #contents .view_top .btnarea .left .sns li img{ height:20px; width:20px} #contents .view_top .btnarea .right{width:64%; float:right; padding:0 2%;} #contents .view_top .btnarea .right input{ margin-left:1%; height:40px; vertical-align:middle; cursor:pointer} #contents .view_top .btnarea .right input:first-child{ margin-left:0} #contents .view_top .btnarea .right input.btn_buy{ width:50%; border:1px solid #ccc; font-size:1em; color:#003366; font-weight:bold; border-radius:5px} #contents .view_top .btnarea .right input.btn_etc{ width:24%; border:1px solid #ccc; font-size:0.7em; color:#999; font-weight:bold; border-radius:5px;} #contents .view_top .cont2{ overflow:hidden; font-size:0.8em; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; margin:2% 0; padding:2% 0} #contents .view_top .cont2 dt{ float:left; width:25%; color:#333; overflow:hidden} #contents .view_top .cont2 dt:before{ content:"ㆍ"} #contents .view_top .cont2 dt:after{ content:"|"; float:right; color:#ccc; margin-right:10%; font-size:0.8em; padding-top:2px} #contents .view_top .cont2 dd{ float:left; width:75%; color:#999} #contents .view_con{ padding:5% 0} #contents .view_con .view_tab{} #contents .view_con .view_tab li{ display:inline-block; font-size:0.7em; width:25%; background:#f1f1f1; margin-right:-4px; text-align:center; padding:2% 0; font-weight:bold; color:#666; font-weight:normal; cursor:pointer} #contents .view_con .view_tab li.on{ background:#639bbe; color:#fff; font-weight:bold} #contents .view_con .conbox{ padding:2% 0} #footer{ margin-top:5%} #footer .foot_menu{ background:#2a2b2b; overflow:hidden; padding:2% 0} #footer .foot_menu li{ width:25%; float:left; text-align:center;background:url(../images/inc/header_home_sec.gif) no-repeat right center; background-size:1px 7px;filter:alpha(opacity=70);opacity:0.7;} #footer .foot_menu li a{ color:#fff; font-weight:bold; font-size:0.9em} #footer .foot_menu li a:hover{ color:#000} #footer .copyright{ background:#eef2f5; font-size:0.8em; color:#676767; padding:5% 0 10% 0; margin-left:-5%} #footer .copyright span{display:inline-block; *display:inline; zoom:1; margin-left:5%; line-height:1.5em} #footer .copyright span.company{ color:#000; font-weight:bold} #footer .copyright .copy_menu{ margin-left:5%; overflow:hidden} #footer .copyright .copy_menu li{ float:left; background:#d4d8db; padding:1% 4%; margin:3% 2% 3% 0; height:15px} #footer .copyright .copy_menu li a{ font-size:0.9em;color:#97a4ae;font-weight:bold;} #footer .copyright .copy{ margin-left:5%; color:#bdbdbd; font-size:0.9em;} /**/ .gra1{background: #e8e8e8; /* Old browsers */ background: -moz-linear-gradient(top, #e8e8e8 0%, #ffffff 50%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(50%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e8e8e8 0%,#ffffff 50%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e8e8e8 0%,#ffffff 50%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e8e8e8 0%,#ffffff 50%); /* IE10+ */ background: linear-gradient(to bottom, #e8e8e8 0%,#ffffff 50%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .gra2{background: #e8e8e8; /* Old browsers */ background: -moz-linear-gradient(top, #e8e8e8 50%, #e8e8e8 50%, #d3d3d3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#e8e8e8), color-stop(50%,#e8e8e8), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e8e8e8 50%,#e8e8e8 50%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e8e8e8 50%,#e8e8e8 50%,#d3d3d3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e8e8e8 50%,#e8e8e8 50%,#d3d3d3 100%); /* IE10+ */ background: linear-gradient(to bottom, #e8e8e8 50%,#e8e8e8 50%,#d3d3d3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */ } /*paging*/ .paging{ text-align:center; margin-top:3% } .paging div{ margin:0 auto; display:inline-block; vertical-align:middle} .paging div div{ width:26px; height:18px; padding:0px 0} .paging div div a{ width:100%; height:100%;text-shadow:1px 1px #fff;display:inline-block;font-weight:bold; cursor:pointer; } .paging .paging_btn{color: #5396c8; font-size:0.9em; padding-top:0px} .paging .paging_btn a{color:#5396c8; font-size:0.9em} .paging .paging_no div{ border-radius:5px; margin:0px; color:#999; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ } .paging .paging_no div a{ color:#999; font-weight:normal} .paging .paging_no div a:hover{ color:#5396c8;} .paging .paging_no .on{ color:#5396c8; border:1px solid #5396c8; font-weight:bold} /*nav*/ .l-nav { -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease; opacity: 0; position: absolute; top: 0; left: 0; bottom: 0; width: 80%; overflow: auto; overflow-x: hidden; background-color: #4b4b4b; letter-spacing:-1px z-index:99999999999999; } .l-nav::-webkit-scrollbar {width: 0;} html.l-nav-open, html.l-nav-open body { height: 100%; overflow: hidden; background: #4b4b4b; } html.l-nav-open .l-main { -webkit-transform: translate3d(80%, 0, 0); -moz-transform: translate3d(80%, 0, 0); -o-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); -webkit-box-shadow: 0 0 0.5625rem #000000; box-shadow: 0 0 0.5625rem #000000; } html.l-nav-open .l-nav { -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch; -o-overflow-scrolling: touch; overflow-scrolling: touch; opacity: 1; } .l-nav-open .l-nav, .l-nav-closing .l-nav { display: block; } .l-nav .link{ overflow:hidden; text-align:center; background:#333; height:60px} .l-nav .link div{ display:inline-block; width:24%; border-right:1px solid #4b4b4b; height:100%; padding-top:5px} .l-nav .tit{ background:#666; padding:10px 2% 10px 2%; font-weight:bold; font-weight:1.2em; color:#fff; border-bottom:1px solid #444444; border-top:1px solid #777777} .l-nav .dp1{ padding:3% 2% 3% 2%; border-bottom:1px solid #444444; border-top:1px solid #505050; color:#ebebeb; font-size:1.0em} .l-nav .dp2{ padding:3% 2% 3% 6%; border-bottom:1px solid #444444; border-top:1px solid #505050; color:#dff1bd; font-size:1.0em;} .l-nav .dp3{ padding:3% 2% 3% 8%; border-bottom:1px solid #444444; border-top:1px solid #505050; color:#ff8889; font-size:0.9em; overflow:hidden; display:none} .l-nav .dp_etc{ padding:3% 2% 3% 3%; border-bottom:1px solid #444444; border-top:1px solid #505050; color:#dff1bd; font-size:1.0em;} .l-nav .icon{ color:#fff; margin-right:5px; font-size:1.15em} .l-nav .dp2 .icon{ color:#dff1bd; margin-right:5px; font-size:1.15em} .l-nav .dp3 .icon{ color:#ff8889; margin-right:5px; font-size:1.15em} .l-nav .btn{ float:right; font-size:0.68em; margin:2px 1px 0 0; color:#dff1bd; border:1px solid #666; border-radius:2px; letter-spacing:0} .l-nav .oncl{ background:#ff8889; color:#000; padding-left:4%} .l-nav .oncl2{ background:#ffc1c1; color:#000; padding-left:6%} .l-nav .cate2 .icon{ float:right; color:#dff1bd} /*page*/ .page_title{ font-weight:bold; text-align:center; padding:2% 0 1.5% 0;border-bottom:1px solid #ccc; border-top:2px solid #4b4b4b; background:#f4f4f4; overflow:hidden; margin-bottom:2%; } .page_title .btn_back{ width:4.9375%; margin:-0.3% 0 -0.8% 2.5%} .page_title .title{ clear:both; margin-left:-8.4375%; color:#362920; font-weight:bold; font-size:16px;} /*게시판타이틀*/ .board_area .board_bg{background-size:100% 30px; text-align:center; height:18px; padding:10px 0; white-space:nowrap background-color:#ebe1a6;} .board_bg li{display:inline-block; *display:inline zoom:1; font-size:0.9em; color:#fff; font-weight:bold; padding:0 4px; cursor:pointer; } .cart_area .board_bg{background-size:100% 30px; text-align:center; height:14px; padding:7px 0; white-space:nowrap background-color:#ebe1a6;} .board_bg li{display:inline-block; *display:inline zoom:1; font-size:0.9em; color:#fff; font-weight:bold; padding:0 4px; cursor:pointer; } /*마이페이지*/ .intro_menu {padding-top:3%;} .intro_menu li{ border-radius:4px; border:1px solid #ccc; text-align:center; font-weight:bold; cursor:pointer; padding:2% 0 2% 10%; color:#c61936; background:#fff; font-size:13px; margin-bottom:2%; box-shadow:2px 2px 1px #ebebeb; text-shadow:1px 1px #fff; background: rgb(239,239,239); /* Old browsers */ background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(255,252,252,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(255,252,252,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(255,252,252,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(255,252,252,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(255,252,252,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(255,252,252,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#fffcfc',GradientType=0 ); /* IE6-9 */} .intro_menu li:after{content:"more +"; float:right; border-radius:4px; border:1px solid #ccc; margin-right:3%; padding:0 1.5%; background:#fff; color:#f6a508; font-size:10px; font-weight:normal; } /**********************************************************************/ /*라인 색상 높이값 한번해봅시다..^^ ************************/ /**********************************************************************/ .line_h3_609add {height:3px; background-color:#609add; } .line_h1_e41c94 {height:1px; background-color:#e41c94; } .line_h2_e41c94 {height:2px; background-color:#e41c94; } .line_h1_d2d2d2 {height:1px; background-color:#d2d2d2; } .line_h1_a6a6a6 {height:1px; background-color:#a6a6a6; } .line_h2_a6a6a6 {height:2px; background-color:#a6a6a6; } .line_h2_86a9d6 {height:2px; background-color:#86a9d6; } .line_h1_e7e7e7 {height:1px; background-color:#e7e7e7; } .line_h1_cccccc {height:1px; background-color:#cccccc; } .line_h1_b4b4b4 {height:1px; background-color:#b4b4b4; } .line_h1_dadada {height:1px; background-color:#dadada; } .line_h1_e9e9e9 {height:1px; background-color:#e9e9e9; } .line_h1_60b65d {height:1px; background-color:#aaaaaa; } .line_h2_60b65d {height:2px; background-color:#aaaaaa; } .line_h2_616161 {height:2px; background-color:#616161; } input[id="cb1"] + label { display: none; width: 14px; height: 14px; border: 2px solid #bcbcbc; cursor: pointer; } /* 일반 텍스트/링크 스타일 */ .link_10_ffffffb {text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:10px; font-weight:bold;} a.link_10_ffffffb:active{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:10px; font-weight:bold;} a.link_10_ffffffb:visited{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:10px; font-weight:bold;} a.link_10_ffffffb:link{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:10px; font-weight:bold;} a.link_10_ffffffb:hover{text-decoration:underline; color:#000000; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:10px; font-weight:bold;} .sero {text-decoration:none; color:#cccccc; font-family:"돋움",dotum,"굴림",gulim; font-size:8px;} .link_10_777777b {text-decoration:none; color:#777777; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:10px; } a.link_10_777777b:active{text-decoration:none; color:#777777; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:10px; } a.link_10_777777b:visited{text-decoration:none; color:#777777; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:10px; } a.link_10_777777b:link{text-decoration:none; color:#777777; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:10px;} a.link_10_777777b:hover{text-decoration:underline; color:#333333; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:10px;} .link_11_009944b {text-decoration:none; color:#908173; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:11px; font-weight:bold;} a.link_11_009944b:active{text-decoration:none; color:#908173; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:11px; font-weight:bold;} a.link_11_009944b:visited{text-decoration:none; color:#908173; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:11px; font-weight:bold;} a.link_11_009944b:link{text-decoration:none; color:#908173; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:11px; font-weight:bold;} a.link_11_009944b:hover{text-decoration:underline; color:#ffd800; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:11px; font-weight:bold;} .link_11_a5b2c0 {text-decoration:none; color:#a5b2c0; font-family:"돋움",dotum,; font-size:11px;} a.link_11_a5b2c0:active{text-decoration:none; color:#a5b2c0; font-family:"돋움",dotum,; font-size:11px;} a.link_11_a5b2c0:visited{text-decoration:none; color:#a5b2c0; font-family:"돋움",dotum,; font-size:11px;} a.link_11_a5b2c0:link{text-decoration:none; color:#a5b2c0; font-family:"돋움",dotum,; font-size:11px;} a.link_11_a5b2c0:hover{text-decoration:underline; color:#a5b2c0; font-family:"돋움",dotum,; font-size:11px;} .link_11_74787f {text-decoration:none; color:#74787f; font-family:"돋움",dotum,; font-size:11px; letter-spacing:-0.5px;} a.link_11_74787f:active{text-decoration:none; color:#74787f; font-family:"돋움",dotum,; font-size:11px; letter-spacing:-0.5px;} a.link_11_74787f:visited{text-decoration:none; color:#74787f; font-family:"돋움",dotum,; font-size:11px; letter-spacing:-0.5px;} a.link_11_74787f:link{text-decoration:none; color:#74787f; font-family:"돋움",dotum,; font-size:11px; letter-spacing:-0.5px;} a.link_11_74787f:hover{text-decoration:underline; color:#74787f; font-family:"돋움",dotum,; font-size:11px; letter-spacing:-0.5px;} .link_11_beb3a2 {text-decoration:none; color:#dcd3c4; font-family:돋움; font-size:11px;} a.link_11_beb3a2:active{text-decoration:none; color:#beb3a2; font-family:돋움; font-size:11px;} a.link_11_beb3a2:visited{text-decoration:none; color:#beb3a2; font-family:돋움; font-size:11px;} a.link_11_beb3a2:link{text-decoration:none; color:#beb3a2; font-family:돋움; font-size:11px;} a.link_11_beb3a2:hover{text-decoration:underline; color:#beb3a2; font-family:돋움; font-size:11px;} .link_11_ffffff {text-decoration:none; color:#ffffff; font-family:돋움; font-size:11px;} a.link_11_ffffff:active{text-decoration:none; color:#ffffff; font-family:돋움; font-size:11px;} a.link_11_ffffff:visited{text-decoration:none; color:#ffffff; font-family:돋움; font-size:11px;} a.link_11_ffffff:link{text-decoration:none; color:#ffffff; font-family:돋움; font-size:11px;} a.link_11_ffffff:hover{text-decoration:underline; color:#ffffff; font-family:돋움; font-size:11px;} .link_11_999999 {text-decoration:none; color:#999999; font-family:돋움; font-size:11px;} a.link_11_999999:active{text-decoration:none; color:#999999; font-family:돋움; font-size:11px;} a.link_11_999999:visited{text-decoration:none; color:#999999; font-family:돋움; font-size:11px;} a.link_11_999999:link{text-decoration:none; color:#999999; font-family:돋움; font-size:11px;} a.link_11_999999:hover{text-decoration:underline; color:#cccccc; font-family:돋움; font-size:11px;} .link_11_4b4b4b {text-decoration:none; color:#4b4b4b; font-family:돋움; font-size:11px;font-weight:bold;} a.link_11_4b4b4b:active{text-decoration:none; color:#4b4b4b; font-family:돋움; font-size:11px;} a.link_11_4b4b4b:visited{text-decoration:none; color:#4b4b4b; font-family:돋움; font-size:11px;} a.link_11_4b4b4b:link{text-decoration:none; color:#4b4b4b; font-family:돋움; font-size:11px;} a.link_11_4b4b4b:hover{text-decoration:underline; color:#cccccc; font-family:돋움; font-size:11px;} .link_11_666666 {text-decoration:none; color:#666666; font-family:돋움; font-size:11px;} a.link_11_666666:active{text-decoration:none; color:#666666; font-family:돋움; font-size:11px;} a.link_11_666666:visited{text-decoration:none; color:#666666; font-family:돋움; font-size:11px;} a.link_11_666666:link{text-decoration:none; color:#666666; font-family:돋움; font-size:11px;} a.link_11_666666:hover{text-decoration:underline; color:#333333; font-family:돋움; font-size:11px;} .link_11_666666b {text-decoration:none; color:#666666; font-family:돋움; font-size:11px; font-weight:bold;} a.link_11_666666b:active{text-decoration:none; color:#666666; font-family:돋움; font-size:11px; font-weight:bold;} a.link_11_666666b:visited{text-decoration:none; color:#666666; font-family:돋움; font-size:11px; font-weight:bold;} a.link_11_666666b:link{text-decoration:none; color:#666666; font-family:돋움; font-size:11px; font-weight:bold;} a.link_11_666666b:hover{text-decoration:underline; color:#333333; font-family:돋움; font-size:11px; font-weight:bold;} .link_11_5a94deb {text-decoration:none; color:#5a94de; font-family:돋움; font-size:11px; font-weight:bold;} a.link_11_5a94deb:active{text-decoration:none; color:#5a94de; font-family:돋움; font-size:11px; font-weight:bold;} a.link_11_5a94deb:visited{text-decoration:none; color:#5a94de; font-family:돋움; font-size:11px; font-weight:bold;} a.link_11_5a94deb:link{text-decoration:none; color:#5a94de; font-family:돋움; font-size:11px; font-weight:bold;} a.link_11_5a94deb:hover{text-decoration:underline; color:#5a94de; font-family:돋움; font-size:11px; font-weight:bold;} .link_12_3e280a {text-decoration:none; color:#3e280a; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_3e280a:active{text-decoration:none; color:#3e280a; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_3e280a:visited{text-decoration:none; color:#3e280a; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_3e280a:link{text-decoration:none; color:#3e280a; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_3e280a:hover{text-decoration:underline; color:#3e280a; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} .link_12_ffffff {text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_ffffff:active{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_ffffff:visited{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_ffffff:link{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_ffffff:hover{text-decoration:underline; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} .link_12_ffffffb {text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px; font-weight:bold;} a.link_12_ffffffb:active{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px; font-weight:bold;} a.link_12_ffffffb:visited{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px; font-weight:bold;} a.link_12_ffffffb:link{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px; font-weight:bold;} a.link_12_ffffffb:hover{text-decoration:underline; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px; font-weight:bold;} .link_12_666666 {text-decoration:none; color:#666666; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_666666:active{text-decoration:none; color:#666666; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_666666:visited{text-decoration:none; color:#666666; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_666666:link{text-decoration:none; color:#666666; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_666666:hover{text-decoration:underline; color:#5c8ec8; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} .link_12_5c8ec8 {text-decoration:none; color:#235698; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_5c8ec8:active{text-decoration:none; color:#5c8ec8; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_5c8ec8:visited{text-decoration:none; color:#5c8ec8; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_5c8ec8:link{text-decoration:none; color:#5c8ec8; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_5c8ec8:hover{text-decoration:underline; color:#5c8ec8; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} .link_12_666666g {text-decoration:none; color:#666666; font-family:"굴림",gulim; font-size:12px;} a.link_12_666666g:active{text-decoration:none; color:#666666; font-family:"굴림",gulim; font-size:12px;} a.link_12_666666g:visited{text-decoration:none; color:#666666; font-family:"굴림",gulim; font-size:12px;} a.link_12_666666g:link{text-decoration:none; color:#666666; font-family:"굴림",gulim; font-size:12px;} a.link_12_666666g:hover{text-decoration:underline; color:#265f9a; font-family:"굴림",gulim; font-size:12px;} .link_12_555555 {text-decoration:none; color:#555555; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_555555:active{text-decoration:none; color:#555555; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_555555:visited{text-decoration:none; color:#555555; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_555555:link{text-decoration:none; color:#555555; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_555555:hover{text-decoration:underline; color:#5c8ec8; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} .link_12_444444 {text-decoration:none; color:#444444; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_444444:active{text-decoration:none; color:#444444; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_444444:visited{text-decoration:none; color:#444444; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_444444:link{text-decoration:none; color:#444444; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_444444:hover{text-decoration:underline; color:#1f63b1; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} .link_12_555555b {text-decoration:none; color:#555555; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px; font-weight:bold;} a.link_12_555555b:active{text-decoration:none; color:#555555; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px; font-weight:bold;} a.link_12_555555b:visited{text-decoration:none; color:#555555; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px; font-weight:bold;} a.link_12_555555b:link{text-decoration:none; color:#555555; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px; font-weight:bold;} a.link_12_555555b:hover{text-decoration:underline; color:#9f00a5; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px; font-weight:bold;} .link_12_999999 {text-decoration:none; color:#999999; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_999999:active{text-decoration:none; color:#999999; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_999999:visited{text-decoration:none; color:#999999; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_999999:link{text-decoration:none; color:#999999; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} a.link_12_999999:hover{text-decoration:underline; color:#f4f221; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px;} .link_13_ffffff {text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px;} a.link_13_ffffff:active{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px;} a.link_13_ffffff:visited{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px;} a.link_13_ffffff:link{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px;} a.link_13_ffffff:hover{text-decoration:underline; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px;} .link_13_ffffffb {text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:bold;} a.link_13_ffffffb:active{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:bold;} a.link_13_ffffffb:visited{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:bold;} a.link_13_ffffffb:link{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:bold;} a.link_13_ffffffb:hover{text-decoration:underline; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:bold;} .link_13_666666 {text-decoration:none; color:#666666; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px;} a.link_13_666666:active{text-decoration:none; color:#666666; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px;} a.link_13_666666:visited{text-decoration:none; color:#666666; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px;} a.link_13_666666:link{text-decoration:none; color:#666666; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px;} a.link_13_666666:hover{text-decoration:underline; color:#5c8ec8; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px;} .link_13_666666b {text-decoration:none; color:#666666; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:600;} a.link_13_666666b:active{text-decoration:none; color:#666666; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:600;} a.link_13_666666b:visited{text-decoration:none; color:#666666; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:600;} a.link_13_666666b:link{text-decoration:none; color:#666666; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:600;} a.link_13_666666b:hover{text-decoration:underline; color:#5c8ec8; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:600;} .link_13_444444b {text-decoration:none; color:#444444; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:600;} a.link_13_444444b:active{text-decoration:none; color:#444444; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:600;} a.link_13_444444b:visited{text-decoration:none; color:#444444; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:600;} a.link_13_444444b:link{text-decoration:none; color:#444444; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:600;} a.link_13_444444b:hover{text-decoration:underline; color:#5c8ec8; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:600;} .link_13_5d6d99b {text-decoration:none; color:#5d6d99; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:600;} a.link_13_5d6d99b:active{text-decoration:none; color:#5d6d99; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:600;} a.link_13_5d6d99b:visited{text-decoration:none; color:#5d6d99; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:600;} a.link_13_5d6d99b:link{text-decoration:none; color:#5d6d99; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:600;} a.link_13_5d6d99b:hover{text-decoration:underline; color:#5d6d99; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:600;} .link_14_666666b {text-decoration:none; color:#666666; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:600;} a.link_14_666666b:active{text-decoration:none; color:#666666; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:600;} a.link_14_666666b:visited{text-decoration:none; color:#666666; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:600;} a.link_14_666666b:link{text-decoration:none; color:#666666; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:600;} a.link_14_666666b:hover{text-decoration:underline; color:#5c8ec8; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:13px; font-weight:600;} .link_15_333333b {text-decoration:none; color:#333333; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:15px; font-weight:600;} a.link_15_333333b:active{text-decoration:none; color:#333333; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:15px; font-weight:600;} a.link_15_333333b:visited{text-decoration:none; color:#333333; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:15px; font-weight:600;} a.link_15_333333b:link{text-decoration:none; color:#333333; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:15px; font-weight:600;} a.link_15_333333b:hover{text-decoration:underline; color:#9f00a5; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:15px; font-weight:600;} .link_17_333333b {text-decoration:none; color:#333333; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:17px; font-weight:600;} a.link_17_333333b:active{text-decoration:none; color:#333333; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:17px; font-weight:600;} a.link_17_333333b:visited{text-decoration:none; color:#333333; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:17px; font-weight:600;} a.link_17_333333b:link{text-decoration:none; color:#333333; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:17px; font-weight:600;} a.link_17_333333b:hover{text-decoration:underline; color:#9f00a5; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:17px; font-weight:600;} .link_18_ffffff {text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:18px;} a.link_18_ffffff:active{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:18px;} a.link_18_ffffff:visited{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:18px;} a.link_18_ffffff:link{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:18px;} a.link_18_ffffff:hover{text-decoration:underline; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:18px;} .link_18_ffffffb {text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:18px; font-weight:600;} a.link_18_ffffffb:active{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:18px; font-weight:600;} a.link_18_ffffffb:visited{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:18px; font-weight:600;} a.link_18_ffffffb:link{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:18px; font-weight:600;} a.link_18_ffffffb:hover{text-decoration:underline; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:18px; font-weight:600;} .link_20_4a2b02b {text-decoration:none; color:#4a2b02; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:20px; font-weight:400;} a.link_20_4a2b02b:active{text-decoration:none; color:#4a2b02; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:20px; font-weight:400;} a.link_20_4a2b02b:visited{text-decoration:none; color:#4a2b02; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:20px; font-weight:400;} a.link_20_4a2b02b:link{text-decoration:none; color:#4a2b02; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:20px; font-weight:400;} a.link_20_4a2b02b:hover{text-decoration:underline; color:#4a2b02; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:20px; font-weight:400;} .link_24_ffffff {text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:24px;} a.link_24_ffffff:active{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:24px;} a.link_24_ffffff:visited{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:24px;} a.link_24_ffffff:link{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:24px;} a.link_24_ffffff:hover{text-decoration:underline; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:24px;} .link_24_ffffffb {text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:24px; font-weight:600;} a.link_24_ffffffb:active{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:24px; font-weight:600;} a.link_24_ffffffb:visited{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:24px; font-weight:600;} a.link_24_ffffffb:link{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:24px; font-weight:600;} a.link_24_ffffffb:hover{text-decoration:underline; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:24px; font-weight:600;} .link_36_333333b {text-decoration:none; color:#333333; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:30px; font-weight:600; line-height:100%;} a.link_36_333333b:active{text-decoration:none; color:#333333; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:30px; font-weight:600;} a.link_36_333333b:visited{text-decoration:none; color:#333333; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:30px; font-weight:600;} a.link_36_333333b:link{text-decoration:none; color:#333333; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:30px; font-weight:600;} a.link_36_333333b:hover{text-decoration:underline; color:#333333; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:30px; font-weight:600;} .paging{ text-align:center; margin-top:40px; font-family:"돋움",dotum} .paging div{ margin:0 auto; display:inline-block; *display:inline; zoom:1} .paging div div{ width:28px; height:22px; padding-top:6px;} .paging div div a{ width:100%; height:100%;padding-top:6px;margin-top:-6px;display:inline-block; *display:inline; zoom:1;cursor:pointer; } .paging .paging_btn{color: #7a7a7a; font-size:13px; font-family:Arial, Helvetica, sans-serif} .paging .paging_btn a{color:#7a7a7a; font-size:13px; font-family:Arial, Helvetica, sans-serif} .paging .paging_no div{ margin:0 2px;color:#999; background:#f8f8f8} .paging .paging_no div a{ color:#999;border-radius:5px;border:1px solid #cacaca; } .paging .paging_no div a:hover, .paging .paging_no .on{background:#666; color:#fff; border:1px solid #666; font-weight:bold;border-radius:5px;} /*modify*/ .board1_write{border-collapse:collapse; border:1px solid #dddddd} .board1_write caption{text-align:left; color:#4b4b4b; font-weight:bold; padding-bottom:2%; font-size:13px} .board1_write .caption_st1{ text-align:left; color:#f65f08; font-weight:bold; padding-bottom:2%; font-size:12px} .board1_write th{border:1px solid #dddddd; padding:1% 0; color:#666; background:#f4f4f4} .board1_write td{padding:1%; color:#666; border-bottom:1px solid #dddddd;} .board1_write td input{ border:1px solid #ccc; color:#666} .board1_write td textarea{ border:1px solid #ccc} .board1_write td label{font-size:11px; letter-spacing:-3px; color:#ffba00; margin-right:2%} .board1_write td .label_pay{ display:inline-block; color:#333; font-size:12px; font-weight:bold; letter-spacing:-1px; margin-right:5%} .board1_write td .label_pay span{ display:inline-block} .board1_post{border-collapse:collapse; border:1px solid #dddddd} .board1_post th{border:1px solid #dddddd; padding:1% 0; color:#666; background:#f4f4f4} .board1_post td{padding:1%; color:#666; border-bottom:1px solid #dddddd; background:#fff; font-size:11px} .board1_post td a{ font-size:11px} /*Products*/ .search ul li.on{color:#000000; border:1px solid #adadad; border-bottom:1px solid #fff;background:url(../images/inc/arrow_b.png) no-repeat right center #fff; background-size: auto 4px;} .searchbox2 .tit{ font-weight:bold; color:#dddddd; width:20%; font-size:0.7em;text-align:left} .prod_price .price1{ color:#777777; text-decoration:line-through; background:url(../sp_images/sp_shopping/icon_won_g.gif) no-repeat left center;} .prod_price .price2{ color:#111111; background:url('../images/sp_shopping/icon_won_y.gif') no-repeat left center; font-size:14px} .prod_price .price2 strong{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#c61936; letter-spacing:-1px} .prod_price .price3{ color:#bf9326; background:url('..images/sp_shopping/icon_point_y.gif') no-repeat left center;} .prod_btn{ padding:50px 0 0 20px;} .prod_btn p{ margin-bottom:3px;} .list_st .img{ float:left; width: auto; background:url('../images/product/list_book_bg.gif') no-repeat right bottom; background-size: auto 85px; padding-right:12px} .list_st .img img{ border:1px solid #aeaeae; height:100px;} .list_st .prod_con .prod_info{ color:#777777; height:50px} .prod_con .prod_info_2{ color:#777777; height:30px} .prod_con .prod_info span{ background:url(../sp_images/sp_shopping/board_zone_sec.gif) no-repeat left center; padding-left:15px; margin-left:15px} .prod_con .prod_info span:first-child{ background:none; padding-left:0; margin-left:0} .prod_con .prod_star{ color:#aeaeae; height:34px;} .prod_con .prod_star .cl1{ color:#444444; padding:0 10px} .prod_con .prod_star .cl2{ crgin-left:2px;maolor:#6a8be9;} .con3 .btn{width:100%; text-align:right; border-bottom:1px dotted #aeaeae; padding-bottom:18px; margin-top:-15px;} .viewbtn{ overflow:hidden; margin-top:42px} .viewbtn input{ border:none; background:none; cursor:pointer} .viewbtn .etc{ float:left; width:100%;} .viewbtn .etc input{ width:100%;height:35px;margin-bottom:6px; vertical-align:middle} .viewbtn .etc .wish{ background:url('../images/sp_shopping/btn_view_wish.gif') no-repeat;} .viewbtn .etc .cart{ background:url('../images/sp_shopping/btn_view_cart.gif') no-repeat;} .viewbtn .buying .buy{float:right; margin-left:5px;} .viewbtn .buying input{float:right; width:100%; height:77px;margin-bottom:6px; vertical-align:middle} .viewbtn .buying .buy{background:url('../images/sp_shopping/btn_view_buy.gif') no-repeat;} .text_line{ text-decoration: line-through;} .prod_view{ border:3px solid #ebebeb; padding:3% 0 0 0; border-radius:2px; word-break:keep-all; word-wrap:break-word;} .prod_view .p_tit{ text-align:center; font-size:15px; font-weight:bold; color:#333; padding-bottom:3%} .view_con th{ padding:2% 0 2% 3%; text-align:left; border-bottom:1px solid #dddddd; font-size:14px; color:#4b4b4b; } .view_con td{ padding:2%; border-bottom:1px solid #dddddd; color:#666} .quantity{ padding:1px 5px; border:1px solid #f65f08; color:#f65f08} .quantity_vol{ padding:1px 5px; border:1px solid #f65f08; color:#333; width:15px; text-align:center; margin:0 2px;} .vol{ overflow:hidden; width:49px} .vol .inp_l{ float:left} .vol .inp_l input{ border:1px solid #ccc; width:28px; height:18px; padding-top:2px; color:#000; text-align:center} .vol .inp_r{ float:left; width:14px; margin-left:3px} .vol .inp_r input{ width:14px; height:10px; border:none; background:none; cursor:pointer; display:block; margin-top:2px} .vol .inp_r input:first-child{margin-top:0} .vol .inp_r .up{ background:url('../images/sp_shopping/vol_up.gif') no-repeat} .vol .inp_r .down{background:url('../images/sp_shopping/vol_down.gif') no-repeat} .ralated{ margin-top:5%} .related p{font-weight:bold; color:#4b4b4b; font-size:14px; padding-bottom:1%} .prod_sec4{ overflow:hidden; border:2px solid #ebebeb; border-radius:2px; padding-bottom:4%; padding-left:1%} .prod_sec4 > div{ width:23%; float:left; margin-left:1%; margin-right:1%} .prod_sec4 .p_tit{ font-weight:normal; font-size:11px} .prod_sec4 .p_price{ font-weight:normal; font-size:11px} .prod{ margin-top:5%} .prod p{ text-align:center} .prod .p_img{ border:1px solid #dddddd} .prod .p_con{ } .prod .p_con .p_tit{ font-weight:bold; color:#333; margin-top:3%} .prod .p_con .p_price{ font-weight:bold; color:#f65f08; margin-top:3%} .prod .p_con .p_price2{ color:#666; margin-top:3%; text-decoration: line-through} .prod .p_con .p_brand{ color:#999; margin-top:3%} .prod .p_con .p_icon{ margin-top:3%} .btnbox_sec4{ margin:5% 0 8% 0; text-align:center} .btnbox_sec4 input{ width:24%; padding:3% 0; text-align:center; margin-right:1%} .btnbox_sec4 input:first-child{ margin-left:0.5%} .btnbox_sec4 input:last-child{ margin-right:0} .btnbox_sec3{ margin-top:5%} .btnbox_sec3 input{ width:32%; padding:3% 0; text-align:center;} .btnbox_sec3 input:nth-child(2){ margin:0 2%} .btnbox_sec1_r{ text-align:right;} .btnbox_sec1_r input{ width:15%; padding:1%; margin:2% 1% 0 0} .btnbox_sec2{ margin-top:10%} .btnbox_sec2 input{ width:49%; padding:3%; text-align:center; } .btnbox_sec2 input:nth-child(1){ margin-right:2%} .btnbox_board{ overflow:hidden; margin-top:5%} .btnbox_board input{ width:18%; padding:1% 0; margin-right:1%} .btn_order{ font-size:14px; font-weight:bold; color:#ff3e02; border:1px solid #ffb502; color:#fff; background:#c61936;font-family:"나눔고딕";} .btn_order2{ font-size:14px; font-weight:bold; border:1px solid #eaeaea; color:#7f7227; background:#ebe1a6;font-family:"나눔고딕";} /**/ .al{ text-align: left} .ac{ text-align: center} .ar{ text-align: right} .vt{ vertical-align:top} .vm{ vertical-align:middle} .vb{ vertical-align:bottom} .fl{ float:left} .fr{ float:right} .cl{ clear:both} .oh{ overflow:hidden} .pr{ position:relative} .pa{ position:absolute} .di{display:inline-block; *display:inline; zoom:1} .db{ display:block} /*board*/ .board_tit th{ background:#676767;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding:2px;} .board_tit .bg_sec{ background-image:url(../sp_images/board/sec.gif); background-repeat:no-repeat; background-position:right center} .board_tit td{color:#000; padding:10px; border-bottom:1px solid #cccccc} .board_tit input{ vertical-align:top; *vertical-align:middle} .board_write{ table-layout:fixed;border-top:2px solid #540d06} .board_write caption{ text-align:left} .board_write th{ background:#f6f6f6; border-bottom:1px solid #dddddd; padding:10px 10px 8px 10px; color:#5f503d} .board_write th img{ vertical-align:middle} .board_write td{ padding:10px 10px 8px 10px; color:#666; border-bottom:1px solid #ccc;} .board_write td input{width:25%; vertical-align: middle;} .board_write td select{width:15%;vertical-align: middle;} .tab_st1{ width:35%; background:#540d06; color:#fff; padding:8px 0 6px 2%; font-weight:bold; font-size:12px; letter-spacing:-1px; font-family:gulim; vertical-align:bottom;} .page_mg{ margin-top:40px} .order_com{position:relative;} .order_com_num{position:absolute;top:107px;left:42px;} .law_box, .law_box2{scrollbar-3dlight-color:#FFFFFF;scrollbar-arrow-color:#CCCCCC; scrollbar-track-color:#F9F9F9; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#CCCCCC;scrollbar-shadow-color:#CCCCCC;background:#f4f4f4;overflow-y:scroll; padding:20px; border-top:1px solid #292233;border-bottom:1px solid #cbcacd;} .law_box{height:500px;} .law_box2{height:80px;} .law_agree{ text-align:right; padding:10px 20px; text-align:right; background:#dddddd; border-top:1px solid #fff; border-bottom:1px solid #bbbbbb; font-weight:bold} .law_agree input{ vertical-align:middle; margin-right:5px} .shopping .shopping_cont .doc .view_bt{} .contbox{ margin-top:50px} .contbox .category{ border-bottom:2px solid #000; overflow:hidden} .contbox .category li{ width:100px;;height:30px; background:#fff; border:1px solid #e5e5e5; color:#666; font-family:"나눔고딕",ng; font-weight:bold; font-size:14px; cursor:pointer; margin-left:-5px; float:left; text-align: center; padding-top:10px} .contbox .category li:first-child{ margin-left:0} .contbox .category li:hover,.shopping .shopping_cont .doc .view_bt .contbox .category li.on{ background:#000; color:#fff; border:1px solid #000} .contbox .cont_bg{ background:#e2e2e2; padding:7px} .contbox .cont_bg .contbg_box{ background:#fff; border:1px solid #c7c7c7; padding:25px} .shopping .shopping_cont .doc .view_bt .contbox .view_review_total{ font-family:"나눔고딕",ng; height:35px; padding-top:25px; font-weight:bold; font-size:15px; color:#444444; border-bottom:1px solid #cccccc; margin-bottom:10px} .shopping .shopping_cont .doc .view_bt .contbox .view_review_total span{ font-family:"돋움"; font-size:0.7em; color:#999; font-weight:normal; padding-left:20px} .shopping .shopping_cont .doc .view_bt .contbox .view_review_total span strong{ color:#444444} .prod_dp1{ border:1px solid #a89da4; border-top:2px solid #212f29; overflow:hidden; background:url(../images/sp_shopping/cate_dp1.gif) no-repeat left bottom #c94974; position:relative; margin-bottom:20px} .prod_dp1 .category_tit{ position:absolute; left:0; top:50%; margin-top:-12px; padding-left:20px; font-family: "Times New Roman", Times, serif; font-size:26px; color:#fff} .prod_dp1 .category{ overflow:hidden; float:right; margin:0 0 0 1px; background: url(../images/sp_shopping/cate_dp1_bg.gif) no-repeat right bottom} .prod_dp1 .category li{height:25px; float:left; background:url(../images/sp_shopping/cate_dp1_off.gif) no-repeat; margin:-1px 0 0 -1px; cursor:pointer; font-family:"굴림"; font-size:12px; color:#666; padding:15px 20px 0 20px; line-height:11px} .prod_dp1 .category li:hover,.shopping .shopping_cont .doc .prod_dp1 .category li.on{ background:url(../images/sp_shopping/cate_dp1_on.gif) no-repeat; color:#fff; font-weight:bold} .prod_dp2{ border:1px solid #bcbcbc; background:url(../images/sp_shopping/cate_dp2_bg_bt.gif); margin-bottom:30px} .prod_dp2 .category_tit{ margin:0 auto; height:25px; padding:15px 5px 0 5px; font-family:"굴림"; font-size:14px; font-weight:bold; color:#111111} .prod_dp2 .category{ margin:0 auto; background:url(../images/sp_shopping/cate_dp2_bg_ct.gif) repeat-x left top #fff; padding:18px 20px 20px 0; overflow:hidden; min-height:20px; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8} .prod_dp2 .category li{ font-family:"굴림"; font-size:12px; color:#666; cursor:pointer; float:left; width:126px; margin-left:20px; height:30px; border-bottom:1px dashed #ccc;background:url(../images/sp_shopping/icon_cate_dp2.gif) no-repeat left center; padding:8px 0 0 8px;} .prod_dp2 .category li:hover,.shopping .shopping_cont .doc .prod_dp2 .category li.on{ color:#b1001e} .prod_dp2 .bg_top{ background:url(../images/sp_shopping/cate_dp2_bg_top.gif) repeat-x left top;} .prod_dp2 .bg_bt{ background:url(../images/sp_shopping/cate_dp2_bg_bt.gif); height:19px;} .subpage .ment dt{ font-size:1.3em; color: #006699; font-weight:bold; text-align:center; line-height:2em} .subpage .ment dd{ font-size:0.9em; color:#999; text-align:center} .tit_st1{ text-align:left; font-weight:bold; color:#000; font-size:1.0em; padding-bottom:1%; margin-top:5%; position:relative} .tit_st1 .tit_st1_tt{ position:absolute; right:2%; bottom:0; color:#666; font-size:0.8em;} .tit_st1:first-child{margin-top:0} /*board*/ .board_st{ border-collapse:collapse; border-top:2px solid #666 } .board_st caption{ text-align: center; width:30%; background: #666; border-radius:5px; margin:0 0 -5px 0; color:#fff; font-size:0.9em; padding:2px 0 7px 0; font-weight:bold;} .board_st th,.board_st td{ border:1px solid #dddddd; color:#666; padding:2% 1%;font-size:0.95em;} .board_st td{ color:#888888; background:#fff} .board_st th{} .board_st th.bg1{ background:#f9f9f9} .board_st th.bg2{ background:#777777; color:#fff} .board_st .bookimg{ width:10%; vertical-align:top; border:1px solid #dddddd; margin-right:1%} .board_st td.bg1{ background:#f9f9f9} .board_st td.bg1 .icon{ width:10%; float:left; text-align:center; color:#FF6600} .board_st td.bg1 .pt{ width:85%; float:left; clear:right} .board_st td.bg1 .pt span{ display:inline-block; margin-right:5%} .board_st td.bg1 .pt span.p1{ color: #000; } .board_st td.bg1 .pt span.p2{ color: #006666;} .board_st td.bg1 .pt span.p3{ color: #FF0000; font-weight:bold} .board_st .od_price{ width:40%; text-align:right} .board_st .coupon_point{ font-size:1.25em; color:#FF3300; padding:0 2%} .board_st .spanbox{ clear:both} .board_st .spanbox span{ display:inline-block; margin-right:5%} .board_st input, .board_st label,.board_st img, .board_st span, .board_st select{ vertical-align:middle} .subpage .price_total{ background:#666; padding:2% 5%; color:#fff; font-size:0.8em; text-align:right;font-weight:bold; border-bottom:1px solid #dddddd} .subpage .price_total span{ display:inline-block} .subpage .price_total .point{ color:#FFFF00; font-size:1.05em} .shopping .shopping_cont .doc .view_top .view_tit{ font-size:24px; color:#7e2610; height:40px; padding-top:20px} .shopping .shopping_cont .doc .view_top .view_left{ float:left} .shopping .shopping_cont .doc .view_top .view_left .viewimg{ width:358px; height:358px; border:1px solid #ccc; position:relative;text-align:center;} .shopping .shopping_cont .doc .view_top .view_left .viewimg img{ } .shopping .shopping_cont .doc .view_top .view_left .viewimg .zoomview{ position:absolute; left:-1px; top:-1px; width:510px; height:533px; background:#fff; border:10px solid #ebebeb; display:none; z-index:10} .shopping .shopping_cont .doc .view_top .view_left .viewimg .zoomview .boxsize{ width:90%; margin:20px auto; position:relative} .shopping .shopping_cont .doc .view_top .view_left .viewimg .zoomview .boxsize .thistit{ font-family: "Times New Roman", Times, serif; font-size:26px; color:#999; padding-bottom:15px} .shopping .shopping_cont .doc .view_top .view_left .viewimg .zoomview .boxsize .imgarea{ overflow:hidden} .shopping .shopping_cont .doc .view_top .view_left .viewimg .zoomview .boxsize .imgarea .imgbig{ float:left;border:1px solid #dddddd;width:450px; height:450px;text-align:center;} .shopping .shopping_cont .doc .view_top .view_left .viewimg .zoomview .boxsize .imgarea .imgbig img{ } .shopping .shopping_cont .doc .view_top .view_left .viewimg .zoomview .boxsize .imgarea .imgsmall{ float:left; width:100px; margin-left:20px} .shopping .shopping_cont .doc .view_top .view_left .viewimg .zoomview .boxsize .imgarea .imgsmall dd{ margin-bottom:20px;width:100px; height:100px;float:left;border:1px solid #dddddd;} .shopping .shopping_cont .doc .view_top .view_left .viewimg .zoomview .boxsize .imgarea .imgsmall img{ width:100px; height:100px} .shopping .shopping_cont .doc .view_top .view_left .viewimg .zoomview .boxsize .imgarea .close{ position:absolute; right:-28px; top:-20px; cursor:pointer; font-family:Arial, Helvetica, sans-serif; color:#666; background:#ebebeb; width:30px; height:30px; font-size:20px; color:#999; text-align:center; padding:7px 0 0 6px} .viewlink{width:100%; padding:10px 0 32px 0; overflow:hidden} .viewlink .zoom{ float:left; cursor:pointer} .viewlink .sns{ float:left; } .viewlink .sns img{ margin-left:5px;} .viewlink .link{ float:right;} .viewlink .link img{ margin-left:15px;} .viewlink .sns img{ margin-left:5px;} .cont_bg{ background:#e2e2e2; padding:7px} .cont_bg .contbg_box{ background:#fff; border:1px solid #c7c7c7; padding:25px} .left .pdf{ background:#bb0909; color:#fff; outline:1px solid #7c0505; display:block; width:100%; font-size:1.2em; padding:3px 0; text-align:center;} /*nav*/ .l-nav { -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease; opacity: 0; position: absolute; top: 0; left: 0; bottom: 0; width: 80%; overflow: auto; overflow-x: hidden; background: #444444; letter-spacing:-1px } .l-nav::-webkit-scrollbar {width: 0;} html.l-nav-open, html.l-nav-open body { height: 100%; overflow: hidden; background: #fff; z-index:99999999999px; } .l-main { -webkit-transition: -webkit-transform 300ms ease; -moz-transition: -moz-transform 300ms ease; -o-transition: -o-transform 300ms ease; transition: transform 300ms ease; /*-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;*/ position: relative; z-index: 999; overflow: hidden; } html.l-nav-open .l-main { -webkit-transform: translate3d(80%, 0, 0); -moz-transform: translate3d(80%, 0, 0); -o-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); -webkit-box-shadow: 0 0 0.5625rem #000000; box-shadow: 0 0 0.5625rem #000000; } html.l-nav-open .l-nav { -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch; -o-overflow-scrolling: touch; overflow-scrolling: touch; opacity: 1; } .l-nav-open .l-nav, .l-nav-closing .l-nav { display: block; } .l-nav .link{ overflow:hidden; text-align:center; background:#333; height:60px; border-bottom:1px solid #222222; } .l-nav .link li{ float:left; width:24%;border-left:1px solid #222222; height:100%; padding-top:5px; text-align:center;} .l-nav .link li:first-child{ border-left:none;} .l-nav .link li img{ height:50px;} .nav_tit{ background:#2c78a4; padding:7px 5%; font-weight:bold; font-weight:0.9em; color:#fff; border-bottom:1px solid #020e34; position:relative;box-shadow:0 2px 3px #020e34 inset;} .l-nav .nav_tit:after{ content:"▼"; position:absolute; right:5%; font-size:0.8em;} .l-nav .nav{ border-bottom:1px solid #222222;} .l-nav .nav .dp1{color:#ccc; background:#333333; border-top:1px solid #222222; line-height:2em; font-size:0.9em; position:relative;} .l-nav .nav .dp1 ul{border-top:1px solid #222222;} .l-nav .nav .dp1.on{ background:#002f4a; color:#fff;} .l-nav .nav .dp1:before{ content:"+"; margin:0 5px 0 5%;} .l-nav .nav .dp1 .icon:after{ content:"Go >"; position:absolute; right:5%; top:0.5em; font-size:0.8em; background:#333333; border:1px solid #222222; border-radius:2px; line-height:1em; padding:2px 0; width:40px; text-align:center; box-shadow:1px 1px 2px #222222;} .l-nav .nav .dp2{color:#ccc; background:#555555; border-top:1px solid #444444; line-height:2em; font-size:0.9em; position:relative;} .l-nav .nav .dp2.on{ background:#218094; color:#fff;} .l-nav .nav .dp2:before{content:"+"; margin:0 5px 0 10%;} .l-nav .nav .dp2 .icon:after{ content:"Go >"; position:absolute; right:5%; top:0.4em; font-size:0.8em; background:#555555; border:1px solid #444444; border-radius:2px; line-height:1em; padding:2px 0; width:40px; text-align:center; box-shadow:1px 1px 2px #444444;} .l-nav .nav .dp3{color:#218094; background:#dddddd; border-top:1px solid #218094; line-height:2em; font-size:0.9em; position:relative;} .l-nav .nav .dp3:before{content:"+"; margin:0 5px 0 15%;} .l-nav .nav .dp3 .icon:after{ content:"▶"; position:absolute; right:5%; top:0.3em; font-size:0.8em; background: none; border: none; border-radius:2px; line-height:1em; padding:2px 0; width:40px; text-align:center; box-shadow: none;} .l-nav .nav .dp1:first-child, .l-nav .nav .dp2:first-child, .l-nav .nav .dp3:first-child{ border-top:none;} .l-nav .nav ul{ display:none;} .btn_new{ background:#83a5e3; border-radius:10px; color:#fff; font-weight:bold; letter-spacing:0; text-align:center; padding:0 5%; font-size:11px; margin:0 1%;} /*판매순위도서*/ .box2{ width:95%; max-width:608px; min-width:304px; margin:0 auto; position:relative;} .box2 .ranking_area {width:70%; border:1px solid #ccc; margin:0 auto; padding:2% 0%;} .box2 .ranking_area p.first_img {width:65%; margin:0 auto;} .box2 .ranking_area2 {width:98%; margin:0 auto; text-align:center; padding:3% 0%; overflow:hidden;} .box2 .ranking_area2 .small_ranking {width:44%; height:100%; border:1px solid #ccc; padding:2% 0%; margin-left:5%; margin:0 auto; position:relative; float:left;} .box2 .ranking_area2 .small_ranking2 {width:44%; height:100%; border:1px solid #ccc; padding:2% 0%; margin-left:5%; margin:0 auto; position:relative; float:right;} .box2 .ranking_area2 .small_ranking p.first_img {width:80%; margin:0 auto;} .box2 .ranking_area2 .small_ranking2 p.first_img {width:80%; margin:0 auto;} .prod_best img {width:20%; position:absolute; left:50%; top:0; margin-left:-38%;} .num{position:absolute; font-size:22px;; top:0; left:50%; color: #FF0000; z-index:99; top:4%; margin-left:-30%; text-align:center;} .prod_best2 img {width:28%; position:absolute; left:50%; top:0; margin-left:-50%;} .num2{position:absolute; font-size:18px; top:0; left:50%; color: #FF0000; z-index:99; top:9%; margin-left:-40%; text-align:center;} .pdttt_01 { padding:5px 0px;} .link_12_ffffffb {text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px; font-weight:bold;} a.link_12_ffffffb:active{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px; font-weight:bold;} a.link_12_ffffffb:visited{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px; font-weight:bold;} a.link_12_ffffffb:link{text-decoration:none; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px; font-weight:bold;} a.link_12_ffffffb:hover{text-decoration:underline; color:#ffffff; font-family:"나눔고딕",NanumGothic,"돋움",dotum,"굴림",gulim; font-size:12px; font-weight:bold;}