.black_bg{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:1000;display:none;}
.inner{width:1080px; margin:0px auto;}

label.event1{padding:2px;margin-right:2px;border:1px solid #3e8ccf;color:#3e8ccf;}
label.event2{padding:2px;margin-right:2px;border:1px solid #d22828;color:#d22828;}
label.new_icon{padding:2px;margin-right:2px;border:1px solid #1db3b1;color:#1db3b1;}
label.payco{padding:2px;margin-right:2px;border:1px solid #ec1f54;color:#ec1f54}

/* 팝업CSS */

#wrap{min-width:1080px;}

#popup_wrap_main {position:absolute;top:100px;left:100px;margin:0px;z-index:9999;overflow:hidden;}
#popup_wrap_main div{position:relative;float:left;}
#popup_wrap_main .close_btn{background:transparent;position:absolute;top:0px;right:0px;}

.topnavi{width:100%; height:33px; background-color:#f8f8f8; background-image:url(//image.hrdch.co.kr/educh/image/main/free_topMenu_bg.jpg); background-repeat:repeat-x; background-position:left bottom;}
.topnavi .inner{position:relative;}
.topnavi .toplink {position:absolute; left:0; top:0px; border-right:1px solid #d5d5d5;}
.topnavi .toplink li {border-left:1px solid #d5d5d5; height:33px; width:145px; float:left; font-size:15px;}
.topnavi .toplink li.on, .topnavi .toplink li:hover {background-color:#fff;}
.topnavi .toplink li a {display:block; width:100%; height:100%; cursor:pointer; text-align:center; padding-top:6px; color:#000;}
.topnavi .topservice {position:absolute; right:0; top:0;}
.topnavi .topservice li{background:url(//image.hrdch.co.kr/educh/image/main/free_rightMenu_line.jpg) right center no-repeat; height:33px; padding:0 13px; font-size:14px; display:inline-block;}
.topnavi .topservice li:last-child {background:none; margin-right:0; padding-right:0;}
.topnavi a{display:block; width:100%; height:100%; color:#363636; padding-top:6px; font-family:'notokr-regular','notokr Sans', sans-serif;}
.topnavi a.on{font-weight:bold;font-family:notokr-bold;}

#header .top_gnb{overflow:hidden;height:34px}
#header .top_gnb .left{float:left;margin-top:8px;}
#header .top_gnb .left ul{overflow:hidden;}
#header .top_gnb .left ul li{float:left;margin-right:3px;}
#header .top_gnb .left ul li a{display:block;width:78px;height:16px;line-height:18px;text-align:center;border:1px solid #c2c2c2;font-size:11px;font-family:'dotum';letter-spacing:-1px;}
#header .top_gnb .left ul li.mobile_app a{border-color:#4397d2;color:#4397d2;}

#header .top_gnb .right{float:right;margin-top:8px;}
#header .top_gnb .right ul{overflow:hidden;}
#header .top_gnb .right ul li{float:left;}
#header .top_gnb .right ul li a{display:block;height:18px;line-height:18px;}
#header .top_gnb .right ul li.bar{font-size:11px;font-family:'dotum';margin:0 6px;color:#ccc;height:18px;line-height:18px;}
#header .top_gnb .right ul li.login a{border:1px solid #4397d2;height:16px;line-height:18px;padding:0 10px;color:#4397d2;font-size:11px;font-family:'dotum';letter-spacing:-1px;}


#header .search_area{overflow:hidden;}
#header .search_area .logo{float:left;margin-top:19px;}
#header .search_area .search_box{float:right;margin-top:14px; }
#header .search_area .search_box .search{width:498px;height:40px;border:1px solid #4397d2;overflow:hidden;}
#header .search_area .search_box .search input{float:left;height:40px;padding:0 10px;width:438px}
#header .search_area .search_box .search a{display:block;height:40px;width:40px;float:right;text-align:center;background:#4397d2}
#header .search_area .search_box .search a i{line-height:40px;color:#fff;}

#header .search_area .search_box .hot_key{overflow:hidden;margin-top:10px;}
#header .search_area .search_box .hot_key dt{float:left;font-family: 'notokr-medium';font-size:13px;letter-spacing:-1px;margin-right:20px;}
#header .search_area .search_box .hot_key dd{float:left;}
#header .search_area .search_box .hot_key ul{overflow:hidden;}
#header .search_area .search_box .hot_key ul li{float:left;height:14px;line-height:14px;margin-top:1px}
#header .search_area .search_box .hot_key ul li.bar{margin:0 5px;font-size:11px;font-family:'dotum';letter-spacing:-1px;color:#ccc;}
#header .search_area .search_box .hot_key ul li a{color:#888;}
#header .search_area .search_box .hot_key ul li a:hover{text-decoration:underline;}

#header .gnb {position:relative;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;margin-top:23px;}
#header .gnb .inner{overflow:hidden;}

#header .gnb .all{float:left;}
#header .gnb .all a{display:block;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;width:198px;height:44px;overflow:hidden;}

#header .gnb .all a i.arrow{float:right;width:44px;line-height:44px;text-align:center;color:#bbb}
#header .gnb .all a span{display:block;line-height:44px;float:left;font-family: 'notokr-regular';font-size:16px;letter-spacing:-1px;}
#header .gnb .all a span i{vertical-align:middle;height:44px;line-height:40px;margin-right:4px;margin-left:15px;}

#header .gnb .menu{float:left;}
#header .gnb .menu ul{overflow:hidden;margin-left:30px;}
#header .gnb .menu ul li{float:left;margin-right:30px;}
#header .gnb .menu ul li a{font-family: 'notokr-regular';font-size:15px;letter-spacing:-1px;line-height:44px;color:#494949}

#header .gnb .right{float:right;overflow:hidden;}
#header .gnb .right .best{float:left;overflow:hidden;line-height:44px;margin-right:20px;}
#header .gnb .right .best dt{float:left;font-family: 'notokr-regular';font-size:16px;letter-spacing:-1px; color: #4397d2}
#header .gnb .right .best dd{float:left;margin-left:10px;}
#header .gnb .right .best dd ul{overflow:hidden;}
#header .gnb .right .best dd ul li{float:left;margin-right:10px;}
#header .gnb .right .best dd ul li a{color:#888;}
#header .gnb .right .best dd ul li a:hover{text-decoration:underline;}

#header .gnb .right .event{float:left;}
#header .gnb .right .event a{display:block;width:138px;height:30px;border:1px solid #d2d2d2;margin-top:6px;text-align:center;line-height:30px;font-family: 'notokr-regular';font-size:14px;letter-spacing:-1px}
#header .gnb .right .event a:hover{border-color:#4397d2;color:#4397d2;}

#header .sub_gnb{position:absolute;top:44px;z-index:9999;width:100%;display:none;}
#header .sub_gnb h4{font-family: 'notokr-regular';font-size:15px;letter-spacing:-1px; color: #292929}

#header .sub_gnb .inner{background:#fff;width:1078px;border:1px solid #c2c2c2;overflow:hidden;}
#header .sub_gnb .inner > div{float:left;height:432px}
#header .sub_gnb .inner > div.box1{width:320px;}
#header .sub_gnb .inner > div.box2{width:218px;border-left:1px solid #e2e2e2;}
#header .sub_gnb .inner > div.box3{width:217px;border-left:1px solid #e2e2e2;background:#fafafa}
#header .sub_gnb .inner > div.box3 > div{height:216px;}

#header .sub_gnb .inner > div.box4{width:320px;border-left:1px solid #e2e2e2;overflow:hidden;}
#header .sub_gnb .inner > div.box4 .title{height:48px;padding:0 15px;overflow:hidden;}
#header .sub_gnb .inner > div.box4 .title h4{float:left;line-height:50px;}
#header .sub_gnb .inner > div.box4 .title a{float:right;line-height:50px;}

#header .sub_gnb .inner > div.box4 .list{overflow:hidden;}
#header .sub_gnb .inner > div.box4 .list a{display:block;height:192px;overflow:hidden;}
#header .sub_gnb .inner > div.box4 .list a img{width:100%; height: 192px;}

#header .sub_gnb .inner .box1 dl dt{height:48px;line-height:48px;padding:0 15px;}
#header .sub_gnb .inner .box1 dl dd{padding:0 15px 15px 15px;border-top:1px;overflow:hidden;}
#header .sub_gnb .inner .box1 dl dd p{float:left;width:135px;}
#header .sub_gnb .inner .box1 dl dd a{display:block;line-height:24px;color:#777;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
#header .sub_gnb .inner .box1 dl dd a:hover{color:#292929;font-weight:bold;background:#fafafa;}

#header .sub_gnb .inner .box2 dl dt{height:48px;line-height:48px;padding:0 15px;}
#header .sub_gnb .inner .box2 dl dd{padding:0 15px 15px 15px}
#header .sub_gnb .inner .box2 dl dd a{display:block;line-height:24px;color:#777;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
#header .sub_gnb .inner .box2 dl dd a:hover{color:#292929;font-weight:bold;background:#fafafa;}

#header .sub_gnb .inner .box3 > div .title{height:48px;line-height:48px;padding:0 15px;overflow:hidden;}
#header .sub_gnb .inner .box3 > div .title h4{float:left;}
#header .sub_gnb .inner .box3 > div .title a{float:right;}

#header .sub_gnb .inner .box3 > div .list{padding:0 15px 15px 15px}
#header .sub_gnb .inner .box3 > div .list li{overflow:hidden;margin-bottom:5px;}
#header .sub_gnb .inner .box3 > div .list dt{float:left;width:17px;}
#header .sub_gnb .inner .box3 > div .list dt span{display:inline-block;width:15px;height:15px;line-height:17px;border:1px solid #c2c2c2;text-align:center;font-size:11px;font-family:'dotum'}
#header .sub_gnb .inner .box3 > div .list li:first-child dt span{border-color:#4397d2;color:#4397d2}
#header .sub_gnb .inner .box3 > div .list dd{float:left;margin-left:5px;}
#header .sub_gnb .inner .box3 > div .list dd a{display:inline-block;line-height:17px;;vertical-align:center;width:160px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;color:#777;font-size:11px;font-family:'dotum'}

#header .sub_gnb .inner .box3 .best{border-top:1px solid #e2e2e2;height:215px;}

/*메인유튜브*/
.main_youtube{width:100%;padding:53px 0; background: url(../../image/bookch/main_bg.jpg);position:relative;}
.main_youtube .main_wrap {width:1080px;margin:0 auto;position:relative;}
.main_youtube .main_wrap:after {display:block;content:'';clear:both;}
.main_youtube .main_wrap .more{width:64px;height:22px;background:#fff;border:1px solid #dfdfdf;text-align: center;line-height:22px;font-size:11px;position: absolute; right:0;top:-32px;}
.main_youtube .main_wrap .more:hover{color:#ff0000;}
.main_youtube .main_wrap .movie01 {width:535px;height:417px;float:left;border:1px solid #dddddd;position:relative;box-sizing:border-box;}
.main_youtube .main_wrap .movie01 .play{width:100%;height:300px;background:#666;}
.main_youtube .main_wrap .movie01 img{width:100%;height:300px;}
.main_youtube .main_wrap .movie01 .bt{width:82px;height:82px;border-radius: 100px; background:#fff;position: absolute;top:250px;right:10px;box-shadow:2px 1px 5px #666;}
.main_youtube .main_wrap .movie01 .bt .bt_play{width:51px;height:36px;border-radius:5px;background:rgba(0,0,0,0.7);color:#fff;margin: 20px auto;text-align:center;line-height:36px;}
.main_youtube .main_wrap .movie01 .bt .bt_play.on {background:red;}


.main_youtube .main_wrap .movie01 .explain {padding:20px 10px;background: #fff;width:100%;box-sizing: border-box;height:115px;overflow:hidden;}
.main_youtube .main_wrap .movie01 .explain h1{font-size:15px;font-family:'notokr-medium';padding-bottom:10px;color:#000;}
.main_youtube .main_wrap .movie01 .explain span{font-size:12px;font-family:'notokr-medium';line-height:17px;}
.main_youtube .main_wrap .movie01 .explain > span{overflow: hidden;line-height:25.5px;height:51px;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;}

.main_youtube .main_wrap .movie02 {width:512px;float:right;}
.main_youtube .main_wrap .movie02 .movie_cont{width:248px;float:left;margin:0 16px 16px 0;}
.main_youtube .main_wrap .movie02 .movie_cont:nth-child(2){margin-right:0;}
.main_youtube .main_wrap .movie02 .movie_cont:nth-child(3){margin-bottom:0;}
.main_youtube .main_wrap .movie02 .movie_cont:nth-child(4){margin-right:0;margin-bottom: 0;}


.main_youtube .main_wrap .movie02 .movie_cont .play{width:100%;height:140px;background:#666;position:relative;}
.main_youtube .main_wrap .movie02 .movie_cont img{width:100%;height:140px;}
.main_youtube .main_wrap .movie02 .movie_cont .bt_play{top:7px;left:97px;width:51px;height:36px;border-radius:5px;background:rgba(0,0,0,0.7);color:#fff;margin: 45px auto;text-align:center;line-height:36px;position:absolute;}
.main_youtube .main_wrap .movie02 .bt_play.on {background:red;}

.main_youtube .main_wrap .movie02 .movie_cont .explain {width:100%;height:60px;padding:22px 10px;background: #fff;box-sizing: border-box;font-size:13px;;font-family:'notokr-medium';overflow: hidden;
text-overflow:ellipsis;white-space:nowrap;color:#000;}

.main_youtube .main_side_l_banner{width:92px;height:153px;position:absolute;top:50%;margin-top:-47px;left:50%; margin-left:565px;}


.main_youtube .main_side_r_banner{width:92px;height:153px;position:absolute;top:50%;margin-top:-208px;left:50%; margin-left:565px;}



#footer {border-top:1px solid #292929;padding-bottom:50px}
#footer .f_gnb{border-bottom:1px solid #e2e2e2;height:48px;overflow:hidden;}
#footer .f_gnb .menu{float:left;overflow:hidden;}
#footer .f_gnb .menu ul li{float:left;margin-right:30px;line-height:48px;}
#footer .f_gnb .menu ul li a{;font-family: 'notokr-regular';font-size:15px;letter-spacing:-1px; color: #494949;}

#footer .f_gnb .family_site{float:right;}
#footer .f_gnb .family_site span{display:block;float:left;font-family: 'notokr-regular';font-size:15px;letter-spacing:-1px; color: #494949;line-height:48px;margin-right:10px;;}
#footer .f_gnb .family_site select{display:block;float:left;width:180px;height:32px;border:1px solid #d2d2d2;margin-top:8px;}

#footer .f_info{overflow:hidden;margin-top:25px;}
#footer .f_info > div{float:left;padding:15px 0}
#footer .f_info > div dt{;font-family: 'notokr-regular';font-size:15px;letter-spacing:-1px;;}
#footer .f_info > div dd{margin-top:10px;line-height:20px;}
#footer .f_info > div dd a{font-weight:bold;}

#footer .f_info .logo{width:175px;}
#footer .f_info .company{width:288px;}
#footer .f_info .address{width:200px;padding-left:20px;padding-right:20px;border-left:1px solid #e2e2e2}
#footer .f_info .cs{width:194px;padding-left:20px;padding-right:20px;border-left:1px solid #e2e2e2;}
#footer .f_info .escro {width:100px;padding-left:20px;border-left:1px solid #e2e2e2;}
#footer .f_info .escro dt {margin-left:13px;}
#footer .f_info .escro dd img {width:80px;height:70px;}

#container{min-height:720px;padding-bottom:140px;}

.navi_area{border-bottom:1px solid #e2e2e2;background:#f8f8f8}
.navi_area .inner{height:36px;overflow:hidden;}
.navi_area .navi ul{overflow:hidden;float:left;}
.navi_area .navi ul li{Float:left;}
.navi_area .navi ul li.home i{font-size:18px;line-height:36px;vertical-align:middle;}
.navi_area .navi ul li.home span{margin-left:2px;}
.navi_area .navi ul li.arrow i{font-size:18px;line-height:36px;color:#ccc}
.navi_area .navi ul li.cate dl{width:140px;height:24px;background:#fff;;border:1px solid #d2d2d2;margin-top:5px;border-left:0px;}
.navi_area .navi ul li.cate dl.first{border-left:1px solid #d2d2d2}
.navi_area .navi ul li.cate dt {overflow:hidden;line-height:24px;padding-left:5px;cursor:pointer}
.navi_area .navi ul li.cate dt span{float:left;}
.navi_area .navi ul li.cate dt i{float:right;font-size:20px;line-height:24px;color:#ccc}
.navi_area .navi ul li.cate dd{display:none;position:absolute;;background:#fff;z-index:9999;width:140px;border:1px solid #e2e2e2;margin-left:-1px;overflow-y:scroll;max-height:250px}
.navi_area .navi ul li.cate dd span{}
.navi_area .navi ul li.cate dd span.on a{color:#d22828;}
.navi_area .navi ul li.cate dd span a{display:block;border-bottom:1px solid #e2e2e2;padding:0 5px;line-height:24px;font-size:11px;font-family:'dotum';color:#888;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.navi_area .navi ul li.cate dd span a:hover{background:#f8f8f8;}

.navi_area .my_benefit{float:right;overflow:hidden;line-height:36px;}
.navi_area .my_benefit dl{overflow:hidden;}
.navi_area .my_benefit dl dt{float:left;font-family: 'notokr-regular';font-size:14px;letter-spacing:0px; color: #292929;}
.navi_area .my_benefit dl dd{float:left;margin-left:20px;}
.navi_area .my_benefit dl dd ul {overflow:hidden;}
.navi_area .my_benefit dl dd ul li{float:left;}
.navi_area .my_benefit dl dd ul li a{font-weight:bold;color:#fd1450}
.navi_area .my_benefit dl dd ul li.bar{margin:0 10px;color:#aaa}

#main{padding-bottom:0px;}

.main {overflow:hidden;}
.main .main_visual_area{position:relative;}
.main .main_visual{position:relative;}
.main .main_visual ul{position:relative;width:2000px;left:50%;margin-left:-1000px;}

.main .main_visual .bx-controls{position:absolute;bottom:26px;z-index:100;left:50%;margin-left:180px;}
.main .main_visual .bx-controls-direction{}
.main .main_visual .bx-controls .bx-prev{float:left;;width:39px;height:40px;line-height:40px;text-align:center;background:#4397d2;color:#fff;border-right:1px solid #2578b3}
.main .main_visual .bx-controls .bx-next{float:left;;width:40px;height:40px;line-height:40px;text-align:center;background:#4397d2;color:#fff;}

.main .main_visual .inner{position:relative;}
.main .main_visual .custom_pager{position:absolute;bottom:25px;left:0px;z-index:100;border-top:1px solid #4397d2;overflow:hidden;}
.main .main_visual .custom_pager a{display:block;float:left;width:124px;height:40px;line-height:40px;text-align:center;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.main .main_visual .custom_pager a.active{border-top:2px solid #4397d2;color:#4397d2;font-weight:bold;height:38px;line-height:38px;}
.main .main_visual .custom_pager a:hover{font-weight:bold;}

.main .main_visual_area .month_book{position:absolute;width:178px;height:348px;top:20px;left:50%;margin-left:300px;background:#fff;z-index:101;border:1px solid #e2e2e2;padding:30px;text-align:center;}
.main .main_visual_area .month_book h4{display:inline-block;width:110px;height:28px;border-radius:14px;;text-align:center;line-height:28px;background:#4397d2;color:#fff;font-family: 'notokr-regular';font-size:15px;letter-spacing:-1px;}

.main .main_visual_area .month_book ul{margin-top:20px;position:relative;}
.main .main_visual_area .month_book ul li{height:280px;}
.main .main_visual_area .month_book ul li dt img{width:150px;height:203px;border:1px solid #e2e2e2}
.main .main_visual_area .month_book ul li dd{height:auto;}
.main .main_visual_area .month_book ul li dd span{display:block;}
.main .main_visual_area .month_book ul li dd span.title{margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.main .main_visual_area .month_book ul li dd span.author{margin-top:6px;color:#888;font-size:11px;font-family:'dotum';overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

.main .main_visual_area .month_book .bx-controls{}
.main .main_visual_area .month_book .bx-controls .bx-prev{width:12px;height:19px;position:absolute;left:10px;top:50%;margin-top:-9.5px;background:url('../../image/bookch/month_book_l.png') no-repeat 0px 0px;text-indent:9999px}
.main .main_visual_area .month_book .bx-controls .bx-next{width:12px;height:19px;position:absolute;right:10px;top:50%;margin-top:-9.5px;background:url('../../image/bookch/month_book_r.png') no-repeat 0px 0px;text-indent:9999px;}

.main .main_visual_area .month_book .bx-pager{margin-top:20px;overflow:hidden;}
.main .main_visual_area .month_book .bx-pager .bx-pager-item{display:inline-block;overflow:hidden;}
.main .main_visual_area .month_book .bx-pager a{display:block;float:left;margin:0 2px;;width:12px;height:12px;background:#aaa;border-radius:50%;text-indent:-9999px}
.main .main_visual_area .month_book .bx-pager a.active{background:#4397d2}
.main .main_visual_area .month_book .bx-pager a:hover{background:#4397d2}

.main .hot_book{border-bottom:1px solid #e2e2e2;}
.main .hot_book .inner{overflow:hidden;border-left:1px solid #e2e2e2;}
.main .hot_book .inner > a{display:block;float:left;width:359px;border-right:1px solid #e2e2e2}
.main .hot_book .inner > a.first{width:358px;}
.main .hot_book .inner > a dl{overflow:hidden;padding:25px;}
.main .hot_book .inner > a dt{float:left;width:56px;}
.main .hot_book .inner > a dt img{width:54px;height:80px;border:1px solid #e2e2e2;}
.main .hot_book .inner > a dd{float:left;margin-left:25px;width:225px;}
.main .hot_book .inner > a dd span{display:block;}
.main .hot_book .inner > a dd span.hot{font-family: 'notokr-regular';font-size:14px;letter-spacing:-1px;color:#4397d2;}
.main .hot_book .inner > a dd span.title{margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.main .hot_book .inner > a dd span.text{margin-top:6px;line-height:18px;font-size:11px;font-family:'dotum';color:#888;height:36px;overflow:hidden;}

.main .title_line {margin-bottom:10px;overflow:hidden;line-height:18px;}
.main .title_line h3{float:left;font-family: 'notokr-regular';font-size:18px;letter-spacing:-2px;color:#292929;line-height:24px;}
.main .title_line h3 span{margin-left:10px;font-size:14px;color:#888;letter-spacing:-1px}
.main .title_line .more{float:right;}
.main .title_line .more i{font-size:24px;height:24px;line-height:24px;vertical-align:middle;color:#c2c2c2}

.main .side_banner{position:relative;}
.main .side_banner a{display:block;margin-bottom:10px;}
.main .side_banner .side_l_banner{position:absolute;top:0px;left:-105px;z-index:55;}
.main .side_banner .side_r_banner{position:absolute;top:0px;right:-105px;z-index:55;}

/* 추천도서 */
.main .section01{margin-top:40px}

.main .recommend {position:relative;}
.main .recommend ul{float:left; display:inline; line-height:24px; margin-left:35px}
.main .recommend ul li {position:relative;display:inline-block; font-family: '돋움';font-size:12px;color:#777777; margin-right:16px; line-height:18px}
.main .recommend ul li a:link,
.main .recommend ul li a:visited, 
.main .recommend ul li a:active{text-decoration:none;color:#777777}
.main .recommend ul li a:hover{color:#4397d2;font-weight:bold;}
.main .recommend ul li:after {position:absolute;top:24%;right:-10px;content:""; display:block;  width:1px; height:11px; background:#c1c1c1;}
.main .recommend ul li:last-child:after {display:none;}
.main .recommend ul li.select { font-weight:bold; color:#4397d2;}
.main .recommend ul li.select a:visited, 
.main .recommend ul li.select a:active { font-weight:bold; color:#4397d2;}

.main .recommend_list {position:relative; clear:both; }
.main .recommend_list .recommend_list_inner {position:relative;display:inline-block; width:195px; margin-right:20px;}
.main .recommend_list .recommend_list_inner:last-child {margin-right:0px}
.main .recommend_list .recommend_list_inner .recommend_img {border:solid 1px #e2e2e2; }
.main .recommend_list .recommend_list_inner .recommend_img li {margin:34px auto; text-align:center;}
.main .recommend_list .recommend_list_inner .recommend_img li img{width:120px;height:162px;border:1px solid #e2e2e2;}
.main .recommend_list .recommend_list_inner .recommend_txt {}
.main .recommend_list .recommend_list_inner .recommend_txt li{font-family: '돋움';font-size:13px;color:#000; font-weight:bold; text-align:center; margin-top:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-height: 18px;}
.main .recommend_list .recommend_list_inner .recommend_txt p{font-family: '돋움';font-size:11px;color:#777777; text-align:center; margin-top:11px;overflow: hidden;max-height: 12px;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

/* 오늘의 책 */
.main .section02{margin-top:50px; height:343px;}

.main .today{float:left;width:700px;}
.main .today_inner{position:relative;border:1px solid #e2e2e2; height:343px;}
.main .today_inner:before{position:absolute;top:0;right:33px;content:""; display:block;  width:54px; height:54px;background:url(//image.hrdch.co.kr/bookch/image/main/md_ico.png) no-repeat 0 0;}
.main .today_inner .today_inner01 {float:left; width:238px; margin:38px 0 0 47px;}
.main .today_inner .today_inner01 img{width:195px;}
.main .today_inner .today_inner02 {float:left; width:380px; margin:38px 0 0 0px;}
.main .today_inner .today_inner02 .title{font-family: '맑은고딕';font-size:24px;line-height:24px;color:#000;letter-spacing:-2px;overflow: hidden;max-height: 24px;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.main .today_inner .today_inner02 .publ{font-family: '돋움';font-size:12px;color:#000;font-weight:bold; margin-top:24px;}
.main .today_inner .today_inner02 .name{font-family: '돋움';font-size:12px;color:#000;letter-spacing:-2px;margin-top:10px;}
.main .today_inner .today_inner02 .txt{font-family: '돋움';font-size:12px;color:#777777; margin-top:21px;line-height:18px;overflow: hidden;max-height: 160px;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;}

/* 기획전 */
.main .exhibition{float:left;width:326px; margin-left:50px; }
.main .exhibition_inner{border:1px solid #e2e2e2;}
.main .exhibition_inner ul { padding:32px 32px 0 32px}
.main .exhibition_inner ul li{position:relative; border-bottom:1px solid #e2e2e2; padding-left:10px;font-family: '돋움';font-size:12px;color:#000;line-height:28px;}
.main .exhibition_inner ul li:before{position:absolute;top:40%;left:0px;content:""; display:block;  width:2px; height:2px; background:#585858;}
.main .exhibition_inner div { margin:28px 0 30px 32px; }


/* 베스트셀러 */
.main .section03{margin-top:75px;height:555px;}

.main .best{float:left;width:700px;}
.main .best_list {overflow:hidden;border:1px solid #e2e2e2;padding:0 21px;height:526px;}
.main .best_list li{float:left;width:164px;overflow:hidden;text-align:center;margin-top:42px;}
.main .best_list li dl{padding:0 10px;}
.main .best_list li dt img{width:112px;height:151px;}
.main .best_list li dd {margin-top:10px;line-height:16px; font-family: '굴림';font-size:12px;color:#000;height:36px;overflow:hidden;}

/* 정가인하 도서 */
.main .low{float:left;width:330px; margin-left:50px;height:562px;}
.main .low_inner{border:1px solid #e2e2e2;margin-top:12px; padding-bottom:38px;}
.main .low_inner_list { width:310px; height:127px; margin:35px 0 0 0;}
.main .low_inner .low_inner01 {float:left; width:84px; margin:0px 0px 0 17px;}
.main .low_inner .low_inner01 img {border:1px solid #e2e2e2;width:86px;}
.main .low_inner .low_inner02 {float:left; width:190px; margin:0px 0px 0 15px;}
.main .low_inner .low_inner02 .title{font-family: '돋움';font-size:12px;color:#555555;font-weight:bold; line-height:16px; letter-spacing:-0.8px}
.main .low_inner .low_inner02 .name{font-family: '돋움';font-size:12px;color:#7f7f7f; margin-top:15px;}
.main .low_inner .low_inner02 .price01{font-family: '돋움';font-size:12px;color:#555555;margin-top:10px;}
.main .low_inner .low_inner02 .price02{font-family: '돋움';font-size:12px;color:#4397d2; margin-top:17px;font-weight:bold;}


/* 화제의 신간 */
.main .section04{margin-top:50px;height:360px;}

.main .new {position:relative;}
.main .new ul{float:left; display:inline; line-height:24px; margin-left:35px}
.main .new ul li {position:relative;display:inline-block; font-family: '돋움';font-size:12px;color:#777777; margin-right:16px}
.main .new ul li a:link,
.main .new ul li a:visited, 
.main .new ul li a:active{text-decoration:none;color:#777777}
.main .new ul li a:hover{color:#4397d2;font-weight:bold;}
.main .new ul li:after {position:absolute;top:24%;right:-10px;content:""; display:block;  width:1px; height:11px; background:#c1c1c1;}
.main .new ul li:last-child:after {display:none;}
.main .new ul li.select { font-weight:bold; color:#4397d2;}
.main .new ul li.select a:visited,
.main .new ul li.select a:active { font-weight:bold; color:#4397d2;}

.main .new_list{border:1px solid #e2e2e2; padding:28px 0 21px 47px;}
.main .new_list ul {position:relative;display:inline-block; margin-right:23px}
.main .new_list img{width:176px;height:235px;}
.main .new_list .title {font-family: '돋움';font-size:12px;color:#000;font-weight:bold; margin-top:12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 176px;}
.main .new_list .title a:link,
.main .new_list .title a:visited, 
.main .new_list .title a:active{text-decoration:none;color:#000;}
.main .new_list .title a:hover{color:#000;}
.main .new_list .name {font-family: '돋움';font-size:12px;color:#7e7e7e;margin-top:12px;letter-spacing:-2px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 176px;}
.main .new_list .name a:link,
.main .new_list .name a:visited, 
.main .new_list .name a:active{text-decoration:none;color:#7e7e7e;}

/* 센터배너 */
.main .center_banner{width:1080px; margin:51px auto 0 auto}

/* 북스크린 */
.main .section05{margin-top:44px;}

.main .book_screen{background:#f2f2f2;padding:30px 0 60px 0}

.main .book_screen ul{overflow:hidden;}
.main .book_screen ul li {float:left;width:240px;margin-right:40px;}
.main .book_screen ul li:nth-child(4n){margin-right:0px;}
.main .book_screen ul li dt{position:relative;height:133px;overflow:hidden;background:#fff;border:1px solid #e2e2e2;border-bottom:0px;}
.main .book_screen ul li dt .icon{position:absolute;z-index:10;top:30%;left:40%;}
.main .book_screen ul li dt .icon i{font-size:50px;color:#999;}
.main .book_screen ul li dt a:hover .icon i{color:#fff}
.main .book_screen ul li dt .black{position:absolute;z-index:9;display:block;width:239px;height:134px;background:#000;opacity:0.6}
.main .book_screen ul li dt img{width:240px;height:auto;}

.main .book_screen ul li dd{;height:68px;border:1px solid #e2e2e2;background:#fff;padding:0 19px;}
.main .book_screen ul li dd span{display:block;}
.main .book_screen ul li dd span.title{margin-top:15px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-family: '돋움';font-size:12px;color:#000;}
.main .book_screen ul li dd span.author{margin-top:6px;font-size:11px;font-family:'dotum';letter-spacing:-1px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

/* 책포스트 */
.main .section06{margin-top:30px;height:400px;}

.main .main_post{width:690px;float:left;}
.main .main_post .post_list ul {}
.main .main_post .post_list ul li{width:220px;float:left;margin-right:15px;margin-top:13px;}
.main .main_post .post_list ul li.last{margin-right:0px;}
.main .main_post .post_list ul li:nth-child(3n){margin-right:0px;}
.main .main_post .post_list ul li dt{;height:121px;border:1px solid #e2e2e2;overflow:hidden;}
.main .main_post .post_list ul li dt img{width:218px;height:auto;}
.main .main_post .post_list ul li dd{margin-top:10px;line-height:18px;height:36px;overflow:hidden;font-family: '돋움';font-size:12px;color:#000;}

/* 이벤트 */
.main .event{float:left;width:326px; margin-left:50px; }
.main .event_inner{border:1px solid #e2e2e2;margin-top:14px;}
.main .event_inner ul { padding:22px 0 8px 32px;}
.main .event_inner ul li {margin-bottom:13px}
.main .event_inner ul li img{width: 260px;}
.main .event_inner ul li.last {margin-bottom:0px}

/*
.main .section01{overflow:hidden;margin-top:30px;}
.main .section01 .main_post{width:690px;float:left;}
.main .section01 .main_post .post_list p{height:90px;text-align:center;font-family: 'notokr-regular';font-size:26px;letter-spacing:-2px;line-height:90px;background:#c1c6f2;color:#fff;}
.main .section01 .main_post .post_list ul {}
.main .section01 .main_post .post_list ul li{width:220px;float:left;margin-right:15px;margin-top:35px;}
.main .section01 .main_post .post_list ul li.last{margin-right:0px;}
.main .section01 .main_post .post_list ul li:nth-child(3n){margin-right:0px;}
.main .section01 .main_post .post_list ul li dt{;height:121px;border:1px solid #e2e2e2;overflow:hidden;}
.main .section01 .main_post .post_list ul li dt img{width:218px;height:auto;}
.main .section01 .main_post .post_list ul li dd{margin-top:10px;line-height:18px;height:36px;overflow:hidden;}

.main .section01 .main_best{width:360px;float:right;}

.main .section01 .main_best .list ul{border:1px solid #e2e2e2;border-bottom:0px;}

.main .section01 .main_best .list ul li.first{height:90px;background:#f0f4f8;display:table;}
.main .section01 .main_best .list ul li.first span {display:table-cell;}
.main .section01 .main_best .list ul li.first span.number{font-family:'notokr-regular';font-size:20px;width:40px;vertical-align:middle;text-align:center;}
.main .section01 .main_best .list ul li.first span.book_img{width:52px;text-align:left;vertical-align:middle;}
.main .section01 .main_best .list ul li.first span.book_img img{width:40px;height:58px;border:1px solid #e2e2e2;}
.main .section01 .main_best .list ul li.first span.title{font-weight:bold;vertical-align:middle;padding-right:10px;line-height:18px;}
.main .section01 .main_best .list ul li.first span.author{vertical-align:middle;width:90px;padding-right:10px;font-size:11px;font-family:'dotum';letter-spacing:-1px;color:#888;text-align:right;}

.main .section01 .main_best .list ul li.normal {height:45px;line-height:45px;border-bottom:1px solid #e2e2e2;overflow:hidden;}
.main .section01 .main_best .list ul li.normal span{display:block;float:left;text-align:center;}
.main .section01 .main_best .list ul li.normal span.number{font-family: 'notokr-regular';font-size:15px;width:40px}
.main .section01 .main_best .list ul li.normal span.title{text-align:left;width:200px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;word-wrap:normal}
.main .section01 .main_best .list ul li.normal span.author{float:right;padding-right:10px;font-size:11px;font-family:'dotum';letter-spacing:-1px;color:#888;width:90px;;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;text-align:right;}

.main .center_banner{margin:40px 0;}

.main .book_screen{background:#f2f2f2;padding:30px 0 60px 0}

.main .book_screen ul{overflow:hidden;}
.main .book_screen ul li {float:left;width:240px;margin-right:40px;}
.main .book_screen ul li:nth-child(4n){margin-right:0px;}
.main .book_screen ul li dt{position:relative;height:133px;overflow:hidden;background:#fff;border:1px solid #e2e2e2;border-bottom:0px;}
.main .book_screen ul li dt .icon{position:absolute;z-index:10;top:30%;left:40%;}
.main .book_screen ul li dt .icon i{font-size:50px;color:#999;}
.main .book_screen ul li dt a:hover .icon i{color:#fff}
.main .book_screen ul li dt .black{position:absolute;z-index:9;display:block;width:239px;height:134px;background:#000;opacity:0.6}
.main .book_screen ul li dt img{width:240px;height:auto;}

.main .book_screen ul li dd{;height:68px;border:1px solid #e2e2e2;background:#fff;padding:0 19px;}
.main .book_screen ul li dd span{display:block;}
.main .book_screen ul li dd span.title{margin-top:15px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.main .book_screen ul li dd span.author{margin-top:6px;font-size:11px;font-family:'dotum';letter-spacing:-1px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}


.main .section02{margin-top:30px;}
.main .section02 .inner{overflow:hidden;}
.main .section02 .new_book{float:left;width:720px;}
.main .section02 .new_book ul{overflow:hidden;border:1px solid #e2e2e2;padding:0 21px;height:493px;}
.main .section02 .new_book ul li{float:left;width:169px;overflow:hidden;text-align:center;margin-top:40px;}
.main .section02 .new_book ul li dl{padding:0 10px;}
.main .section02 .new_book ul li dt img{width:112px;height:151px;border:1px solid #e2e2e2;}
.main .section02 .new_book ul li dd {margin-top:10px;line-height:18px;font-size:11px;font-family:'dotum';letter-spacing:-1px;height:36px;overflow:hidden;}

.main .section02 .main_event{float:right;width:320px;}
.main .section02 .main_event .list p{height:90px;text-align:center;font-family: 'notokr-regular';font-size:26px;letter-spacing:-2px;line-height:90px;background:#c1c6f2;color:#fff;}
.main .section02 .main_event .list a{display:block;margin-top:10px;}


.main .keyword_book{margin-top:30px;}
.main .keyword_book .title_line ul{float:right;overflow:hidden;}
.main .keyword_book .title_line ul li{float:left;margin-left:8px;}
.main .keyword_book .title_line ul li a{display:block;padding:0 10px;height:22px;line-height:22px;border:1px solid #c2c2c2;}
.main .keyword_book .title_line ul li.on a{border-color:#4397d2;;color:#4397d2;;}

.main .keyword_book .list ul{overflow:hidden;}
.main .keyword_book .list ul li{float:left;width:200px;margin-right:20px;}
.main .keyword_book .list ul li:nth-child(5n){margin-right:0px;}
.main .keyword_book .list ul li:last-child{margin-right:0px;}
.main .keyword_book .list ul li.last{margin-right:0px;}
.main .keyword_book .list ul li dt{background:#f2f2f2;text-align:center;height:250px;}
.main .keyword_book .list ul li dt img{width:110px;height:164px;border:1px solid #e2e2e2;margin-top:42px;}
.main .keyword_book .list ul li dd {text-align:center;}
.main .keyword_book .list ul li dd span{display:block;}
.main .keyword_book .list ul li dd span.title{margin-top:20px;font-weight:bold;}
.main .keyword_book .list ul li dd span.author{font-size:11px;font-family:'dotum';letter-spacing:-1px;margin-top:8px;color:#888}


*/
.main .main_bottom{border-top:1px solid #e2e2e2;margin-top:70px;}
.main .main_bottom .inner{overflow:hidden;}
.main .main_bottom .inner > div{height:164px;float:left;padding:30px;}
.main .main_bottom .inner > div.notice{width:318px;border-right:1px solid #e2e2e2;border-left:1px solid #e2e2e2;}
.main .main_bottom .inner > div.notice .list ul li a{line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.main .main_bottom .inner > div.cscenter{width:320px;padding-left:0px;}
.main .main_bottom .inner > div.cscenter .cont{position:relative;}
.main .main_bottom .inner > div.cscenter .cont p{font-family: 'notokr-bold';font-size:42px;line-height:42px;letter-spacing:0px;color:#4397d2;margin-bottom:15px;}
.main .main_bottom .inner > div.cscenter .cont dl{overflow:hidden;margin-bottom:5px;}
.main .main_bottom .inner > div.cscenter .cont dt{float:left;width:80px;font-family: 'notokr-regular';font-size:15px;letter-spacing:-1px;color:#292929}
.main .main_bottom .inner > div.cscenter .cont dd{float:left;font-family: 'notokr-regular';font-size:15px;letter-spacing:-1px;color:#888}
.main .main_bottom .inner > div.cscenter .cont .cs_bt{position:absolute;right:0px;top:0px;border:1px solid #c2c2c2;border-bottom:0px;}
.main .main_bottom .inner > div.cscenter .cont .cs_bt a{display:block;width:60px;height:45px;border-bottom:1px solid #c2c2c2;text-align:center;line-height:45px;font-family: 'notokr-regular';font-size:13px;letter-spacing:-1px;color:#292929}
.main .main_bottom .inner > div.cscenter .cont .cs_bt a:hover{background:#f8f8f8;}

.purchase {border:1px solid #e2e2e2; width:320px; height:160px}
.purchase .tit{font-family: 'notokr-regular';font-size:20px;color:#4397d2; font-weight:bold}
.purchase .txt{font-family: 'notokr-regular';font-size:12px;color:#000;}
.purchase .txt2{font-family: 'notokr-regular';font-size:12px;color:#000; margin:10px 0 0 0;}

.main .main_bottom .inner > div.mobile{width:320px;padding-right:0px;}
.main .main_bottom .inner > div.mobile .cont dl{overflow:hidden;}
.main .main_bottom .inner > div.mobile .cont dt{float:left;width:90px;}
.main .main_bottom .inner > div.mobile .cont dd{float:left;width:210px;padding-left:20px;}
.main .main_bottom .inner > div.mobile .cont dd span{display:block;}
.main .main_bottom .inner > div.mobile .cont dd span.text{font-family: 'notokr-regular';font-size:15px;line-height:20px;letter-spacing:-1px;color:#292929}
.main .main_bottom .inner > div.mobile .cont dd span.bt{margin-top:20px;}
.main .main_bottom .inner > div.mobile .cont dd span.bt a{width:120px;display:block;border:1px solid #c2c2c2;height:20px;text-align:center;line-height:20px;font-size:11px;font-family:'dotum';letter-spacing:-1px;}


/* 페이징 */
.paging{position:relative;height:32px;padding-left:1px;vertical-align:top;text-align:center;font-size:0;}
.paging > a{display:block;width:24px;height:24px;line-height:26px;text-align:center;border:1px solid #c2c2c2;margin-right:2px;}
.paging > a.btn-first{background-image:url('//image.hrdch.co.kr/educh/image/common/ico_paging_first.png');}
.paging > a.btn-prev{background-image:url('//image.hrdch.co.kr/educh/image/common/ico_paging_prev.png');}
.paging > a.btn-next{background-image:url('//image.hrdch.co.kr/educh/image/common/ico_paging_next.png');}
.paging > a.btn-last{background-image:url('//image.hrdch.co.kr/educh/image/common/ico_paging_last.png');}
.paging > p{display:inline-block;height:0;line-height:0;padding:0 10px;vertical-align:top;}
.paging > p a,
.paging > p strong{display:inline-block;min-width:30px;height:30px;line-height:30px;color:#222;background-color:#f2f2f2;font-size:14px;text-align:center;vertical-align:top;box-sizing:border-box;margin:0 2px}
.paging > p strong{color:#fff;background:#1e55b0;}

.paging li.btn-first{overflow:hidden;background:#fff url('//image.hrdch.co.kr/educh/image/common/ico_paging_first.png') no-repeat center center;border:1px solid #dedede;background-image:url('//image.hrdch.co.kr/educh/image/common/ico_paging_first.png');}
.paging li.btn-prev{overflow:hidden;background:#fff url('//image.hrdch.co.kr/educh/image/common/ico_paging_prev.png') no-repeat center center;border:1px solid #dedede;background-image:url('//image.hrdch.co.kr/educh/image/common/ico_paging_prev.png');margin-right:10px;}
.paging li.btn-next{overflow:hidden;background:#fff url('//image.hrdch.co.kr/educh/image/common/ico_paging_next.png') no-repeat center center;border:1px solid #dedede;background-image:url('//image.hrdch.co.kr/educh/image/common/ico_paging_next.png');margin-left:10px;}
.paging li.btn-last{overflow:hidden;background:#fff url('//image.hrdch.co.kr/educh/image/common/ico_paging_last.png') no-repeat center center;border:1px solid #dedede;background-image:url('//image.hrdch.co.kr/educh/image/common/ico_paging_last.png');}

.paging li{display:inline-block;min-width:30px;height:30px;line-height:30px;color:#222;background-color:#f2f2f2;font-size:14px;text-align:center;vertical-align:top;box-sizing:border-box;margin:0 2px}
.paging li a{display:block;width:100%;height:100%;}
.paging li img{display:none;}
.paging li.on > a{color:#fff;background:#4397d2;width:100%;height:33px;}


/* 서브페이지 공통 */

.common_sub {padding-top:20px;}
.common_sub .inner{overflow:hidden;position:relative;}

.common_sub .left_gnb{width:198px;float:left;}
.common_sub .left_gnb h2{font-family: 'notokr-regular';font-size:18px;letter-spacing:-1px;height:58px;line-height:60px;text-align:center;background:#f0f3f8;border:1px solid #e2e2e2;color:#292929}
.common_sub .left_gnb .menu{padding:14px;border:1px solid #e2e2e2;border-top:0px;background:#fff}
.common_sub .left_gnb dl dt > a{display:block;font-family: 'dotum';font-size:13px;letter-spacing:-1px;line-height:26px;color:#595959;font-weight:bold;}
.sub_main .left_gnb dl dt > a:hover{background:#f8f8f8;}
.common_sub .left_gnb dl.on dd{display:block;}
.common_sub .left_gnb dl dd{display:none;padding:5px 5px 10px 0px;}
.common_sub .left_gnb dl dd ul li{position:relative;;display:block;color:#888;line-height:22px;}
.common_sub .left_gnb dl dd ul li.on{color:#292929;font-weight:bold;}
.common_sub .left_gnb dl dd ul li > a{margin-left:10px;color:#888}
.common_sub .left_gnb dl dd ul li > a:hover{color:#292929;font-weight:bold;}
.common_sub .left_gnb dl dd ul li > .sub_box{display:none;position:absolute;top:-15px;left:160px;border:1px solid #c2c2c2;padding:15px;background:#fff;z-index:999;width:150px;}
.common_sub .left_gnb dl dd ul li > .sub_box span{position:absolute;left:-8px;}
.common_sub .left_gnb dl dd ul li > .sub_box > a{display:block;color:#888}
.common_sub .left_gnb dl dd ul li > .sub_box > a:hover{color:#292929;font-weight:bold;}
.common_sub .left_gnb dl dd ul li:hover .sub_box{display:block;}
.common_sub .left_gnb dl dd ul li:hover > a{color:#292929;font-weight:bold;}

.common_sub .left_gnb .cs_box{border:1px solid #e2e2e2;;margin-top:10px;text-align:center;padding:15px 0}
.common_sub .left_gnb .cs_box span{display:block;}
.common_sub .left_gnb .cs_box .number{margin-top:10px;font-size:32px;line-height:32px;font-family: 'notokr-light';color:#4397d2}
.common_sub .left_gnb .cs_box .text1{line-height:18px;margin-top:10px;}
.common_sub .left_gnb .cs_box .text2{line-height:18px;}

.common_sub .r_contents{width:860px;float:right;}
.common_sub .r_contents .title_area {overflow:hidden;height:58px;border-bottom:1px solid #e2e2e2;}
.common_sub .r_contents .title_area .cate_title{float:left;line-height:60px;}
.common_sub .r_contents .title_area h3{display:inline-block;font-family: 'notokr-light';font-size:24px;letter-spacing:-1px}
.common_sub .r_contents .title_area span{margin-left:10px;}
.common_sub .r_contents .title_area ul{float:right;overflow:hidden;line-height:65px;}
.common_sub .r_contents .title_area ul li{float:left;}
.common_sub .r_contents .title_area ul li.bar{margin:0 10px;color:#ccc}
.common_sub .r_contents .title_area ul li a{font-family: 'notokr-regular';font-size:14px;letter-spacing:-0.5px;}
.common_sub .r_contents .title_area ul li.on a{color:#1979bc}


/* 서브메인 */

.sub_main h4{font-family: 'notokr-regular';font-size:16px;letter-spacing:-0.5px;}
.sub_main h4 span{color:#0065ac}

.sub_main .sub_visual{position:relative;border:1px solid #e2e2e2;overflow:hidden;}
.sub_main .sub_visual .bx-pager{display:none;}
.sub_main .sub_visual .bx-controls-direction{overflow:hidden;position:absolute;bottom:-1px;right:-1px;}
.sub_main .sub_visual .bx-controls-direction a{display:block;float:left;width:28px;height:28px;text-indent:-9999px;border:1px solid #e2e2e2;background:#fff;}
.sub_main .sub_visual .bx-controls-direction a.bx-prev{border-right:0px;background:#fff url('../../image/bookch/sub_visual_l.png') no-repeat center}
.sub_main .sub_visual .bx-controls-direction a.bx-next{background:#fff url('../../image/bookch/sub_visual_r.png') no-repeat center}

.sub_main .banner{margin: 35px 0}

.sub_main .section01{margin-top:30px;}
.sub_main .section01 .cont{border:1px solid #e2e2e2;overflow:hidden;margin-top:10px;}
.sub_main .section01 .in{float:left;width:429px;}
.sub_main .section01 .box1{width:428px;border-right:1px solid #e2e2e2}
.sub_main .section01 .in dl{overflow:hidden;padding:29px;}
.sub_main .section01 .in dt{float:left;width:127px;}
.sub_main .section01 .in dt img{width:125px;height:176px;border:1px solid #e2e2e2;}
.sub_main .section01 .in dd{float:left;width:220px;margin-left:20px;height: 180px;}
.sub_main .section01 .in dd > a{display:block;}
.sub_main .section01 .in dd a.title{font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.sub_main .section01 .in dd a.author{margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:11px;font-family:'dotum';color:#888}
.sub_main .section01 .in dd div.text{margin-top:10px;line-height:19px;color:#888;overflow:hidden;max-height: 133px;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.sub_main .section01 .in dd div.text img{display: none;}


.sub_main .section02{margin-top:30px;}
.sub_main .section02 .cont{margin-top:10px;overflow:hidden;}
.sub_main .section02 .left{float:left;border:1px solid #e2e2e2;width:585px;height:265px;padding:19px;}
.sub_main .section02 .right{float:right;width:225px;height:305px;}

.sub_main .section02 .left ul{overflow:hidden;margin-top:20px;}
.sub_main .section02 .left ul li{float:left;width:165px;text-align:center;padding:0 15px}

.sub_main .section02 ul li a{display:block;}
.sub_main .section02 ul li a.thum{}
.sub_main .section02 ul li a.thum img{width:125px;height:176px;border:1px solid #e2e2e2;}
.sub_main .section02 ul li a.title{margin-top:15px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.sub_main .section02 ul li a.author{margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:11px;font-family:'dotum';color:#888}

.sub_main .section03{margin-top:30px;}
.sub_main .section03 .cont{margin-top:10px;}
.sub_main .section03 p.post_title{height:70px;text-align:center;font-family: 'notokr-regular';font-size:26px;letter-spacing:-2px;line-height:70px;background:#c1c6f2;color:#fff;}
.sub_main .section03 ul{overflow:hidden;margin-top:30px;}
.sub_main .section03 ul li{width:200px;overflow:hidden;float:left;margin-right:20px;}
.sub_main .section03 ul li.last{margin-right:0px;}
.sub_main .section03 ul li a{display:block;}
.sub_main .section03 ul li a.thum{height:112px;border:1px solid #e2e2e2;overflow:hidden;}
.sub_main .section03 ul li a.thum img{width:218px;}
.sub_main .section03 ul li a.title{margin-top:10px;height:36px;overflow:hidden;line-height:18px;}


.sub_main .section04{margin-top:50px;}
.sub_main .section04 .cont{margin-top:10px;}
.sub_main .section04 p.post_title{height:70px;text-align:center;font-family: 'notokr-regular';font-size:26px;letter-spacing:-2px;line-height:70px;background:#7cb6db;color:#fff;}
.sub_main .section04 ul{overflow:hidden;margin-top:30px;}
.sub_main .section04 ul li{width:200px;overflow:hidden;float:left;margin-right:20px;}
.sub_main .section04 ul li.last{margin-right:0px;}
.sub_main .section04 ul li a{display:block;}
.sub_main .section04 ul li .video{position:relative;height:112px;overflow:hidden;}
.sub_main .section04 ul li .video .icon{position:absolute;z-index:10;top:30%;left:40%;}
.sub_main .section04 ul li .video .icon i{font-size:50px;color:#999;}
.sub_main .section04 ul li .video a:hover .icon i{color:#fff}
.sub_main .section04 ul li .video .black{position:absolute;z-index:9;display:block;width:200px;height:112px;background:#000;opacity:0.6}
.sub_main .section04 ul li .video img{width:200px;height:112px;}

.sub_main .section04 ul li a.title{height:36px;overflow:hidden;line-height:18px;border:1px solid #e2e2e2;padding:15px;}






/* 북채널 도서리스트 */


.book_list .r_contents .paging_area{border-bottom:1px solid #e2e2e2;overflow:hidden;padding:10px 0}
/*.book_list .r_contents .paging_area .paging{float:left;;}*/
.book_list .r_contents .paging_area .list_btns{float:right;overflow:hidden;border:1px solid #c2c2c2;border-left:0px;}
.book_list .r_contents .paging_area .list_btns li{float:left;}
.book_list .r_contents .paging_area .list_btns li a{display:block;width:100px;height:24px;line-height:26px;text-align:center;border-left:1px solid #c2c2c2}

.book_list .paging_area{border-bottom:1px solid #e2e2e2;overflow:hidden;padding:10px 0}
.book_list .paging_area .paging{float:left;;}
.book_list .paging_area .list_btns{float:right;overflow:hidden;border:1px solid #c2c2c2;border-left:0px;}
.book_list .paging_area .list_btns li{float:left;}
.book_list .paging_area .list_btns li a{display:block;width:100px;height:24px;line-height:26px;text-align:center;border-left:1px solid #c2c2c2}


.book_list .list{overflow:hidden;}
.book_list .list ul li{position:relative;overflow:hidden;padding:20px 0;border-bottom:1px solid #e2e2e2;}
.book_list .list ul li > div{float:left;}
.book_list .list .check {width:14px;}
.book_list .list .check input{width:14px;height:14px;}
.book_list .list .book_img{width:136px;margin-left:10px;}
.book_list .list .book_img img{width:139px;height:188px;border:1px solid #e2e2e2;}

.book_list .list .book_info{width:510px;margin-left:20px;font-family:'dotum';}
.book_list .list .book_info .title{font-size:15px;font-weight:bold;letter-spacing:-1px;margin-top:14px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;;word-wrap:normal;}
.book_list .list .book_info .author{font-size:11px;color:#888;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;;word-wrap:normal;}
.book_list .list .book_info .price{margin-top:10px;}
.book_list .list .book_info .price s{color:#888;}
.book_list .list .book_info .price strong{color:#ff1c41}
.book_list .list .book_info .price span{color:#387dae;}

.book_list .list .book_info .scroe{margin-top:10px;}
.book_list .list .book_info .scroe strong{color:#ff1c41;}

.book_list .list .book_info .text{margin-top:10px;padding-top:10px;border-top:1px solid #e2e2e2;line-height:18px;height:54px;overflow:hidden;}
.book_list .list .book_info .text a{font-size:11px;color:#888;letter-spacing:-0.5px;}

.book_list .list .btns{width:120px;float:right;margin-top:15px;}
.book_list .list .btns a{display:block;height:30px;line-height:32px;text-align:center;margin-bottom:3px;}
.book_list .list .btns a.buy{background:#387dae;color:#fff}
.book_list .list .btns a.member{background:#4397d2;color:#fff}
.book_list .list .btns a.cart{background:#fff;border:1px solid #4397d2;height:28px;line-height:30px;color:#4397d2;margin-bottom:0px;}

.book_list .keep_btn{font-weight:bold;color:#d22828;font-size:13px;}


/* 검색결과 페이지 */

.search_list {padding-top:40px;}
.search_list .list {margin-top:30px;border-top:1px solid #e2e2e2;}
.search_list .list .book_info{width:750px}
.search_list .search_data{border:1px solid #e2e2e2;background:#fafafa;padding:14px;font-size:14px;letter-spacing:0px;font-family:'dotum'}

 .search_data_a{padding:12px;font-size:12px;letter-spacing:0px;color:#292929; text-align:right;font-family:'dotum'}


.search_list .search_data span{font-weight:bold;color:#387dae}

.search_list .search_cate{border:1px solid #e2e2e2;margin-top:10px;border-top:1px solid #4397d2}
.search_list .search_cate dl{display:table;overflow:hidden;padding:15px 0}
.search_list .search_cate dt{display:table-cell;width:156px;text-align:left;text-indent:20px;font-weight:bold;vertical-align:middle;}
.search_list .search_cate dd{display:table-cell;border-left:1px solid #c2c2c2;vertical-align:middle;}
.search_list .search_cate ul{display:inline-block;overflow:hidden;padding:0 20px}
.search_list .search_cate ul li{float:left;width:210px;line-height:24px;padding-right:10px;}
.search_list .search_cate ul li a{color:#777}
.search_list .search_cate ul li a:hover{text-decoration:underline;}
.search_list .search_cate ul li.on a{font-weight:bold;color:#292929}


.search_list .re_search_box{border:1px solid #e2e2e2;border-top:0px;}
.search_list .re_search_box dl{display:table;overflow:hidden;padding:15px 0}
.search_list .re_search_box dt{display:table-cell;width:156px;text-align:left;text-indent:20px;vertical-align:middle;font-weight:bold;}
.search_list .re_search_box dd{display:table-cell;border-left:1px solid #c2c2c2;vertical-align:middle;padding:0 20px}
.search_list .re_search_box dd input{border:1px solid #c2c2c2;padding:0 5px;width:200px;height:24px;}
.search_list .re_search_box dd a{display:inline-block;padding:0 10px;height:24px;line-height:24px;;border:1px solid #c2c2c2;}





/* 북채널 상세페이지 */

.book_detail .detail_top{min-height:650px;margin-top:30px;overflow:hidden;}
.book_detail .detail_top .thum_area {width:310px;float:left;}
.book_detail .detail_top .thum_area .thum_img img{width:310px;height:auto;}
.book_detail .detail_top .thum_area .thum_gnb{text-align:center;margin:20px 0}
.book_detail .detail_top .thum_area .thum_gnb .in{display:inline-block;}
.book_detail .detail_top .thum_area .thum_gnb .in a{display:inline-block;width:80px;height:20px;line-height:22px;text-align:center;border:1px solid #c2c2c2;}

.book_detail .detail_top .info_area {width:730px;float:right;}
.book_detail .detail_top .info_area .book_title {border-bottom:1px solid #e2e2e2;padding-bottom:20px;}
.book_detail .detail_top .info_area .book_title .label_wrap{margin-top: 3px; margin-bottom: 4px;}
.book_detail .detail_top .info_area .book_title h3{font-family: 'notokr-light';font-size:32px;letter-spacing:-2px;line-height:32px;color:#494949}
.book_detail .detail_top .info_area .book_title ul{overflow:hidden;margin-top:20px;}
.book_detail .detail_top .info_area .book_title ul li{float:left;color:#797979}
.book_detail .detail_top .info_area .book_title ul li.bar{margin:0 5px;color:#ccc}
.book_detail .detail_top .info_area .book_title .review_score{margin-top:8px;}
.book_detail .detail_top .info_area .book_title .review_score strong{color:#d22828;}

.book_detail .detail_top .info_area .price_area{padding:20px 0;border-bottom:1px solid #e2e2e2;}
.book_detail .detail_top .info_area .price_area dl{overflow:hidden;margin-bottom:10px;}
.book_detail .detail_top .info_area .price_area dt{float:left;width:90px;font-family: 'notokr-regular';font-size:13px;letter-spacing:-1px;color:#494949}
.book_detail .detail_top .info_area .price_area dd{float:left;}
.book_detail .detail_top .info_area .price_area dd p{line-height:20px;}

.book_detail .detail_top .info_area .price_area dl.price2 p{color:#ff1939;}
.book_detail .detail_top .info_area .price_area dl.price2 span{font-family: 'notokr-light';font-size:18px;letter-spacing:0px;line-height:18px;font-weight:normal;}
.book_detail .detail_top .info_area .price_area dl.price3 p{color:#7200ff}
.book_detail .detail_top .info_area .price_area dl.price4 p{color:#d30095}
.book_detail .detail_top .info_area .price_area dl.benefit p img{margin-right:5px;}
.book_detail .detail_top .info_area .price_area dl.reserve dd{font-family: 'notokr-bold';font-weight:bold; background:#000; color:#FFF; padding:5px 5px 5px 10px; width:120px;}

.book_detail .detail_top .option_area{padding:20px 0;}
.book_detail .detail_top .option_area .select_opt{position:relative;z-index:999}
.book_detail .detail_top .option_area .select_opt > a{display:block;border:1px solid #c2c2c2;height:30px;line-height:32px;position:relative;}
.book_detail .detail_top .option_area .select_opt > a span.text{margin-left:10px;}
.book_detail .detail_top .option_area .select_opt > a span.arrow{position:absolute;right:0px;margin-right:10px;}
.book_detail .detail_top .option_area .select_opt > a span.arrow i{line-height:30px;}
.book_detail .detail_top .option_area .select_opt > a:hover{background:#f8f8f8;}

.book_detail .detail_top .option_area .select_opt .opt_box{display:none;position:absolute;border:1px solid #292929;top:0px;width:727px;z-index:99;background:#fff;}
.book_detail .detail_top .option_area .select_opt .opt_box dl{;background:#fff;}
.book_detail .detail_top .option_area .select_opt .opt_box dl a{display:block;overflow:hidden;}
.book_detail .detail_top .option_area .select_opt .opt_box dl a span{display:block;font-size:11px;font-family:'dotum'}
.book_detail .detail_top .option_area .select_opt .opt_box dl a span.text{float:left;}
.book_detail .detail_top .option_area .select_opt .opt_box dl a span.price{float:right;font-weight:bold;}
.book_detail .detail_top .option_area .select_opt .opt_box dl a span.arrow{float:right;}
.book_detail .detail_top .option_area .select_opt .opt_box dl a span.arrow i{line-height:40px;}
.book_detail .detail_top .option_area .select_opt .opt_box dl dt{border-bottom:1px solid #aaa;height:38px;line-height:38px;padding:0 10px;}

.book_detail .detail_top .option_area .select_opt .opt_box dl dd{display:none;background:#f8f8f8}
.book_detail .detail_top .option_area .select_opt .opt_box dl.on dd{display:block;}
.book_detail .detail_top .option_area .select_opt .opt_box dl dd a{border-bottom:1px solid #e2e2e2;height:34px;line-height:36px;padding:0 10px;}
.book_detail .detail_top .option_area .select_opt .opt_box dl dd a:hover{background:#f2f2f2;}

.book_detail .detail_top .option_area .select_opt1{z-index:999}
.book_detail .detail_top .option_area .select_opt2{margin-top:10px;z-index:998}

.book_detail .detail_top .my_opt{padding-bottom:20px;;position:relative;z-index:99}
.book_detail .detail_top .my_opt .title_line{overflow:hidden;}
.book_detail .detail_top .my_opt .title_line h5{float:left;line-height:16px;font-family: 'notokr-regular';font-size:15px;letter-spacing:-1px;}
.book_detail .detail_top .my_opt .title_line .add_price{float:right;}
.book_detail .detail_top .my_opt .title_line .add_price span{}
.book_detail .detail_top .my_opt .title_line .add_price strong{display:inline-block;width:100px;text-align:right;;font-size:16px;line-height:16px;letter-spacing:0px;color:#fd1450}

.book_detail .detail_top .my_opt .my_opt_area{border:1px solid #e2e2e2;overflow-y:scroll;max-height:240px;min-height: 120px;}
.book_detail .detail_top .my_opt .my_opt_area table{font-size:11px;font-family:'dotum';letter-spacing:-0.5px;}
.book_detail .detail_top .my_opt .my_opt_area table tr.op_pd td{background:#fafbfc}
.book_detail .detail_top .my_opt .my_opt_area table tr.add_pd td{background:#fff}

.book_detail .detail_top .my_opt .my_opt_area td{padding:10px 0;border-bottom:1px solid #e2e2e2;text-align:center;}
.book_detail .detail_top .my_opt .my_opt_area td.t1{padding-left:10px;text-align:left;}
.book_detail .detail_top .my_opt .my_opt_area td.t1 span{display:block;}
.book_detail .detail_top .my_opt .my_opt_area td.t1 span.opt_text{color:#17916a;margin-top:4px;}
.book_detail .detail_top .my_opt .my_opt_area td.t2{width:100px;}
.book_detail .detail_top .my_opt .my_opt_area td.t2 .amount{display:inline-block;border:1px solid #c2c2c2;overflow:hidden;}
.book_detail .detail_top .my_opt .my_opt_area td.t2 input{width:40px;height:20px;float:left;text-align:center;}
.book_detail .detail_top .my_opt .my_opt_area td.t2 .amount a{display:block;float:left;border-left:1px solid #c2c2c2;width:20px;height:20px;line-height:22px;text-align:center;}
.book_detail .detail_top .my_opt .my_opt_area td.t3{width:80px;font-size:12px;letter-spacing:0px;font-weight:bold;}
.book_detail .detail_top .my_opt .my_opt_area td.t4{width:30px;padding-right:10px;}
.book_detail .detail_top .my_opt .my_opt_area td.t4 a{display:inline-block;width:18px;height:18px;line-height:20px;text-align:center;border:1px solid #c2c2c2;}

.book_detail .detail_top .info_area .amount_area {;padding:15px 0;border-top:1px solid #e2e2e2;}
.book_detail .detail_top .info_area .amount_area dl{overflow:hidden;}
.book_detail .detail_top .info_area .amount_area dt{float:left;width:90px;font-family: 'notokr-regular';font-size:13px;letter-spacing:-1px;color:#494949;line-height:25px;}
.book_detail .detail_top .info_area .amount_area dd{float:left;}
.book_detail .detail_top .info_area .amount_area dd p{line-height:20px;}

.book_detail .detail_top .info_area .amount_area .amount input{display:block;float:left;width:62px;height:25px;line-height:25px;border:1px solid #d2d2d2;text-align:center;font-size:11px;font-family:'dotum';background:#f8f8f8}
.book_detail .detail_top .info_area .amount_area .amount a{display:block;float:left;width:25px;height:25px;border:1px solid #d2d2d2;border-left:0px;text-align:center;line-height:25px;}

.book_detail .detail_top .info_area .order_line {border-top:1px solid #292929;}
.book_detail .detail_top .info_area .order_line dl{overflow:hidden;border-bottom:1px solid #e2e2e2;padding:10px 0}
.book_detail .detail_top .info_area .order_line dt{float:left;;font-family: 'notokr-regular';font-size:14px;letter-spacing:-1px;width:90px;line-height:45px;}
.book_detail .detail_top .info_area .order_line dd{float:left;overflow:hidden;width:640px;}
.book_detail .detail_top .info_area .order_line dd .price{float:left;line-height:45px;color:#ff1939}
.book_detail .detail_top .info_area .order_line dd .price span{font-family: 'notokr-light';font-size:26px;letter-spacing:1px;margin-right:5px;}

.book_detail .detail_top .info_area .order_line dd .btns{text-align:right;float:right;overflow:hidden;}
.book_detail .detail_top .info_area .order_line dd .btns p{font-family: 'notokr-regular';font-size:20px;letter-spacing:-1px;line-height:53px;color:#387dae}
.book_detail .detail_top .info_area .order_line dd .btns a{margin-left:4px;float:left;display:block;width:120px;height:45px;border:1px solid #c2c2c2;font-family: 'notokr-regular';font-size:16px;letter-spacing:-2px;line-height:45px;text-align:center;}
.book_detail .detail_top .info_area .order_line dd .btns a.buy{width:172px;height:45px;font-family: 'notokr-regular';font-size:18px;color:#ff1939;border-color:#ff1939;}

.book_detail .detail_top .info_area .tip{margin-top:10px;color:#888}

.book_detail .cate_best{background:#f6f6f6;padding:40px 0;margin-top:70px; }

.book_detail .cate_best .title_line{overflow:hidden;}
.book_detail .cate_best .title_line h4{float:left;float:left;;font-family: 'notokr-regular';font-size:16px;letter-spacing:-1px;line-height:24px;}
.book_detail .cate_best .title_line a{display:block;float:right;border:1px solid #c2c2c2;background:#fff;width:104px;height:24px;text-align:center;line-height:24px;}

.book_detail .cate_best ul {overflow:hidden;margin-top:15px;}
.book_detail .cate_best ul li{float:left;width:200px;margin-left:20px;}
.book_detail .cate_best ul li.fir{margin-left:0px;}

.book_detail .cate_best ul li dt {position:relative;text-align:center;height:200px;background:#fff;}
.book_detail .cate_best ul li dt input{position:absolute;left:10px;top:10px;width:16px;height:16px;}
.book_detail .cate_best ul li dt span{display:inline-block;margin-top:29px;}
.book_detail .cate_best ul li dt span img{width:96px;height:140px;border:1px solid #e2e2e2;}

.book_detail .cate_best ul li dd {margin-top:20px;}
.book_detail .cate_best ul li dd span{display:block;text-align:center;}
.book_detail .cate_best ul li dd span.tit{}
.book_detail .cate_best ul li dd span.au{margin-top:5px;font-size:11px;font-family:'dotum';letter-spacing:-1px;color:#888}
.book_detail .cate_best ul li dd span.price{margin-top:10px;font-weight:bold;color:#ff1939}

.book_detail .detail_bottom{margin-top:90px;}
.book_detail .detail_bottom h4{font-family: 'notokr-regular';font-size:18px;letter-spacing:-1px;}

.book_detail .detail_bottom .cont{padding:50px 0 70px 0}

.book_detail .detail_bottom .detail_tab{}
.book_detail .detail_bottom .detail_tab ul{overflow:hidden;}
.book_detail .detail_bottom .detail_tab ul li{float:left;width:216px;}
.book_detail .detail_bottom .detail_tab ul li a{display:block;font-family: 'notokr-regular';background:#fafafa;font-size:16px;letter-spacing:-1px;border:1px solid #e2e2e2;border-bottom:1px solid #292929;border-right:0px;;height:46px;line-height:46px;text-align:center;}
.book_detail .detail_bottom .detail_tab ul li.last a{border-right:1px solid #e2e2e2;}
.book_detail .detail_bottom .detail_tab ul li.on a{border:1px solid #292929;border-bottom:0px;background:#fff}

.book_detail .detail_bottom .book_contents_area dl {margin-bottom:50px;}
.book_detail .detail_bottom .book_contents_area dl:last-child{margin-bottom:0px;}
.book_detail .detail_bottom .book_contents_area dl dt{border-bottom:1px solid #e2e2e2;padding-bottom:10px;}
.book_detail .detail_bottom .book_contents_area dl dd{margin-top:20px;line-height:20px;}



/* 2017-10-16 추가된 CSS */

.book_detail .detail_bottom .book_video_area .cont{overflow:hidden;}
.book_detail .detail_bottom .book_video_area .cont .title{font-family: 'notokr-medium';;font-size:14px;letter-spacing:-1px;margin-bottom:15px;}

.book_detail .detail_bottom .book_video_area .first_video{border:1px solid #e2e2e2;padding:29px;background:#f8f8f8}
.book_detail .detail_bottom .book_video_area .first_video dl{position:relative;overflow:hidden;}
.book_detail .detail_bottom .book_video_area .first_video dt{position:absolute;}
.book_detail .detail_bottom .book_video_area .first_video dd{margin-left:335px;}
.book_detail .detail_bottom .book_video_area .first_video dt img{width:320px;height:181px;}
.book_detail .detail_bottom .book_video_area .first_video dt img{width:320px;height:181px;}
.book_detail .detail_bottom .book_video_area .first_video dt .black{position:absolute;z-index:9;display:block;width:400px;height:225px;background:#000;opacity:0.6}
.book_detail .detail_bottom .book_video_area .first_video dt .icon{position:absolute;z-index:10;top:50%;margin-top:-40px;;left:50%;margin-left:-40px;}
.book_detail .detail_bottom .book_video_area .first_video dt .icon i{font-size:80px;color:#999;}
.book_detail .detail_bottom .book_video_area .first_video dt a:hover .icon i{color:#fff}
.book_detail .detail_bottom .book_video_area .first_video dd span{display:block;}
.book_detail .detail_bottom .book_video_area .first_video dd .tit{font-size:13px;font-weight:bold;line-height:21px;}
.book_detail .detail_bottom .book_video_area .first_video dd .text{margin-top:15px;line-height:18px;height:146px;overflow:hidden;}
.book_detail .detail_bottom .book_video_area .first_video dd .text a{color:#888;}
.book_detail .detail_bottom .book_video_area .first_video dd a:hover{text-decoration:underline;}

.book_detail .detail_bottom .book_video_area .re_video{margin-top:10px;padding:29px;border:1px solid #e2e2e2;}
.book_detail .detail_bottom .book_video_area .re_video ul{position:relative;overflow:hidden;}
.book_detail .detail_bottom .book_video_area .re_video ul li{position:relative;float:left;width:188px;margin-right:20px;}
.book_detail .detail_bottom .book_video_area .re_video ul li:last-child{margin-right:0px;}
.book_detail .detail_bottom .book_video_area .re_video ul li dt img{width:188px;height:106px;}
.book_detail .detail_bottom .book_video_area .re_video ul li dt .black{position:absolute;z-index:9;display:block;width:188px;height:107px;background:#000;opacity:0.6}
.book_detail .detail_bottom .book_video_area .re_video ul li dt .icon{position:absolute;z-index:10;top:50%;margin-top:-45px;;left:50%;margin-left:-20px;}
.book_detail .detail_bottom .book_video_area .re_video ul li dt .icon i{font-size:43px;color:#999;}
.book_detail .detail_bottom .book_video_area .re_video ul li dt a:hover .icon i{color:#fff}
.book_detail .detail_bottom .book_video_area .re_video ul li dd{margin-top:10px;}
.book_detail .detail_bottom .book_video_area .re_video ul li dd a{line-height:18px;color:#888;font-size:11px;font-family:'dotum'}
.book_detail .detail_bottom .book_video_area .re_video ul li.fir{}

.book_detail .detail_bottom .book_post_area .cont{overflow:hidden;}
.book_detail .detail_bottom .book_post_area .cont .title{font-family: 'notokr-medium';;font-size:14px;letter-spacing:-1px;margin-bottom:15px;}

.book_detail .detail_bottom .book_post_area .first_post{border:1px solid #e2e2e2;padding:29px;background:#f8f8f8}
.book_detail .detail_bottom .book_post_area .first_post dl{overflow:hidden;}
.book_detail .detail_bottom .book_post_area .first_post dt{float:left;}
.book_detail .detail_bottom .book_post_area .first_post dt img{width:320px;height:181px;}
.book_detail .detail_bottom .book_post_area .first_post dd{float:left;width:680px;margin-left:20px;}
.book_detail .detail_bottom .book_post_area .first_post dd span{display:block;}
.book_detail .detail_bottom .book_post_area .first_post dd .tit{font-size:13px;font-weight:bold;line-height:21px;}
.book_detail .detail_bottom .book_post_area .first_post dd .text{margin-top:15px;line-height:20px;color:#888;height:120px;overflow:hidden;}
.book_detail .detail_bottom .book_post_area .first_post dd .text a{color:#888;}
.book_detail .detail_bottom .book_post_area .first_post dd a:hover{text-decoration:underline;}

.book_detail .detail_bottom .book_post_area .re_post{margin-top:10px;padding:29px;border:1px solid #e2e2e2;}
.book_detail .detail_bottom .book_post_area .re_post ul{overflow:hidden;}
.book_detail .detail_bottom .book_post_area .re_post ul li{float:left;width:188px;margin-right:20px;}
.book_detail .detail_bottom .book_post_area .re_post ul li:last-child{margin-right:0px;}
.book_detail .detail_bottom .book_post_area .re_post ul li dt img{width:188px;height:106px;}
.book_detail .detail_bottom .book_post_area .re_post ul li dd{margin-top:10px;}
.book_detail .detail_bottom .book_post_area .re_post ul li dd a{line-height:18px;color:#888;font-size:11px;font-family:'dotum'}
.book_detail .detail_bottom .book_post_area .re_post ul li.fir{}


/* 여기까지 */




.book_detail .detail_bottom .book_post_area .cont{overflow:hidden;}
.book_detail .detail_bottom .book_post_area .cont .title{font-family: 'notokr-medium';;font-size:14px;letter-spacing:-1px;margin-bottom:15px;}

.book_detail .detail_bottom .book_post_area .book_post{float:left;}
.book_detail .detail_bottom .book_post_area .book_post dl {width:280px;}
.book_detail .detail_bottom .book_post_area .book_post dl dt img{width:280px;height:157px;}
.book_detail .detail_bottom .book_post_area .book_post dl dd{margin-top:15px;line-height:18px;height:36px;overflow:hidden;color:#888}

.book_detail .detail_bottom .book_post_area .re_book_post{float:left;width:740px;;margin-left:29px;border-left:1px solid #e2e2e2}
.book_detail .detail_bottom .book_post_area .re_book_post .title{margin-left:30px;}
.book_detail .detail_bottom .book_post_area .re_book_post ul li{float:left;width:340px;margin-right:30px;margin-bottom:20px;}
.book_detail .detail_bottom .book_post_area .re_book_post dl dt img{width:154px;height:87px;}
.book_detail .detail_bottom .book_post_area .re_book_post dl{overflow:hidden;}
.book_detail .detail_bottom .book_post_area .re_book_post dt{float:left;width:154px;}
.book_detail .detail_bottom .book_post_area .re_book_post dd{float:left;width:166px;margin-left:20px;line-height:18px;font-size:11px;font-family:'dotum';height:72px;overflow:hidden;}
.book_detail .detail_bottom .book_post_area .re_book_post dd a{color:#888;}

.book_detail .detail_bottom .book_cs_area table{border:1px solid #e2e2e2;border-right:0px;border-bottom:0px;margin-top:10px;}
.book_detail .detail_bottom .book_cs_area table td{border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2}
.book_detail .detail_bottom .book_cs_area table td.t1{width:150px;padding:20px;font-family: 'notokr-medium';background:#fafafa;font-size:14px;letter-spacing:-1px;}
.book_detail .detail_bottom .book_cs_area table td.t2{padding:20px;}
.book_detail .detail_bottom .book_cs_area table td.t2 ul li{line-height:20px;}

.book_detail .book_review_area p{margin-bottom:20px;}

.book_detail .book_review_area table{border-top:1px solid #e2e2e2;}
.book_detail .book_review_area td{border-bottom:1px solid #e2e2e2;padding:15px 0}
.book_detail .book_review_area td.t1{text-align:center;}
.book_detail .book_review_area .t1{width:120px;text-align:center;}
.book_detail .book_review_area .t1 span{overflow:hidden;display:inline-block;}
.book_detail .book_review_area .t1 i{font-size:18px;float:left;color:#d2d2d2}
.book_detail .book_review_area .t1 i.on{color:#ff1c41}

.book_detail .book_review_area .t2{padding:10px;}
.book_detail .book_review_area .t2 span{display:block;}
.book_detail .book_review_area .t2 span.name{}
.book_detail .book_review_area .t2 span.name strong{line-height:16px;margin-right:10px;}
.book_detail .book_review_area .t2 span.name a{font-weight:normal}
.book_detail .book_review_area .t2 span.name a i{font-size:16px;vertical-align:middle;color:#aaa;}
.book_detail .book_review_area .t2 span.text{line-height:19px;margin-top:5px;}

.book_detail .book_review_area .review_button{text-align:right;margin-top:15px;overflow:hidden;}
.book_detail .book_review_area .review_button .paging{/*float:left;*/}
.book_detail .book_review_area .review_button .write{float:right;}
.book_detail .book_review_area .review_button .write a{display:inline-block;width:128px;height:24px;border:1px solid #c2c2c2;text-align:center;line-height:26px;}

.review_w_popup{background:#fff;position:fixed;top:50%;margin-top:-280px;left:50%;margin-left:-240px;width:480px;z-index:9999;display:none;}
.review_w_popup .title_line{font-family: 'notokr-regular';font-size:16px;letter-spacing:-1px;background:#343b4b;color:#fff;height:50px;line-height:50px;text-indent:19px;}
.review_w_popup .in{padding:19px;border:1px solid #c2c2c2;border-top:0px;height:560px;}

.review_w_popup .in .book_info{border:1px solid #e2e2e2;}
.review_w_popup .in .book_info dl{overflow:hidden;padding:14px;}
.review_w_popup .in .book_info dt{float:left;width:60px;}
.review_w_popup .in .book_info dd{float:left;width:310px;margin-left:20px;}
.review_w_popup .in .book_info dd span{display:block;}
.review_w_popup .in .book_info dd span.title{font-size:13px;font-family:'dotum';letter-spacing:-1px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;;word-wrap:normal;}
.review_w_popup .in .book_info dd span.author{font-size:11px;font-family:'dotum';letter-spacing:-1px;margin-top:10px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;;word-wrap:normal;}
.review_w_popup .in .book_info dd span.isbn{margin-top:4px;letter-spacing:1px;font-size:11px;font-family:'dotum';color:#888}
.review_w_popup .in .book_info dt img{width:60px;height:auto;}

.review_w_popup .in table{margin-top:10px;border:1px solid #e2e2e2;border-bottom:0px;}
.review_w_popup .in table td{border-bottom:1px solid #e2e2e2;padding:10px 0}
.review_w_popup .in table .t1{width:80px;border-right:1px solid #e2e2e2;text-align:center;background:#f8f8f8}
.review_w_popup .in table .t2 i{font-size:18px;cursor:pointer;color:#d2d2d2;}
.review_w_popup .in table .t2 i.on{color:#ff1c41}
.review_w_popup .in table .t2{padding:10px;}
.review_w_popup .in table .t2 textarea{border:1px solid #e2e2e2;width:327px;height:280px;padding:5px}

.review_w_popup .in .popup_btn {text-align:right;margin-top:10px;}
.review_w_popup .in .popup_btn a{display:inline-block;width:108px;height:24px;border:1px solid #c2c2c2;;text-align:center;line-height:26px;}
.review_w_popup .in .popup_btn a.complete{color:#3c90ca;border-color:#3c90ca}

.basket_move{display:none;position:absolute;top:50%;left:50%;;z-index:9999;width:350px;margin-left:-175px;height:160px;margin-top:-80px;background:#fff;border:1px solid #000;}
.basket_move .tit{height:40px;overflow:hidden;border-bottom:1px solid #e2e2e2;background:#f8f8f8}
.basket_move .tit strong{display:block;float:left;line-height:40px;text-indent:10px;font-family: 'notokr-medium';font-size:15px;letter-spacing:-1px;font-weight:normal}
.basket_move .tit span{display:block;float:right;text-align:center;width:40px;}
.basket_move .tit span i{margin-top:8px;}
.basket_move .messege{padding:0 10px;text-align:center;}
.basket_move .messege p{text-align:center;font-family: 'notokr-medium';font-size:18px;line-height:18px;letter-spacing:-1px;padding:20px 0}
.basket_move .messege p strong{color:#4397d2;font-weight:normal;}
.basket_move .messege .btn{display:inline-block;}
.basket_move .messege .btn a{display:block;float:left;border:1px solid #c2c2c2;width:150px;height:36px;line-height:36px;text-align:center;font-family: 'notokr-medium';font-size:14px;letter-spacing:-1px;}
.basket_move .messege .btn a.b1{margin-right:2.5px}
.basket_move .messege .btn a.b2{margin-left:2.5px;color:#4397d2}

/* 주문관련 */

.order .title_area{overflow:hidden;margin-top:40px;}
.order .title_area h2{float:left;font-family: 'notokr-light';font-size:36px;line-height:62px;letter-spacing:-2px;}
.order .title_area ul{float:right;overflow:hidden;}
.order .title_area ul li{float:left;}
.order .title_area ul li.arrow{margin:0 20px;line-height:62px;}
.order .title_area ul li.arrow i{color:#ddd;}
.order .title_area ul li dt{font-family: 'notokr-bold';font-size:40px;line-height:40px;letter-spacing:0px;color:#ddd;text-align:center;}
.order .title_area ul li dd{font-family: 'notokr-regular';font-size:15px;line-height:15px;letter-spacing:-1px;margin-top:5px;color:#aaa;text-align:center;}
.order .title_area ul li.on dt{color:#3c90ca}
.order .title_area ul li.on dd{color:#292929}

.order .cart_list{margin-top:20px;}
.order .cart_list{border-top:1px solid #1780c8}
.order .cart_list table{}
.order .cart_list table th{text-align:center;height:42px;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;font-weight:bold;}
.order .cart_list table td{text-align:center;padding:18px 0px;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.order .cart_list table th.t7{border-right:0px;}
.order .cart_list table td.t7{border-right:0px;}

.order .cart_list table .t1{width:28px;padding-left:0px;padding-right:0px;border-right:0px;}
.order .cart_list table .t1 input{width:14px;height:14px;border:1px solid #c2c2c2;background:#fff}
.order .cart_list table td.t1{vertical-align:top;}

.order .cart_list table .t2{width:100px;padding-left:0px;padding-right:0px;border-right:0px;vertical-align:top}
.order .cart_list table td.t2 img{width:98px;height:148px;border:1px solid #e2e2e2;}

.order .cart_list table td.t3{text-align:left;padding:18px 15px;}
.order .cart_list table td.t3 span{display:block;}
.order .cart_list table td.t3 span.title{font-size:14px;font-family:'dotum';font-weight:bold;letter-spacing:-1px;line-height:22px;}
.order .cart_list table td.t3 a.opt_btn{display:block;width:60px;height:16px;line-height:18px;font-size:11px;font-family:'dotum';border:1px solid #c2c2c2;text-align:center;letter-spacing:-0.5px;}
.order .cart_list table td.t3 .option_list{margin-top:10px;}
.order .cart_list table td.t3 .option_list dl{overflow:hidden;padding-bottom:10px;border-top:1px solid #e2e2e2;padding:15px 0;font-size:11px;font-family:'dotum';}
.order .cart_list table td.t3 .option_list dl dt{float:left;width:60px;line-height:20px;font-weight:bold;}
.order .cart_list table td.t3 .option_list dl dd{float:left;}
.order .cart_list table td.t3 .option_list dl dd p{line-height:20px;color:#888}
.order .cart_list table td.t3 .option_list dl.opt1 p{color:#129c77}
.order .cart_list table td.t3 .option_list dl.opt2 p{color:#3c90ca;}

.order .cart_list table .t4{width:90px;}
.order .cart_list table .t4 .amount{border:1px solid #c2c2c2;overflow:hidden;display:block;width:65px;margin-left:12.5px;}
.order .cart_list table .t4 .amount input{width:50px;float:left;height:21px;text-align:center;}
.order .cart_list table .t4 .amount .updown{float:left;width:14px;border-left:1px solid #c2c2c2;}
.order .cart_list table .t4 .amount .updown a{display:block;height:10px;line-height:10px;font-size:6px;font-family:'dotum'}
.order .cart_list table .t4 .amount .updown a.up{border-bottom:1px solid #c2c2c2;}
.order .cart_list table .t4 .re_btn{margin-top:3px;;margin-left:12.5px;}
.order .cart_list table .t4 .re_btn a{display:block;width:65px;height:21px;line-height:23px;text-align:center;border:1px solid #c2c2c2;font-size:11px;font-family:'dotum';letter-spacing:-1px}

.order .cart_list table .t5{width:110px;font-weight:bold;}
.order .cart_list table .t6{width:110px;font-weight:bold;}
.order .cart_list table .t7{width:110px;}
.order .cart_list table .t7 span{display:block;font-size:14px;font-weight:bold;font-family:'dotum';color:#fd1450}
.order .cart_list table .t7 .single_order{margin-top:10px;margin-left:16px}
.order .cart_list table .t7 .single_order a{display:block;width:76px;height:24px;line-height:26px;text-align:center;}
.order .cart_list table .t7 .single_order a.buy{color:#4397d2;border:1px solid #4397d2}
.order .cart_list table .t7 .single_order a.member{border:1px solid #aaa;margin-top:3px;}
.order .cart_list table .t7 .single_order a.del{color:#292929;border:1px solid #aaa;margin-top:3px;}

/* 카트 옵션팝업 */

.order .cart_opt_popup{display:block;position:fixed;top:50%;left:50%;width:618px;height:678px;margin-left:-310px;border:1px solid #292929;margin-top:-340px;background:#fff;z-index:999}
.order .cart_opt_popup h4{font-family: 'notokr-regular';font-size:16px;letter-spacing:-1px;background:#343b4b;;color:#fff;height:46px;line-height:46px;text-indent:19px;}
.order .cart_opt_popup .in{padding:19px;}
.order .cart_opt_popup .goods dl{overflow:hidden;}
.order .cart_opt_popup .goods dl dt{float:left;}
.order .cart_opt_popup .goods dl dt img{width:62px;height:90px;border:1px solid #e2e2e2;}
.order .cart_opt_popup .goods dl dd{float:left;width:496px;margin-left:20px;}
.order .cart_opt_popup .goods dl dd span{display:block;}
.order .cart_opt_popup .goods dl dd span.title{font-weight:bold;line-height:18px;}
.order .cart_opt_popup .goods dl dd span.price{margin-top:10px;font-weight:bold;color:#fd1450}

.order .cart_opt_popup .option_area{border-top:1px solid #e2e2e2;margin-top:15px;padding:15px 0;border-bottom:1px solid #e2e2e2;}
.order .cart_opt_popup .option_area .select_opt{position:relative;z-index:999}
.order .cart_opt_popup .option_area .select_opt > a{display:block;border:1px solid #c2c2c2;height:30px;line-height:32px;position:relative;}
.order .cart_opt_popup .option_area .select_opt > a span.text{margin-left:10px;}
.order .cart_opt_popup .option_area .select_opt > a span.arrow{position:absolute;right:0px;margin-right:10px;}
.order .cart_opt_popup .option_area .select_opt > a span.arrow i{line-height:30px;}
.order .cart_opt_popup .option_area .select_opt > a:hover{background:#f8f8f8;}

.order .cart_opt_popup .option_area .select_opt .opt_box{display:none;position:absolute;border:1px solid #292929;top:0px;;width:578px;z-index:99;background:#fff;}
.order .cart_opt_popup .option_area .select_opt .opt_box dl{;background:#fff;}
.order .cart_opt_popup .option_area .select_opt .opt_box dl a{display:block;overflow:hidden;}
.order .cart_opt_popup .option_area .select_opt .opt_box dl a span{display:block;font-size:11px;font-family:'dotum'}
.order .cart_opt_popup .option_area .select_opt .opt_box dl a span.text{float:left;}
.order .cart_opt_popup .option_area .select_opt .opt_box dl a span.price{float:right;font-weight:bold;}
.order .cart_opt_popup .option_area .select_opt .opt_box dl a span.arrow{float:right;}
.order .cart_opt_popup .option_area .select_opt .opt_box dl a span.arrow i{line-height:40px;}
.order .cart_opt_popup .option_area .select_opt .opt_box dl dt{border-bottom:1px solid #aaa;height:38px;line-height:38px;padding:0 10px;}

.order .cart_opt_popup .option_area .select_opt .opt_box dl dd{display:none;background:#f8f8f8}
.order .cart_opt_popup .option_area .select_opt .opt_box dl.on dd{display:block;}
.order .cart_opt_popup .option_area .select_opt .opt_box dl dd a{border-bottom:1px solid #e2e2e2;height:34px;line-height:36px;padding:0 10px;}
.order .cart_opt_popup .option_area .select_opt .opt_box dl dd a:hover{background:#f2f2f2;}

.order .cart_opt_popup .option_area .select_opt1{z-index:999}
.order .cart_opt_popup .option_area .select_opt2{margin-top:10px;z-index:998}

.order .cart_opt_popup .my_opt{margin-top:30px;position:relative;z-index:99}
.order .cart_opt_popup .my_opt .title_line{overflow:hidden;}
.order .cart_opt_popup .my_opt .title_line h5{float:left;line-height:16px;}
.order .cart_opt_popup .my_opt .title_line .add_price{float:right;}
.order .cart_opt_popup .my_opt .title_line .add_price span{}
.order .cart_opt_popup .my_opt .title_line .add_price strong{display:inline-block;width:100px;text-align:right;;font-size:16px;line-height:16px;letter-spacing:0px;color:#fd1450}

.order .cart_opt_popup .my_opt .my_opt_area{border:1px solid #e2e2e2;overflow-y:scroll;height:240px;margin-top:10px;}
.order .cart_opt_popup .my_opt .my_opt_area table{font-size:11px;font-family:'dotum';letter-spacing:-0.5px;}
.order .cart_opt_popup .my_opt .my_opt_area table tr.op_pd td{background:#fafbfc}
.order .cart_opt_popup .my_opt .my_opt_area table tr.add_pd td{background:#fff}

.order .cart_opt_popup .my_opt .my_opt_area td{padding:10px 0;border-bottom:1px solid #e2e2e2;text-align:center;}
.order .cart_opt_popup .my_opt .my_opt_area td.t1{padding-left:10px;text-align:left;}
.order .cart_opt_popup .my_opt .my_opt_area td.t1 span{display:block;}
.order .cart_opt_popup .my_opt .my_opt_area td.t1 span.opt_text{color:#17916a;margin-top:4px;}
.order .cart_opt_popup .my_opt .my_opt_area td.t2{width:100px;}
.order .cart_opt_popup .my_opt .my_opt_area td.t2 .amount{display:inline-block;border:1px solid #c2c2c2;overflow:hidden;}
.order .cart_opt_popup .my_opt .my_opt_area td.t2 input{width:40px;height:20px;float:left;text-align:center;}
.order .cart_opt_popup .my_opt .my_opt_area td.t2 .amount a{display:block;float:left;border-left:1px solid #c2c2c2;width:20px;height:20px;line-height:22px;text-align:center;}
.order .cart_opt_popup .my_opt .my_opt_area td.t3{width:80px;font-size:12px;letter-spacing:0px;font-weight:bold;}
.order .cart_opt_popup .my_opt .my_opt_area td.t4{width:30px;padding-right:10px;}
.order .cart_opt_popup .my_opt .my_opt_area td.t4 a{display:inline-block;width:18px;height:18px;line-height:20px;text-align:center;border:1px solid #c2c2c2;}

.order .cart_opt_popup .popup_btn {text-align:right;margin-top:10px;}
.order .cart_opt_popup .popup_btn a{display:inline-block;width:108px;height:24px;border:1px solid #c2c2c2;;text-align:center;line-height:26px;}
.order .cart_opt_popup .popup_btn a.complete{color:#3c90ca;border-color:#3c90ca}

.order .price_info{position:relative;overflow:hidden;border:1px solid #e2e2e2;margin-top:10px;}
.order .price_info .left{overflow:hidden;}
.order .price_info .left ul{float:left;border-right:1px solid #e2e2e2;padding:20px;min-height:72px;background:#fff}
.order .price_info .left ul li{line-height:24px;}

.order .price_info .left dl{overflow:hidden;}
.order .price_info .left dl dt{float:left;font-family: 'notokr-regular';font-size:13px;letter-spacing:0px;width:90px;color:#292929}
.order .price_info .left dl dd{float:left;font-weight:bold;font-family:'dotum';font-size:12px;}

.order .price_info .left ul.price1 dd{color:#292929}
.order .price_info .left ul.price2 dd{color:#fd1450}
.order .price_info .left ul.price3 dd{color:#126ebc}

.order .price_info .right{position:absolute;right:20px;bottom:20px;;overflow:hidden;z-index:99;}
.order .price_info .right span{display:inline-block;}
.order .price_info .right span.text{font-family: 'notokr-regular';font-size:16px;letter-spacing:-1px;}
.order .price_info .right span.price{font-family: 'notokr-light';font-size:36px;line-height:36px;letter-spacing:0px;text-align:right;width:140px;color:#fd1450}
.order .price_info .right span.won{font-family: 'notokr-regular';font-size:16px;letter-spacing:-1px;}

.order .guide_box{border:1px solid #e2e2e2;margin-top:10px;background:#f8f8f8;padding:20px;}
.order .guide_box p{line-height:20px;}

.order .cart_btns{overflow:hidden;margin-top:10px;}
.order .cart_btns .left{float:left;}
.order .cart_btns .left a{display:inline-block;width:76px;height:26px;border:1px solid #c2c2c2;text-align:center;line-height:26px;}
.order .cart_btns .right{float:right;}
.order .cart_btns .right a{display:inline-block;width:146px;height:46px;border:1px solid #c2c2c2;text-align:center;line-height:46px;font-family: 'notokr-medium';font-size:16px;letter-spacing:-1px;color:#292929}
.order .cart_btns .right a.home{width:46px;}
.order .cart_btns .right a.home i{color:#888;line-height:46px;vertical-align:middle;}
.order .cart_btns .right a.choice{}
.order .cart_btns .right a.all{background:#1780c8;color:#fff;border-color:#1470ae}


.order .order_bottom {margin-top:40px;overflow:hidden;position:relative;}
.order .order_bottom h4{font-family: 'notokr-medium';font-size:16px;letter-spacing:-1px;color:#292929;margin-bottom:20px;}
.order .order_bottom .left{;width:790px;}
.order .order_bottom .left > div{border:1px solid #e2e2e2;padding:29px;border-top:1px solid #1780c8}


.order .order_bottom .address_form {border:1px solid #e2e2e2;padding:29px;border-top:1px solid #1780c8}
.order .order_bottom .address_form table{border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.order .order_bottom .address_form table th{width:120px;border-right:1px solid #e2e2e2;text-align:left;padding:5px 0;}
.order .order_bottom .address_form table td{;padding:10px 15px}
.order .order_bottom .address_form table td input.text{border:1px solid #c2c2c2;height:24px;width:100%;text-indent:10px;background:#fafafa}

.order .order_bottom .address_form table .v1 td ul{overflow:hidden;}
.order .order_bottom .address_form table .v1 td ul li{float:left;margin-right:20px;}
.order .order_bottom .address_form table .v1 td ul li span{margin-left:5px;}

.order .order_bottom .address_form table .v2 td input{width:160px;}

.order .order_bottom .address_form table .v3 td ul li{margin-bottom:3px;}
.order .order_bottom .address_form table .v3 td ul li.add1 a{display:inline-block;height:24px;width:80px;border:1px solid #c2c2c2;line-height:26px;text-align:center;margin-left:5px;}
.order .order_bottom .address_form table .v3 td ul li.add1 input{width:160px;}

.order .order_bottom .address_form table .v4 td input{width:160px;}

.order .order_bottom .left .coupon_form{margin-top:20px;}
.order .order_bottom .left .coupon_form table{border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.order .order_bottom .left .coupon_form table th{width:120px;border-right:1px solid #e2e2e2;text-align:left;padding:10px 0;}
.order .order_bottom .left .coupon_form table td{;padding:10px 15px}
.order .order_bottom .left .coupon_form table td input.text{border:1px solid #c2c2c2;height:24px;width:120px;text-indent:10px;background:#fafafa}

.order .order_bottom .left .coupon_form table td > div{float:left;line-height:24px;}
.order .order_bottom .left .coupon_form table td > div.box1{width:250px;}
.order .order_bottom .left .coupon_form table td > div.box1 strong{color:#fd1450}
.order .order_bottom .left .coupon_form table td > div.box2 input{vertical-align:middle;}
.order .order_bottom .left .coupon_form table .v2 td > div.box2 a{display:block;height:24px;text-align:center;width:80px;line-height:26px;border:1px solid #c2c2c2;}

.order .order_bottom .left .credit_form{margin-top:20px;}
.order .order_bottom .left .credit_form .order_method{border:1px solid #e2e2e2;padding:19px;}
.order .order_bottom .left .credit_form .order_method ul{overflow:hidden;}
.order .order_bottom .left .credit_form .order_method li{float:left;margin-right:20px;font-weight:bold;}

.order .order_bottom .left .credit_form .card_order{margin-top:20px;}
.order .order_bottom .left .credit_form .card_order table{border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.order .order_bottom .left .credit_form .card_order table th{width:120px;border-right:1px solid #e2e2e2;text-align:left;padding:5px 0;}
.order .order_bottom .left .credit_form .card_order table td{;padding:10px 15px}
.order .order_bottom .left .credit_form .card_order table td select{border:1px solid #e2e2e2;width:160px;}
.order .order_bottom .left .credit_form .card_order table td strong{color:#1780c8;}

.order .order_bottom .left .credit_form .card_benefit{text-align:center;margin-top:40px;}

.order .order_bottom .right{width:280px;position:absolute;top:0px;left:50%;margin-left:260px}
.order .order_bottom .right_fixed{position:fixed;margin-top:10px;top:0px;right:50%;margin-right:-540px;z-index:9999}

.order .order_bottom .right .price_info2{border:1px solid #e2e2e2;background:#fff;}
.order .order_bottom .right .price_info2 .top{overflow:hidden;padding:19px;background:#fafafa}
.order .order_bottom .right .price_info2 .top span{display:block;font-family: 'notokr-regular';font-size:16px;line-height:16px;letter-spacing:-1px;}
.order .order_bottom .right .price_info2 .top span.price{text-align:right;margin-top:30px;}
.order .order_bottom .right .price_info2 .top span strong{font-family: 'notokr-light';font-size:32px;line-height:32px;letter-spacing:0px;text-align:right;color:#fd1450;margin-right:5px;}

.order .order_bottom .right .price_info2 .bottom {border-top:1px solid #e2e2e2;padding:19px;}
.order .order_bottom .right .price_info2 .bottom dl{overflow:hidden;line-height:26px;}
.order .order_bottom .right .price_info2 .bottom dt{float:left;}
.order .order_bottom .right .price_info2 .bottom dd{float:right;font-weight:bold;}
.order .order_bottom .right .price_info2 .bottom .remove dd{color:#fd1450}

.order .order_bottom .right .check_area{border:1px solid #e2e2e2;padding:19px;margin-top:10px;}
.order .order_bottom .right .check_area ul li{margin-bottom:20px;line-height:20px;}
.order .order_bottom .right .check_area ul li a{display:inline-block;padding:0 6px;height:18px;line-height:20px;text-align:center;border:1px solid #c2c2c2;font-size:11px;font-family:'dotum'}

.order .order_bottom .right .check_area ul li.last{margin-bottom:0px;border-top:1px solid #e2e2e2;padding-top:20px;}
.order .order_bottom .right .check_area ul li.last span{font-weight:bold;}

.order .order_bottom .right .order_btn{margin-top:10px;}
.order .order_bottom .right .order_btn a{display:block;height:52px;background:#1780c8;color:#fff;line-height:52px;text-align:center;font-family: 'notokr-regular';font-size:18px;letter-spacing:-1px;}


.order .coupon_popup{position:fixed;top:50%;left:50%;width:618px;height:598px;margin-left:-310px;border:1px solid #292929;margin-top:-300px;background:#fff;;z-index:9999}
.order .coupon_popup h4{font-family: 'notokr-regular';font-size:16px;letter-spacing:-1px;background:#343b4b;;color:#fff;height:46px;line-height:46px;text-indent:19px;}
.order .coupon_popup .in{padding:19px;}
.order .coupon_popup .guide{margin-bottom:10px;}
.order .coupon_popup .guide p{line-height:20px;color:#888}

.order .coupon_popup .coupon_title{border:1px solid #e2e2e2;border-bottom:0px;}
.order .coupon_popup .coupon_title th{height:40px;text-align:center;font-weight:bold;}
.order .coupon_popup .coupon_title .t2{width:140px;font-size:11px;font-family:'dotum'}
.order .coupon_popup .coupon_title .t3{width:100px;padding-right:18px;}

.order .coupon_popup .coupon_list {border:1px solid #e2e2e2;height:200px;overflow-y:scroll;background:#f2f2f2}
.order .coupon_popup .coupon_list th{height:40px;text-align:center;font-weight:bold;border-bottom:1px solid #e2e2e2;}
.order .coupon_popup .coupon_list td{border-bottom:1px solid #e2e2e2;text-align:center;padding:10px 0;background:#fff;}
.order .coupon_popup .coupon_list td.t1{text-align:left;padding:0 20px;line-height:18px;}
.order .coupon_popup .coupon_list td.t1 span.red_point{color:#ff0000;margin-left:5px;}
.order .coupon_popup .coupon_list .t2{width:140px;font-size:11px;font-family:'dotum'}
.order .coupon_popup .coupon_list .t3{width:100px;}
.order .coupon_popup .coupon_list .t3 a{display:inline-block;width:60px;height:22px;line-height:22px;text-align:center;border:1px solid #c2c2c2;;}
.order .coupon_popup .coupon_list .t3 a.on{border-color:#247cba;color:#247cba}


.order .coupon_popup .price_add{border:1px solid #e2e2e2;margin-top:10px;padding:10px 19px;background:#f8f8f8;}
.order .coupon_popup .price_add dl{overflow:hidden;line-height:26px;}
.order .coupon_popup .price_add dt{float:left;}
.order .coupon_popup .price_add dd{float:right;font-weight:bold;}
.order .coupon_popup .price_add .price2 dd{color:#247cba;}
.order .coupon_popup .price_add .price3 dd{color:#fd1450;}

.order .coupon_popup .btns {margin-top:15px;text-align:right;}
.order .coupon_popup .btns a{display:inline-block;width:120px;height:32px;line-height:32px;text-align:center;border:1px solid #c2c2c2;}
.order .coupon_popup .btns a:hover{color:#292929;border-color:#292929}


.order .contract_popup{position:fixed;top:50%;left:50%;width:618px;height:638px;margin-left:-310px;border:1px solid #292929;margin-top:-320px;background:#fff;;z-index:9999;display:none;}
.order .contract_popup h4{font-family: 'notokr-regular';font-size:16px;letter-spacing:-1px;background:#343b4b;;color:#fff;height:46px;line-height:46px;text-indent:19px;}
.order .contract_popup .in{padding:19px;}
.order .contract_popup .in .tab_menu{overflow:hidden;}
.order .contract_popup .in .tab_menu li{float:left;width:50%;}
.order .contract_popup .in .tab_menu li a{display:block;height:40px;line-height:40px;text-align:center;border:1px solid #e2e2e2;border-bottom:1px solid #292929;font-family: 'notokr-regular';font-size:14px;letter-spacing:-0.5px;color:#888}
.order .contract_popup .in .tab_menu li.on a{border-color:#292929;border-bottom:1px solid #fff;color:#292929}

.order .contract_popup .in .tab_cont li{display:none;margin-top:15px;}
.order .contract_popup .in .tab_cont li.on{display:block;}

.order .contract_popup .in .contract_box{border:1px solid #e2e2e2;padding:10px;height:400px;overflow-y:scroll;padding-bottom:0px;}
.order .contract_popup .btns {margin-top:15px;text-align:right;}
.order .contract_popup .btns a{display:inline-block;width:120px;height:32px;line-height:32px;text-align:center;border:1px solid #c2c2c2;}
.order .contract_popup .btns a:hover{color:#292929;border-color:#292929}



.order_finish .order_bottom{margin-top:10px}

.order_finish .cart_list{margin-top:40px;}
.order_finish .finish_intro{border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:70px 0;margin-top:20px;}
.order_finish .finish_intro span{display:block;text-align:center;}
.order_finish .finish_intro span.text1{font-family: 'notokr-regular';font-size:42px;line-height:42px;letter-spacing:-2px;}
.order_finish .finish_intro span.text1 strong{font-weight:normal;color:#1780c8;}
.order_finish .finish_intro span.text2{margin-top:10px;font-family: 'notokr-regular';font-size:16px;line-height:18px;letter-spacing:0px;color:#888}
.order_finish .finish_intro span.text3{margin-top:20px;color:#888;}
.order_finish .finish_intro span.text3 strong{color:#1780c8;}

.order_finish .finish_intro .home{text-align:center;margin-top:20px;}
.order_finish .finish_intro .home a{display:inline-block;overflow:hidden;border:1px solid #c2c2c2;padding:10px 20px;border-radius:5px}
.order_finish .finish_intro .home a i{float:left;margin-right:5px;}
.order_finish .finish_intro .home a span{display:block;float:left;font-family: 'notokr-regular';font-size:16px;line-height:24px;;letter-spacing:0px;}
.order_finish .finish_intro .home a:hover{background:#fafafa;}


.order_finish .price_info{background:#fafafa;}



/* 로그인 */

.login_view{background:#f8f8f8;padding-top:60px;}
.login_view .login_area{width:558px;margin:0px auto;border:1px solid #e2e2e2;background:#fff;}
.login_view .login_area .in{padding:39px;}
.login_view .login_area .login_text h3{font-family:'notokr-light';font-size:32px;line-height:32px;letter-spacing:-1px}
.login_view .login_area .login_text h3 strong{font-weight:normal;color:#4397d2;}
.login_view .login_area .login_text span{display:block;margin-top:10px;color:#888}

.login_view .login_area .login_tab {margin:30px 0;}
.login_view .login_area .login_tab ul{overflow:hidden;}
.login_view .login_area .login_tab ul li{float:left;width:240px;}
.login_view .login_area .login_tab ul li a{display:block;height:38px;line-height:38px;text-align:center;border:1px solid #e2e2e2;border-bottom:1px solid #292929;background:#fafafa}
.login_view .login_area .login_tab ul li.on a{border-color:#292929;border-bottom:0px;height:39px;background:#fff;}

.login_view .login_area .login_cont ul li{display:none;}
.login_view .login_area .login_cont ul li.on{display:block;}

.login_view .login_area .login_box{overflow:hidden;}
.login_view .login_area .login_box .left{float:left;width:340px;}
.login_view .login_area .login_box .left input{width:328px;height:38px;border:1px solid #c2c2c2;padding:0 5px}
.login_view .login_area .login_box .left input.id{margin-bottom:10px;}

.login_view .login_area .login_box .left input.name{margin-bottom:10px;}
.login_view .login_area .login_box .left input.number1{margin-bottom:10px;}
.login_view .login_area .login_box .left input.number2{}

.login_view .login_area .login_box > a{display:block;float:right;width:130px;height:90px;line-height:92px;background:#4397d2;color:#fff;text-align:center;font-family: 'notokr-medium';font-size:16px;letter-spacing:-1px}
.login_view .login_area .no_member .login_box > a{height:140px;line-height:140px;}

.login_view .login_area .id_save{margin-top:10px;color:#888}
.login_view .login_area .id_save input{vertical-align:middle;}
.login_view .login_area .id_save span{color:#888}
.login_view .login_area .id_save a{color:#888}

.login_view .login_area .tip{margin-top:10px;color:#888}

.login_view .login_area .buttons{overflow:hidden;margin:30px 0}
.login_view .login_area .buttons a{display:block;float:left;width:236px;border:1px solid #e2e2e2;overflow:hidden;height:40px;}
.login_view .login_area .buttons a.naver{margin-right:4px;}
.login_view .login_area .buttons a.join{float:right;}
.login_view .login_area .buttons a span{display:block;}
.login_view .login_area .buttons a span.icon{float:left;margin-top:12px;margin-left:10px;}
.login_view .login_area .buttons a span.text{float:left;font-family: 'notokr-regular';font-size:14px;letter-spacing:-1px;line-height:40px;margin-left:5px;}
.login_view .login_area .buttons a span.arrow{float:right;}
.login_view .login_area .buttons a span.arrow i{line-height:40px;color:#b2b2b2}

.login_view .login_are .login_banner{}


.event_main{padding-top:30px;}
.event_main .event_visual{overflow:hidden;}
.event_main .event_visual .visual_sb{float:left;width:798px;height:378px;border:1px solid #e2e2e2;overflow:hidden;position:relative;}
.event_main .event_visual .visual_sb .bx-controls-direction{display:none;}
.event_main .event_visual .visual_sb .bx-pager{position:absolute;bottom:50px;left:50px}
.event_main .event_visual .visual_sb .bx-pager-item {float:left;margin-right:5px;}
.event_main .event_visual .visual_sb .bx-pager-item > a{display:block;width:12px;height:12px;border-radius:50%;background:#aaa;text-indent:-9999px}
.event_main .event_visual .visual_sb .bx-pager-item > a.active{background:#4397d2;}

.event_main .event_visual .visual_bn{float:right;width:270px;}

.event_main .event_list{margin-top:40px;}
.event_main .event_list .title_line{border-bottom:1px solid #292929;position:relative;}
.event_main .event_list .title_line h4{font-family: 'notokr-regular';font-size:20px;line-height:40px;letter-spacing:-1px;}
.event_main .event_list .title_line ul {position:absolute;bottom:-1px;right:0px;;overflow:hidden;z-index:99;}
.event_main .event_list .title_line ul li{float:left;}
.event_main .event_list .title_line ul li a{display:block;width:130px;height:40px;line-height:42px;color:#888;text-align:center;border:1px solid #e2e2e2;border-bottom:1px solid #292929;font-family: 'notokr-regular';font-size:16px;letter-spacing:-1px;}
.event_main .event_list .title_line ul li.on a{border:1px solid #292929;border-bottom:1px solid #fff;color:#292929}

.event_main .event_list .list{margin-top:30px;}
.event_main .event_list .list ul{overflow:hidden;}
.event_main .event_list .list li{float:left;margin-right:30px;width:340px;margin-bottom:40px;}
.event_main .event_list .list li:nth-child(3n){margin-right:0px;}
.event_main .event_list .list li span{display:block;}
.event_main .event_list .list li span.icon{margin-top:15px;}
.event_main .event_list .list li span.icon .ing{display:inline-block;padding:0 5px;height:18px;line-height:20px;background:#1979bc;color:#fff;font-size:11px;font-family:'dotum'}
.event_main .event_list .list li span.icon .end{display:inline-block;padding:0 5px;height:18px;line-height:20px;background:#292929;color:#fff;font-size:11px;font-family:'dotum'}
.event_main .event_list .list li span.title{margin-top:6px;font-weight:bold;font-family:'dotum';font-size:13px;letter-spacing:-1px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;;word-wrap:normal;}
.event_main .event_list .list li span.date{margin-top:8px;color:#777;font-size:11px;font-family:'dotum'}

.event_main .list_more{margin-top:50px;}
.event_main .list_more a {display:block;height:40px;line-height:40px;border:1px solid #c2c2c2;text-align:center;}
.event_main .list_more a:hover{border-color:#aaa;}
.event_main .list_more dl {display:inline-block;overflow:hidden;}
.event_main .list_more dl dt{float:left;font-family: 'notokr-regular';font-size:16px;letter-spacing:-1px;}
.event_main .list_more dl dd{float:left;}
.event_main .list_more dl dd i{line-height:40px;vertical-align:middle;}

.event_view .event_info{overflow:hidden;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:15px 0;margin-top:30px}
.event_view .event_info dl{float:left;margin-top:5px;}
.event_view .event_info dl dt{font-size:15px;font-family:'dotum';letter-spacing:-1px;font-weight:bold;}
.event_view .event_info dl dd{margin-top:8px;color:#888}
.event_view .event_info a{float:right;display:block;text-align:center;}
.event_view .event_info a span{display:block;font-family: 'notokr-regular';font-size:14px;letter-spacing:-1px;margin-top:3px}
.event_view .event_info a span i{font-size:24px;}

.event_view .event_img{margin-top:20px;}

.event_view .event_cate {margin-top:20px;}
.event_view .event_cate ul{overflow:hidden;}
.event_view .event_cate ul li{float:left;margin-right:12px;margin-bottom:12px;}
.event_view .event_cate ul li:nth-child(4n){margin-right:0px;}
.event_view .event_cate ul li a{overflow:hidden;display:block;width:259px;height:50px;line-height:50px;text-align:center;border:1px solid #c2c2c2;border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;}
.event_view .event_cate ul li a span{display:block;}
.event_view .event_cate ul li a span.title{float:left;margin-left:10px;}
.event_view .event_cate ul li a span.arrow{float:right;margin-right:10px;}
.event_view .event_cate ul li a span.arrow i{line-height:50px;}

.event_view .goods_list{margin-top:70px;}
.event_view .goods_list dl{margin-bottom:60px;}
.event_view .goods_list dl dt{border:1px solid #e2e2e2;overflow:hidden;height:50px;background:#f8f8f8}
.event_view .goods_list dl dt h4{float:left;line-height:50px;margin-left:10px;font-weight:bold;}
.event_view .goods_list dl dt > div{float:right;overflow:hidden;margin-top:12px;margin-right:10px;}
.event_view .goods_list dl dt > div a{float:left;display:block;border:1px solid #c2c2c2;padding:0 15px;height:24px;line-height:24px;margin-left:2px;background:#fff;}
.event_view .goods_list dl dd {padding-top:30px;}
.event_view .goods_list dl dd ul{overflow:hidden;}
.event_view .goods_list dl dd ul li{float:left;width:216px;text-align:center;position:relative;margin-bottom:40px;}
.event_view .goods_list dl dd ul li span{display:block;}
.event_view .goods_list dl dd ul li span.check{position:absolute;left:0px;top:0px;}
.event_view .goods_list dl dd ul li span.thum img{width:110px;height:157px;border:1px solid #e2e2e2;}
.event_view .goods_list dl dd ul li span.title{margin-top:15px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;;word-wrap:normal;}
.event_view .goods_list dl dd ul li span.author{font-size:11px;font-family:'dotum';color:#888;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;;word-wrap:normal;}
.event_view .goods_list dl dd ul li span.price{font-weight:bold;color:#fe2b4e;margin-top:10px}



/* 고객센터 메인 */

.cs_main .cs_title{height:60px;line-height:60px;}
.cs_main .cs_title h3{font-family: 'notokr-light';font-size:32px;letter-spacing:-1px;}
.cs_main .cs_title h3 span{color:#247cba;font-family: 'notokr-medium';}
.cs_main .cs_info_area{border:1px solid #e2e2e2;overflow:hidden;padding:24px 29px;background:#fff}
.cs_main h4{font-family: 'notokr-regular';font-size:16px;line-height:16px;letter-spacing:-1px;color:#292929;}
.cs_main .cs_info_area .cs_number{float:left;background:#fff}
.cs_main .cs_info_area .cs_number h4{margin-bottom:10px;}
.cs_main .cs_info_area .notice{float:right;width:350px;}
.cs_main .cs_info_area .notice .title{overflow:hidden;border-bottom:1px solid #e2e2e2;padding-bottom:10px;}
.cs_main .cs_info_area .notice .title h4{float:left;}
.cs_main .cs_info_area .notice .title a{float:right;display:block;height:16px;line-height:16px;}
.cs_main .cs_info_area .notice ul{margin-top:10px;}
.cs_main .cs_info_area .notice ul li{line-height:26px;}
.cs_main .cs_info_area .notice ul li:first-child a{font-weight:bold;}

.cs_main .quick_menu_area{margin-top:10px;overflow:hidden;}
.cs_main .quick_menu_area .advice{width:260px;border:1px solid #e2e2e2;float:left;overflow:hidden;height:110px;padding:19px;background:#fff}
.cs_main .quick_menu_area .advice dt{float:left;width:88px}
.cs_main .quick_menu_area .advice dt img{width:68px;}
.cs_main .quick_menu_area .advice dd{float:left;width:172px;}
.cs_main .quick_menu_area .advice dd span{display:block;margin-top:15px;line-height:18px;}
.cs_main .quick_menu_area .advice dd a{margin-top:15px;display:block;border:1px solid #c2c2c2;height:24px;line-height:24px;text-align:center;}
.cs_main .quick_menu_area .quick_menu{float:right;width:510px;border:1px solid #e2e2e2;height:110px;padding:19px;background:#fff}
.cs_main .quick_menu_area .quick_menu dt {overflow:hidden;}
.cs_main .quick_menu_area .quick_menu dt h4{display:inline-block;}
.cs_main .quick_menu_area .quick_menu dt span{margin-left:5px;display:inline-block;}
.cs_main .quick_menu_area .quick_menu dd {overflow:hidden;margin-top:10px;}
.cs_main .quick_menu_area .quick_menu dd a{display:block;float:left;width:126px;text-align:center;border-right:1px solid #e2e2e2;}
.cs_main .quick_menu_area .quick_menu dd a:last-child{border-right:0px;}
.cs_main .quick_menu_area .quick_menu dd a.last{border-right:0px;}
.cs_main .quick_menu_area .quick_menu dd a span{display:block;}
.cs_main .quick_menu_area .quick_menu dd a span.icon i{font-size:52px;color:#d2d2d2}
.cs_main .quick_menu_area .quick_menu dd a span.name{margin-top:10px;}

.cs_main .faq_list{margin-top:10px;border:1px solid #e2e2e2;padding:29px;background:#fff}
.cs_main .faq_list dt{border-bottom:1px solid #292929;overflow:hidden;padding-bottom:10px;}
.cs_main .faq_list dt h4{float:left;}
.cs_main .faq_list dt a{float:right;}
.cs_main .faq_list dd ul li{border-bottom:1px solid #e2e2e2;height:40px;line-height:42px;}
.cs_main .faq_list dd ul li span{}
.cs_main .faq_list dd ul li span img{margin-top:10px;}
.cs_main .faq_list dd ul li a{margin-left:10px;}

.side_banner{position:relative;margin:0px auto;;width:1080px;}
.side_banner a{display:block;margin-bottom:10px;}
.side_banner .side_l_banner{position:absolute;top:0px;left:-105px;}
.side_banner .side_r_banner{position:absolute;top:0px;right:-105px;}


/* 공통_게시판 */

.common_board .board_list table{border-top:1px solid #292929;}
.common_board .board_list table th{border-bottom:1px solid #e2e2e2;height:40px;text-align:center;font-weight:bold;background:#f2f4f8}
.common_board .board_list table td{border-bottom:1px solid #e2e2e2;padding:12px 0;text-align:center;}

.common_board .board_list table .number{width:100px;}
.common_board .board_list table td.title{text-align:left;padding:12px 10px;line-height:18px;}
.common_board .board_list table .name{width:80px;}
.common_board .board_list table .date{width:120px;}
.common_board .board_list table .count{width:80px;}

.common_board .paging_area{margin-top:20px;text-align:center;}
.common_board .paging_area .paging{display:inline-block;}

.common_board .board_view{}
.common_board .board_view .cont_info{overflow:hidden;border-top:1px solid #292929;border-bottom:1px solid #e2e2e2;padding:15px 0;margin-top:30px}
.common_board .board_view .cont_info dl{float:left;margin-top:5px;}
.common_board .board_view .cont_info dl dt{font-size:15px;font-family:'dotum';letter-spacing:-1px;font-weight:bold;}
.common_board .board_view .cont_info dl dd{margin-top:8px;color:#888}
.common_board .board_view .cont_info dl dd ul {overflow:hidden;}
.common_board .board_view .cont_info dl dd ul li{float:left;}
.common_board .board_view .cont_info dl dd ul li.bar{margin:0 10px;}
.common_board .board_view .cont_info a{float:right;display:block;text-align:center;}
.common_board .board_view .cont_info a span{display:block;font-family: 'notokr-regular';font-size:14px;letter-spacing:-1px;margin-top:3px}
.common_board .board_view .cont_info a span i{font-size:24px;}

.common_board .board_view .contents{padding:40px 0;line-height:20px;border-bottom:1px solid #e2e2e2;overflow:hidden;}
.common_board .board_view .contents img{max-width:100%;}

.common_board .board_view .border_btns {overflow:hidden;margin-top:10px;}
.common_board .board_view .border_btns ul{float:right;overflow:hidden;}
.common_board .board_view .border_btns ul li{float:left;margin-left:2px;}
.common_board .board_view .border_btns ul li a{display:block;height:24px;line-height:26px;border:1px solid #c2c2c2;padding:0 15px;}

.common_board .board_view .add_file{margin-top:20px;background:#f8f8f8;padding:15px;border:1px solid #e2e2e2;}
.common_board .board_view .add_file li{line-height:22px;}
.common_board .board_view .add_file li a{font-weight:bold;}
.common_board .board_view .add_file li a:hover{text-decoration:underline;}
.common_board .board_view .add_file li:before{content:'·';font-size:12px;font-weight:bold;font-family:'dotum';margin-right:5px;text-decoration:none}


.comment {margin-top:50px;}
.comment .writing_area .title_line{overflow:hidden;margin-bottom:10px;}
.comment .writing_area .title_line span.title{float:left;font-family: 'notokr-regular';font-size:16px;letter-spacing:-1px;}

.comment .writing{background:#f8f8f8;padding:15px}
.comment .writing .in{position:relative;margin-right:100px;}
.comment .writing textarea{position:relative;display:block;border:1px solid #e2e2e2;height:78px;padding:5px;width:100%;}
.comment .writing a{position:absolute;top:0px;right:-100px;display:block;border:1px solid #e2e2e2;width:88px;height:88px;line-height:90px;text-align:center;font-family: 'notokr-regular';font-size:14px;letter-spacing:-1px;background:#fff;}

.comment .list{margin-top:40px;}

.comment .list .title_line{overflow:hidden;margin-bottom:10px;}
.comment .list .title_line span.title{float:left;font-family: 'notokr-regular';font-size:16px;letter-spacing:-1px;}

.comment .list ul{border-top:1px solid #e2e2e2;}
.comment .list ul li{border-bottom:1px solid #e2e2e2;padding-top:15px;}
.comment .list ul li .user_area{overflow:hidden;}
.comment .list ul li .user_area .left{float:left;}
.comment .list ul li .user_area .left span{margin-right:5px;}
.comment .list ul li .user_area .left .icon{display:inline-block;padding:0 10px;height:18px;line-height:18px;;border:1px solid #fe2b4e;font-size:11px;font-family:'dotum';color:#fe2b4e}
.comment .list ul li .user_area .left .name{font-size:13px;font-family:'dotum';font-weight:bold;}
.comment .list ul li .user_area .left .date{font-size:11px;font-family:'dotum';color:#888;}

.comment .list ul li .user_area .right{float:right;;}
.comment .list ul li .user_area .right a{line-height:18px;display:inline-block;padding:0 10px;height:18px;line-height:18px;;border:1px solid #c2c2c2;font-size:11px;font-family:'dotum';background:#fff}

.comment .list ul li .cont{padding:10px 0;line-height:19px;}

.comment .list ul li .re_comment_area{padding:0 0 0 15px;}
.comment .list ul li .re_comment_area .re_comment{}
.comment .list ul li .re_comment_area .user_area{background:#f8f8f8;padding:5px 10px;line-height:20px;}
.comment .list ul li .re_comment_area .cont{}

.comment .list .writing .in{}
.comment .list .writing textarea{height:40px;}
.comment .list .writing a{height:50px;line-height:50px;}

.comment .paging_area{text-align:center;margin-top:20px;}
.comment .paging_area .paging{display:inline-block;}



/* 회원가입 */
.join_page{padding-top:40px;}
.join_page .join_title{text-align:center;margin-bottom:40px;}
.join_page  h4{font-family: 'notokr-regular';font-size:20px;line-height:20px;letter-spacing:-1px;}
.join_page  h4 span{color:#0268af}
.join_page .cont{border-top:2px solid #292929;padding-top:20px;margin-top:10px}

.join_page .contract{margin-bottom:70px;}
.join_page .contract .cont .box1{margin-bottom:30px;}
.join_page .contract .cont dt{font-family: 'notokr-regular';font-size:16px;line-height:20px;letter-spacing:-1px;}
.join_page .contract .cont dd{height:168px;border:1px solid #e2e2e2;background:#f8f8f8;margin-top:10px;padding:10px 10px 0 10px;line-height:18px;overflow-y:scroll;}

.join_page .contract .contract_check{overflow:hidden;position:relative;border:1px solid #e2e2e2;margin-top:20px;height:48px;line-height:48px;padding:0 20px;}
.join_page .contract .contract_check .left{float:left;font-weight:bold;}
.join_page .contract .contract_check .left span{color:#d22828}
.join_page .contract .contract_check .right{float:right;}
.join_page .contract .contract_check .right span{display:inline-block;margin-left:15px;}
.join_page .contract .contract_check .right span input{vertical-align:middle;margin-right:5px;}

.join_page .user_input_area{}

.join_page .user_input_area table {border:1px solid #e2e2e2;border-bottom:0px;}
.join_page .user_input_area table td{border-bottom:1px solid #e2e2e2;padding:10px 0}
.join_page .user_input_area table td.t1{width:130px;text-indent:15px;font-family: 'notokr-regular';font-size:14px;}
.join_page .user_input_area table input{height:26px;padding:0 5px;width:200px;border:1px solid #c2c2c2;display:inline-block;}
.join_page .user_input_area table input.address{width:500px;}
.join_page .user_input_area table td a{display:inline-block;padding:0 10px;height:26px;line-height:26px;border:1px solid #c2c2c2;}
.join_page .user_input_area table td span{color:#888;margin-left:5px;}

.join_page .user_input_area table ul li{margin-bottom:5px;}
.join_page .user_input_area table .v1 td{background:#f8f8f8}
.join_page .user_input_area .input_box1{margin-bottom:15px;}

.join_page .join_btns{text-align:center;margin-top:30px;}
.join_page .join_btns a{display:inline-block;font-family: 'notokr-regular';font-size:20px;letter-spacing:-1px;vertical-align:middle;}
.join_page .join_btns a.complete{width:230px;height:50px;line-height:50px;background:#4397d2;color:#fff;}
.join_page .join_btns a.cancle{width:128px;height:48px;line-height:50px;background:#fff;color:#292929;border:1px solid #c2c2c2;}
.join_page .join_btns a.complete:hover{background:#50adef}


.join_page .join_complete{text-align:center;border:5px solid #e2e2e2;padding:120px 0}



/* 이용약관&개인정보 처리방침 스타일 */

.contract_box strong{display:block;}
.contract_box strong.title_1{margin:10px 0;font-family: 'notokr-regular';font-size:18px;letter-spacing:-1px;font-weight:normal;}
.contract_box strong.title_2{font-size:13px; font-weight: bold; line-height: 19px;margin-top:20px}
.contract_box .contents{font-size: 12px; line-height: 20px;margin-top:8px;}


/* 마이페이지 */

.mypage h4{;font-family: 'notokr-regular';font-size:16px;line-height:20px;letter-spacing:-1px;color:#292929}

.mypage .my_main .my_shoping_info{overflow:hidden;}
.mypage .my_main .my_shoping_info .box{float:left;width:425px;}
.mypage .my_main .my_shoping_info .box .title{height:40px;line-height:42px;border-bottom:1px solid #e2e2e2;text-indent:19px;font-weight:bold;}
.mypage .my_main .my_shoping_info .box .in{border:1px solid #e2e2e2;padding:19px;}
.mypage .my_main .my_shoping_info .box .in ul{overflow:hidden;}
.mypage .my_main .my_shoping_info .box .in ul li{float:left;text-align:center;}
.mypage .my_main .my_shoping_info .box .in ul li span{display:block;}
.mypage .my_main .my_shoping_info .box .in .icon i{font-size:50px;line-height:50px;color:#d2d2d2}
.mypage .my_main .my_shoping_info .box .in .text{margin-top:5px;;font-family: 'notokr-medium';font-size:14px;letter-spacing:-0.5px;color:#595959}
.mypage .my_main .my_shoping_info .box .in .text strong{color:#ff1b41;margin-left:5px;}
.mypage .my_main .my_shoping_info .box .in a:hover i{color:#aaa;}

.mypage .my_main .my_shoping_info .left{margin-right:10px;}
.mypage .my_main .my_shoping_info .left .title{background:#1884d0;color:#fff;}
.mypage .my_main .my_shoping_info .left li{width:127px;border-right:1px solid #e2e2e2;}
.mypage .my_main .my_shoping_info .left li.last{border-right:0px;}
.mypage .my_main .my_shoping_info .left li.last .price{line-height:50px;height:50px;font-family: 'notokr-regular';font-size:16px;letter-spacing:0px;color:#ff1b41}

.mypage .my_main .my_shoping_info .right .title{background:#343b4b;color:#fff;}
.mypage .my_main .my_shoping_info .right li{width:115px;}
.mypage .my_main .my_shoping_info .right li.arrow{width:20px;}
.mypage .my_main .my_shoping_info .right li.arrow i{font-size:20px;line-height:67px;color:#c2c2c2;}

.mypage .my_main .my_banner{margin-top:0px;}

.mypage .my_main .my_order_list{margin-top:30px;}
.mypage .my_order_list .title{margin-bottom:8px;overflow:hidden;}
.mypage .my_order_list .title h4 {float:left;}
.mypage .my_order_list .title h4 span{font-size:14px;color:#ff1b41;margin-left:5px;}
.mypage .my_order_list .title a{float:right;display:block;padding:0 15px;height:18px;border:1px solid #aaa;line-height:20px;font-size:11px;font-family:'dotum';letter-spacing:-1px;}

.mypage .my_order_list table{border-top:1px solid #292929;}
.mypage .my_order_list th{height:40px;text-align:center;border-bottom:1px solid #e2e2e2;background:#f2f4f8;font-family: 'notokr-medium';font-size:14px;letter-spacing:-0.5px;font-weight:normal;}
.mypage .my_order_list td{padding:10px 0;text-align:center;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;}
.mypage .my_order_list td.t4{border-right:0px}

.mypage .my_order_list .t1{width:120px;}
.mypage .my_order_list .t1 span{display:block;}
.mypage .my_order_list .t1 span.number{margin-top:5px;font-weight:bold;}
.mypage .my_order_list td.t2{text-align:left;padding:10px}
.mypage .my_order_list td.thum {width:42px;padding-left:10px;border-right:0px;}
.mypage .my_order_list td.thum img{width:40px;height:58px;border:1px solid #e2e2e2;}
.mypage .my_order_list td.t2 a{line-height:18px;}
.mypage .my_order_list td.t2 a:hover{text-decoration:underline;}
.mypage .my_order_list td.t2 span{font-weight:bold;color:#1884d0}
.mypage .my_order_list .t3{width:100px;}
.mypage .my_order_list td.t3{font-weight:bold;color:#ff1b41}
.mypage .my_order_list .t4{width:110px;}
.mypage .my_order_list .tip{margin-top:10px;font-size:11px;font-family:'dotum';color:#888}

.mypage .my_address {margin-top:40px;}
.mypage .my_address .title{margin-bottom:8px;overflow:hidden;}
.mypage .my_address .title h4 {float:left;}
.mypage .my_address .title h4 span{font-size:14px;color:#ff1b41;margin-left:5px;}
.mypage .my_address .title a{float:right;display:block;padding:0 15px;height:18px;border:1px solid #aaa;line-height:20px;font-size:11px;font-family:'dotum';letter-spacing:-1px;}

.mypage .my_address .cont table{border-top:1px solid #292929;}
.mypage .my_address .cont td{height:40px;border-bottom:1px solid #e2e2e2;}
.mypage .my_address .cont table .t1{width:140px;background:#f2f4f8;text-indent:15px;font-weight:bold;}
.mypage .my_address .cont table .t2{padding:0 15px;}

.mypage .question_list{margin-top:40px;}
.mypage .question_list .title{margin-bottom:8px;overflow:hidden;}
.mypage .question_list .title h4 {float:left;}
.mypage .question_list .title h4 span{font-size:14px;color:#ff1b41;margin-left:5px;}
.mypage .question_list .title a{float:right;display:block;padding:0 15px;height:18px;border:1px solid #aaa;line-height:20px;font-size:11px;font-family:'dotum';letter-spacing:-1px;}

.mypage .question_list table{border-top:1px solid #292929;}
.mypage .question_list th{height:40px;text-align:center;border-bottom:1px solid #e2e2e2;background:#f2f4f8;font-family: 'notokr-medium';font-size:14px;letter-spacing:-0.5px;font-weight:normal;}
.mypage .question_list td{padding:10px 0;text-align:center;border-bottom:1px solid #e2e2e2;height:30px;}
.mypage .question_list .t1{width:100px;}
.mypage .question_list td.t2{text-align:left;padding:10px}
.mypage .question_list td.t2 a:hover{text-decoration:underline;}
.mypage .question_list .t3{width:100px;}
.mypage .question_list td.t3 span{font-weight:bold;}
.mypage .question_list td.t3 span.yes{color:#1884d0}


.mypage .paging_area{text-align:center;margin-top:20px;}
.mypage .paging_area .paging{display:inline-block;}

.mypage .my_order .my_order_search{margin-top:20px;border:1px solid #e2e2e2;border-top:1px solid #292929;margin-bottom:30px;}
.mypage .my_order .my_order_search .in{padding:29px;}
.mypage .my_order .my_order_search dl{overflow:hidden;}
.mypage .my_order .my_order_search dt{float:left;width:120px;line-height:26px;font-family: 'notokr-medium';font-size:14px;letter-spacing:-0.5px;}
.mypage .my_order .my_order_search dd{float:left;width:680px;}
.mypage .my_order .my_order_search dd span{display:block;}
.mypage .my_order .my_order_search dd span.btn{overflow:hidden;}
.mypage .my_order .my_order_search dd span.btn a{display:block;float:left;padding:0 15px;height:24px;line-height:26px;border:1px solid #c2c2c2;margin-right:3px;}
.mypage .my_order .my_order_search dd span.btn a:hover{border-color:#4397d2;color:#4397d2;}
.mypage .my_order .my_order_search dd span.search {margin-top:10px;line-height:26px;}
.mypage .my_order .my_order_search dd span.search input{border:1px solid #c2c2c2;height:24px;padding:0 5px;}
.mypage .my_order .my_order_search dd span.search a{display:inline-block;height:26px;;text-align:center;line-height:28px;vertical-align:middle;padding:0 15px;background:#4397d2;color:#fff;font-weight:bold;}

.mypage .order .title_area{margin-top:0px;}

.mypage .cart_list{margin-top:30px;}
.mypage .cart_list table .t2{width:80px;padding-left:0px;padding-right:0px;border-right:0px;vertical-align:top}
.mypage .cart_list table td.t2 img{width:78px;height:auto;border:1px solid #e2e2e2;}

.mypage .cart_list table td.t3{text-align:left;padding:18px 15px;}

.mypage .cart_list table .t4{width:50px;}
.mypage .cart_list table .t5{width:90px;font-weight:bold;}
.mypage .cart_list table .t6{width:90px;font-weight:bold;}
.mypage .cart_list table .t7{width:110px;}


.mypage .my_order_tip{margin-top:50px;}
.mypage .my_order_tip .step{margin-top:10px;}
.mypage .my_order_tip .text{margin-top:20px;padding:15px 0;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.mypage .my_order_tip .text p{font-size:11px;font-family:'dotum';margin-bottom:10px;line-height:18px;color:#888}

.mypage .my_coupon .title_area{border-bottom:0px;}
.mypage .my_coupon .coupon_save{border:1px solid #e2e2e2;padding:24px;}
.mypage .my_coupon .coupon_save span{display:inline-block;width:80px;font-family: 'notokr-medium';font-size:16px;line-height:30px;letter-spacing:-1px;}
.mypage .my_coupon .coupon_save input{display:inline-block;width:300px;padding:0 5px;height:28px;border:1px solid #c2c2c2;}
.mypage .my_coupon .coupon_save a{display:inline-block;padding:0 10px;height:30px;line-height:30px;text-align:center;background:#4397d2;color:#fff;}

.mypage .my_coupon .list{margin-top:20px;}
.mypage .my_coupon .list table{border-top:1px solid #4397d2;}
.mypage .my_coupon .list table th{text-align:center;font-weight:bold;border-bottom:1px solid #e2e2e2;height:40px;background:#f2f4f8}
.mypage .my_coupon .list table td{text-align:center;border-bottom:1px solid #e2e2e2;padding:10px 0}
.mypage .my_coupon .list .t1{width:100px;}
.mypage .my_coupon .list td.t1{border-right:1px solid #e2e2e2;}
.mypage .my_coupon .list .t2{width:90px;padding-left:15px}
.mypage .my_coupon .list td.t3{text-align:left;padding:10px 10px}
.mypage .my_coupon .list td.t3 div{line-height:20px;}
.mypage .my_coupon .list td.t3 div.title span.red_point{color:#ff0000;margin-left:5px;}
.mypage .my_coupon .list td.t3 div.text{color:#4397d2;font-weight:bold;}
.mypage .my_coupon .list .t4{width:170px;border-left:1px solid #e2e2e2;}

.mypage .my_coupon .coupon_guide{margin-top:30px;border-top:1px solid #e2e2e2;padding:10px 0}
.mypage .my_coupon .coupon_guide p{line-height:18px;font-size:11px;font-family:'dotum';color:#888}

.mypage .my_point .title_area{border-bottom:0px;}
.mypage .my_point .point_box{border:1px solid #e2e2e2;padding:24px;overflow:hidden;}
.mypage .my_point .point_box > div{float:left;}
.mypage .my_point .point_box > div .title{display:inline-block;margin-right:20px;font-family: 'notokr-medium';font-size:16px;line-height:30px;letter-spacing:-1px;}
.mypage .my_point .point_box .point_info{border-right:1px solid #e2e2e2;line-height:30px;padding-right:25px;}
.mypage .my_point .point_box .point_info .price{font-family:'dotum';font-size:14px;font-weight:bold;letter-spacing:-1px;color:#ff1446}
.mypage .my_point .point_box .select_box{margin-left:25px;}
.mypage .my_point .point_box .select_box select{display:inline-block;width:150px;height:28px;border:1px solid #c2c2c2;}

.mypage .my_point .list{margin-top:20px;}
.mypage .my_point .list table{border-top:1px solid #4397d2;}
.mypage .my_point .list table th{text-align:center;font-weight:bold;border-bottom:1px solid #e2e2e2;height:40px;background:#f2f4f8}
.mypage .my_point .list table td{text-align:center;border-bottom:1px solid #e2e2e2;padding:10px 0}
.mypage .my_point .list .t1{width:100px;}
.mypage .my_point .list td.t1{border-right:1px solid #e2e2e2;}
.mypage .my_point .list .t2{width:50px;}
.mypage .my_point .list td.t2{border-right:1px solid #e2e2e2;}
.mypage .my_point .list td.t3{width:44px;padding-left:15px}
.mypage .my_point .list td.t4{text-align:left;padding:10px 10px}
.mypage .my_point .list td.t4 span{display:block;line-height:20px;}
.mypage .my_point .list td.t4 span.text{color:#4397d2;font-weight:bold;}
.mypage .my_point .list .remove td.t4 span.text{color:#ff1446}

.mypage .my_point .coupon_guide{margin-top:30px;border-top:1px solid #e2e2e2;padding:10px 0}
.mypage .my_point .coupon_guide p{line-height:18px;font-size:11px;font-family:'dotum';color:#888}

.mypage .my_question .question_list{margin-top:20px;}

.mypage .my_question .board_view{}
.mypage .my_question .board_view .cont_info{overflow:hidden;border-top:1px solid #292929;border-bottom:1px solid #e2e2e2;padding:15px 0;margin-top:30px}
.mypage .my_question .board_view .cont_info dl{float:left;margin-top:5px;}
.mypage .my_question .board_view .cont_info dl dt{font-size:15px;font-family:'dotum';letter-spacing:-1px;font-weight:bold;}
.mypage .my_question .board_view .cont_info dl dd{margin-top:8px;color:#888}
.mypage .my_question .board_view .cont_info dl dd ul {overflow:hidden;}
.mypage .my_question .board_view .cont_info dl dd ul li{float:left;}
.mypage .my_question .board_view .cont_info dl dd ul li.bar{margin:0 10px;}
.mypage .my_question .board_view .cont_info a{float:right;display:block;text-align:center;}
.mypage .my_question .board_view .cont_info a span{display:block;font-family: 'notokr-regular';font-size:14px;letter-spacing:-1px;margin-top:3px}
.mypage .my_question .board_view .cont_info a span i{font-size:24px;}

.mypage .my_question .board_view .qna_contents{;line-height:20px;border-bottom:1px solid #e2e2e2;overflow:hidden;}
.mypage .my_question .board_view .qna_contents img{max-width:100%;}

.mypage .my_question .board_view .qna_contents .question_box{padding:20px}
.mypage .my_question .board_view .qna_contents .answer_box{padding:20px;border-top:1px solid #e2e2e2;background:#f8f8f8}
.mypage .my_question .board_view .qna_contents span.tit{width:40px;text-align:center;height:20px;line-height:20px;border:1px solid #c2c2c2;background:#fff}
.mypage .my_question .board_view .qna_contents span.text{margin-top:10px;}
.mypage .my_question .board_view .qna_contents span{display:block;}

.mypage .my_question .board_view .border_btns {overflow:hidden;margin-top:10px;}
.mypage .my_question .board_view .border_btns ul{float:right;overflow:hidden;}
.mypage .my_question .board_view .border_btns ul li{float:left;margin-left:2px;}
.mypage .my_question .board_view .border_btns ul li a{display:block;height:24px;line-height:26px;border:1px solid #c2c2c2;padding:0 15px;}

.mypage .my_question_form .us_form_box{margin-top:20px;}

.mypage .my_question_form .us_form_box table{border-top:1px solid #4397d2;}
.mypage .my_question_form .us_form_box td{padding:10px 0;border-bottom:1px solid #e2e2e2;}
.mypage .my_question_form .us_form_box td.t1{background:#f2f4f8;;width:100px;text-indent:20px;font-weight:bold;}
.mypage .my_question_form .us_form_box td.t2{padding:10px}
.mypage .my_question_form .us_form_box td.t2 input{border:1px solid #c2c2c2;padding:0 5px;height:28px;}
.mypage .my_question_form .us_form_box td.t2 select{width:160px;;height:30px;border:1px solid #c2c2c2;}
.mypage .my_question_form .us_form_box td.t2 textarea{border:1px solid #c2c2c2;width:90%;height:300px;line-height:18px;padding:5px;}
.mypage .my_question_form .us_form_box .title input{width:90%;}

.mypage .my_question_form .border_btns {overflow:hidden;margin-top:10px;}
.mypage .my_question_form .border_btns ul{float:right;overflow:hidden;}
.mypage .my_question_form .border_btns ul li{float:left;margin-left:2px;}
.mypage .my_question_form .border_btns ul li a{display:block;height:24px;line-height:26px;border:1px solid #c2c2c2;padding:0 15px;}


.mypage .my_pass .my_pass_intro{border:1px solid #e2e2e2;margin-top:20px;}
.mypage .my_pass .my_pass_intro dl{padding:19px;overflow:hidden;}
.mypage .my_pass .my_pass_intro dt{float:left;margin-right:20px;}
.mypage .my_pass .my_pass_intro dt i{font-size:50px;line-height:50px;color:#e2e2e2}
.mypage .my_pass .my_pass_intro dd{float:left;}
.mypage .my_pass .my_pass_intro dd span{display:block;}
.mypage .my_pass .my_pass_intro dd span.text1{font-family: 'notokr-light';font-size:24px;line-height:24px;letter-spacing:-1px;}
.mypage .my_pass .my_pass_intro dd span.text2{margin-top:10px;line-height:18px;font-size:11px;font-family:'dotum';color:#888}

.mypage .my_pass .us_form_box{margin-top:20px;}

.mypage .my_pass .us_form_box table{border-top:1px solid #4397d2;}
.mypage .my_pass .us_form_box td{padding:10px 0;border-bottom:1px solid #e2e2e2;}
.mypage .my_pass .us_form_box td.t1{background:#f2f4f8;;width:100px;text-indent:20px;font-weight:bold;}
.mypage .my_pass .us_form_box td.t2{padding:10px}
.mypage .my_pass .us_form_box td.t2 input{border:1px solid #c2c2c2;padding:0 5px;height:28px;width:200px}
.mypage .my_pass .us_form_box td.t2 span{margin-left:5px;font-size:11px;font-family:'dotum';color:#888}

.mypage .my_pass .border_btns {overflow:hidden;margin-top:10px;}
.mypage .my_pass .border_btns ul{float:right;overflow:hidden;}
.mypage .my_pass .border_btns ul li{float:left;margin-left:2px;}
.mypage .my_pass .border_btns ul li a{display:block;height:24px;line-height:26px;border:1px solid #c2c2c2;padding:0 15px;}



.mypage .my_user .my_user_intro{border:1px solid #e2e2e2;margin-top:20px;padding:19px;}
.mypage .my_user .my_user_intro p{line-height:18px;font-size:11px;font-family:'dotum';color:#888}

.mypage .my_user .us_form_box{margin-top:20px;}
.mypage .my_user .us_form_box table{border-top:1px solid #4397d2;}
.mypage .my_user .us_form_box td{padding:10px 0;border-bottom:1px solid #e2e2e2;}
.mypage .my_user .us_form_box td.t1{background:#f2f4f8;;width:120px;text-indent:20px;font-weight:bold;}
.mypage .my_user .us_form_box td.t2{padding:10px}
.mypage .my_user .us_form_box td.t2 input.text{display:inline-block;border:1px solid #c2c2c2;padding:0 5px;height:26px;}
.mypage .my_user .us_form_box .address span{display:block;}
.mypage .my_user .us_form_box .address span{margin-top:5px;}
.mypage .my_user .us_form_box .address span.add1{margin-top:0px;}
.mypage .my_user .us_form_box .address span.add1 input{width:150px;}
.mypage .my_user .us_form_box  a{display:inline-block;height:26px;line-height:26px;border:1px solid #c2c2c2;padding:0 15px;font-weight:bold;}
.mypage .my_user .us_form_box .address span input{width:500px;}

.mypage .my_user .us_form_box .marketing{margin-top:10px;}
.mypage .my_user .us_form_box .marketing span{margin-right:10px;}
.mypage .my_user .us_form_box .marketing span input{margin-right:6px;}
.mypage .my_user .us_form_box p{margin-top:10px;font-size:11px;font-family:'dotum';color:#888;}

.mypage .my_user .us_form_box .password span{margin-left:5px;font-size:11px;font-family:'dotum';color:#888;}

.mypage .my_user .border_btns {overflow:hidden;margin-top:10px;}
.mypage .my_user .border_btns ul{float:right;overflow:hidden;}
.mypage .my_user .border_btns ul li{float:left;margin-left:2px;}
.mypage .my_user .border_btns ul li a{display:block;height:24px;line-height:26px;border:1px solid #c2c2c2;padding:0 15px;}


.mypage .member_out{}
.mypage .member_out .member_out_intro{margin-top:20px;border:1px solid #e2e2e2;padding:39px 19px;}
.mypage .member_out .member_out_intro span{display:block;}
.mypage .member_out .member_out_intro span.text1{font-family: 'notokr-light';font-size:24px;line-height:24px;letter-spacing:-1px;}
.mypage .member_out .member_out_intro span.text1 b{font-weight:normal;color:#4397d2}
.mypage .member_out .member_out_intro span.text2{margin-top:10px;}
.mypage .member_out .member_out_intro p{line-height:18px;font-size:11px;font-family:'dotum';color:#888}

.mypage .member_out .member_out_form1{margin-top:30px;}
.mypage .member_out .member_out_form1 table{border-top:1px solid #4397d2}
.mypage .member_out .member_out_form1 td{padding:10px 0;border-bottom:1px solid #e2e2e2;}
.mypage .member_out .member_out_form1 td.t1{background:#f2f4f8;;width:120px;text-indent:20px;font-weight:bold;}
.mypage .member_out .member_out_form1 td.t2{padding:10px}

.mypage .member_out .member_out_form2{margin-top:30px;}
.mypage .member_out .member_out_form2 table{border-top:1px solid #4397d2}
.mypage .member_out .member_out_form2 td{padding:10px 0;border-bottom:1px solid #e2e2e2;}
.mypage .member_out .member_out_form2 td.t1{background:#f2f4f8;;width:120px;text-indent:20px;font-weight:bold;}
.mypage .member_out .member_out_form2 td.t2{padding:10px;overflow:hidden;}
.mypage .member_out .member_out_form2 td.t2 span{display:block;width:240px;height:40px;line-height:40px;float:left;}
.mypage .member_out .member_out_form2 td.t2 span input{margin-right:5px;}
.mypage .member_out .member_out_form2 textarea{width:90%;height:200px;border:1px solid #c2c2c2;}


.mypage .member_out .border_btns {overflow:hidden;margin-top:10px;}
.mypage .member_out .border_btns ul{float:right;overflow:hidden;}
.mypage .member_out .border_btns ul li{float:left;margin-left:2px;}
.mypage .member_out .border_btns ul li a{display:block;height:24px;line-height:26px;border:1px solid #c2c2c2;padding:0 15px;}




/* 북_컬쳐(북포스트,북스크린) */

.book_culture{padding-top:30px;}

.book_culture h4{font-family: 'notokr-regular';font-size:14px;letter-spacing:-1px;color:#292929;}

.book_culture .inner{overflow:hidden;}
.book_culture .culture_left{float:left;border-right:1px solid #e2e2e2;padding-right:19px;}
.book_culture .book_post{width:800px;}
.book_culture .book_screen{width:800px;}

.book_culture .culture_left .culture_tab ul{overflow:hidden;}
.book_culture .culture_left .culture_tab li{float:left;width:50%;}
.book_culture .culture_left .culture_tab li a{display:block;height:44px;line-height:44px;text-align:center;border:1px solid #e2e2e2;border-bottom:1px solid #4397d2;font-family: 'notokr-regular';font-size:16px;letter-spacing:-1px;background:#f8f8f8;color:#888}
.book_culture .culture_left .culture_tab li.on a{border-color:#4397d2;border-bottom:1px solid #fff;background:#fff;color:#292929}

.book_culture .culture_left .culture_sb{margin-top:20px;position:relative;}
.book_culture .culture_left .culture_sb .bx-controls-direction{display:none;}
.book_culture .culture_left .culture_sb .bx-pager{position:absolute;bottom:10px;right:10px;z-index:99}
.book_culture .culture_left .culture_sb .bx-pager-item{display:inline-block;margin-left:3px}
.book_culture .culture_left .culture_sb .bx-pager-item a{display:block;width:10px;height:10px;text-indent:-9999px;background:#aaa}
.book_culture .culture_left .culture_sb .bx-pager-item a.active{background:#4397d2;}

.book_culture .culture_left .post_list{margin-top:30px;}
.book_culture .culture_left .post_list ul{border-top:1px solid #e2e2e2;margin-top:10px;}
.book_culture .culture_left .post_list ul li{padding:20px 0;overflow:hidden;border-bottom:1px solid #e2e2e2;}
.book_culture .culture_left .post_list ul li dt{;width:220px;float:left;}
.book_culture .culture_left .post_list ul li dt img{width:220px;height:124px;}
.book_culture .culture_left .post_list ul li dd{;width:560px;float:right;}
.book_culture .culture_left .post_list ul li dd span{display:block;}
.book_culture .culture_left .post_list ul li dd span.title{font-size:14px;font-weight:bold;letter-spacing:-1px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.book_culture .culture_left .post_list ul li dd span.title a{color:#292929;}
.book_culture .culture_left .post_list ul li dd span.title a:hover{text-decoration:underline;}
.book_culture .culture_left .post_list ul li dd span.text{line-height:18px;height:72px;overflow:hidden;margin-top:10px;}
.book_culture .culture_left .post_list ul li dd span.text a{color:#888;}
.book_culture .culture_left .post_list ul li dd span.text a:hover{text-decoration:underline;}
.book_culture .culture_left .post_list ul li dd span.date{margin-top:10px;font-family:'dotum';font-size:11px;color:#888}
.book_culture .culture_left .paging_area{text-align:center;margin-top:30px;}
.book_culture .culture_left .paging_area .paging{display:inline-block;}

.book_culture .culture_left .screen_list{margin-top:30px;}
.book_culture .culture_left .screen_list .first_cont{border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;margin-top:10px;padding:20px 0}
.book_culture .culture_left .screen_list .first_cont dl {position:relative;margin-left:420px;height:225px;}
.book_culture .culture_left .screen_list .first_cont dl dt{position:absolute;left:-420px;}
.book_culture .culture_left .screen_list .first_cont dl dt img{width:400px;height:225px;}
.book_culture .culture_left .screen_list .first_cont dl dt .black{position:absolute;z-index:9;display:block;width:400px;height:225px;background:#000;opacity:0.6}
.book_culture .culture_left .screen_list .first_cont dl dt .icon{position:absolute;z-index:10;top:50%;margin-top:-40px;;left:50%;margin-left:-40px;}
.book_culture .culture_left .screen_list .first_cont dl dt .icon i{font-size:80px;color:#999;}
.book_culture .culture_left .screen_list .first_cont dl dt a:hover .icon i{color:#fff}

.book_culture .culture_left .screen_list .first_cont dl dd a{display:block;}
.book_culture .culture_left .screen_list .first_cont dl dd a.title{font-size:14px;font-weight:bold;letter-spacing:-1px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.book_culture .culture_left .screen_list .first_cont dl dd a.title:hover{text-decoration:underline;}
.book_culture .culture_left .screen_list .first_cont dl dd a.text{line-height:18px;max-height:162px;overflow:hidden;margin-top:10px;color:#888}
.book_culture .culture_left .screen_list .first_cont dl dd a.text:hover{text-decoration:underline;}
.book_culture .culture_left .screen_list .first_cont dl dd a.date{margin-top:10px;font-family:'dotum';font-size:11px;color:#888}

.book_culture .culture_left .screen_list ul{overflow:hidden;}
.book_culture .culture_left .screen_list ul li{margin-top:30px;float:left;width:246px;margin-right:31px;}
.book_culture .culture_left .screen_list ul li:nth-child(3n){margin-right:0px;}
.book_culture .culture_left .screen_list ul li dt{width:246px;height:138px;position:relative;}
.book_culture .culture_left .screen_list ul li dt img{width:246px;height:138px;}
.book_culture .culture_left .screen_list ul li dt .black{position:absolute;z-index:9;display:block;width:246px;height:138px;background:#000;opacity:0.6}
.book_culture .culture_left .screen_list ul li dt .icon{position:absolute;z-index:10;top:50%;margin-top:-25px;;left:50%;margin-left:-25px;}
.book_culture .culture_left .screen_list ul li dt .icon i{font-size:50px;color:#999;}
.book_culture .culture_left .screen_list ul li dt a:hover .icon i{color:#fff}

.book_culture .culture_left .screen_list ul li dd a{display:block;}
.book_culture .culture_left .screen_list ul li dd a.title{margin-top:10px;line-height:18px;height:36px;overflow:hidden;}
.book_culture .culture_left .screen_list ul li dd a.title:hover{text-decoration:underline;}
.book_culture .culture_left .screen_list ul li dd a.date{margin-top:10px;font-family:'dotum';font-size:11px;color:#888}

.book_culture .culture_right{float:right;width:240px;}

.book_culture .culture_right .best_post{margin-top:30px;}
.book_culture .culture_right .best_post ul{;padding:15px 0 20px 0;border-bottom:1px solid #e2e2e2;}
.book_culture .culture_right .best_post li {margin-top:10px;}
.book_culture .culture_right .best_post li p{position:relative;margin-left:21px;}
.book_culture .culture_right .best_post li span{display:block;position:absolute;left:-21px;width:14px;height:14px;line-height:16px;font-size:11px;font-family:'dotum';border:1px solid #c2c2c2;text-align:center;}
.book_culture .culture_right .best_post li a{position:relative;display:block;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;line-height:16px;}
.book_culture .culture_right .best_post li a:hover{text-decoration:underline;}
.book_culture .culture_right .best_post li.first {margin-top:0px;}
.book_culture .culture_right .best_post li.first span{color:#fff;border-color:#4397d2;background:#4397d2;}

.book_culture .culture_right .best_screen{margin-top:20px;}
.book_culture .culture_right .best_screen ul{margin-top:15px}
.book_culture .culture_right .best_screen ul li{margin-bottom:12px;}
.book_culture .culture_right .best_screen ul li p{position:relative;margin-left:120px;height:62px;}
.book_culture .culture_right .best_screen ul li p a{display:block;}
.book_culture .culture_right .best_screen ul li p a.thum{position:absolute;left:-120px;width:110px;height:62px;overflow:hidden;}
.book_culture .culture_right .best_screen ul li p a.thum img{width:110px;height:62px;}
.book_culture .culture_right .best_screen ul li p a.text{position:relative;height:54px;overflow:hidden;line-height:18px;padding-top:5px;}
.book_culture .culture_right .best_screen ul li p a.text:hover{text-decoration:underline;}

.book_culture .screen_view {}
.book_culture .post_view {}

.book_culture .title_area{padding-bottom:20px;border-bottom:1px solid #e2e2e2;position:relative;}
.book_culture .title_area span{display:block;}
.book_culture .title_area .title{font-family: 'notokr-light';font-size:24px;line-height:27px;letter-spacing:-1px;color:#595959;}
.book_culture .title_area .date{margin-top:10px;font-family:'dotum';font-size:11px;color:#888}
.book_culture .title_area .book_btn{position: absolute;right: 0;top: 0;font-size: 16px;line-height: 16px;background: #ed302c;border-radius: 6px;}
.book_culture .title_area .book_btn a{padding: 10px 19px;display:block;color: #fff;}

.book_culture .screen_view .video_area{margin-top:50px;}

.book_culture .contents_area{margin-top:30px;line-height:20px;}
.book_culture .contents_area img{max-width:100%;}
.book_culture .contents_area .in_img{padding:0 0 30px 0}
.book_culture .contents_area .in_text{padding:0 0 30px 0}

.book_culture .view_bottom{margin-top:50px;border-top:1px solid #e2e2e2;padding:10px 0 0 0;overflow:hidden;}
.book_culture .view_bottom .right_menu{float:right;}
.book_culture .view_bottom .right_menu a{line-height:26px;}
.book_culture .view_bottom .right_menu a i{vertical-align:middle;margin-right:5px;}

.book_culture .comment{margin-top:70px;}

.book_culture .related_book{margin-top:70px;}
.book_culture .related_book ul{overflow:hidden;margin-top:15px;padding:30px 0;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.book_culture .related_book ul li{width:120px;float:left;margin-right:50px;}
.book_culture .related_book ul li.last{margin-right:0px;}
.book_culture .related_book ul li a{display:block;text-align:center;}
.book_culture .related_book ul li a.thum img{width:118px;height:171px;border:1px solid #e2e2e2;}
.book_culture .related_book ul li a.title{margin-top:10px;}
.book_culture .related_book ul li a.name{margin-top:6px;font-family:'dotum';font-size:11px;color:#888}



.find_popup{position:fixed;top:50%;margin-top:-200px;left:50%;margin-left:-250px;background:#fff;width:500px;}
.find_popup .title{background:#28313d;color:#fff;overflow:hidden;height:50px;line-height:50px;padding:0 10px;}
.find_popup .title h4{float:left;font-family: 'notokr-regular';font-size:16px;letter-spacing:-1px;}
.find_popup .title a{float:right;display:block;}
.find_popup .title a i{color:#fff;margin-top:13px}
.find_popup .in{border:1px solid #e2e2e2;border-top:0px;min-height:250px;padding:50px 30px;}

.find_popup .in ul.tab_menu{overflow:hidden;}
.find_popup .in ul.tab_menu li{float:left;width:50%;}
.find_popup .in ul.tab_menu li a{display:block;border:1px solid #e2e2e2;height:40px;line-height:40px;font-family: 'notokr-regular';font-size:16px;letter-spacing:-1px;text-align:center;background:#f2f2f2;color:#888}
.find_popup .in ul.tab_menu li.on a{border-bottom:0px;background:#fff;color:#292929}
.find_popup .in ul.tab_cont li{border:1px solid #e2e2e2;border-top:0px;display:none;padding:20px;}
.find_popup .in ul.tab_cont li.on{display:block;}
.find_popup .in ul.tab_cont li span{display:block;}
.find_popup .in ul.tab_cont li span input{width:100%;border:1px solid #e2e2e2;height:40px;margin-bottom:3px;text-indent:10px;}
.find_popup .in ul.tab_cont li a{display:block;height:45px;line-height:45px;color:#fff;background:#4397d2;text-align:center;font-family: 'notokr-regular';font-size:16px;letter-spacing:-1px;}


/*환불 팝업*/
#refund_popup{position:absolute;top:50%;left:50%;transform:translateY(-50%);margin-left:-300px;width:600px;background:#fff;z-index:9999;border:1px solid #292929; display: none}
#refund_popup .tit_bar{background:#4b96e6;height:40px;line-height:40px;overflow:hidden;}
#refund_popup .tit_bar h4{float:left;margin-left:15px;font-size: 14px; font-weight: bold; color: #fff; margin-top: 10px;}
#refund_popup .tit_bar h4 img{margin-top:12px;}
#refund_popup .tit_bar a{display:block;float:right;margin-right:15px;color:#fff;font-weight:bold;}

#refund_popup .item_info{padding:15px;border-bottom:1px solid #e2e2e2;}
#refund_popup .item_info strong{display:block;font-size:14px;letter-spacing:-1px;color:#0e8bd3}
#refund_popup .item_info dl {overflow:hidden;margin-top:10px;}
#refund_popup .item_info dl dt{float:left;font-weight:bold; }
#refund_popup .item_info dl dd{float:left;margin-left:10px;color:#777}

#refund_popup .popup_review_text{}
#refund_popup .popup_review_text dl{border-bottom:1px solid #e2e2e2;overflow:hidden;}
#refund_popup .popup_review_text dt{float:left;width:110px;text-align:center;font-weight: bold;}
#refund_popup .popup_review_text dt img{margin-top:15px;}
#refund_popup .popup_review_text dd{float:left;width:459px;border-left:1px solid #e2e2e2;padding-left: 15px;}
#refund_popup .popup_review_text dd input{width:35%;height:20px;border:1px solid #e2e2e2;padding:6px}
#refund_popup .popup_review_text dd > span textarea{width:95%;height:70px;border:1px solid #e2e2e2;padding:6px}
#refund_popup .popup_review_text dd > span{display:block;}
#refund_popup .popup_review_text dd > span.bu{margin-top:10px;color:#777;font-size:11px;}

#refund_popup .popup_review_btn {text-align:center;padding:15px 0}
#refund_popup .popup_review_btn a{display:inline-block;height:30px;line-height:30px;border-radius:3px;border:1px solid #a2a2a2;padding:0 15px}
#refund_popup .popup_review_btn a.complete{border-color:#4b96e6;color:#4b96e6}

/*성인컨텐츠 본인인증*/
.confirm { margin-top:50px; }
.confirm .confirm_top { text-align:center;}
.confirm .confirm_top .tit {font-family: 'notokr-regular';font-size:38px; line-height:66px;}
.confirm .confirm_top .tit span{font-family: 'notokr-Medium';font-size:38px; color:#4397d2}
.confirm .confirm_top .txt {font-family: 'notokr-Medium';font-size:18px; color:#aaaaaa; letter-spacing:-1px;}
.confirm .confirm_middle { position:relative; margin-top:54px;width:708px; left:50%; margin-left:-354px;}
.confirm .confirm_middle .btn_confirm  { text-align:center; overflow:hidden}
.confirm .confirm_middle .btn_confirm li { display:inline-block; margin-right:20px}
.confirm .confirm_middle .btn_confirm li:last-child{ margin-right:0px}
.confirm .confirm_middle .adult { margin-top:44px; overflow: hidden}
.confirm .confirm_middle .adult dt { float:left; display:inline-block; width:140px;}
.confirm .confirm_middle .adult dd { float:left;display:inline-block; width:550px;font-family: 'notokr-Medium';font-size:18px; line-height:24px; margin-top:10px;}
.confirm .confirm_middle .adult .txt_s { float:left;display:inline-block; width:550px;font-family: 'notokr-Medium';font-size:14px; line-height:24px; color:#aaaaaa;}
.confirm .confirm_middle .box {border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8; background:#f8f8f8; width:100%; padding:35px 35px; margin-top:42px;}
.confirm .confirm_middle .box ul li { line-height:20px;}
.confirm .confirm_middle .box .agree { margin-top:10px}
.confirm .confirm_middle p { text-align:center;font-family: 'notokr-Medium';font-size:18px; margin-top:35px;}
.confirm .confirm_bottom { text-align:center; margin-top:50px;}
.confirm .confirm_bottom ul li { display:inline-block;margin-right:20px}
.confirm .confirm_bottom ul li:last-child {margin-right:0px}
.confirm .confirm_bottom ul .ok{display:block;width:230px;height:50px;line-height:50px;background:#4397d2;color:#fff;font-family: 'notokr-Medium';font-size:24px;}
.confirm .confirm_bottom ul .out{display:block;width:230px;height:50px;line-height:50px;color:#000;font-family: 'notokr-Medium';font-size:24px;border:1px solid #c2c2c2;}

/*연관 이벤트*/
.relation_event{margin-bottom:50px;overflow:hidden;}
.relation_event dl {float:left; display:inline-block; border:1px solid #d8d8d8; padding:20px 20px; margin-right:20px;width:45%;}
.relation_event dl:nth-child(2n){margin-right:0px;}
.relation_event dl dt{ float:left; display: inline-block; margin-right:10px;}
.relation_event dl dt img { width:180px; height: 108px;}
.relation_event dl dd{ float:left; display: inline-block;}
.relation_event dl dd.icon{margin-top:25px;}
.relation_event dl dd.icon .ing{display:inline-block;padding:0 5px;height:18px;line-height:20px;background:#1979bc;color:#fff;font-size:11px;font-family:'dotum'}
.relation_event dl dd.icon .end{display:inline-block;padding:0 5px;height:18px;line-height:20px;background:#292929;color:#fff;font-size:11px;font-family:'dotum'}
.relation_event dl dd.title{margin-top:6px;font-weight:bold;font-family:'dotum';font-size:13px;letter-spacing:-1px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;;word-wrap:normal;width:280px;}
.relation_event dl dd.date{margin-top:8px;color:#777;font-size:11px;font-family:'dotum'}


/* 포스팅 제안서 */
.posting_page{padding-top:40px;}
.posting_page .posting_title{text-align:center;margin-bottom:40px;font-size:40px;font-family:notokr-regular;}
.posting_page .posting_title span{font-weight:bold;color:#4397d2;}

.posting_page  h4{font-family: 'notokr-regular';font-size:20px;line-height:25px;letter-spacing:-1px;border-top: 2px solid #292929;padding-top: 15px;}
.posting_page  h4 span{color:#0268af}
.posting_page .cont{border-top:2px solid #292929;padding-top:20px;margin-top:10px}
.posting_page .cont .txt_red{color:#ff0000;font-family:notokr-bold;vertical-align:middle;}

.posting_page .contract{margin-bottom:70px;}
.posting_page .contract .cont .box1{margin-bottom:30px;}
.posting_page .contract .cont dt{font-family: 'notokr-regular';font-size:16px;line-height:20px;letter-spacing:-1px;}
.posting_page .contract .cont dd{height:168px;border:1px solid #e2e2e2;background:#f8f8f8;margin-top:10px;padding:10px 10px 0 10px;line-height:18px;overflow-y:scroll;}

.posting_page .contract .contract_check{overflow:hidden;position:relative;border:1px solid #e2e2e2;margin-top:20px;height:48px;line-height:48px;padding:0 20px;}
.posting_page .contract .contract_check .left{float:left;font-weight:bold;}
.posting_page .contract .contract_check .left span{color:#d22828}
.posting_page .contract .contract_check .right{float:right;}
.posting_page .contract .contract_check .right span{display:inline-block;margin-left:15px;}
.posting_page .contract .contract_check .right span input{vertical-align:middle;margin-right:5px;}

.posting_page .user_input_area{}

.posting_page .user_input_area table {border:1px solid #e2e2e2;border-bottom:0px;}
.posting_page .user_input_area table td{border-bottom:1px solid #e2e2e2;padding:10px 0}
.posting_page .user_input_area table td.t1{width:205px;padding-left:15px;font-family: 'notokr-regular';font-size:14px;}
.posting_page .user_input_area table input{height:26px;padding:0 5px;width:400px;border:1px solid #c2c2c2;display:inline-block;}
.posting_page .user_input_area table input.address{width:500px;}
.posting_page .user_input_area table td a{display:inline-block;padding:0 10px;height:26px;line-height:26px;border:1px solid #c2c2c2;}
.posting_page .user_input_area table td span{color:#888;margin-left:5px;}

.posting_page .user_input_area table ul li{margin-bottom:5px;}
.posting_page .user_input_area table .v1 td{background:#f8f8f8}
.posting_page .user_input_area .input_box1{margin-top:5px;margin-bottom:15px;}
.posting_page .user_input_area .input_box2 textarea{width:800px;height:300px;border:1px solid #c2c2c2;}

.posting_page .user_input_area .guide_box{padding:15px;background:#f8f8f8;border:1px solid #e2e2e2;margin-top:30px;}
.posting_page .user_input_area .guide_box ul li{line-height:20px;font-family:notokr-regular;font-size:14px;}

.posting_page .join_btns{text-align:center;margin-top:30px;}
.posting_page .join_btns a{display:inline-block;font-family: 'notokr-regular';font-size:20px;letter-spacing:-1px;vertical-align:middle;}
.posting_page .join_btns a.complete{width:230px;height:50px;line-height:50px;background:#4397d2;color:#fff;}
.posting_page .join_btns a.cancle{width:128px;height:48px;line-height:50px;background:#fff;color:#292929;border:1px solid #c2c2c2;}
.posting_page .join_btns a.complete:hover{background:#50adef}


.posting_page .join_complete{text-align:center;border:5px solid #e2e2e2;padding:120px 0}