@charset "utf-8";
/*----------------------------------------
	info 
----------------------------------------*/
.privacy{width:910px; padding:0 60px 0 10px;}
/* 제목 */
.titlearea{position:relative; padding-bottom:10px;}
.titlearea h2{height:20px;line-height:20px;font-size:20px;color:#a79a5f;}
/*이용약관,개인정보보호정책*/
.joinsland_privacy{font-size:14px; line-height:24px; color:#221815;}
.joinsland_privacy h4{margin-top:30px; font-size:14px; color:#221815; font-weight:bold;}
.joinsland_privacy .top{padding:26px 20px 30px; margin-top:30px; background-color:#f1efe4; letter-spacing:-0.05em}
/*광고.제휴문의*/
/*버튼*/
.btn{display:inline-block;}
.btn.sz_b{width:194px; height:52px; font-size:18px; line-height:16px; letter-spacing:0; text-align:center; vertical-align:middle;}
.btn.bw{color:#231f20; background-color:#f6f6f6; border:1px solid #e6e6e6;}
.btn.bb{background-color:#fff; color:#3c3e40; border:1px solid #e6e6e6;}
.btn.bb:hover{background-color:#3c3e40; color:#fff;}
.addarea{width:960px;padding:50px;}
.addarea .titlearea{min-height:32px;}
.addarea .titlearea .btn{position:absolute; top:0; right:0;}
.add_box{position:relative; height:210px; padding-left:330px; margin-top:50px;}
.add_box>img{position:absolute; top:0; left:0;}
.add_box>h3{margin-bottom:28px; font-size:29px; color:#241815; line-height:25px;}
.add_box>p{margin-bottom:30px; color:#221815; font-size:14px; line-height:24px;}
.add_box>ul{width:425px;}
.add_box>ul li{float:left; padding-left:15px; margin-right:20px; font-weight:bold; color:#737475; font-size:14px; background:url('../../img/pc/icon_dot.png') 0 50% no-repeat;}
.add_box .btn{position:absolute; bottom:0; right:0;}
.add_box.rt{padding-right:330px; padding-left:0; text-align:right;}
.add_box.rt>img{left:inherit; right:0;}
.add_box.rt>p{text-align:right;}
.add_box.rt>ul{float:right; width:425px;}
.add_box.rt>ul li{float:right; padding-left:15px; margin-right:0; margin-left:20px;}
.add_box.rt .btn{right:inherit; left:0;}
.btn_set{width:732px;margin:0 auto 40px;}
.btn_set.ctr{width:356px;}
.btn_set.odr{margin-bottom:0;}
.btn_set .btn{float:left;width:356px;height:50px;text-align:center;vertical-align:middle;background-color:#3c3e40;font-size:15px;color:#fff;border:0;}
.btn_set .btn.n01{margin-right:20px;}
.btn_set.join .btn{background-color:#757575;}
.btn_set.join .btn.n01{background-color:#3c3e40;}
/*site map*/
.sitemap{width:970px;padding:50px 40px 50px 50px;}
.allview{position:relative;}
.allview dl{float:left; margin:18px 0 19px;}
.allview dl.n01{width:216px;}
.allview dl.n02{width:226px;}
.allview dl.n03{width:206px;}
.allview dl.n04{width:202px;}
.allview dl.n05{width:120px;}
.allview dl.n06{width:216px;}
.allview dl.n07{width:216px;}
.allview dl a{color:#241815;}
.allview dt{margin-bottom:15px; font-size:29px;}
.allview dd{line-height:24px;}
.allview .section{border-bottom:1px solid #eaeaea;}
/*회원탈퇴,비밀번호변경*/
.infouser{width:960px;padding:50px;}
.infouser .iu_box{margin-bottom:40px;}
.infouser .iu_box .inputbox{position:relative;padding:20px 0 10px;border:1px solid #eaeaea;border-width:1px 0;width:100%}
.infouser .iu_box .inputbox>div{margin-bottom:10px;}
.infouser .iu_box .inputbox>div:after{content:'.';display:block;font-size:0;height:0px;line-height:0;clear:both;}
.infouser .iu_box .inputbox>div span{float:left;display:block;width:184px;padding:9px 0 0 10px;color:#2a2a2a;font-size:16px;}
.infouser .iu_box .inputbox>div em{float:left;display:block;width:332px;height:15px;padding:14px 10px;color:#7a7a7a;font-size:14px;line-height:15px;}
.infouser .iu_box .inputbox>div .textfl{float:left;width:332px;min-height:12px; padding-top:10px; margin-left:194px; font-size:11px; line-height:11px; color:#7a7a7a;}
.infouser .iu_box .inputbox>div .textfl.cor{color:#a79a5f;}
.infouser .iu_box .inputbox>div .input{float:left;width:332px;min-height:15px;padding:14px 10px;border:1px solid #e6e6e6;}
.infouser .iu_box .inputbox>div .input input{width:332px;height:15px;color:#7a7a7a;font-size:14px;line-height:15px;}
.infouser .iu_box .inputbox>div .input textarea{width:332px; height:103px;border:0;}
.infouser .toptext{margin-top:27px; margin-bottom:20px;}
.infouser .toptext span{color:#a79a5f;}
.infouser .toptext p{margin-bottom:16px; font-size:16px; color:#231f20;}
.infouser .toptext ul li{color:#7a7a7a; line-height:23px; font-size:12px;}
.infouser .toptext ul li em{display:inline-block; text-indent:15px;}
.infouser .check_dit{position:relative;}
.infouser .check_dit input{position:absolute;top:3px; left:0;}
.infouser .check_dit label{padding-left:15px;color:#7a7a7a;font-weight:bold}
/*개인정보 수정*/ 
.setting_box{position:relative;padding:20px 0; margin-bottom:40px; border:1px solid #eaeaea;border-width:1px 0;}
.setting_box table{width:100%; text-align:left;}
.setting_box table .mh{height:45px;}
.setting_box table th{padding:5px 0;color:#2a2a2a;font-size:16px;vertical-align:top;}
.setting_box table td{padding:5px 0;color:#7a7a7a;font-size:14px;}
.setting_box table td .input{display:inline-block; width:334px;padding:12px 10px;border:1px solid #e6e6e6;}
.setting_box table td .input input{width:334px;color:#7a7a7a;font-size:14px;}
.setting_box table td .select_box{display:inline-block; min-width:115px; height:46px;}
.setting_box table td .select_box .selectcl{height:46px;}
.setting_box table td .select_box label{top:15px; left:10px; color:#7a7a7a; font-size:14px;}
.setting_box table td .hyphen{display:inline-block;zoom:1;width:5px;border-top:1px solid #2a2a2a;margin-top:17px;margin-bottom:7px;margin-left:2px;margin-right:3px;}
.setting_box table td .textfl{padding-bottom:5px; color:#7a7a7a; font-size:11px;}
.setting_box table td .textfl.check_dit{position:relative; padding-top:10px; padding-bottom:0;}
.setting_box table td .textfl.check_dit input{position:absolute;top:12px; left:0;}
.setting_box table td .textfl.check_dit label{padding-left:15px; font-weight:normal;}
.setting_box table td.email .input{width:334px; margin-right:15px;}
.setting_box table td.email .input input{width:334px;}
.setting_box table td.phon .select_box{width:115px;}
.setting_box table td.phon .input{width:95px;}
.setting_box table td.phon .input input{width:95px;}
.setting_box table td.addr .input{width:95px;margin-left:15px;}
.setting_box table td.addr .input.first{margin-left:0;}
.setting_box table td.addr .input input{width:95px;}
.setting_box table td.last .input{width:368px;}
.setting_box table td.last .input input{width:368px;}
.infobox{width:960px; padding:50px;}
.infobox .intro{margin-top:30px;}
.infobox .intro .top .title{margin-bottom:36px;}
.infobox .intro .top .title img{display:block; margin:auto;}
.infobox .intro .top p{font-size:14px; line-height:24px; color:#737475; text-align:center;}
.infobox .intro .cont{padding-top:36px;}
.infobox .intro .cont:after{content:'.';display:block;font-size:0;height:0px;line-height:0;clear:both;}
.infobox .intro .cont dl{float:left; width:225px; margin-left:20px;}
.infobox .intro .cont dl:first-child{margin-left:0;}
.infobox .intro .cont dt{font-size:20px; line-height:24px; color:#241815; letter-spacing:-0.02em}
.infobox .intro .cont dd{margin-top:10px; color:#241815; font-size:14px;}
/*history*/
.history{}
.history .namebox{margin-top:-1px; background:url('../../img/pc/icon_arrow.png') 889px 27px no-repeat; cursor:pointer;}
.history .namebox h3{height:22px; padding:19px 0; color:#737475; font-size:30px; line-height:24px; border:1px solid #d6d6d6; border-width:1px 0; text-align:center;}
.history.on .namebox{margin-top:0; margin-bottom:20px; background:none; cursor:default;}
.history.on .namebox h3{color:#221815; padding:20px 0; border:0;}
.history .cont{display:none;}
.history.on .cont{display:block;}
.history .cont ul{background:url('../../img/pc/history_line.png') 50% 0 repeat-y;}
.history .cont ul.la_im{margin-bottom:165px;}
.history .cont ul:after{content:'.';display:block;font-size:0;height:0px;line-height:0;clear:both;}
.history .cont li{position:relative; width:463px; min-height:24px;background:url('../../img/pc/icon_history.png') 0 0 no-repeat;}
.history .cont li.lastli{background:url('../../img/pc/icon_history_last.png') no-repeat;}
.history .cont li span{display:inline-block; width:70px; font-size:20px; color:#221815; font-family:'Noto Sans Korean','Malgun Gothic','맑은 고딕','돋움',Dotum,Helvetica, Sans-serif; font-weight:700; line-height:17px;}
.history .cont li p{display:inline-block; margin-top:-4px; font-size:16px; color:#221815; font-family:'Noto Sans Korean','Malgun Gothic','맑은 고딕','돋움',Dotum,Helvetica, Sans-serif; font-weight:400; line-height:24px;}
.history .cont li.right_box{float:right; padding-left:25px; text-align:left; background-position:0 0;}
.history .cont li.right_box img{position:absolute; top:30px; left:94px;}
.history .cont li.right_box span{float:left;}
.history .cont li.right_box p{float:left;}
.history .cont li.left_box{float:left; padding-right:25px; text-align:right; background-position:100% 0;}
.history .cont li.left_box img{position:absolute; top:30px; right:94px;}
.history .cont li.left_box span{float:right;}
.history .cont li.left_box p{float:right;}
.history .cont li.d1512{height:60px;}
.history .cont li.d1511{height:190px;}
.history .cont li.d1511 img{top:55px;}
.history .cont li.d1507{height:60px;}
.history .cont li.d1506{height:60px;}
.history .cont li.d1505{height:60px;}

.history .cont .smapleimg{padding:40px 0;}

.infobox .intro .textarea .mainimg{padding-bottom:30px;}
.infobox .intro .textarea .mainimg .tab{position:relative; z-index:99; zoom:1; background-color:#fff;}
.infobox .intro .textarea .mainimgl .tab:after{content:""; display:block; clear:both; height:0; visibility:hidden;}
.infobox .intro .textarea .mainimg .tab li{float:left; height:32px; margin-left:1px; text-align:center; font-weight:bold; line-height:32px;font-size:14px; border:1px solid #ccc; cursor:pointer; overflow:hidden;}
.infobox .intro .textarea .mainimg .tab li.list01{width:150px; margin-left:0; }
.infobox .intro .textarea .mainimg .tab li.list02{width:150px; }
.infobox .intro .textarea .mainimg .tab li:hover, .infobox .intro .textarea .mainimg .tab li.on{color:#fff;background-color:#ccc !important;}
.infobox .intro .textarea{width:660px;margin:0 auto;line-height:1.6;}
.infobox .intro .textarea .point.color{color:#8dd313;}
.infobox .intro .textarea .infolist{border-top:2px solid #000; padding-bottom:28px;}
.infobox .intro .textarea .infolist table{width:100%;}
.infobox .intro .textarea .infolist table th, .infobox .intro .textarea .infolist table td{padding:15px 0; border-bottom:1px solid #ccc; text-align:left; color:#000; font-size:13px; line-height:24px; vertical-align:top;}
.infobox .intro .textarea .infolist table th{width:100px; font-weight:bold;}
.infobox .intro .textarea .subwap{padding:10px 0 30px 60px; background:url('../../img/pc/subway.jpg') no-repeat;}
.infobox .intro .textarea .subwap dt{color:#000; font-weight:bold; padding-bottom:20px;}
.infobox .intro .textarea .subwap dd{padding-bottom:2px; font-size:13px; color:#575757;}
.infobox .intro .textarea .bus{padding:10px 0 30px 60px; background:url('../../img/pc/bus.jpg') no-repeat; zoom:1;}
.infobox .intro .textarea .bus:after{content:""; display:block; clear:both; height:0; visibility:hidden;}
.infobox .intro .textarea .bus .title{float:left; width:100%; color:#000; font-weight:bold; padding-bottom:20px;}
.infobox .intro .textarea .bus .left{float:left; width:300px; border-right:1px solid #e6e6e6;}
.infobox .intro .textarea .bus p{float:left; width:100%; padding:2px 0;}
.infobox .intro .textarea .bus .right{float:left; padding-left:20px;}
.infobox .intro .textarea .bus dl{padding-bottom:20px;}
.infobox .intro .textarea .bus dl dd{width:260px; zoom:1;}
.infobox .intro .textarea .bus dl dd:after{content:""; display:block; clear:both; height:0; visibility:hidden;}
.infobox .intro .textarea .bus dl dt{padding-bottom:2px; font-size:13px; color:#575757;}
.infobox .intro .textarea .bus span{display:block; float:left; height:12px; padding:4px 5px; margin-right:3px; color:#fff; font-size:12px; line-height:12px; font-weight:bold;}
.infobox .intro .textarea .bus span.blue{background-color:#1868b2;}
.infobox .intro .textarea .bus span.green{background-color:#47b218;}
.infobox .intro .textarea .bus span.red{background-color:#b22018;}
.infobox .intro .textarea .bus span.skyblue{background-color:#93b4e6;}
.infobox .intro .textarea .bus span.yellow{background-color:#a0b300;}

.joinsland_privacy .infolist{border-top:2px solid #000; padding-bottom:28px;}
.joinsland_privacy .infolist table{width:100%;}
.joinsland_privacy .infolist table th, .joinsland_privacy .infolist table td{padding:15px 0; border-bottom:1px solid #ccc; text-align:left; color:#000; font-size:13px; line-height:24px; vertical-align:top;}
.joinsland_privacy .infolist table th{width:100px; font-weight:bold;}
.joinsland_privacy .infolist .stitle { background-color:#eee;font-size:14px;text-align:center }

/* book detail - tab */
.left_area .tab.line { position: relative; width: 100%; padding: 0 0 25px 0; }
.left_area .tab.line ul { position: relative; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #ccc; font-family: Tahoma, Sans-serif; font-size: 12px; *zoom:1 }
.left_area .tab.line ul:after { content: ""; display: block; clear: both }
.left_area .tab.line li { float: left; margin-bottom: -1px }
.left_area .tab.line li a { position: relative; float: left; text-decoration: none; border: 1px solid #eee; border-bottom-color: #ccc; background: #fafafa; color: #333 }
.left_area .tab.line li a span { display: inline-block; height: 14px; padding: 6px 25px 6px 25px; letter-spacing: -1px; cursor: pointer }
.left_area .tab.line li ul { width: 100%; position: absolute; top: 40px; left: 0; list-style: none; border: 0; margin: 0; padding: 0; *zoom:1 }
.left_area .tab.line li ul:after { content: ""; display: block; clear: both }
.left_area .tab.line li li { position: relative; left: -1px; padding: 0 10px; overflow: visible }
.left_area .tab.line li li a { padding: 0; margin: 0; border: 0 !important; color: #666 !important; font-weight: normal; background: transparent; letter-spacing: normal }
.left_area .tab.line li.active a { border: 1px solid #ccc; border-bottom: 1px solid #fff; margin-top: -1px; background: transparent }
.left_area .tab.line li.active a span { padding-top: 7px; font-weight: bold }
.left_area .tab.line li li a:hover, .left_area .tab.line li li a:active, .left_area .tab.line li li a:focus, .left_area .tab.line li li.active a { font-weight: bold; letter-spacing: -1px; color: #333 !important }
/* book detail - flextext */
.flextext { position: relative; width: 100%; padding: 5px 0 }
.flextext strong { font-weight: bold }
.flextext .flexfontbig { font-size: 14px; word-break: break-all; word-wrap: break-word }
.flextext .flexfontbasic { font-size: 12px; word-break: break-all; word-wrap: break-word }
/* book detail - content */
#bookinfos { margin-bottom: 25px; padding: 0 20px; overflow: hidden; max-width: 100%; }
#bookinfos img { max-width: 600px; text-align: center }
#bookinfos img, .tab_content img { max-width: 100% !important; height: auto !important; }
#bookinfos table, .tab_content table { max-width: 100%; table-layout: fixed; word-break: break-all; }
.tab_content { word-break: break-word; overflow-wrap: break-word; }
/* book detail - SNS */
.titlearea .to_sns.big { padding: 0 15px 30px; text-align: center }
.titlearea .to_sns.small { padding: 6px }
.titlearea .to_sns .fl { margin: 3px }
.titlearea .to_sns a { letter-spacing: 0; text-decoration: none }
.titlearea .to_sns strong { font-weight: 400 }
.titlearea .to_sns .bubble strong { display: none }
.titlearea .rd_nav { position: absolute; top: 8px; right: 0; z-index: 99 }
.titlearea .ico_sns16 { display: inline-block; overflow: hidden; width: 16px; height: 16px; font-size: 0; line-height: 0; vertical-align: top; text-indent: -100px; transition: all .3s; *text-indent: 0; border-radius: 3px; background-image: url(/img/pc/2016/sns_16.png); opacity: .8 }
.titlearea .ico_sns16.facebook { background-position: 0 -16px }
.titlearea .ico_sns16.google { background-position: 0 -32px }
.titlearea .ico_sns16.pinterest { background-position: 0 -48px }
.titlearea .ico_sns16.line { background-position: 0 -64px }
.titlearea .ico_sns16.kakao { background-position: 0 -80px }
.titlearea .ico_sns16.naverblog { background-position: 0 -96px }
.titlearea .ico_sns16.kakaostory { background-position: 0 -112px }
.titlearea .ico_sns16.band { background-position: 0 -128px }
.titlearea .ico_sns16.geturl { background-position: 0 -144px }
.titlearea .ico_sns16:hover { opacity: 1 }