@charset "utf-8";
/*
Copyright (c) 2017, Igini. All rights reserved.
version: 1.0.0
*/

*{letter-spacing:-.025em;}
.swiper-pagination-bullet{width:13px;height:13px;background-color:#fff;border:1px solid #cdcdcd;opacity:1;}
.swiper-pagination-bullet-active{background-color:#f27935;border:1px solid #f27935}

.container{position:relative;width:1200px;margin:0 auto;padding:0 30px;}
.membership .container{width:1200px;margin:0 auto;}

#gilbut{background-color:#fff;}
#gilbut.membership{background-color:#f0f0f0;}
#gilbut.loading{position:relative;}
#gilbut.loading::after{content:'';position:fixed;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;border:1px solid #e9e9e9;border-radius:10px;background:#fff url(../../images/preload.svg) no-repeat 50% 50%;z-index:1000000;}

#gilbut .gilbut_header{position:relative;z-index:110;}
  .gilbut_header .group_nav{position:relative;height:34px;background-color:#fff;}
  .gilbut_header .group_nav::before{content:'';position:absolute;bottom:0;width:100%;height:1px;background-color:#e0e0e0;}
  .membership .gilbut_header .group_nav::before{display:none;}
  .gilbut_header .group_nav .container{position:relative;width:1200px;}
  .gilbut_header .group_nav .top_sites{overflow:hidden;}
  .gilbut_header .group_nav .top_sites.line{border-left:1px solid #e0e0e0;}
  .gilbut_header .group_nav .top_sites li{height:34px;padding:0 20px;margin-bottom:0;text-align:center;float:left;}
  .gilbut_header .group_nav .top_sites.line li{border-right:1px solid #e0e0e0;}
  .gilbut_header .group_nav .top_sites li a{font-size:13px;font-weight:300;color:#999;line-height:34px;-webkit-transition:color .3s;transition:color .3s}
  .gilbut_header .group_nav .top_sites li.on{background-color:#fff;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;margin-bottom:-1px;}
  .gilbut_header .group_nav .top_sites li.on a{font-weight:600;color:#000;}
  .gilbut_header .group_nav .top_sites .top_gilbut:hover{color:#ff5722;}
  .gilbut_header .group_nav .top_sites .top_school:hover{color:#8bc63e;}
  .gilbut_header .group_nav .top_sites .top_sinagong:hover{color:#0166b3;}
  .gilbut_header .group_nav .member_menu{position:absolute;top:0;right:30px;}
  .gilbut_header .group_nav .member_menu li{float:left;}
  .gilbut_header .group_nav .member_menu li a{display:inline-block;margin-top:10px;font-size:13px;font-weight:300;color:#999;;-webkit-transition:color .3s;transition:color .3s}
  .gilbut_header .group_nav .member_menu li a:hover,
  .gilbut_header .group_nav .member_menu li a.btn_my{color:#ff5722;}
  .gilbut_header .group_nav .member_menu li.login{}
  .gilbut_header .group_nav .member_menu li.login a{margin-right:10px;padding-right:10px;border-right:1px solid #e0e0e0;}
.gilbut_header .inner_header{height:100px;background-color:#fff;}
.gilbut_header .inner_header .sitename{padding-top:35px;}
.gilbut_header .inner_header .sitename a{font-size:28px;letter-spacing:-.025em;line-height:1;-webkit-transition:color .3s;transition:color .3s}
.gilbut_header .inner_header .sitename a span{display:inline-block;height:34px;line-height:30px;font-size:21px;vertical-align:top;}
.gilbut_header .inner_header .sitename a:hover{color:#ff5722;}

#gilbut .gilbut_header h1{}

.gnb{position:absolute;top:42px;left:20%;width:55%;overflow:hidden;text-align:center;}
.gnb li{position:relative;display:inline-block;margin:0 5%;font-size:16px;font-weight:500;}
.gnb li a{color:#000;-webkit-transition:.3s;transition:.3s}
.gnb li a:hover,
.gnb li.on a{color:#ff5722;}
.gnb li .bar_wrap{position:absolute;top:0;left:0;width:22px;height:22px;}
.gnb li .bar_wrap .bar{display:block;width:23px;height:2px;margin:4px auto;background-color:#000;-webkit-transition:.3s;transition:.3s}
.gnb li .bar_wrap .bar1{margin-top:2px;}
.gnb li a:hover .bar{background-color:#ff5722;}
.gnb li.beta a{padding-right:27px;background:url(../../images/common/beta.png) no-repeat 100% 50%;}
.gnb.onmenu li .bar_wrap .bar1{-webkit-transform: rotate(-45deg) translate(-1px, 7px);transform: rotate(-45deg) translate(-1px, 7px);}
.gnb.onmenu li .bar_wrap .bar2{opacity: 0;}
.gnb.onmenu li .bar_wrap .bar3{-webkit-transform: rotate(45deg) translate(-1px, -7px);transform: rotate(45deg) translate(-1px, -7px);}
.realtime_part{position:absolute;top:25px;right:90px;width:160px;height:50px;padding:10px 0;border:1px solid #fff;background:#fff url(../../images/common/bg_sel_arr.png) no-repeat right 0 top 20px;overflow:hidden;}
.realtime_part:hover{right:70px;width:200px;height:230px;padding:10px 20px;border:1px solid #ff5722;background:#fff url(../../images/common/bg_sel_arr.png) no-repeat right 20px top 20px;}
.realtime_view{position:relative;width:100%;height:30px;overflow:hidden;}
.realtime_part:hover .realtime_view{height:100%;}
.realtime_list{position:absolute;top:0;width:100%;-webkit-transition: .3s;transition: .3s}
.realtime_view a{display:block;width:80%;height:30px;font-size:14px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.realtime_view a:hover,
.realtime_view a span{color:#ff5722;}

.btn_topsrch{position:absolute;top:33px;right:30px;display:block;width:30px;height:30px;background:url(../../images/icon/ico_srch.png) no-repeat 50% 50%;}

.fixhead .gilbut_header{position:fixed;top:0;left:0;width:100%;height:60px;background-color:#f2f2f2;-webkit-transition:.5s;transition:.5s;}
.fixhead .gilbut_header .group_nav{display:none;}
.fixhead .gilbut_header .inner_header{height:60px;}
.fixhead .gilbut_header .inner_header .sitename{padding-top:20px;}
.fixhead .gilbut_header .inner_header .sitename a{font-size:21px;}
.fixhead .gilbut_header .inner_header .sitename a span{height:21px;font-size:14px;line-height:21px;}
.fixhead .gilbut_header .inner_header .gnb{top:20px;}
.fixhead .gilbut_header .realtime_part{top:2px;background:transparent url(../../images/common/bg_sel_arr.png) no-repeat right 0 top 20px;border:1px solid transparent;}
.fixhead .gilbut_header .realtime_part:hover{border:1px solid #ff5722;background:#fff url(../../images/common/bg_sel_arr.png) no-repeat right 20px top 20px;}
.fixhead .gilbut_header .btn_topsrch{top:15px;}

#contents{position:relative;z-index:50;}
.mem_box{width:562px;padding:45px;margin:0 auto;background-color:#fff;}
.mem_box h2{text-align:center;font-size:30px;font-weight:normal;color:#333;}
#membership{padding-bottom:100px;min-height:756px;}


/* footer */
.footer{position:relative;padding-bottom:70px;background-color:#fff;z-index:10;}
.footer .container{padding-top:50px;border-top:1px solid #f0f0f0;}
.footer .addr{margin-top:40px;font-size:12px;font-weight:300;color:#b4b4b4;line-height:1.4;}
.footer .addr .copy{margin-top:20px;}
.footer .foot_right{position:absolute;top:70px;right:30px;width:400px;}
.foot_menu{float:right;}
.foot_menu li{margin-left:15px;float:left;}
.foot_menu li a{font-size:13px;color:#11141d;}
.foot_menu li a strong{color:#f27935;}
.familysite{display:inline-block;margin-top:20px;width:240px;height:40px;border-bottom:1px solid #b4b4b4;float:right;}
.familysite .sel_box{position:relative;}
.familysite .sel_box > a{display:block;width:100%;height:100%;background:url(../../images/icon/ico_plus.png) no-repeat 100% 50%;font-size:14px;color:#b4b4b4;line-height:40px;}
.familysite.on  .sel_box > a{background:url(../../images/icon/ico_minus.png) no-repeat 100% 50%;}
.familysite .sel_box ul{position:absolute;width:100%;top:40px;display:none;background-color:#fff;z-index:100;}
.familysite.on .sel_box ul{display:block;}
.familysite .sel_box ul a{display:block;height:30px;border-bottom:1px solid #b4b4b4;font-size:14px;line-height:30px;}
.familysite .sel_box ul .gilbut a:hover{color:#ff5722;}
.familysite .sel_box ul .school a:hover{color:#8bc63e;}
.familysite .sel_box ul .sinagong a:hover{color:#0166b3;}
.footer .app_wrap{position:absolute;bottom:0;right:30px;}
.footer .app_wrap a{float:left;}
.footer .app_wrap a:first-child{margin-right:20px;}

.mem_footer{padding:35px 0 25px;background-color:#fff;}
.mem_footer .bot_menu{margin-bottom:15px;text-align:center;}
.mem_footer .bot_menu a{margin:0 10px;font-size:13px;color:#11141d;}
.mem_footer .bot_menu a strong{color:#f37021;font-weight:500;}
.mem_footer  .copyright{text-align:center;font-size:12px;font-weight:300;color:#b4b4b4;}

/* paging */
.paging{text-align:center;}
.paging a{display:inline-block;width:30px;height:30px;margin:0 3px;font-size:13px;vertical-align:top;line-height:30px;}
.paging a.on,
.paging a:hover{color:#f27935;border-color:#f27935 !important;background-color:transparent;background-position-y:-19px !important;}
.paging .btn_prev,
.paging .btn_first,
.paging .btn_next,
.paging .btn_last{display:inline-block;width:30px;height:30px;vertical-align:top;}
.paging .btn_prev a,
.paging .btn_first a,
.paging .btn_next a,
.paging .btn_last a{margin:0;background:#fff url(../../images/common/bg_paging.png) no-repeat 50% 50%;border:1px solid #d2d5da;}
.paging .btn_prev{margin:0 10px 0 6px;}
.paging .btn_next{margin:0 6px 0 10px;}
.paging .btn_first a{background-position:10px 11px}
.paging .btn_prev a{background-position:-30px 11px}
.paging .btn_next a{background-position:-111px 11px}
.paging .btn_last a{background-position:-72px 11px}

/* form style */
::-webkit-input-placeholder{color:#999;font-size:12px;}
::-moz-placeholder{color:#999;font-size:12px;}
:-ms-input-placeholder{color:#999;font-size:12px;}
:-moz-placeholder{color:#999;font-size:12px;}
.ipt_form{}
.ipt_form > label{display:block;margin-bottom:7px;font-size:16px;color:#333;}
.ipt_form.hmode{display:inline-block;width:100%;}
.ipt_form.hmode > label{float:left;}
.ipt_form.hmode .ipt_wrap{float:left;}
.input{width:100%;height:50px;padding:10px 20px;border:1px solid #d1d1d1;}
.input .inner_input{width:100%;height:100%;}
.input .inner_input:focus{outline:none !important;}
.input .unit{font-size:14px;color:#999;line-height:28px;}
.error .input{background-color:#feeeeb;border:1px solid #f37021;}
.ipttxt{margin:-5px 0 10px;font-size:13px;color:#999;}
.error .ipttxt{color:#ff0000;clear:both;}
.success .ipttxt{color:#00b358;clear:both;}
.select{width:100%;height:50px;padding:10px 20px;border:1px solid #d1d1d1;background:url(../../images/membership/bg_select.png) no-repeat right 20px top 50%;}
.input:focus,
.ipt_focus,
.select:focus{outline:none !important;box-shadow:none;}
input:disabled,
select:disabled,
input:read-only,
.input.disable{background-color:#f0f0f0;color:#999;}

/* scroll */
.scroll_wrap{overflow-y:auto;}
.scroll_wrap::-webkit-scrollbar {width: 5px;}
.scroll_wrap::-webkit-scrollbar-track {-webkit-box-shadow:none;-webkit-border-radius: 10px;border-radius: 10px;background-color:#fff;}
.scroll_wrap::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background:#f27935;-webkit-box-shadow:none;}
.scroll_wrap::-webkit-scrollbar-thumb:window-inactive {background:#f27935;}

input[type="checkbox"],
input[type="radio"]{display:none;}
input[type="checkbox"] + label,
input[type="radio"] + label{font-size:14px;color:#999;cursor:pointer;}
input[type="checkbox"] + label span,
input[type="radio"] + label span{display:inline-block;width:24px; height:24px;margin:-3px 10px 0 0;vertical-align:middle;cursor:pointer;}
input[type="checkbox"] + label span{background:url(../../images/membership/bg_chkbox_default.png) left top no-repeat;}
input[type="radio"] + label span{background:url(../../images/membership/bg_radio_default.png) left top no-repeat;}
input[type="checkbox"]:checked + label span {background:url(../../images/membership/bg_chkbox_chk.png) left top no-repeat;}
input[type="radio"]:checked + label span {background:url(../../images/membership/bg_radio_chk.png) left top no-repeat;}
input[type="checkbox"] + label span.txt{display:inline;width:auto;height:auto;margin:0;background:none;font-size:14px;color:#999;}
input[type="checkbox"] + label span.txt.or{color:#f37021;}

.filebox input[type="file"]{position: absolute;width:1px;height:1px;padding:0;margin:-1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox label {display:inline-block;color: #fff;font-size: inherit;line-height: normal;vertical-align: middle;background-color: #626262;cursor: pointer;}
/* named upload */
.filebox .upload-name {display: inline-block;font-size: inherit;font-family: inherit;line-height: normal;vertical-align: middle;background-color: #fff;border:none-webkit-appearance: none;-moz-appearance: none;appearance: none;}

.button{position:relative;display:block;width:100%;height:50px;border:none;font-size:18px;font-weight:normal;color:#fff;text-align:center;line-height:50px;}
.button.btn_solid{background-color:#f37021;}
.button.btn_solid:hover{background-color:#ff8a44}
.button.btn_gray{background-color:#999;}
.button.btn_gray:hover{background-color:#d1d1d1;}
.btn_round{display:inline-block;padding:10px 20px;border:1px solid #c9c9c9;border-radius:50px;font-size:14px;color:#333;}
.btn_round:hover{color:#999}
.btn_link{display:inline-block;font-size:13px;color:#999;}
.btn_link:hover{color:#f37021;}


.btn_toggle{display:block;position:relative;width:19px;height:19px;}
.btn_toggle .bar{position:absolute;top:9px;left:0;width:19px;height:1px;background-color:#333;}
.btn_toggle .bar.ver{top:0;left:9px;width:1px;height:19px;-webkit-transition: .3s;transition: .3s;}
.toggle_wrap.on .btn_toggle .bar.ver{top:9px;height:1px;}

.multi_sel .btn_tg{position:relative;display:block;padding:10px 20px;border-radius:50px;}
.multi_sel .btn_tg.on,
.multi_sel .btn_tg:hover{color:#f27935;}
.multi_sel .btn_tg.on{background-color:#fff;}
.multi_sel .btn_tg.on::after{content:'';display:block;position:absolute;top:-5px;right:-5px;width:17px;height:17px;background:url(../../images/common/bg_sel_del.png) no-repeat;}

.tab{}
.tab_btn{overflow:hidden;}
.tab .btn_tab{display:block;width:33.3%;height:50px;font-size:16px;color:#666;line-height:50px;text-align:center;float:left;}
.tab .btn_tab:hover{color:#f27935;}
.tab .btn_tab.on{background-color:#fff;border-top:2px solid #f27935;color:#333;line-height:48px;}
.tabcont{}
.tabcont .cont{display:none;}
.tabcont .cont.on{display:block;padding:30px;background-color:#fff;}

.accordion{border:2px solid #fef5ec;border-bottom:none;}
.accordion li{border-bottom:2px solid #fef5ec;}
.accordion .btn_accmenu{display:block;padding:20px 0 20px 60px;background:url(../../images/icon/ico_q.png) no-repeat 28px 18px;font-size:15px;font-weight:400;color:#999;}
.accordion li.on .btn_accmenu{background-color:#fef5ec;color:#f37021;}
.accordion .btn_accmenu:hover{color:#f37021;}
.accordion .acc_cont{display:none;padding:20px 20px 20px 60px;}
.accordion.bktype{border:none;}
.accordion.bktype li{border-bottom:1px solid #e9e9e9;}
.accordion.bktype li.nodata{width:100%;padding:30px;text-align:center;font-size:13px;color:#666;}
.accordion.bktype .btn_accmenu{padding-left:30px;background:none;font-size:14px;color:#666;}
.accordion.bktype li.on .btn_accmenu{background:none;color:#333;}
.accordion.bktype .acc_cont{padding:30px;background-color:#f6f6f6;}

.table{width:100%;border-top:1px solid #000;}
.table th,
.table td{padding:15px 0;font-size:14px;text-align:center;}
.table th{background-color:#f0f0f0;border-bottom:1px solid #e9e9e9;font-weight:500;color:#333;}
.table td{padding:10px;border-bottom:1px solid #e9e9e9;color:#666;}
.table td.notice{background-color:#fef7f0;color:#333;}
.table td.subject{text-align:left;}
.table td.subject a{display:block;min-height:17px;color:#666;}
.table td.subject a.addfile{background:url(../../images/icon/ico_clip.png) no-repeat 100% 50%;}
.table td.subject a:hover{color:#f27935;}
.table.vmode{border-top:1px solid #e9e9e9;}
.table.vmode th{width:175px;padding-left:30px;border-bottom:1px solid #fff;font-weight:400;text-align:left;}
.table.vmode tr.last th,
.table.vmode tr.last td{border-bottom:1px solid #e9e9e9;}
.table.vmode td{padding-left:30px;text-align:left;}
.table.vmode th{padding:20px 0 0 30px;border:none;}
.table.vmode .last th{padding-bottom:30px;border-bottom:1px solid #e9e9e9;}
.table.vmode td{padding:20px 0 0 30px;border:none;}
.table.vmode .first th,
.table.vmode .first td{padding-top:30px;}
.table.vmode .last td{padding-bottom:30px;border-color:#e9e9e9;}
.table.vmode .first.last th,
.table.vmode .first.last td{padding:15px 0 15px 30px;}
.table.vmode .ipt_wrap .input,
.table.vmode .select{border-color:#e9e9e9;}
.table.vmode .ipt_wrap .ipt_page{width:305px;}
.table.vmode .editer{min-height:150px;border:1px solid #e9e9e9;}
.table.vmode .editer.setEditor{border:none;}
.table.vmode .editer textarea{width:688px;}
.table.vmode .filebox{width:415px;}
.table.vmode .filebox .upload-name{width:305px;height:50px;border:1px solid #e9e9e9;padding:10px 20px;font-size:15px;color:#333;}
.table.vmode .filebox label{width:100px;height:50px;float:right;line-height:50px;font-size:15px;;text-align:center;}
.table.vmode .filebox label:hover{background-color:#7b7b7b}
.table.vmode .ipt_infotxt{margin-top:5px;font-size:13px;color:#999;}
.table.vmode .ipt_addr{overflow:hidden;}
.table.vmode .ipt_addr .ipt_zipcode{width:170px;background-color:#fff;float:left;}
.table.vmode .ipt_addr .btn_gray{width:100px;margin-left:10px;font-size:14px;float:left;}
.table.vmode .input_addr{margin-top:10px;border:1px solid #e9e9e9;}
.table.vmode .ipt_phone{display:inline-block;width:100%;}
.table.vmode .ipt_phone .select{width:170px;float:left;}
.table.vmode .ipt_phone .input{width:510px;float:right;}
.table.vmode input:disabled,
.table.vmode select:disabled,
.table.vmode .input.disable{background:#f0f0f0}

/* loginpage */
.loginpage{padding-top:100px;}
.loginpage .mem_box{padding:45px 45px 0;}
.mem_box h2{padding-bottom:15px;border-bottom:1px solid #e6e6e6;}
.loginpage .mem_box .ipt_form{padding:30px 0 20px;}
.loginpage .mem_box .infotxt{margin-bottom:30px;font-size:15px;color:#999;text-align:center;line-height:1.4;}
.loginpage .mem_box .infotxt strong{font-weight:500;color:#f27935;}
.loginpage .mem_box .infotxt .mtop{display:block;margin-top:10px;}
.loginpage .mem_box .ipt_form .ipt_wrap{margin-bottom:10px;}
.loginpage .mem_box .ipt_form .saveid,
.loginpage .mem_box .ipt_form .saveLogin{display:inline-block;width:150px;margin-top:3px;}
.loginpage .mem_box .btn_login,
.loginpage .mem_box .btn_findpw{margin-bottom:45px;}
.loginpage .mem_box .btn_findpw{margin-top:-10px;}
.mem_box .login_sns .tit{font-size:30px;color:#333;text-align:center;}
.mem_box .login_sns .login_sns_wrap{padding:25px 0 40px;text-align:center;overflow:hidden;}
.findpw .mem_box .login_sns .login_sns_wrap{padding-top:0;}
.login_sns_wrap a{position:relative;display:block;width:230px;margin:0 12px 10px 0;float:left;}
.login_sns_wrap a:nth-child(2n){margin-right:0;}
.login_sns_wrap a:hover::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.2);}
.loginpage .mem_box .bot_btn_wrap{padding:0;border-top:1px solid #e6e6e6;overflow:hidden;}
.loginpage .mem_box .bot_btn_wrap a{width:50%;padding:20px 0;text-align:center;font-size:15px;float:left;}

/* join page*/
.joinpage{padding-top:100px;}
.joinpage .page_top .tit,
.joinpage .page_top .snslogin{margin:0 0 30px;font-size:30px;font-weight:normal;color:#333;text-align:center}
.joinpage .page_top .snslogin img{margin:0 5px 0 10px;vertical-align:top;}
.joinpage .page_top .snslogin.naver span{color:#2db400;}
.joinpage .page_top .snslogin.kakao span{color:#ffdd0e;}
.joinpage .page_top .snslogin.facebook span{color:#305097;}
.joinpage .page_top .snslogin.google span{color:#dd4b39;}
.joinpage .mem_box .top_txt{padding:30px 0;font-size:18px;font-weight:400;color:#999;text-align:center;}
.joinpage .mem_box .login_sns{margin-top:60px;}
.joinpage .mem_box .login_sns .login_sns_wrap{padding-bottom:0;}
.joinpage .mem_box .login_sns .tit{font-size:18px;color:#999;}
.join_step{margin-bottom:30px;text-align:center;}
.join_step span{position:relative;display:inline-block;width:115px;margin-left:-30px;padding-bottom:30px;vertical-align:top;font-size:13px;color:#999;line-height:1.2;}
.join_step span:first-child{margin-left:20px;}
.join_step span::after{content:'';position:absolute;bottom:0;left:50%;width:13px;height:13px;margin-left:-6px;background-color:#fff;border-radius:100%;}
.join_step span.line{height:45px;}
.join_step span.line::after{bottom:6px;left:0;width:100%;height:1px;margin-left:0;background-color:#d1d1d1}
.join_step span.on{color:#333;}
.join_step span.on::after{background-color:#333;}
.joinpage .ipt_form{margin-top:20px;}
.joinpage .ipt_form:first-child{margin-top:0;}
.ipt_form .tit{font-size:16px;color:#999;}
.ipt_wrap.ipt_email,
.ipt_wrap.ipt_phone,
.ipt_wrap.ipt_addr{display:inline-block;width:100%;}
.ipt_wrap.ipt_email .input{width:189px;padding:10px 0 10px 20px;float:left;}
.ipt_wrap.ipt_email .unit{display:inline-block;width:22px;font-size:14px;color:#999;text-align:center;line-height:50px;float:left;}
.ipt_wrap.ipt_email .select{width:140px;float:right;}
.ipt_wrap.ipt_phone .select{width:170px;float:left;}
.ipt_wrap.ipt_phone .input{width:295px;float:right;}
.ipt_wrap.ipt_radio{display:inline-block;width:100%;}
.ipt_wrap.ipt_radio .radio_wrap{display:block;width:160px;float:left;}
.ipt_wrap.ipt_birth{position:relative;width:100%;text-align:justify;}
.ipt_wrap.ipt_birth::after{content:'';display:inline-block;width:100%;}
.ipt_wrap.ipt_birth .select{width:32%;}
.ipt_wrap.ipt_addr .ipt_zipcode{width:170px;float:left;}
.ipt_wrap.ipt_addr .btn_gray{width:100px;margin-left:10px;border-radius:0;font-size:14px;float:left;}
.joinpage .input_addr{margin-top:10px;clear:both;}
.addinfo{margin-top:20px;padding:20px 45px;}
.addinfo .tit{position:relative;font-size:16px;font-weight:normal;color:#333;}
.addinfo .tit > span{margin-left:10px;font-size:14px;color:#999;}
.addinfo .tit .btn_toggle{position:absolute;top:3px;right:0;}
.addinfo .ipt_form .tit{color:#999;}
.addinfo .tg_cont{padding:40px 0 20px;}
.joinpage .agreement_box{width:562px;margin:20px auto;}
.joinpage .agreement_box .chk_wrap label{color:#333;}
.joinpage .agreement_box .chk_wrap label .txt{vertical-align:top;}
.joinpage .agreement_wrap .toggle_wrap{position:relative;margin-bottom:20px;}
.joinpage .agreement_wrap .toggle_wrap .btn_toggle{position:absolute;top:0;right:0;}
.joinpage .agreement_wrap .tg_cont{padding:30px;margin:15px 0 0;background-color:#fff;}
.joinpage .agreement_wrap .tg_cont ul,
.joinpage .agreement_wrap .tg_cont dl,
.joinpage .agreement_wrap .tg_cont p{margin-bottom:10px;}
.joinpage .agreement_wrap .tg_cont ul ul{margin-left:10px;}

.joinpage .agreement_wrap .scroll_wrap{width:100%;max-height:125px;font-size:13px;color:#999;}
.joinpage .agreement_wrap .infotxt{padding:10px 0 0 34px;font-size:13px;color:#999;}
.joinpage .page_bot{width:562px;margin:50px auto 0;}
.joinpage .page_bot .btn_wrap{margin:0;}
.joinpage .page_bot .btn_wrap .btn_solid{width:220px;margin:0 auto;border-radius:50px;}
.joinpage .page_bot .caution{margin:40px 0 55px;}
.joinpage .page_bot .caution li{padding-left:17px;font-size:14px;color:#999;line-height:1.8;}
.joinpage .page_bot .botinfo{margin-top:50px;font-size:18px;font-weight:400;color:#999;text-align:center;}
.joinpage .page_bot .botinfo a{color:#333;}
.email_chk_box{font-size:18px;color:#999;text-align:center;line-height:1.6;}
.email_chk_box .tit{margin-bottom:25px;font-size:24px;color:#333;}
.email_chk_box span{color:#333;}
.email_chk_box .infotxt{position:relative;padding-top:30px;margin-top:30px;font-size:14px;}
.email_chk_box .infotxt::after{content:'.....';position:absolute;top:-14px;left:0;width:100%;text-align:center;color:#ccc;letter-spacing:1em;vertical-align:top;}
.email_chk_box .infotxt .link_mail{color:#999;}
.email_chk_box .infotxt .link_mail:hover{color:#f37021;}
.email_chk_box .btn_solid{width:220px;height:50px;line-height:50px;margin:20px auto;border-radius:50px;color:#fff;}
.email_chk_box .btn_solid span{color:#fff;font-size:17px;}



/* location */
#location{height:50px;background-color:#fff;border-top:1px solid #e9e9e9;}
#location .location_wrap{overflow:hidden;}
#location .location_wrap a,
#location .location_wrap span{display:block;height:50px;line-height:50px;font-size:14px;color:#999;float:left;}
#location .location_wrap .btn_back{width:48px;margin-right:30px;border-right:2px solid #f0f0f0;background:url(../../images/common/bg_back_or.png) no-repeat 50% 50%;}
#location .location_wrap .btn_home{}
#location .location_wrap .btn_back:hover{background:#f37021 url(../../images/common/bg_back_wh.png) no-repeat 50% 50%;}
#location .location_wrap span{padding-right:25px;margin-right:25px;background:url(../../images/common/sort_arr.png) no-repeat 100% 50%;}
#location .location_wrap span:last-child{color:#333;padding-right:0;margin-right:0;background:none;}
#location .location_wrap span:last-child a{color:#333;}

@keyframes bookfadeout {
  0% {
    opacity: 1;
    filter:alpha(opacity=100);
    z-index: 1;
  }
  99% {
    opacity: 0;
    filter:alpha(opacity=0);
    z-index: 1;
  }
  100% {
     opacity: 0;
     filter:alpha(opacity=0);
    z-index: -1;
  }
}

@keyframes bookfadein {
  0% {
    opacity: 0;
    filter:alpha(opacity=0);
    z-index: -1;
  }
  1% {
    opacity: 0;
    filter:alpha(opacity=0);
    z-index: 1;
  }
  100% {
    opacity: 1;
    filter:alpha(opacity=100);
    z-index: 1;
  }
}
/* bookpage */
.book_page{}
#bookSort-sticky-wrapper,
#lectureSort-sticky-wrapper{height:auto !important;}

.book_sort,
.lecture_sort{padding:30px 0;background-color:#f0f0f0;z-index:100 !important;}
#gilbut.onsrch .book_page .book_sort,
#gilbut.onsrch .lecture_page .lecture_sort{border-top:1px solid #e9e9e9;}
.sel_cate{position:relative;overflow:hidden;}
.lecture_sort .sel_cate{width:855px;}
.selon .sel_cate{position:absolute;animation: bookfadeout .3s forwards;}
  .sel_cate li{width:282px;margin-right:4px;margin-bottom:4px;background-color:#fff;font-size:14px;color:#333;float:left;}
  .sel_cate li:nth-child(4n){margin-right:0;}
  .sel_cate li a{position:relative;display:block;padding:15px 25px;}
  .sel_cate li a .num{position:absolute;top:17px;right:20px;font-size:12px;font-weight:300;}
  .sel_cate li.on a,
  .sel_cate li a:hover{color:#f27935;}
  .sel_cate li.on a .num{display:none;}
  .sel_cate li.on a::before{content:'';display:block;position:absolute;top:0;left:0;width:4px;height:100%;background-color:#f27935;}
  .sel_cate li.on a::after{content:'';display:block;position:absolute;top:17px;right:15px;width:20px;height:13px;background:url(../../images/common/bg_sel_on.png) no-repeat 0 0;}
.lecture_sort .sel_cate li{width:282px;}
.lecture_sort .sel_cate li:nth-child(4n){margin-right:4px;}
.lecture_sort .sel_cate li:nth-child(3n){margin-right:0}
.lecture_sort .noticelist{width:855px;height:30px;margin-top:20px;padding-left:0;border:none;}
.lecture_sort .noticelist .tit{width:100px;height:30px;font-size:15px;line-height:28px;}
.lecture_sort .noticelist .list li{height:30px;line-height:30px;}
.lecture_sort .noticelist .list li a{display:block;height:30px;line-height:30px;}
.lecture_sort .noticelist .btn_up{top:7px;right:0;}
.lecture_sort .noticelist .btn_down{bottom:7px;right:0;}
.lecture_sort .noticelist a.btn_up.disable,
.lecture_sort .noticelist a.btn_down.disable{opacity:.3;}
.sel_book_wrap,
.sel_lecture_wrap{position:absolute;top:50px;left:30px;z-index:-1;opacity:0;filter:alpha(opacity=0);-webkit-transition:top .3s;transition:top .3s;}
.book_sort.selon .sel_book_wrap,
.lecture_sort.selon .sel_lecture_wrap{position:relative;top:0;width:1110px;animation: bookfadein .3s forwards;}
.lecture_sort.selon .sel_lecture_wrap{width:825px;}
.ad_lecture{position:absolute;top:0;right:0;width:273px;height:150px;}
.ad_lecture .swiper-pagination{bottom:15px;padding-left:20px;text-align:left;}
.ad_lecture .swiper-pagination-bullet{width:8px;height:8px;border:none;}
.ad_lecture .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 7px 0 0;}
.sel_book_wrap hr,
.sel_lecture_wrap hr{border-top:1px solid #d0d0d0;border-bottom:1px solid #fff;}
.sel_book,
.sel_lecture{position:relative;}
.sel_book .btn_back,
.sel_lecture .btn_back{position:absolute;top:0;left:-30px;display:block;width:29px;height:44px;background:#fff url(../../images/common/bg_back_or.png) no-repeat 50% 50%;}
.sel_book .btn_back:hover,
.sel_lecture .btn_back:hover{background:#f27935 url(../../images/common/bg_back_wh.png) no-repeat 50% 50%;}
.sel_category{position:absolute;top:0;left:0;}
  .sel_category a{display:block;width:282px;height:44px;padding:15px 25px;background-color:#fff;font-size:14px;color:#333;}
  .lecture_sort .sel_category a,
  .lecture_sort .sel_category .scroll_wrap{width:255px;}
  .sel_category a:hover{color:#f27935;}
  .sel_category .btn_sel::after,
  .sel_category .btn_sel::before{content:'';display:block;position:absolute;background-color:#333;}
  .sel_category .btn_sel::after{top:22px;right:17px;width:17px;height:1px;}
  .sel_category .btn_sel::before{top:14px;right:25px;width:1px;height:17px;-webkit-transition:.3s;transition:.3s;}
  .sel_category ul{position:absolute;top:45px;left:0;display:none;width:282px;height:135px;overflow-y:auto;z-index:10;}
  .sel_category li{border-bottom:1px solid #f0f0f0;}
  .sel_category li a{position:relative;width:100%;}
  .sel_category li a .num{position:absolute;top:17px;right:20px;font-size:12px;font-weight:300;}
  .sel_category.on .btn_sel::before{top:22px;height:1px;}
  .sel_category.on ul{display:block;}
  .sort_chk{padding-left:286px;padding-bottom:10px;min-height:70px;}
  .lecture_sort .sort_chk{padding-left:255px;}
  .sort_chk ul,
  .tag_wrap ul{overflow:hidden;padding-top:5px;}

.sel_book .sort_chk li,
.sel_lecture .sort_chk li,
.tag_wrap li{position:relative;margin:0 10px 10px;font-size:14px;color:#333;float:left;}
.sel_tag{position:relative;padding-left:100px;}
.sel_tag .tit{position:absolute;top:10px;left:0;font-size:17px;font-weight:700;color:#333;}
.sel_tag .tag_wrap{max-height:44px;padding-right:30px;overflow:hidden;-webkit-transition:max-height .3s ease-out;transition:max-height .3s ease-out;}
.sel_tag.on .tag_wrap{max-height:176px;-webkit-transition:max-height .3s ease-in;transition:max-height .3s ease-in;}
.sel_tag .btn_toggle{position:absolute;top:13px;right:0;}
.list_sort{height:48px;background-color:#d1d1d1;}
.list_sort .tgsel{display:inline-block;height:48px;margin-right:25px;}
.list_sort .tgsel a{display:block;padding-right:20px;background:url(../../images/common/bg_sort_down.png) no-repeat 100% 50%;font-size:13px;color:#fff;line-height:48px;}
.list_sort .tgsel a.on{background:url(../../images/common/bg_sort_up.png) no-repeat 100% 50%;}
.list_sort .tgsel a:hover{background:url(../../images/common/bg_sort_down_or.png) no-repeat 100% 50%;color:#f27935;}
.list_sort .tgsel a.on:hover{background:url(../../images/common/bg_sort_up_or.png) no-repeat 100% 50%;}
.list_sort .right{position:absolute;top:10px;right:377px;width:200px;}
.list_sort .right .select{width:137px;height:27px;padding:0 0 0 12px;background-color:#fff;background-position:right 10px top 50%;border:1px solid #fff;font-size:13px;color:#999;float:left;}
.list_sort .right .sel_list_mode{display:block;width:61px;height:27px;float:left;}
.list_sort .right .sel_list_mode a{margin-left:5px;opacity:.3;float:left;}
.list_sort .right .sel_list_mode a.on{opacity:1;}
.book_list_cont,
.lecture_list_cont{display:inline-block;width:100%;}
.book_list_cont .container,
.lecture_list_cont .container{padding:0;}
.book_list_cont .book_list,
.lecture_list_cont .lecture_list{width:856px;float:left;}
.book_list_cont .side_cont,
.lecture_list_cont .side_cont{width:344px;margin-top:-38px;padding:30px;background-color:#fff;float:right;}
.side_cont .tit{margin:3px 0 30px 10px;font-size:18px;font-weight:400;color:#333;}
.side_cont .coming{margin-left:10px;font-size:14px;font-weight:300;color:#666;}
.side_cont .side_book,
.side_cont .side_lecture{padding-left:10px;height:580px;}
.side_cont .side_lecture{height:430px;}
.side_cont .side_book .book_cell,
.side_cont .side_lecture .lecture_cell{position:relative;margin-bottom:40px;}
.side_cont .side_book .book_cell a,
.side_cont .side_lecture .lecture_cell a{display:block;overflow:hidden;}
.side_cont .side_book .book_cell .img,
.side_cont .side_lecture .lecture_cell .img{border:1px solid #e6e6e6;float:left;}
.side_cont .side_book .book_cell .info,
.side_cont .side_lecture .lecture_cell .info{width:150px;margin-left:15px;float:left;}
.side_cont .side_book .book_cell .info span,
.side_cont .side_lecture .lecture_cell .info span{display:block;line-height:1.6;word-break:keep-all}
.side_cont .side_book .book_cell .info .title,
.side_cont .side_lecture .lecture_cell .info .title{margin-bottom:30px;font-size:14px;color:#666;}
.side_cont .side_book .book_cell .info .author,
.side_cont .side_lecture .lecture_cell .info .author{font-size:13px;color:#999;}
.side_cont .side_book .book_cell a:hover .info .title,
.side_cont .side_lecture .lecture_cell a:hover .info .title{color:#f27935;}
.side_cont .side_book .book_cell a:hover .info .author,
.side_cont .side_lecture .lecture_cell a:hover .info .author{color:#333;}
.side_cont .side_book .swiper-pagination,
.side_cont .side_lecture .swiper-pagination{text-align:left;}
.book_list,
.lecture_list{position:relative;overflow:hidden;}
.book_list ul,
.lecture_list ul{padding-bottom:30px;border-bottom:1px solid #f0f0f0;}
.book_list .list_el,
.lecture_list .list_el{padding:30px 35px 30px 0;border-bottom:1px solid #f0f0f0;}
.book_list .list_el:last-child,
.lecture_list .list_el:last-child{border-bottom:none;}
.book_list.vmode ul,
.lecture_list.vmode ul{overflow:hidden;}
.book_list.vmode .list_el,
.lecture_list.vmode .list_el{width:200px;padding:30px 0;border-bottom:none;float:left;}
.lecture_list.vmode .list_el{width:220px;margin-right:65px;}
.lecture_list.vmode .list_el:nth-child(3n+3){margin-right:0;}
.lecture_list.vmode .list_el:nth-child(3n+1){clear:both;}
.book_list_cont .book_list,
.lecture_list_cont .lecture_list{padding:30px 0 30px 30px;}
.book_list_cont .book_list::after,
.lecture_list_cont .lecture_list::after{content:'';position:absolute;top:0;right:0;width:1px;height:100%;background-color:#f0f0f0}
.book_list_cont .book_list .list_el,
.lecture_list_cont .lecture_list .list_el{position:relative;overflow:hidden;}
.book_list_cont .book_list .list_el .book,
.lecture_list_cont .lecture_list .list_el .lecture{position:relative;width:175px;margin-right:35px;float:left;}
.lecture_list_cont .lecture_list.vmode .list_el .lecture{width:220px;float:none;}
.book_list_cont .book_list .list_el .book a,
.lecture_list_cont .lecture_list .list_el .lecture a{display:block;}
.book_list_cont .book_list .list_el .book .link_book,
.lecture_list_cont .lecture_list .list_el .lecture .link_lecture{border:1px solid #e6e6e6;}
.book_list_cont .book_list .list_el .book .link_book img{width:100%;max-height:300px;}

.book_list_cont .book_list .list_el .book.soldout .link_book{position:relative;background-color:#000}
.book_list_cont .book_list .list_el .book.soldout .link_book img{opacity:.4;}
.book_list_cont .book_list .list_el .book.soldout .link_book::after{content:'절판 도서';position:absolute;bottom:50%;left:0;width:100%;margin-bottom:-10px;font-size:16px;color:#fff;text-align:center;}

.book .btn_bookmark,
.book .btn_chkbook,
.lecture .btn_bookmark{position:absolute;top:-10px;left:10px;width:28px;height:10px;background:url(../../images/common/bg_bookmark.png) no-repeat 0 0;-webkit-transition:height .3s;transition:height .3s;}
.book .btn_bookmark.on,
.book .btn_chkbook.on,
.lecture .btn_bookmark.on,
.book:hover .btn_bookmark,
.lecture:hover .btn_bookmark{height:36px;}
.book .btn_bookmark.on,
.lecture .btn_bookmark.on{background:url(../../images/common/bg_bookmark_or.png) no-repeat 0 0;}
.book .btn_chkbook{background:url(../../images/common/bg_chkbook_or.png) no-repeat 0 0;}
.book_list_cont .book_list .list_el .info,
.lecture_list_cont .lecture_list .list_el .info{width:580px;float:left;}
.book_list_cont .book_list .list_el .info{min-height:210px;}
.lecture_list_cont .lecture_list.vmode .list_el .info{width:100%;margin-top:15px;float:none;}
.book_list_cont .book_list .list_el .info span,
.lecture_list_cont .lecture_list .list_el .info span{display:block;}
.lecture_list_cont .lecture_list .list_el .info .level{margin-bottom:5px;}
.lecture_list_cont .lecture_list .list_el .info .level span{display:inline-block;padding:3px 10px;margin-right:5px;border:1px solid #d6d6d6;border-radius:20px;font-size:13px;color:#666;}
.book_list_cont .book_list .list_el .info .title,
.lecture_list_cont .lecture_list .list_el .info .title{margin-bottom:10px;font-size:24px;color:#333;}
.lecture_list_cont .lecture_list.vmode .list_el .info .title{font-size:18px;line-height:1.6;}
.book_list_cont .book_list .list_el .info .desc{margin-bottom:20px;font-size:16px;color:#333;}
.book_list_cont .book_list .list_el .info .detail,
.lecture_list_cont .lecture_list .list_el .info .detail{font-size:13px;color:#999;line-height:1.6;}
.lecture_list_cont .lecture_list .list_el .info .detail{margin-bottom:15px;}
.lecture_list_cont .lecture_list.vmode .list_el .info .detail{margin-bottom:10px;}
.lecture_list_cont .lecture_list .list_el .info .detail span{display:inline-block;padding:0 5px;font-size:12px;vertical-align:top;}
.lecture_list_cont .lecture_list .list_el .info .price span{display:inline-block;font-size:13px;font-weight:500;color:#999;}
.lecture_list_cont .lecture_list .list_el .info .price .color{color:#ed6d07;}
.lecture_list_cont .lecture_list .list_el .info .price .old{padding-right:20px;margin-right:10px;background:url(../../images/common/price_arr.png) no-repeat 100% 50%;font-weight:400;text-decoration:line-through;}
.lecture_list_cont .lecture_list .list_el .info .btn_lecture{display:inline-block;position:absolute;bottom:30px;right:40px;width:115px;height:35px;border:1px solid #d6d6d6;border-radius:35px;line-height:35px;font-size:14px;color:#666;}
.lecture_list_cont .lecture_list.vmode .list_el .info .btn_lecture{position:static;margin:15px 0 0 52px;}
.lecture_list_cont .lecture_list .list_el .info .btn_lecture:hover{background-color:#f27935;border:none;color:#fff;}
.book_list_cont .book_list .list_el .info .data_wrap,
.lecture_list_cont .lecture_list .list_el .info .data_wrap{position:absolute;bottom:30px;left:210px;}
.book_list_cont .book_list .list_el .info .data_wrap a,
.lecture_list_cont .lecture_list .list_el .info .data_wrap a{position:relative;display:block;width:65px;height:25px;margin-left:-1px;float:left;border:1px solid #d1d1d1;font-size:12px;color:#999;text-align:center;line-height:25px;z-index:1;}
.book_list_cont .book_list .list_el .info .data_wrap a:first-child,
.lecture_list_cont .lecture_list .list_el .info .data_wrap a:first-child{margin-left:0;}
.book_list_cont .book_list.vmode .list_el .info .data_wrap,
.lecture_list_cont .lecture_list.vmode .list_el .info .data_wrap{margin-top:20px;}
.book_list_cont .book_list.vmode .list_el .info .data_wrap a,
.lecture_list_cont .lecture_list.vmode .list_el .info .data_wrap a{width:67px;margin-top:-1px;}
.book_list_cont .book_list.vmode .list_el .info .data_wrap a:nth-child(3n-2),
.lecture_list_cont .lecture_list.vmode .list_el .info .data_wrap a:nth-child(3n-2){margin-left:0;}
.book_list_cont .book_list .list_el .info .data_wrap a.on,
.lecture_list_cont .lecture_list .list_el .info .data_wrap a.on{border-color:#f27935;color:#f27935;z-index:2;}
.book_list_cont .book_list .list_el .info a:hover .title,
.lecture_list_cont .lecture_list .list_el .info a:hover .title,
.book_list_cont .book_list .list_el .info a:hover .desc{color:#f27935;} 
.book_list_cont .book_list .list_el .info a:hover .detail,
.lecture_list_cont .lecture_list .list_el .info a:hover .detail{color:#333;}
/*.book_list_cont .book_list .list_el .info .data_wrap .btn_data{font-size:13px;}*/
.book_list_cont .book_list.vmode{padding:30px 35px 30px 30px;}
.book_list_cont .book_list.vmode .list_el{margin-right:95.5px;}
.book_list_cont .book_list.vmode .list_el:nth-child(3n){margin-right:0;}
.book_list_cont .book_list.vmode .list_el:nth-child(3n-2){clear:both;}
.book_list_cont .book_list.vmode .list_el .book{width:200px;margin-right:0;float:none;}
.book_list_cont .book_list.vmode .list_el .info{width:100%;min-height:auto;margin:0;float:none;}
.book_list_cont .book_list.vmode .list_el .info .data_wrap{position:static;}
.book_list_cont .paging,
.lecture_list_cont .paging{padding:30px 0 80px;}
.book_sort .stickybox,
.lecture_sort .stickybox{display:none;}
  .stickybox{overflow:hidden;}
  .stickybox .cate{float:left;}
  .stickybox .cate span,
  .stickybox .srchword span{display:inline-block;font-size:14px;}
  .stickybox .srchword span{margin-left:10px;padding-left:20px;background:url(../../images/common/sort_plus.png) no-repeat 0 50%;}
  .stickybox .cate span.sort1,
  .stickybox .srchword span:first-child{margin-left:10px;padding-left:20px;background:url(../../images/common/sort_arr.png) no-repeat 0 50%;}
  .stickybox .srchword{float:left;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:800px;overflow:hidden;}
  .stickybox .btn_toggle{position:absolute;top:0;right:0;}
.is-sticky .book_sort,
.is-sticky .lecture_sort{padding:15px 0;}
.is-sticky .book_sort .stickybox,
.is-sticky .lecture_sort .stickybox{display:block;}
.is-sticky .book_sort .book_sort_wrap,
.is-sticky .lecture_sort .lecture_sort_wrap{display:none;padding-top:20px;}
.is-sticky .book_sort .stickybox.on + .book_sort_wrap,
.is-sticky .lecture_sort .stickybox.on + .lecture_sort_wrap{display:block;}
.book_list_cont .book_list .nodata,
.lecture_list_cont .lecture_list .nodata{padding:30px 0;font-size:15px;text-align:center;}


/* book view*/
.book_view_top,
.lecture_view_top{padding:35px 0 55px;background-color:#f0f0f0;}
.book_view_top .container,
.lecture_view_top .container{padding:0 98px;}
.txt_ad{margin-bottom:30px;}
  .txt_ad a{display:block;padding:15px;background-color:#f27935;border:1px solid #f27935;font-size:14px;color:#fff;text-align:center;}
  .txt_ad a:hover{background-color:#626779;border:1px solid #626779;}
.book_view_top .book_info,
.lecture_view_top .lecture_info{display:inline-block;width:100%;}
.book_view_top .book_info{min-height:400px;}
.book_view_top .book_info .book,
.lecture_view_top .lecture_info .lecture{position:relative;width:300px;margin-right:80px;float:left;}
.lecture_view_top .lecture_info .lecture{width:325px;}
.lecture_view_top .lecture_info .lecture .img_lecture{display:block;padding:0;background-color:#fff;text-align:center;}
.lecture_view_top .lecture_info .lecture .img_lecture img{width:100%;}
.book_view_top .book_info .book .img_book{display:block;background-color:#fff;}
.book_view_top .book_info .book a,
.lecture_view_top .lecture_info .lecture a{display:block;}
.book_view_top .book_info .book .link_book,
.lecture_view_top .lecture_info .lecture .link_lecture{border:1px solid #e6e6e6;}
.book_view_top .book_info .book .bot_btn{width:300px;margin-top:2px;}
.lecture_view_top .lecture_info .lecture .bot_btn{width:325px;margin-top:2px;}
.book_view_top .book_info .book .bot_btn .btn_preview,
.lecture_view_top .lecture_info .lecture .bot_btn .btn_preview{width:235px;height:47px;background-color:#999;font-size:15px;color:#fff;line-height:47px;text-align:center;float:left;}
.lecture_view_top .lecture_info .lecture .bot_btn .btn_preview{width:260px;}
.book_view_top .book_info .book .bot_btn .btn_preview .ico,
.lecture_view_top .lecture_info .lecture .bot_btn .btn_preview .ico{display:inline-block;width:18px;margin-right:5px;height:100%;background:url(../../images/icon/ico_preview.png) no-repeat 0 50%;vertical-align:top;}
.book_view_top .book_info .book .bot_btn .btn_share,
.lecture_view_top .lecture_info .lecture .bot_btn .btn_share{width:65px;height:47px;background:#d1d1d1 url(../../images/icon/ico_share.png) no-repeat 50% 50%;text-indent:-9999px;overflow:hidden;float:right;}
.book_view_top .book_info .book .bot_btn a:hover,
.lecture_view_top .lecture_info .lecture .bot_btn a:hover{background-color:#f27935}
.book_view_top .book_info .book .btn_bookmark,
.lecture_view_top .lecture_info .lecture .btn_bookmark{position:absolute;top:-15px;left:10px;width:37px;height:48px;background:url(../../images/common/bg_bookmark_lg.png) no-repeat 0 0;-webkit-transition:top .3s;transition:top .3s;}
.book_view_top .book_info .book .btn_bookmark.on,
.lecture_view_top .lecture_info .lecture .btn_bookmark.on,
.book_view_top .book_info .book:hover .btn_bookmark,
.lecture_view_top .lecture_info .lecture:hover .btn_bookmark{top:-5px;}
.book_view_top .book_info .book .btn_bookmark.on,
.lecture_view_top .lecture_info .lecture .btn_bookmark.on{background:url(../../images/common/bg_bookmark_or_lg.png) no-repeat 0 0;}
.book_view_top .book_info .info,
.lecture_view_top .lecture_info .info{width:624px;padding-top:20px;float:left;}
.lecture_view_top .lecture_info .info{width:599px;}
.book_view_top .book_info .info span,
.lecture_view_top .lecture_info .info span{display:block;}
.book_view_top .book_info .info .desc{font-size:20px;color:#424242;}
.book_view_top .book_info .info .title{line-height:1.2;}
.book_view_top .book_info .info .title,
.lecture_view_top .lecture_info .info .title{margin-bottom:10px;font-size:35px;font-weight:500;color:#333;}
.book_view_top .book_info .info .book_detail{margin-bottom:45px;overflow:hidden;}
.lecture_view_top .lecture_info .info .lecture_detail{margin-bottom:30px;overflow:hidden;}
.book_view_top .book_info .info .book_detail dl,
.lecture_view_top .lecture_info .info .lecture_detail dl{width:290px;margin-top:8px;overflow:hidden;float:left;}
.lecture_view_top .lecture_info .info .lecture_detail dl{width:270px;}
.book_view_top .book_info .info .book_detail dl.appendix{width:100%;margin-right:0;}
.book_view_top .book_info .info .book_detail dl:nth-child(2n-1),
.lecture_view_top .lecture_info .info .lecture_detail dl:nth-child(2n-1){margin-right:40px;}
.book_view_top .book_info .info .book_detail dt,
.lecture_view_top .lecture_info .info .lecture_detail dt{display:block;width:40px;font-size:14px;color:#424242;text-align:justify;letter-spacing:-.2em;float:left;}
.book_view_top .book_info .info .book_detail dt span,
.lecture_view_top .lecture_info .info .lecture_detail dt span{display:inline-block;width:14px;vertical-align:top;}
.book_view_top .book_info .info .book_detail dt::after,
.lecture_view_top .lecture_info .info .lecture_detail dt::after{content:'';display:inline-block;width:100%;}
.book_view_top .book_info .info .book_detail dd,
.lecture_view_top .lecture_info .lecture_detail dd{max-width:calc(100% - 60px);margin-left:20px;font-size:14px;font-weight:300;color:#666;letter-spacing:-.01em;float:left;}
.lecture_view_top .lecture_info .lecture_detail dd.price span{display:inline-block;font-size:13px;font-weight:500;color:#999;}
.lecture_view_top .lecture_info .lecture_detail dd.price .color{color:#ed6d07;}
.lecture_view_top .lecture_info .lecture_detail dd.price .old{padding-right:20px;margin-right:10px;background:url(../../images/common/price_arr.png) no-repeat 100% 50%;font-weight:400;text-decoration:line-through;}
.lecture_view_top .lecture_info .info .btn_solid{width:120px;height:35px;border-radius:35px;line-height:35px;font-size:14px;}
.book_view_top .book_info .info .tab{position:absolute;bottom:0;width:624px;}
.book_view_top .book_info .info .tab .cont{max-height:115px;}
.book_view_top .book_info .info .tab .cont .scroll_wrap{max-height:55px;}
.book_view_top .book_info .info .tab .cont a{display:inline-block;width:130px;padding:7px 0;font-size:13px;color:#999;}
.book_view_top .book_info .info .tab .cont a.btn_lecture{width:100%;}
.book_view_top .book_info .info .tab .cont a:hover{color:#f27935;}
.book_contents,
.lecture_contents{display:inline-block;width:100%}
.book_contents .bookcont_left,
.lecture_contents .lecturecont_left{position:relative;width:830px;padding-top:35px;float:left;}
.book_contents .bookcont_left::after,
.lecture_contents .lecturecont_left::after{content:'';display:block;position:absolute;top:0;right:0;width:1px;height:100%;background-color:#f0f0f0;z-index:100;}
#bookTab-sticky-wrapper,
#lectureTab-sticky-wrapper{position:relative;z-index:100;}
#bookTab,
#lectureTab{position:relative;display:inline-block;width:100%;height:54px;background-color:#fff;border-bottom:2px solid #f0f0f0;}
#bookTab .btn_back{display:none;position:absolute;top:0;right:20px;width:40px;height:100%;background:url(../../images/common/modal_close.png) no-repeat 50% 50%;overflow:hidden;text-indent:-99999px;}
.datapage #bookTab .btn_back{display:block;}
#bookTab .activebar,
#lectureTab .activebar{position:absolute;bottom:-2px;left:0;width:64px;height:2px;background-color:#f27935;-webkit-transition:.3s;transition:.3s;}
#lectureTab .activebar{width:32px;}
.datapage #bookTab .activebar{display:none;}
#bookTab ul,
#lectureTab ul{width:670px;overflow:hidden;float:left;}
.datapage #bookTab ul{display:none;}
#bookTab li,
#lectureTab li{height:54px;padding:0 35px;float:left;}
#bookTab li:first-child,
#lectureTab li:first-child{padding-left:0;}
#bookTab li a,
#lectureTab li a{display:inline-block;height:54px;line-height:54px;font-size:18px;color:#333;}
#bookTab .btn_data{position:absolute;top:0;left:670px;width:160px;height:54px;background-color:#8aa0fa;line-height:54px;font-size:18px;color:#fff;text-align:center;-webkit-transition:left .3s;transition:left .3s;}
.datapage #bookTab .btn_data{left:0;}
#bookTab .btn_data .ico{display:inline-block;width:23px;height:100%;margin-right:5px;background:url(../../images/icon/ico_data.png) no-repeat 0 50%;vertical-align:top;}
.book_inner_cont,
.lecture_inner_cont{padding-bottom:50px;}
.datapage .book_inner_cont{display:none;}
.book_inner_cont .book_ad_wrap{position:relative;height:220px;padding-right:30px;}
.book_inner_cont .book_ad_wrap .swiper-container{width:610px;height:220px;padding:45px 0;margin:0 90px;}
.book_inner_cont .book_ad_wrap .book_ad{position:relative;display:block;}
.book_inner_cont .book_ad_wrap .play::after{content:'';display:block;width:48px;height:48px;position:absolute;top:50%;left:50%;margin:-24px 0 0 -24px;background:url(../../images/common/btn_play.png) no-repeat;}
.book_inner_cont .book_ad_wrap .btn_prev,
.book_inner_cont .book_ad_wrap .btn_next{position:absolute;top:50%;width:25px;height:25px;margin-top:-12px;border-radius:25px;cursor:pointer;}
.book_inner_cont .book_ad_wrap .btn_prev{left:0;background:#e6e6e6 url(../../images/common/arr_left.png) no-repeat 50% 50%;}
.book_inner_cont .book_ad_wrap .btn_next{right:30px;background:#e6e6e6 url(../../images/common/arr_right.png) no-repeat 50% 50%;}
.book_inner_cont .book_ad_wrap .btn_prev:hover,
.book_inner_cont .book_ad_wrap .btn_next:hover{background-color:#f27935;}
.detail_sec{padding:30px 30px 50px 0;font-size:15px;color:#666;line-height:1.6;}
.detail_sec h3{margin-bottom:30px;font-size:20px;color:#333;border-bottom:1px solid #f0f0f0;}
.detail_sec .more_wrap{}
.detail_sec .more_cont{max-height:500px;margin-bottom:20px;overflow:hidden;font-family:'Noto Sans KR', sans-serif !important;font-size:15px !important;}
.detail_sec .more_cont.on{max-height:none;}
.detail_sec .more_wrap .btn_more{font-size:13px;font-weight:300;color:#666;}
.detail_sec .more_wrap .btn_more .close{display:none;}
.detail_sec .more_wrap .btn_more.on .close{display:inline-block;}
.detail_sec .more_wrap .btn_more.on .open{display:none;}
.detail_sec .more_wrap .btn_more::before{content:'+';display:inline-block;font-size:13px;margin-right:2px;vertical-align:top;line-height:.9}
.detail_sec .more_wrap .btn_more.on::before{content:'-';font-size:18px;margin-right:2px;vertical-align:top;line-height:.4;}
.detail_sec .import{margin-bottom:10px;font-size:18px;color:#f27935;}
.detail_sec .import span{display:inline-block;padding-bottom:3px;/*border-bottom:1px solid #f27935;*/font-size:17px;color:#f27935;}
.book_inner_cont .detail_info{padding-right:30px;font-family:'Noto Sans KR', sans-serif !important;}
.book_inner_cont .detail_info .import{margin-bottom:30px;}
.book_inner_cont .detail_info img{display:block;margin:30px 0;}
/*.book_inner_cont .detail_info p{margin-top:10px;}*/
.book_inner_cont .detail_author{font-family:'Noto Sans KR', sans-serif !important}
.book_inner_cont .detail_author .import{font-size:16px;font-weight:500;}
.book_inner_cont .detail_author .import span{margin-left:-5px;margin-right:5px;padding:0;border:none;font-size:16px;color:#333;}
.detail_author dl{margin-top:15px;margin-bottom:25px;}
.detail_author dl:last-child{margin-bottom:0;}
.detail_author dt{margin-bottom:5px;font-weight:500;color:#424242;}
.detail_author dd,
.detail_author dd span,
.detail_author dd p,
.detail_author dd div{font-family:'Noto Sans KR', sans-serif !important;font-size:15px !important;}
.book_inner_cont .detail_faq{padding-right:30px;}
.book_inner_cont .detail_faq h3{margin-bottom:10px;border:none;}
.book_inner_cont .detail_faq .data{margin-top:15px;border-top:1px solid #f0f0f0;}
.book_inner_cont .detail_faq .data a{display:block;margin-top:15px;overflow:hidden;font-size:14px;font-weight:400;color:#999;}
.book_inner_cont .detail_faq .data a:hover{color:#f27935;}
.book_inner_cont .detail_faq .accordion li .btn_accmenu{position:relative;}
.book_inner_cont .detail_faq .accordion li.addfile .btn_accmenu::after{content:'';position:absolute;top:50%;right:30px;width:15px;height:18px;margin-top:-8px;background:url(../../images/icon/ico_clip.png) no-repeat 0 0;}
.book_inner_cont .detail_faq .accordion li.addfile.on .btn_accmenu::after{background:url(../../images/icon/ico_clip_or.png) no-repeat 0 0;}
.book_inner_cont .detail_news{padding-right:30px;}
.book_inner_cont .detail_news .news a{display:block;margin-top:15px;overflow:hidden;font-size:14px;font-weight:400;color:#999;}
.book_inner_cont .detail_news .news a span{float:right;}
.book_inner_cont .detail_news .news a:hover{color:#f27935;}

.book_inner_cont .detail_info,
.book_inner_cont .detail_info p,
.book_inner_cont .detail_info span,
.book_inner_cont .detail_info strong,
.detail_sec .more_cont,
.detail_sec .more_cont p,
.detail_sec .more_cont span,
.detail_sec .more_cont strong,
.detail_author dd,
.detail_author dd p,
.detail_author dd span,
.detail_author dd strong,
.book_data .tip,
.book_data .tip p,
.book_data .tip span,
.book_data .tip b{font-family:'Noto Sans KR', sans-serif !important;font-size:15px !important;color:#666 !important;line-height:1.6 !important;}
.book_inner_cont .detail_info p.import,
.book_inner_cont .detail_info p.import span{color:#f27935 !important;}


.lecture_inner_cont .detail_sec{padding-right:40px;}
.lecture_inner_cont #lectureCont1{padding-top:75px;}
.lecture_inner_cont .book_wrap{overflow:hidden;}
.lecture_inner_cont .book{width:137px;border:1px solid #f0f0f0;margin-right:40px;float:left;}
.lecture_inner_cont .book_detail{width:613px;float:left;}
.lecture_inner_cont .book_detail .top{position:relative;margin-bottom:25px;padding-top:10px;}
.lecture_inner_cont .book_detail .top span{display:block;}
.lecture_inner_cont .book_detail .top .desc{font-size:13px;color:#999;}
.lecture_inner_cont .book_detail .top .tit{font-size:18px;color:#333;}
.lecture_inner_cont .book_detail .top .btn_viewbook{position:absolute;bottom:2px;right:0;width:130px;height:35px;border:1px solid #d6d6d6;border-radius:35px;font-size:14px;color:#333;line-height:35px;text-align:center;}
.lecture_inner_cont .book_detail .top .btn_viewbook:hover{background-color:#f27935;border:none;color:#fff;}
.lecture_inner_cont .book_detail .tab{border:1px solid #e9e9e9;overflow:hidden;} 
.lecture_inner_cont .book_detail .tab_btn{width:111px;background-color:#f0f0f0;float:left;}
.lecture_inner_cont .book_detail .tab .btn_tab{display:block;width:100%;height:55px;line-height:55px;float:none;}
.lecture_inner_cont .book_detail .tab .btn_tab.on{border:none;border-left:3px solid #ed6d07;}
.lecture_inner_cont .book_detail .tab .tabcont{width:500px;float:left;}
.lecture_inner_cont .book_detail .tabcont .cont{padding:15px 30px;}
.lecture_inner_cont .book_detail .tabcont .cont .scroll_wrap{height:80px;}
.lecture_inner_cont .book_detail .tabcont .cont a{display:inline-block;width:100px;padding:6px 0;font-size:13px;color:#999;}
.lecture_inner_cont .book_detail .tabcont .cont a.btn_lecture{width:100%;}
.lecture_inner_cont .book_detail .tabcont .cont a:hover{color:#f27935;}
.lecture_inner_cont .lecture_contents_list .btn_preview{padding:2px 5px;background-color:#f27935;font-size:12px;color:#fff;line-height:1.4;}
.lecture_tip{padding:30px 25px;background:#fef0e4 url(../../images/lecture/bg_tip.png) no-repeat 100% 100%;font-size:14px;color:#666;line-height:2;}
.lecture_tip .inner{background:url(../../images/lecture/bg_tip_repeat.png) repeat}
.lecture_faq{position:relative;margin-left:10px;margin-bottom:40px;padding:30px 25px;background-color:#f0f0f0;}
.lecture_faq_list{}
.side_cont .lecture_faq .tit{margin-bottom:20px;margin-left:0;}
.side_cont .lecture_faq .tit .btn_close{position:absolute;top:13px;right:13px;width:26px;height:26px;padding:7px;border-radius:27px;background-color:#fff;}
.lecture_faq_list li{font-size:14px;color:#666;letter-spacing:-1em;}
.lecture_faq_list li:first-child{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #d5d5d5;}
.lecture_faq_list li .txt{letter-spacing:-.05em;}
.lecture_faq_list li .txt span{color:#f27935;}
.lecture_faq_list li a{display:inline-block;margin-top:15px;padding-right:15px;background:url(../../images/common/sort_arr.png) no-repeat 100% 50%;font-size:14px;color:#666;}
/*.lecture_tip p{font-size:15px;color:#ec6d2d;}*/

.book_data{display:none;;padding:70px 20px 70px 0; }
.datapage .book_data{display:block;min-height:700px;}
.datapage .book_data .srch_sec .data_list .datalist{padding:0;border:1px solid #e1e2e3;}
.datapage .book_data .srch_sec .data_list .datalist li{padding:15px 0 15px 30px;border-color:#e1e2e3;}
.datapage .book_data .srch_sec .data_list .title{font-size:15px;font-weight:400;color:#333;}
.book_data .tab .tab_btn{position:relative;}
.book_data .tab .tab_btn::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#f0f0f0;}
.book_data .tab .btn_tab{display:inline-block;width:auto;padding:0 35px;}
.book_data .tab .btn_tab.on{position:relative;padding:0 70px;border-right:1px solid #f0f0f0;border-left:1px solid #f0f0f0}
.book_data .tab .btn_tab.on::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#fff;z-index:10;}
.book_data .tab .tabcont{margin-bottom:70px;border:1px solid #f0f0f0;border-top:none;}
.book_data .tip{margin-bottom:30px;padding:20px;background:#fef5ec;border:1px solid #faecdf;font-size:14px;color:#666; }
.book_data .tip,
.book_data .tip p,
.book_data .tip span,
.book_data .tip b{color:#666 !important;}
.book_data .tip pre,
.book_data .program{}
.book_data .program .tit{margin-bottom:10px;font-size:16px;color:#333;}
.book_data .program .info{margin-bottom:25px;font-size:13px;color:#999;}
.book_data .program .link{width:100%;border-top:1px solid #f0f0f0;overflow:hidden;}
.book_data .program .link a{display:block;width:20%;height:50px;font-size:13px;color:#666;line-height:50px;text-align:center;float:left;}
.book_data .program .link a span{padding-left:20px;}
.book_data .program .link .pdf span{padding-left:25px;background:url(../../images/icon/ico_prg_pdf.png) no-repeat 0 50%;}
.book_data .program .link .han span{background:url(../../images/icon/ico_prg_han.png) no-repeat 0 50%;}
.book_data .program .link .word span{background:url(../../images/icon/ico_prg_word.png) no-repeat 0 50%;}
.book_data .program .link .zip span{padding-left:18px;background:url(../../images/icon/ico_prg_alzip.png) no-repeat 0 50%;}
.book_data .program .link .player span{background:url(../../images/icon/ico_prg_player.png) no-repeat 0 50%;}
.data_list{}
.data_list .list_top{margin-bottom:10px;overflow:hidden;}
.data_list .list_top .btn_viewall{font-size:13px;color:#666;float:right;}
.data_list .accordion{border:none;border-bottom:1px solid #e1e2e3;}
.data_list .accordion li{position:relative;border:none;}
.data_list .accordion > ul >  li > .btn_down{position:absolute;top:8px;right:50px;width:40px;padding-right:10px;margin-top:0;background:#fff url(../../images/icon/ico_down_gr.png) no-repeat 5px 50%;border:none;border-radius:0;border-right:1px solid #e9e9e9;}
.data_list .accordion > ul >  li > .btn_down:hover{background:transparent url(../../images/icon/ico_down_or.png) no-repeat 5px 50%;}
.data_list .accordion > ul >  li.on > .btn_down{background:transparent url(../../images/icon/ico_down_wh.png) no-repeat 5px 50%;}
.data_list .accordion .btn_accmenu{position:relative;padding:15px 0 15px 30px;background:none;border:1px solid #e1e2e3;border-bottom:none;color:#333;}
.data_list .accordion .btn_accmenu span{position:absolute;background-color:#333;}
.data_list .accordion .btn_accmenu .bar{top:20px;right:20px;width:17px;height:1px;}
.data_list .accordion .btn_accmenu .bar.ver{top:13px;right:28px;width:1px;height:16px;-webkit-transition: .3s;transition: .3s;}
.data_list .accordion li.on .btn_accmenu{background-color:#f27935;border:2px solid #f27935;color:#fff;}
.data_list .accordion li.on .btn_accmenu .bar{background-color:#fff;}
.data_list .accordion li.on .btn_accmenu .bar.ver{top:20px;height:1px;}
.data_list .accordion li .acc_cont{border:2px solid #f0f0f0;border-top:none;}
.data_list .accordion li .acc_cont .datalist{max-height:310px;padding-right:30px;}
.data_list .accordion li .acc_cont .datalist.scroll_wrap::-webkit-scrollbar-track {background-color:#e6e6e6;}
.data_list .accordion li .acc_cont li{position:relative;padding:12px 10px;border-bottom:1px solid #e1e2e3;font-size:15px;color:#666;}
.data_list .accordion li .acc_cont li:last-child{border-bottom:none;}
.data_list .accordion li .acc_cont li .preface{display:block;font-size:13px;color:#f27935;}
.data_list .accordion li .acc_cont li .title{display:block;color:#666;}
.data_list .accordion li .acc_cont li .title:hover{color:#f27935;}
.data_list .btn_down,
.data_list .btn_play{position:absolute;top:50%;width:31px;height:31px;margin-top:-15px;border:1px solid #ccc;border-radius:5px;overflow:hidden;text-indent:-9999px;}
.data_list .btn_down{right:50px;background:#f27935 url(../../images/icon/ico_down_wh.png) no-repeat 50% 50%;border-color:#f27935;;}
.data_list .btn_play{right:10px;background:#f27935 url(../../images/icon/ico_play_wh.png) no-repeat 50% 50%;border-color:#f27935;}
.data_list .btn_play.stop{background:#f27935 url(../../images/icon/ico_pause_wh.png) no-repeat 50% 50%;border-color:#f27935;}
.data_list .btn_down:hover,
.data_list .btn_down.on,
.data_list .btn_play:hover,
.data_list .btn_play.on,
.data_list .btn_play.stop:hover,
.data_list .btn_play.stop.on{background-color:#fe9255}
.data_list .accordion li.on .acc_cont{padding:15px 20px;border:2px solid #f27935;}
.data_list .list_bot{margin-top:25px;overflow:hidden;}
.data_list .list_bot .btn_downall{width:170px;height:35px;border-radius:35px;line-height:35px;font-size:14px;float:right;}
.book_contents .side_cont,
.lecture_contents .side_cont{width:310px;margin-top:45px;padding-left:25px;float:left;}

/* book_B */
.book_view_B{position:relative;overflow:hidden;border-top:1px solid #eff1f5;}
.book_view_B::before{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background-color:#eff1f5}
.book_view_B .container{padding:0;}
.book_view_B .book_wrap{width:425px;padding-top:60px;float:left;}
.book_view_B .book_wrap .book{position:relative;width:335px;margin-bottom:60px;margin-left:30px;}
.book_view_B .book_wrap .book a{display:block;}
.book_view_B .book_wrap .book .link_book{border:1px solid #e6e6e6;}
.book_view_B .book_wrap .book .bot_btn{width:335px;margin-top:2px;overflow:hidden;}
.book_view_B .book_wrap .book .bot_btn .btn_preview{width:270px;height:47px;background-color:#999;font-size:15px;color:#fff;line-height:47px;text-align:center;float:left;}
.book_view_B .book_wrap .book .bot_btn .btn_preview .ico{display:inline-block;width:18px;margin-right:5px;height:100%;background:url(../../images/icon/ico_preview.png) no-repeat 0 50%;vertical-align:top;}
.book_view_B .book_wrap .book .bot_btn .btn_share{width:65px;height:47px;background:#d1d1d1 url(../../images/icon/ico_share.png) no-repeat 50% 50%;text-indent:-9999px;overflow:hidden;float:right;}
.book_view_B .book_wrap .book .bot_btn a:hover{background-color:#f27935}
.book_view_B .book_wrap .book .btn_bookmark{position:absolute;top:-15px;left:10px;width:37px;height:48px;background:url(../../images/common/bg_bookmark_lg.png) no-repeat 0 0;-webkit-transition:top .3s;transition:top .3s;}
.book_view_B .book_wrap .book .btn_bookmark.on,
.book_view_B .book_wrap .book:hover .btn_bookmark{top:-5px;}
.book_view_B .book_wrap .book .btn_bookmark.on{background:url(../../images/common/bg_bookmark_or_lg.png) no-repeat 0 0;}
.book_view_B .book_wrap .recommend_book_wrap h3{position:relative;padding-left:30px;margin-bottom:10px;font-size:15px;font-weight:400;color:#333;}
.book_view_B .book_wrap .recommend_book_wrap h3::after{content:'';position:absolute;top:10px;right:60px;width:270px;height:1px;background-color:#fff;}
.book_view_B .book_wrap .recommend_book{position:relative;height:145px;padding:0 60px 0 30px;}
.book_view_B .book_wrap .recommend_book .swiper-container{}
.book_view_B .book_wrap .recommend_book .book_cell a{display:block;overflow:hidden;}
.book_view_B .book_wrap .recommend_book .book_cell .img{border:1px solid #e6e6e6;float:left;}
.book_view_B .book_wrap .recommend_book .book_cell .info{width:150px;margin-left:15px;float:left;}
.book_view_B .book_wrap .recommend_book .book_cell .info span{display:block;line-height:1.6;word-break:keep-all}
.book_view_B .book_wrap .recommend_book .book_cell .info .title{margin-bottom:30px;font-size:14px;color:#666;}
.book_view_B .book_wrap .recommend_book .book_cell .info .author{font-size:13px;color:#999;}
.book_view_B .book_wrap .recommend_book .book_cell a:hover .info .title{color:#f27935;}
.book_view_B .book_wrap .recommend_book .book_cell a:hover .info .author{color:#333;}
.book_view_B .book_wrap .recommend_book .btn_rcPrev,
.book_view_B .book_wrap .recommend_book .btn_rcNext{position:absolute;top:50%;width:8px;height:25px;margin-top:-12px;;cursor:pointer;}
.book_view_B .book_wrap .recommend_book .btn_rcPrev{left:0;background:url(../../images/common/arr_left2.png) no-repeat 50% 50%;}
.book_view_B .book_wrap .recommend_book .btn_rcNext{right:30px;background:url(../../images/common/arr_right2.png) no-repeat 50% 50%;}
.book_view_B .book_info{width:775px;padding:30px 30px 30px 65px;background-color:#fff;float:left;}
.book_view_B .book_info .txt_ad{margin-bottom:0;}
.book_view_B .book_info .txt_ad a{padding-left:0;font-size:14px;color:#f27935;text-align:left;}
.book_view_B .book_info .txt_ad a:hover span{border-bottom:1px solid #f27935;}
.book_view_B .book_info .txt_ad span.cate{display:inline-block;padding:4px 10px;margin-right:10px;background-color:#ffe5d6;border-radius:20px;font-size:12px;color:#f27935;}
.book_view_B .book_info .txt_ad a:hover span.cate{border-bottom:none}
.book_view_B .book_info .info{}
.book_view_B .book_info .info{width:680px;padding-top:20px;}
.book_view_B .book_info .info span{display:block;}
.book_view_B .book_info .info .desc{font-size:20px;color:#424242;}
.book_view_B .book_info .info .title{margin-bottom:25px;font-size:40px;font-weight:500;color:#333;}
.book_view_B .book_info .info hr{border:none;border-top:2px solid #3b3b3b;}
.book_view_B .book_info .info .book_detail{margin:22px 0 30px;overflow:hidden;}
.book_view_B .book_info .info .book_detail dl{width:290px;margin-top:8px;overflow:hidden;float:left;}
.book_view_B .book_info .info .book_detail dl:nth-child(2n-1){margin-right:40px;}
.book_view_B .book_info .info .book_detail dt{display:block;width:40px;font-size:14px;color:#424242;text-align:justify;letter-spacing:-.2em;float:left;}
.book_view_B .book_info .info .book_detail dt span{display:inline-block;width:14px;vertical-align:top;}
.book_view_B .book_info .info .book_detail dt::after{content:'';display:inline-block;width:100%;}
.book_view_B .book_info .info .book_detail dd{margin-left:20px;font-size:14px;font-weight:300;color:#666;letter-spacing:-.01em;float:left;}
.book_view_B .book_info .info .book_tag{margin-bottom:25px;font-size:13px;font-weight:400;color:#808285;}
.book_view_B .book_info .info .tab{margin-bottom:55px;border:1px solid #eff1f5;}
.book_view_B .book_info .info .tab .tab_btn{border-bottom:1px solid #eff1f5;}
.book_view_B .book_info .info .tab .tab_btn li{}
.book_view_B .book_info .info .tab .btn_tab{width:25%;height:45px;line-height:45px;font-size:15px;color:#999;-webkit-transition:width .3s;transition:width .3s;}
.book_view_B .book_info .info .tab li:nth-child(2) .btn_tab{position:relative;}
.book_view_B .book_info .info .tab li:nth-child(2) .btn_tab::before,
.book_view_B .book_info .info .tab li:nth-child(2) .btn_tab::after{content:'';display:block;position:absolute;top:10px;width:2px;height:25px;background-color:#eff1f5;}
.book_view_B .book_info .info .tab li:nth-child(2) .btn_tab::before{left:0;}
.book_view_B .book_info .info .tab li:nth-child(2) .btn_tab::after{right:0;}
.book_view_B .book_info .info .tab .btn_tab.on{width:50%;border:none;color:#333;}
.book_view_B .book_info .info .tab .tabcont .cont{background-color:#eff1f5}
.book_view_B .book_info .info .tab .cont .scroll_wrap{max-height:82px;}
.book_view_B .book_info .info .tab .cont a{display:inline-block;width:110px;padding:7px 0;font-size:13px;color:#999;}
.book_view_B .book_info .info .tab .cont a.btn_lecture{width:100%;}
.book_view_B .book_info .info .tab .cont a:hover{color:#f27935;}
.book_view_B .book_cont #bookTab{}
.book_view_B .book_cont.datapage #bookTab .btn_back{right:0;width:20px;}
.book_view_B .book_cont #bookTab ul{width:525px;}
.book_view_B .book_cont.datapage #bookTab ul{display:none;}
.book_view_B .book_cont #bookTab li a{height:50px;line-height:50px;font-size:16px;}
.book_view_B .book_cont #bookTab .btn_data{left:525px;width:155px;background-color:#f27935;}
.book_view_B .book_cont.datapage #bookTab .btn_data{left:0;}
.book_view_B .book_cont #bookTab .btn_data:hover{background-color:#ff8a44}
.book_view_B .book_data{padding:70px 0;}
.book_view_B .book_inner_cont .book_ad_wrap{height:190px;padding:0;}
.book_view_B .book_inner_cont .book_ad_wrap a{position:relative;}
.book_view_B .book_inner_cont .book_ad_wrap a::after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;margin:0;background:rgba(255,255,255,.8);opacity:1;filter:alpha(opacity=100);-webkit-transition: .3s;transition: .3s;}
.book_view_B .book_inner_cont .book_ad_wrap .play::after{background:rgba(255,255,255,.8) url(../../images/common/btn_play2.png) no-repeat 50% 50%;}
.book_view_B .book_inner_cont .book_ad_wrap a:hover::after{opacity:0;filter:alpha(opacity=0);}
.book_view_B .book_inner_cont .book_ad_wrap .swiper-container{width:610px;height:170px;padding:20px 0;margin:0 35px;}
.book_view_B .book_inner_cont .book_ad_wrap .btn_prev{left:0;}
.book_view_B .book_inner_cont .book_ad_wrap .btn_next{right:0;}
.book_view_B .book_inner_cont .detail_info{padding:0;}
.book_view_B .detail_sec h3{border:none;}

.lecture_list_cont{display:inline-block;width:100%;}
.lecture_list_cont .container{padding:0;}
.lecture_list_cont .lecture_list{width:856px;float:left;}
.lecture_list_cont .side_cont{width:344px;margin-top:-38px;padding:30px;background-color:#fff;float:right;}
/* lecture apply */
.lecture_apply{padding:45px 0 100px;border-top:1px solid #e9e9e9;}
.lecture_apply h3{margin-bottom:30px;font-size:25px;font-weight:500;color:#333;}
.lecture_apply .lecture_info{margin-bottom:40px;}
.lecture_apply .lecture_info .sec_apply{margin-bottom:40px;}
.lecture_apply .lecture_info .btn_wrap{margin-top:10px;text-align:right;}
.lecture_apply .lecture_info .btn_wrap .btn_modify{display:inline-block;width:140px;height:35px;padding:0;line-height:35px;border-radius:50px;border-color:#e9e9e9;font-size:14px;}
.lecture_apply .lecture_info .table .title{text-align:left;}
.lecture_apply .lecture_info .table .title .btn_del{display:inline-block;width:30px;height:30px;background:url(../../images/icon/ico_x.png) no-repeat 50% 50%;overflow:hidden;text-indent:-9999px;vertical-align: middle;}
.lecture_apply .lecture_info .table td{font-size:14px;color:#333;}
.lecture_apply .lecture_info .table td .btn_modify{display:inline-block;width:120px;height:32px;margin:10px 0 0 10px;padding:0;line-height:30px;border-radius:50px;border-color:#e9e9e9;font-size:13px;vertical-align:top;}
.lecture_apply .lecture_info .price span{display:block;}
.lecture_apply .lecture_info .price .color{color:#ed6d07;}
.lecture_apply .lecture_info .price .old{color:#999;text-decoration:line-through;}
.lecture_apply .lecture_info h4{margin-bottom:15px;font-size:18px;font-weight:400;color:#333;}
.lecture_apply .lecture_info .table.vmode .ipt_wrap{max-width:500px;}
.lecture_apply .lecture_info .table.vmode .ipt_wrap.ipt_email .select{width:160px;}
.lecture_apply .lecture_info .table.vmode .ipt_wrap.ipt_phone .select{width:150px;}
.lecture_apply .lecture_info .table.vmode .ipt_phone .input{width:340px;}
.lecture_apply .lecture_info .discount{padding:20px 0;border-top:1px solid #666;border-bottom:1px solid #e9e9e9;}
.lecture_apply .lecture_info .discount .radio_wrap label strong{font-size:15px;font-weight:500;color:#333;}
.lecture_apply .lecture_info .discount .btn_addCoupon{padding:5px 15px;}
.lecture_apply .lecture_info .discount .coupon{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e9e9e9;}
.lecture_apply .lecture_info .discount .couponlist{padding-top:5px;padding-left:15px;}
.lecture_apply .lecture_info .discount .couponlist .nocoupon{margin-left:-15px;padding:20px 0 20px 25px;background:url(../../images/icon/ico_caution.png) no-repeat 0 50%;font-size:14px;color:#666;}
.lecture_apply .lecture_info .discount .couponlist .radio_wrap{margin-top:10px;}
.lecture_apply .lecture_info .discount .couponlist .radio_wrap label{font-size:13px;color:#666;}
.lecture_apply .lecture_info .discount .couponlist .radio_wrap > span{margin-left:15px;font-size:13px;color:#ed6d07;}
.lecture_apply .lecture_info .discount .pointuse{padding-left:34px;font-size:13px;color:#666;overflow:hidden;}
.lecture_apply .lecture_info .discount .pointuse .crtPt{height:40px;line-height:40px;float:left;}
.lecture_apply .lecture_info .discount .pointuse .crtPt span{font-size:13px;color:#ed6d07;}
.lecture_apply .lecture_info .discount .pointuse .input{width:160px;height:40px;line-height:40px;float:left;margin:0 10px 0 15px;}
.lecture_apply .lecture_info .discount .pointuse .btn_ptuse{width:60px;height:40px;line-height:40px;background-color:#ed6d07;text-align:center;color:#fff;float:left;}
.lecture_apply .lecture_info .pay_amount{padding:15px 50px;background-color:#f0f0f0;font-size:17px;color:#333;overflow:hidden;}
.lecture_apply .lecture_info .pay_amount .left{margin-top:5px;float:left;}
.lecture_apply .lecture_info .pay_amount .left span{font-weight:500;}
.lecture_apply .lecture_info .pay_amount .right{float:right;}
.lecture_apply .lecture_info .pay_amount .right span{display:inline-block;min-width:100px;margin-left:10px;font-size:24px;text-align:right;color:#ed6d07;}
.payment{}
.payment h4{margin-bottom:15px;font-size:18px;font-weight:400;color:#333;}
.payment .pay_sel > .tab_btn{padding:30px 0 25px;border-top:1px solid #666;border-bottom:1px dashed #e9e9e9;overflow:hidden;}

.payment .pay_sel > .tab_btn li{width:220px;height:65px;margin-left:10px;float:left;}
.payment .pay_sel > .tab_btn li:first-child{margin-left:0;}
.payment .pay_sel > .tab_btn li a{display:block;width:100%;height:65px;border:1px solid #e9e9e9;line-height:65px;border-radius:5px;}
.payment .pay_sel > .tab_btn li a span{display:inline-block;height:63px;line-height:63px}
.payment .pay_sel > .tab_btn li a.on{background-color:#ed6d07;color:#fff;}
.payment .pay_sel li.card a span{padding-left:35px;background:url(../../images/icon/ico_pay_card.png) no-repeat 0 50%;}
.payment .pay_sel li.card a.on span{;background:url(../../images/icon/ico_pay_card_on.png) no-repeat 0 50%;}
.payment .pay_sel li.transfer a span{padding-left:32px;background:url(../../images/icon/ico_pay_transfer.png) no-repeat 0 50%;}
.payment .pay_sel li.transfer a.on span{;background:url(../../images/icon/ico_pay_transfer_on.png) no-repeat 0 50%;}
.payment .pay_sel li.vAccount a span{padding-left:45px;background:url(../../images/icon/ico_pay_account.png) no-repeat 0 50%;}
.payment .pay_sel li.vAccount a.on span{;background:url(../../images/icon/ico_pay_account_on.png) no-repeat 0 50%;}
.payment .pay_sel li.naverpay a span{padding-left:59px;background:url(../../images/icon/ico_pay_naver.png) no-repeat 0 50%;}
.payment .pay_sel li.naverpay a.on span{;background:url(../../images/icon/ico_pay_naver_on.png) no-repeat 0 50%;}
.payment .pay_sel li.kakaopay a span{padding-left:92px;background:url(../../images/icon/ico_pay_kakao.png) no-repeat 0 50%;}
.payment .pay_sel li.kakaopay a.on span{;background:url(../../images/icon/ico_pay_kakao_on.png) no-repeat 0 50%;}
.payment .pay_sel .tabcont .cont{padding:0}
.payment .pay_sel .infobox{margin-top:25px;padding:30px;background-color:#f0f0f0;font-size:14px;color:#666;}
.payment .pay_sel .chk_wrap{margin-top:15px;margin-bottom:50px;text-align:right;}
.payment .pay_sel .tabcont .cont .receipt_wrap{margin-top:-1px;padding:30px;border:1px solid #e9e9e9;}
.payment .pay_sel .tabcont .cont .receipt_wrap .tit{position:relative;font-size:15px;;}
.payment .pay_sel .tabcont .cont .receipt_wrap .tit .btn_toggle{position:relative;width:100%;height:30px;line-height:30px;font-size:15px;color:#999;}
.payment .pay_sel .tabcont .cont .receipt_wrap.on .tit .btn_toggle{color:#333;}
.payment .pay_sel .tabcont .cont .receipt_wrap .tit .btn_toggle .bar{left:unset;;right:0;}
.payment .pay_sel .tabcont .cont .receipt_wrap .tit .btn_toggle .bar.ver{left:unset;right:9px;}
.payment .pay_sel .tabcont .cont .receipt_wrap .radio_wrap{display:inline-block;margin-top:15px;}
.payment .pay_sel .tabcont .cont .receipt_wrap .radio_wrap label{display:inline-block;width:200px;height:50px;line-height:50px;float:left;}
.payment .pay_sel .tabcont .cont .receipt_wrap .ipt_wrap{display:inline-block;width:500px;}
.payment .pay_sel .tabcont .cont .receipt_wrap .ipt_form{overflow:hidden;}
.payment .pay_sel .tabcont .cont .receipt_wrap .ipt_form label{width:180px;height:50px;padding-left:30px;line-height:50px;margin-bottom:10px;font-size:14px;float:left;}
.payment .pay_sel .tabcont .cont .receipt_wrap .ipt_form .ipt_wrap{width:300px;margin-right:30px;margin-bottom:10px;float:left;}
.payment .bot_btn{text-align:center;}
.payment .bot_btn a{display:inline-block;width:155px;height:45px;padding:0;margin:0 7px;border-radius:45px;font-size:15px;line-height:45px;float:none;}
.payment .bot_btn a.btn_solid{}
.complete_box{padding-top:30px;border-top:1px solid #666;text-align:center;}
.complete_box:first-child{border-top:none;}
.complete_box .top_txt{margin-bottom:10px;padding-top:30px;background:url(../../images/icon/ico_complete.png) no-repeat 50% 0;font-size:19px;color:#333;}
.complete_box .info{margin-bottom:30px;font-size:14px;color:#999;}
.complete_box .subinfo{display:inline-block;min-width:400px;margin-bottom:20px;padding:10px 50px;background-color:#f0f0f0;font-size:14px;color:#333;line-height:1.6;text-align:left;}
.complete_box .subinfo strong{font-weight:500;}
.complete_box .txtbox{padding:40px 0 30px;background-color:#f0f0f0;border-bottom:1px solid #d5d5d5;font-size:15px;color:#666;}
.complete_box .txtbox p{margin-bottom:25px;font-size:15px;font-weight:500;color:#333;}
.complete_box .txtbox dl{display:inline-block;padding:0 20px;border-right:1px solid #ddd;}
.complete_box .txtbox dl:last-child{border-right:none;}
.complete_box .txtbox dl dt{display:inline;margin-right:15px;font-size:15px;font-weight:500;color:#333;}
.complete_box .txtbox dl dd{display:inline;font-size:15px;font-weight:300;color:#333;}
.complete_box .txtbox span.color{color:#f27935;}
.complete_box .bot_btn{padding-top:35px;}
.complete_box .bot_btn .btn_solid{width:215px;height:45px;margin:0 auto;border-radius:45px;line-height:45px;font-size:15px;}


/* util_page */
.util_contents{padding:50px 0 100px;border-top:1px solid #e9e9e9;}
.util_contents .container{overflow:hidden;}
.side_menu{width:180px;margin-right:65px;float:left;}
.side_menu h3{height:55px;font-size:24px;font-weight:500;color:#333;}
.side_menu .myinfo{margin-bottom:35px;text-align:center;}
.side_menu .myinfo p{font-size:38px;font-weight:300;color:#333;}
.side_menu .myinfo p span{font-weight:500;}
.side_menu > ul{border-top:1px solid #e9e9e9;}
.side_menu > ul > li{padding:20px 0;border-bottom:1px solid #e9e9e9;}
.side_menu > ul > li.on{background-color:#f0f0f0;border-left:3px solid #f27935;}
.side_menu .menu{display:block;padding-left:25px;font-size:15px;color:#333;}
.side_menu .menu:hover{color:#f27935;}
.side_menu .on .menu{padding-left:22px;}
.side_menu .inmenu{display:block;margin-top:12px;padding-left:25px;font-size:14px;color:#999;}
.side_menu .inmenu:first-child{margin-top:15px;}
.side_menu > ul > li.on li.on .inmenu{color:#333;}
.side_menu .inmenu:hover{color:#f27935;}
.alarm_dot{position:relative;vertical-align:top;}
.alarm_dot::after{content:'';position:absolute;top:2px;right:-10px;width:6px;height:6px;background-color:#f37021;border-radius:10px;}
.i_file{position:relative;display:inline-block;width:20px;height:17px;vertical-align:top;}
.i_file::after{content:'';position:absolute;top:50%;right:0;width:14px;height:17px;margin-top:-8px;background:url(../../images/icon/ico_clip.png) no-repeat 0 0;}
.page_contents{width:895px;float:left;}
.page_contents h4{position:relative;height:55px;font-size:20px;font-weight:500;color:#333;}
.page_contents h4.info_wrap{margin-bottom:20px;height:auto;}
.page_contents h4.info_wrap p{font-size:15px;font-weight:300;color:#999;}
.page_contents h4.info_wrap p a{font-weight:400;color:#666;}
.page_contents h4 .info{position:absolute;bottom:30px;right:0;display:inline-block;height:20px;margin-left:20px;font-size:15px;font-weight:300;color:#666;;line-height:25px;}
.page_contents h4 .info .icon{display:inline-block;width:25px;height:25px;margin-right:5px;background:#f27935 url(../../images/icon/my_bookmark.png) no-repeat 50% 50%;border-radius:20px;vertical-align:top;}
.page_contents h4 .info .ico_chk{margin-left:10px;background:#f27935 url(../../images/icon/my_bookchk.png) no-repeat 50% 50%;}
.page_contents h4 .srch_wrap{display:block;position:absolute;top:0;right:0;width:470px;margin:0;padding:0;background:none;}
.page_contents h4 .srch_wrap .ipt_wrap{position:relative;}
.page_contents h4 .srch_wrap .select{width:120px;height:35px;padding:0 0 0 10px;margin-left:10px;background:url(../../images/membership/bg_select.png) no-repeat right 10px top 50%;line-height:35px;font-size:13px;float:left;}
.page_contents h4 .srch_wrap .select:first-child{margin-left:0;width:100px;}
.page_contents h4 .srch_wrap .input{width:234px;height:35px;padding:0 0 0 10px;margin-left:5px;float:left;}
.page_contents h4 .srch_wrap .btn_srch{position:absolute;top:0;right:0;width:35px;height:35px;background:url(../../images/icon/ico_srch_sm.png) no-repeat 50% 50%;}
.page_contents .cont_box{border-top:1px solid #666;}
.page_contents .cont_box .innersrch{padding:30px;background-color:#f0f0f0;}
  .innersrch .ipt_wrap{position:relative;width:555px;margin:0 auto;}
  .innersrch.insel{text-align:center;}
  .innersrch.insel .ipt_wrap{display:inline-block;width:655px;margin:0 auto;}
  .innersrch.insel .select {display:inline-block;width:100px;background-color:#fff;float:left;}
  .innersrch.insel .ipt_wrap .input{width:545px;float:right;}
  .innersrch .ipt_wrap .btn_srch{position:absolute;top:0;right:0;width:50px;height:50px;background:url(../../images/icon/ico_srch_sm.png) no-repeat 50% 50%;}
  .innersrch .ipt_wrap .btn_apply{display:inline-block;width:70px;height:50px;background:#f27935;font-size:14px;line-height:50px;color:#fff;}
.page_contents .cont_box .tab{}
.page_contents .cont_box .tab .tab_btn{padding:30px 0;border-bottom:1px solid #e9e9e9;text-align:center;overflow:hidden;}
.page_contents .cont_box .tab li{display:inline-block;}
.page_contents .cont_box .tab li.nodata{padding:30px;font-size:15px;text-align:center;}
.page_contents .cont_box .tab li .btn_tab{display:inline-block;width:auto;height:40px;margin-right:15px;padding:0 20px;border:1px solid #dcdcdc;border-radius:30px;font-size:15px;color:#666;line-height:40px;float:none;}
.page_contents .cont_box .tab li:last-child .btn_tab{margin-right:0;}
.page_contents .cont_box .tab .btn_tab:hover{color:#f27935;border-color:#f27935;}
.page_contents .cont_box .tab .btn_tab.on{background-color:#f27935;border-color:#f27935;color:#fff;}
.page_contents .cont_box .tabcont .cont{padding:0;}
.page_contents .cont_box .tabcont .cont.default{padding:30px;background-color:#f0f0f0;font-size:15px;color:#333;line-height:1.6;text-align:center;}
.page_contents .cont_box .tabcont .cont .table.vmode{border-top:none;}
.page_contents .cont_box .table.vmode th .star{display:inline-block;margin-top:3px;margin-left:5px;color:#f27935;vertical-align:top;}
.page_contents .cont_box .tabcont .cont .btn_booksrch{}
.page_contents .cont_box .tabcont .cont .faq_list{margin-top:0;}
.page_contents .cont_box .tabcont .cont .faq_list li.addfile{}
.page_contents .cont_box .qna_complete{padding-top:100px;background:url(../../images/my/bg_qna_complete.png) no-repeat 50% 50%;}
.page_contents .cont_box .qna_complete .txt{font-size:30px;color:#333;text-align:center;}
.page_contents .cont_box .qna_complete .bot_txt{margin-bottom:5px;font-size:17px;color:#999;text-align:center;line-height:1.4;}
.page_contents .cont_box .qna_complete .bot_txt a{color:#333}
.page_contents .cont_box .qna_complete .bot_txt a:hover{color:#f27935;}

.faq_list{margin-top:40px;}
.faq_list .faq_head{display:block;padding:15px 0;border-top:1px solid #666;overflow:hidden;}
.faq_list .faq_head span{display:block;float:left;font-size:15px;color:#333;text-align:center;}
.faq_list .sort{width:200px;}
.faq_list .incont{width:500px;}
.faq_list .file{width:195px;}
.faq_list .accordion{border:none;border-top:1px solid #e9e9e9}
.faq_list .accordion li{width:100%;border-bottom:1px solid #e9e9e9;}
.faq_list .accordion .btn_accmenu{position:relative;width:100%;overflow:hidden;}
.faq_list .accordion li.addfile .btn_accmenu::after{content:'';position:absolute;top:50%;right:90px;width:15px;height:18px;margin-top:-8px;background:url(../../images/icon/ico_clip.png) no-repeat 0 0;}
.faq_list .accordion li.addfile.on .btn_accmenu::after{;background:url(../../images/icon/ico_clip_or.png) no-repeat 0 0;}
.faq_list .accordion .btn_accmenu .bar{position:absolute;top:27px;right:20;width:17px;height:1px;background-color:#999;}
.faq_list .accordion .btn_accmenu .bar.ver{top:20px;right:28px;width:1px;height:16px;-webkit-transition: .3s;transition: .3s;}
.faq_list .accordion li.on .btn_accmenu{background-color:#fff;}
.faq_list .accordion li.on .btn_accmenu .bar.ver{top:27px;height:1px;}
.faq_list .accordion .btn_accmenu span{display:block;line-height:1.4;float:left;}
.faq_list .accordion .btn_accmenu .sort{width:140px;color:#333;}
.faq_list .accordion .btn_accmenu .file{text-align:center;}
.faq_list .accordion .acc_cont{padding:30px 30px 30px 60px;background-color:#fef5ec;font-size:14px;color:#666;line-height:1.8;}
.faq_list .accordion .acc_cont img{max-height:auto;}
.faq_list .accordion .acc_cont .data{margin-top:15px;border-top:1px solid #e9e9e9;}
.faq_list .accordion .acc_cont .data a{display:block;margin-top:15px;background:url(../../images/icon/ico_down.png) no-repeat 100% 50%;font-size:14px;color:#666;}
.faq_list .accordion .acc_cont .data a:hover{color:#f27935;background:url(../../images/icon/ico_down_or.png) no-repeat 100% 50%;}
.faq_list.sort_faq .accordion .acc_cont{padding-left:200px;}
.faq_list.sort_faq .accordion .acc_cont img{max-width:650px !important;}

.page_contents .cont_box .qna_wrap .table{margin-bottom:40px;}
.page_contents .cont_box .tabcont .cont .qna_form .table.vmode{border-top:1px solid #666;}
.page_contents .cont_box .qna_wrap .table.table_sort td,
.page_contents .cont_box .qna_wrap .table.table_sort th{padding:20px 0 20px 30px;}
.page_contents .cont_box .qna_wrap .table.table_sort .last th,
.page_contents .cont_box .qna_wrap .table.table_sort .last td{padding:0 0 20px 30px;}
.page_contents .cont_box .qna_wrap .table .ipt_wrap{display:inline-block;width:100%;}
.page_contents .cont_box .qna_wrap .table .pt_infolist{display:none;margin-top:15px;padding-top:15px;border-top:1px dashed #e9e9e9;clear:both;}
.page_contents .cont_box .qna_wrap .table .pt_infolist li{margin-top:5px;font-size:14px;color:#666;}
.page_contents .cont_box .qna_wrap .table .pt_infolist li span{color:#ed6d07;text-decoration:underline;}
.page_contents .cont_box .qna_wrap .qna_info{margin-bottom:15px;font-size:15px;color:#666;}
.page_contents .cont_box .qna_wrap .qna_info span{color:#f27935;}
.page_contents .cont_box .qna_wrap .accordion{border-top:1px solid #666;}
.page_contents .cont_box .qna_wrap .accordion:last-child{border-top:none;}
.page_contents .cont_box .qna_wrap .accordion .btn_accmenu{color:#333;}
.page_contents .cont_box .qna_wrap .accordion li.on .btn_accmenu{color:#f37021;}
.page_contents .cont_box .bot_btn{padding-top:40px;text-align:center;}
.page_contents .cont_box .bot_btn .btn_solid{width:155px;height:45px;margin:0 auto;border-radius:45px;line-height:45px;font-size:15px;}
.page_contents .cont_box .ipt_radio .radio_wrap{width:130px;float:left;}
.page_contents .cont_box .ipt_radio .radio_wrap label{color:#333;}
.page_contents .cont_box .qna_wrap .infotxt{margin-top:5px;font-size:13px;color:#999;}
.page_contents .cont_box .qna_wrap.qna_homepage{padding-top:40px;}
.page_contents .cont_box .qna_wrap .qna_form,
.page_contents .cont_box .qna_wrap.form .qna_incont{display:none;}
.page_contents .cont_box .qna_wrap.form .qna_form{display:block;}
.page_contents .cont_box .qna_wrap .qna_form .btn_wrap{text-align:center;}
.page_contents .cont_box .qna_wrap .qna_form .btn_wrap a{display:inline-block;width:150px;height:50px;margin:0 10px;padding:0;border-radius:50px;line-height:50px;font-size:14px;}
.page_contents .cont_box .qna_wrap .qna_form .btn_wrap .btn_round:hover{background:none;border-color:#f27935;color:#f27935;}
.page_contents .cont_box .qna_wrap .qna_form .report_info{padding:30px 0;margin-bottom:40px;background-color:#f0f0f0;border-top:1px solid #666;border-bottom:1px solid #e9e9e9;font-size:15px;text-align:center;}
.page_contents .cont_box .qna_wrap .qna_form .report_info p{margin-bottom:15px;}
.page_contents .cont_box .qna_wrap .qna_form .report_info .report_predown{display:inline-block;background-color:#fff;padding:10px 30px;border-radius:50px;margin:0 auto;color:#999;}
.page_contents .cont_box .qna_wrap .qna_form .report_info .report_predown .tit{margin-right:15px;color:#333;}
.page_contents .cont_box .qna_wrap .qna_form .report_info .report_predown .down{margin-left:15px;color:#f27935;}
.page_contents .cont_box .qna_wrap .qna_form.q2,
.page_contents .cont_box .qna_wrap .qna_form.q3,
.page_contents .cont_box .qna_wrap.report .qna_incont,
.page_contents .cont_box .qna_wrap.point .qna_incont{display:none;}
.page_contents .cont_box .qna_wrap.report .qna_form.q2,
.page_contents .cont_box .qna_wrap.point .qna_form.q3{display:block;}
.page_contents .cont_box .qna_wrap.point > .table.vmode .last th,
.page_contents .cont_box .qna_wrap.point > .table.vmode .last td{display:none;}
.page_contents .cont_box .qna_wrap.point .table.vmode th,
.page_contents .cont_box .qna_wrap.point .table.vmode td{border-bottom:1px solid #e9e9e9;}
.page_contents .cont_box .qna_wrap.point .qna_form.q3 .table.vmode th,
.page_contents .cont_box .qna_wrap.point .qna_form.q3 .table.vmode td{border-bottom:none;}
.page_contents .cont_box .qna_wrap.point .qna_form.q3 .table.vmode .last th,
.page_contents .cont_box .qna_wrap.point .qna_form.q3 .table.vmode .last td{border-bottom:1px solid #e9e9e9;}
.page_contents .cont_box .qna_wrap.point .table .pt_infolist{display:block;}
.page_contents .cont_box .qna_wrap.qna_video .qna_incont{margin-top:40px;}
.page_contents .cont_box .qna_wrap.qna_video .qna_form{display:none;}
.page_contents .cont_box .qna_wrap.qna_video.form .qna_form{display:block;}
.page_contents .cont_box .qna_wrap.qna_etc .qna_form{display:block;margin-top:40px;}
.page_contents .cont_box .cont_top{padding:30px;margin-bottom:40px;border-bottom:1px solid #e9e9e9;}
.page_contents .cont_box .cont_top .txt{margin-bottom:15px;font-size:15px;color:#333;}
.page_contents .cont_box .cont_top .txt p{margin-bottom:20px;font-size:19px;font-weight:500;}
.page_contents .cont_box .cont_top li{margin-top:5px;font-size:14px;color:#666;}
.page_contents .cont_box .cont_top li:first-child{margin-top:0;}
.page_contents .cont_box .cont_top li span{color:#f27935;}
.page_contents .cont_box .ptbook_form .table,
.page_contents .cont_box .csbook_form .table{border-top:1px solid #666;}
.page_contents .cont_box .csbook_form .txt_form{padding-top:25px;border-bottom:1px solid #e9e9e9;}
.page_contents .cont_box .csbook_form .txt_form dl{margin-bottom:30px;}
.page_contents .cont_box .csbook_form .txt_form dt{margin-bottom:20px;font-size:14px;color:#333;}
.page_contents .cont_box .csbook_form .txt_form dt .star{display:inline-block;margin-top:3px;margin-left:5px;color:#f27935;vertical-align:top;}
.page_contents .cont_box .csbook_form .txt_form dd .input{border-color:#e9e9e9;}
.page_contents .cont_box .csbook_form .txt_form dd .book_sel{overflow:hidden;}
.page_contents .cont_box .csbook_form .txt_form dd .book_sel .select{display:inline-block;}
.page_contents .cont_box .csbook_form .txt_form dd .select.sel1{width:190px;float:left;}
.page_contents .cont_box .csbook_form .txt_form dd .select.sel2{display:none;width:685px;float:right;}
.page_contents .cont_box .csbook_form .txt_form dd .select.sel2.on{display:block;}
.page_contents .cont_box .csbook_form .txt_form dd textarea.input{min-height:100px;resize:none;}
.page_contents .cont_box .csbook_form .txt_form .filebox{width:415px;}
.page_contents .cont_box .csbook_form .txt_form .filebox .upload-name{width:305px;height:50px;border:1px solid #e9e9e9;padding:10px 20px;font-size:15px;color:#333;}
.page_contents .cont_box .csbook_form .txt_form .filebox label{width:100px;height:50px;float:right;line-height:50px;font-size:15px;;text-align:center;}
.page_contents .cont_box .csbook_form .txt_form .filebox label:hover{background-color:#7b7b7b}
.page_contents .cont_box .csbook_form .txt_form .ipt_infotxt{margin-top:5px;font-size:14px;color:#999;}
.page_contents .cont_box .ptbook_form .btn_wrap{margin-top:10px;text-align:right;}
.page_contents .cont_box .ptbook_form .btn_wrap .btn_modify{display:inline-block;width:140px;height:35px;padding:0;line-height:35px;border-radius:50px;border-color:#e9e9e9;font-size:14px;}
.page_contents .cont_box .book_agree{margin-top:30px;}
.page_contents .cont_box .book_agree .inner_box{padding:30px;background-color:#f3f3f3;font-size:14px;color:#333;}
.page_contents .cont_box .book_agree .inner_box table{width:100%;}
.page_contents .cont_box .book_agree .inner_box th,
.page_contents .cont_box .book_agree .inner_box td{padding:10px 0;background-color:#f9f9f9;border-top:1px solid #dcdcdc;font-size:14px;font-weight:400;color:#333;text-align:center;}
.page_contents .cont_box .book_agree .inner_box td{background-color:#fff;border-bottom:1px solid #dcdcdc;}
.page_contents .cont_box .book_agree .chk_wrap{margin-top:15px;text-align:right;}
.page_contents .cont_box .ipt_wrap .sz-md{width:400px;}
.page_contents .cont_box .ipt_wrap .sz-sm{width:170px;}
.page_contents .cont_box .radio_wrap.sz-sm{width:120px;float:left;}
.page_contents .cont_box .radio_wrap label{color:#333;}
.page_contents .cont_box .ipt_wrap.ipt_email .select{margin-left:10px;float:left}
.page_contents .cont_box .table.vmode .ipt_phone .input{margin-left:10px;float:left;}
.page_contents .cont_box .ipt_wrap textarea{height:150px;font-size:14px;resize:none;}

#srchBook{display:inline-block;width:585px;vertical-align:middle;}
#srchBook span,
#srchBook a{display:inline-block;padding:2px 22px 2px 5px;background:url(../../images/common/bg_sel_del.png) no-repeat 100% 50%;}
#srchBook span{background:none;}
#srchBook a:hover{color:#f27935;}
.btn_booksrch{vertical-align:middle;}
.page_contents .cont_box .tb_booksrch{margin-bottom:40px;}
.page_contents .cont_box .tb_booksrch .btn_round{vertical-align:middle}
.page_contents .cont_box .tb_booksrch #srchBook{width:585px;float:none;padding-top:0;vertical-align:middle;}
.page_contents .cont_box .tb_datalist{}
.page_contents .cont_box .tb_datalist .subject span{display:block;color:#f27935;}
.page_contents .cont_box .tb_datalist .subject a{color:#666;line-height:1.6;}
.page_contents .cont_box .tb_datalist .subject a:hover{color:#f27935;}
.page_contents .cont_box .paging{padding:50px 0 80px;}
.tb_view .table td{padding-left:30px;text-align:left;}
.tb_view .table .subject{position:relative;padding:15px 30px;font-size:15px;font-weight:600;color:#333;}
.tb_view .table .subject .date{position:absolute;top:15px;right:30px;}
.tb_view .table .contents{padding:30px;font-size:14px;color:#333;line-height:1.8;}
.tb_view .table .file{width:135px;background:none;border-bottom:1px solid #e9e9e9;}
.tb_view .table .filelist_wrap{width:760px;}
.tb_view .table .filelist{padding:10px 0;}
.tb_view .table .filelist a{display:block;margin-top:12px;padding-left:25px;background:url(../../images/icon/ico_file_gr.png) no-repeat 0 50%;font-size:14px;color:#333;}
.tb_view .table .filelist a:first-child{margin-top:0;}
.tb_view .table .filelist a:hover{background:url(../../images/icon/ico_file.png) no-repeat 0 50%;;color:#f27935;}
.tb_view .btn_wrap{margin-top:30px;text-align:right;}
.tb_view .btn_wrap .add_btn{float:left;}
.tb_view .btn_wrap .add_btn .btn_round{padding:0;}
.tb_view .btn_wrap .add_btn p{display:inline-block;margin-left:15px;font-size:13px;color:#999;}
.tb_view .btn_wrap a{display:inline-block;width:153px;height:45px;font-size:15px;border-radius:45px;line-height:45px;}


.thumb_list{}
.thumb_list ul{overflow:hidden;}
.thumb_list li{width:280px;margin:0 27px 30px 0;float:left;}
.thumb_list li:nth-child(3n){margin-right:0;}
.thumb_list li a{display:block;position:relative;}
.thumb_list li a .img{width:280px;height:195px;background-color:#f0f0f0;overflow:hidden}
.thumb_list li a .img img{;-webkit-transition: -webkit-transform 0.4s;transition: transform 0.4s;}
.thumb_list li a:hover img{-webkit-transform: scale(1.3);transform: scale(1.3) ;}
.thumb_list li .cate{position:absolute;top:0;left:0;display:inline-block;padding:10px 15px;background-color:#f27935;font-size:14px;color:#fff;z-index:10;}
.thumb_list li .cate.brown{background-color:#996b56}
.thumb_list li .cate.green{background-color:#1d8a48}
.thumb_list li .txt_wrap{height:195px;padding:30px 25px;border:1px solid #e9e9e9;border-top:none;}
.thumb_list li .txt_wrap span{display:block;}
.thumb_list li .txt_wrap .tit{margin-bottom:10px;font-size:17px;font-weight:400;color:#333;line-height:1.4;}
.thumb_list li .txt_wrap .txt{font-size:14px;font-weight:300;color:#999;line-height:1.4;}
.thumb_list li .txt_wrap .date{position:absolute;bottom:30px;width:220px;padding-top:15px;border-top:1px solid #e9e9e9;font-size:13px;color:#999;}
.thumb_list li a:hover .txt_wrap .tit{color:#f27935;}
.thumb_list li a:hover .txt_wrap .txt{font-weight:400;color:#333;}
.thumb_list li.old a .img::after{content:'종료';position:absolute;top:0;left:0;display:block;width:280px;height:195px;background-color:rgba(0,0,0,.6);font-size:19px;color:#fff;line-height:195px;text-align:center;z-index:100;}
.page_contents .cont_box .thumb_list{padding:40px 0;}
.page_contents .cont_box .thumb_list .paging{padding-top:30px;}
.page_contents .cont_box .thumb_list li.nodata{width:100%;margin:0;font-size:13px;color:#666;text-align:center;}

.reply_wrap{margin-top:40px;padding:30px 0;border-top:1px solid #666;}
.reply_wrap .reply_ipt_box{;overflow:hidden;}
.reply_wrap .reply_ipt_box .ipt_wrap{position:relative;float:left;}
.reply_wrap .reply_ipt_box .ipt_wrap label{position:absolute;top:20px;left:20px;font-size:14px;color:#999;z-index:0;}
.reply_wrap .reply_ipt_box .ipt_wrap .input{position:relative;width:790px;height:95px;padding:20px;resize:none;background:none;border-color:#e9e9e9;-webkit-appearance:none;z-index:1;}
.reply_wrap .reply_ipt_box .ipt_wrap .input:focus + label{display:none;}
.reply_wrap .reply_ipt_box .btn_reply{width:95px;height:95px;margin-left:10px;background-color:#626262;font-size:14px;color:#fff;float:left;}
.reply_wrap .reply_ipt_box .btn_reply:hover{background-color:#939393;}
.reply_wrap .reply_list{margin-top:30px;padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
.reply_wrap .reply_list li{padding:25px 0;border-bottom:1px dashed #e9e9e9;}
.reply_wrap .reply_list li:last-child{border-bottom:none;}
.reply_wrap .reply_list li .reply_top{position:relative;height:30px;line-height:30px;margin-bottom:10px;}
.reply_wrap .reply_list li .reply_top .writer{display:inline-block;height:30px;line-height:30px;margin-right:20px;font-size:15px;color:#333;}
.reply_wrap .reply_list li .reply_top .writer.gilbut{padding-left:40px;background:url(../../images/icon/ico_reply_gilbut.png) no-repeat 0 50%;}
.reply_wrap .reply_list li .reply_top .writer.naver{padding-left:40px;background:url(../../images/icon/ico_reply_naver.png) no-repeat 0 50%;}
.reply_wrap .reply_list li .reply_top .writer.google{padding-left:40px;background:url(../../images/icon/ico_reply_google.png) no-repeat 0 50%;}
.reply_wrap .reply_list li .reply_top .writer.facebook{padding-left:40px;background:url(../../images/icon/ico_reply_facebook.png) no-repeat 0 50%;}
.reply_wrap .reply_list li .reply_top .writer.kakao{padding-left:40px;background:url(../../images/icon/ico_reply_kakao.png) no-repeat 0 50%;}
.reply_wrap .reply_list li .reply_top .date{font-size:14px;color:#999;}
.reply_wrap .reply_list li .reply_top .btn_wrap{position:absolute;top:0;right:0;margin-top:0;}
.reply_wrap .reply_list li .reply_top .btn_wrap a{width:65px;height:25px;margin-left:5px;padding:0;line-height:25px;font-size:12px;text-align:center;}
.reply_wrap .reply_list li .reply_body{font-size:15px;color:#666;}
.reply_wrap .reply_list li .reply_ipt_box{margin-top:10px;}
.reply_wrap .reply_list li.re{padding-left:35px;background:url(../../images/common/bg_reply.png) no-repeat 5px 25px;}
.reply_wrap .paging{margin:0;}


.cont_nav{display:block;margin-top:30px;}
.cont_nav a{display:inline-block;width:100%;margin-top:-1px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
.cont_nav a .left{width:115px;height:50px;background-color:#f0f0f0;line-height:50px;text-align:center;font-size:14px;color:#666;float:left;}
.cont_nav a .left span{padding-right:20px;background:url(../../images/common/arr_up.png) no-repeat 100% 50%;}
.cont_nav a .right{width:780px;height:50px;padding-left:30px;line-height:50px;font-size:14px;color:#666;float:left;}
.cont_nav a .right span{font-weight:500;color:#333;margin-right:15px;}
.cont_nav .btn_cont_next .left span{background:url(../../images/common/arr_down.png) no-repeat 100% 50%;}
.cont_nav a:hover .right,
.cont_nav a:hover .right span{color:#f27935;}

.page_contents .notice_list{margin-top:40px;}
.page_contents .notice_list .table td{padding:15px 10px; color:#666;}
.page_contents .notice_list .table td.nodata{padding:30px 10px;font-size:13px;color:#666;}
/* my page */
.alarm_list li .btn_accmenu .date{padding-right:30px;float:right;}
.alarm_list li .btn_accmenu .date span{font-size:12px;}
.alarm_list li.new .btn_accmenu{color:#333;font-weight:500;}
.alarm_list .accordion.bktype .acc_cont{font-size:14px;font-weight:400;color:#666;line-height:1.6;}
.regist_list{}
.regist_list ul{padding-top:30px;border-bottom:none;overflow:hidden;}
.regist_list li{position:relative;width:177px;;padding-bottom:50px;margin-right:62px;float:left;}
.regist_list li:nth-child(4n){margin-right:0;}
.regist_list li:nth-child(4n-3){clear:both;}
.regist_list .lecture_list li{width:255px;margin-right:65px;}
.regist_list .lecture_list li:nth-child(4n){margin-right:65px;}
.regist_list .lecture_list li:nth-child(4n-3){clear:none;}
.regist_list .lecture_list li:nth-child(3n){margin-right:0;}
.regist_list .lecture_list li:nth-child(3n-2){clear:both;}
.regist_list li .book{display:block;}
.regist_list li .book img,
.regist_list li .lecture img{border:1px solid #e9e9e9;}
.regist_list li .info{padding-top:10px;}
.regist_list li .info span{display:block;}
.regist_list li .info .date{margin-bottom:5px;font-size:12px;color:#999;}
.regist_list li .info .brand{font-size:17px;font-weight:500;line-height:1.4;}
.regist_list li .info .title{font-size:16px;font-weight:400;color:#666;line-height:1.5;}
.regist_list li .info .brand.or{color:#f27935;}
.regist_list li .info .brand.bl{color:#0166b3;}
.regist_list li .info .brand.gr{color:#8bc63e;}

.util_contents .lecture_nolist{padding-top:50px;}
.util_contents .lecture_nolist .txt_wrap{text-align:center;}
.util_contents .lecture_nolist .txt_wrap .txt{margin-bottom:40px;font-size:24px;color:#333;}
.util_contents .lecture_nolist .txt_wrap .cr_txt{font-size:20px;color:#999;}
.util_contents .lecture_nolist .lecture_list{width:895px;padding:0;}
.util_contents .lecture_nolist .lecture_list_cont .lecture_list::after{display:none}
.util_contents .lecture_nolist .lecture_list .list_el{width:254px;padding:0;}
.util_contents .lecture_nolist .lecture_list .list_el .lecture{width:254px;}
.util_contents .lecture_nolist .lecture_list .list_el .info .title{font-size:16px;color:#666;}

.util_contents .lecture_list{margin-top:30px;}
.util_contents .lecture_list ul{border:none;}
.util_contents .lecture_list li{margin-bottom:20px;}
.util_contents .lecture_list .list_head{position:relative;border:1px solid #e9e9e9;}
.util_contents .lecture_list .list_head .lecture_notice{padding:15px 40px;border-bottom:1px solid #e9e9e9;font-size:15px;color:#333;}
  .list_info{position:relative;padding:20px 0;overflow:hidden;}
  .list_info .lecture_progress{width:245px;float:left;}
  .list_info .lecture_progress .lecture_pg_wrap{position:relative;width:162px;height:162px;border:1px solid #f0f0f0;border-radius:100%;margin:0 auto;}
  .list_info .lecture_progress .lecture_pg_wrap p{position:absolute;top:40px;left:0;width:100%;font-size:14px;font-weight:500;color:#fff;text-align:center;}
  .list_info .lecture_progress .lecture_pg_wrap .img{position:relative;width:158px;height:158px;border:1px solid #fff;background-color:#f0f0f0;background-repeat:no-repeat;background-size:cover;border-radius:160px;overflow:hidden;}
  .list_info .lecture_progress .lecture_pg_wrap .img::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
  .list_info .lecture_progress .lecture_pg_wrap .lecture_pg{position:absolute;top:0;left:0;}
  .list_info .lecture_progress .lecture_pg_wrap .lecture_pg .circles-text{margin-top:10px;font-size:42px;color:#fff;}
  .list_info .lecture_progress .lecture_pg_wrap .lecture_pg .circles-text span{font-size:30px;}
  .list_info .lecture_detail{width:648px;padding-top:15px;float:left;}
  .list_info .lecture_detail .course_length{font-size:13px;color:#f27935;}
  .list_info .lecture_detail .course_length span{display:inline-block;margin-right:10px;padding:2px 5px;background-color:#ffe5d6;border-radius:20px;}
  .list_info .lecture_detail .course_length.pause{color:#999;}
  .list_info .lecture_detail .course_length.pause span{background-color:#f0f0f0;}
  .list_info .lecture_detail .txt_wrap{margin-bottom:25px;}
  .list_info .lecture_detail .txt_wrap > span{display:block;}
  .list_info .lecture_detail .txt_wrap .tit{width:100%;height:auto;margin-bottom:10px;font-size:24px;color:#333;cursor:pointer;}
  .list_info .lecture_detail .txt_wrap .tit:hover{color:#f27935;}
  .list_info .lecture_detail .txt_wrap .txt span{display:inline-block;padding-right:8px;margin-right:5px;font-size:13px;color:#999;border-right:1px solid #e9e9e9;}
  .list_info .lecture_detail .txt_wrap .txt span:last-child{border-right:none;}
  .list_info .lecture_detail .btn_wrap a{display:inline-block;padding:5px 10px;margin-left:-1px;border:1px solid #d1d1d1;font-size:13px;color:#999;float:left;}
  .list_info .lecture_detail .btn_wrap a:first-child{margin-left:0;}
  .list_info .lecture_detail .btn_wrap a:hover{position:relative;border-color:#f27935;color:#f27935;z-index:1;}
  .list_info .lecture_detail .btn_wrap a.btn_pause.pause{background-color:#f0f0f0;}
  .list_info .lecture_detail .btn_solid{position:absolute;bottom:20px;right:40px;width:170px;height:45px;border-radius:45px;font-size:14px;line-height:45px;}

.util_contents .lecture_list li .btn_tg_wrap{position:absolute;bottom:0;right:0;width:49px;height:49px;background-color:#f27935;}
.util_contents .lecture_list li .btn_tg_wrap a{display:block;width:100%;height:100%;}
.util_contents .lecture_list li .btn_tg_wrap a .bar{top:24px;left:15px;background-color:#fff;}
.util_contents .lecture_list li .btn_tg_wrap a .bar.ver{top:15px;left:24px;}
.util_contents .lecture_list li.toggle_wrap.on .btn_toggle .bar.ver{top:24px;}
.util_contents .lecture_list li .list_body{display:none;border:1px solid #e9e9e9;border-top:none;}
.util_contents .lecture_list li .list_body .lecture_table{padding:35px 50px;}
.util_contents .lecture_list li .list_body .lecture_table .list_box{}
.util_contents .lecture_list li .list_body .lecture_table .list_box .tit{margin-bottom:15px;padding-left:40px;height:25px;background:url(../../images/icon/ico_lecture_list.png) no-repeat 0 0;font-size:14px;color:#333;line-height:25px;}
.util_contents .lecture_list li .list_body .lecture_table .list_box.data .tit{background:url(../../images/icon/ico_lecture_data.png) no-repeat 0 0;}
.util_contents .lecture_list li .list_body .lecture_table .list_box.data{margin-bottom:50px;}
.util_contents .lecture_list li .list_body .lecture_table .list_box .data_list{border:2px solid #e9e9e9;}
.util_contents .lecture_list li .list_body .lecture_table .list_box .data_list ul{padding-bottom:0;}
.util_contents .lecture_list li .list_body .lecture_table .list_box .data_list li{position:relative;margin:0 30px;padding:15px 0;border-bottom:1px solid #e9e9e9;font-size:14px;color:#333;overflow:hidden;}
.util_contents .lecture_list li .list_body .lecture_table .list_box .data_list li:last-child{border-bottom:none;}
.util_contents .lecture_list li .list_body .lecture_table .list_box .data_list li.head{margin:0;background-color:#e9e9e9;}
.util_contents .lecture_list li .list_body .lecture_table .list_box .data_list li span{display:block;text-align:center;float:left;}
.util_contents .lecture_list li .list_body .lecture_table .list_box .data_list li .name{padding-left:20px;text-align:left;}
.util_contents .lecture_list li .list_body .lecture_table .list_box.data .data_list li .name{width:519px;}
.util_contents .lecture_list li .list_body .lecture_table .list_box.data .data_list li.head .name{width:549px;padding-left:30px;text-align:center;}
.util_contents .lecture_list li .list_body .lecture_table .list_box.data .data_list li .sort{width:70px;}
.util_contents .lecture_list li .list_body .lecture_table .list_box.data .data_list li .byte{width:70px;}
.util_contents .lecture_list li .list_body .lecture_table .list_box.data .data_list li .down{width:70px;}
.util_contents .lecture_list li .list_body .lecture_table .list_box.data .data_list li.head .down{width:100px;padding-right:30px;} 
.util_contents .lecture_list li .list_body .lecture_table .list_box.data .data_list li .down .btn_down,
.util_contents .lecture_list li .list_body .lecture_table .list_box.lecture .data_list li .play .btn_play{right:18px;}

.util_contents .lecture_list li .list_body .lecture_table .list_box.lecture .data_list li .num{width:70px;}
.util_contents .lecture_list li .list_body .lecture_table .list_box.lecture .data_list li.head .num{width:100px;padding-left:30px;}
.util_contents .lecture_list li .list_body .lecture_table .list_box.lecture .data_list li .name{width:449px;text-align:left;}
.util_contents .lecture_list li .list_body .lecture_table .list_box.lecture .data_list li .time{width:70px;}
.util_contents .lecture_list li .list_body .lecture_table .list_box.lecture .data_list li .progress{width:70px;}
.util_contents .lecture_list li .list_body .lecture_table .list_box.lecture .data_list li .play{width:70px;}
.util_contents .lecture_list li .list_body .lecture_table .list_box.lecture .data_list li.head .name{text-align:center;}
.util_contents .lecture_list li .list_body .lecture_table .list_box.lecture .data_list li.head .play{width:100px;padding-right:30px;}
.util_contents .lecture_list li .list_body .lecture_table .list_box.lecture .data_list li .play .btn_play.replay{right:5px;width:57px;height:25px;background:#ccc;border-radius:2px;text-indent:0;text-align:center;line-height:23px;font-size:13px;color:#fff;}
.util_contents .lecture_list li .list_body .lecture_table .list_box.lecture .data_list li .play .btn_play.replay:hover{background-color:#f27935;}



.mem_modify{}
.mem_modify .top_txt{padding:25px 0;font-size:14px;color:#333;line-height:1.6;}
.mem_modify .top_txt span{color:#f27935;}
/*.mem_modify .table.vmode{border-top:1px solid #666}*/
.mem_modify .chkbox .email{font-size:15px;color:#333;}
.mem_modify .login_sns_wrap a{display:inline-block;margin:5px;float:none;}
.mem_modify .infobox{padding-top:30px;}
.mem_modify .infobox h5{margin-bottom:10px;font-size:16px;font-weight:500;color:#333;}
.mem_modify .infobox h5 .radio_wrap{display:inline-block;}
.mem_modify .infobox h5 .txt_sm{margin-left:10px;font-size:14px;font-weight:300;color:#999;}
.mem_modify .select.sz-md{width:400px;}
.mem_modify .infobox .mem_sec{margin-bottom:50px;}
.mem_modify .infobox .sec_teacher{margin-bottom:0;}
.mem_modify .infobox .ipt_sms .input{float:left;}
.mem_modify .infobox .ipt_sms p{width:100%;margin-top:10px;padding-left:25px;background:url(../../images/icon/ico_caution.png) no-repeat 0 50%;float:left;}
.mem_modify .infobox .btn_sms{display:inline-block;width:100px;height:50px;margin-left:10px;line-height:50px;font-size:14px;font-weight:400;float:left;}
.mem_modify .infobox .radio_wrap label.email_agree{color:#f27935;}
.mem_modify .infobox input:disabled, 
.mem_modify .infobox select:disabled, 
.mem_modify .infobox .input.disable{color:#333;}
.mem_modify .addinput{display:none;margin-top:5px;}
.mem_modify .addinput.on{display:block;}
.mem_modify .withdrawal_agreebox{padding-top:30px;text-align:center;}
.page_contents .cont_box .mem_modify .bot_btn .btn_solid,
.page_contents .cont_box .mem_modify .bot_btn .btn_gray{width:170px;height:50px;line-height:50px;border-radius:50px;margin:0 auto;font-size:17px;}

.payment_page .cont_box{border:none;}
.payment_page .cont_box .tab{position:relative;}
.payment_page .cont_box .tab .tab_btn{position:relative;padding:0;border:none;}
.payment_page .cont_box .tab .tab_btn::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#666;z-index:1;}
.payment_page .cont_box .tab .tab_btn li{position:relative;display:block;background-color:#fff;float:left;z-index:10;}
.payment_page .cont_box .tab .tab_btn .btn{display:inline-block;width:195px;height:50px;margin:0;border:1px solid #e9e9e9;border-bottom:1px solid #666;border-radius:0;font-size:16px;line-height:50px;}
.payment_page .cont_box .tab .tab_btn .btn.on{background-color:#fff;border-color:#666;border-bottom:1px solid #fff;color:#333;}
.payment_page .cont_box .tab .btn_q{position:absolute;top:25px;right:0;font-size:14px;color:#999;}
.payment_page .cont_box .tab .tabcont .cont{padding-top:45px;}
.payment_page .cont_box .cont .table .btn_round{padding:0 10px;height:30px;line-height:30px;font-size:13px;}
.payment_page .cont_box .cont .table .price{color:#f27935;}
.payment_page .cont_box .cont .table .status{color:#999;}
.payment_page .cont_box .cont .table .date{font-size:13px;color:#666;}
.payment_page .cont_box .cont .table .date span{display:block;font-size:12px;}
.payment_page .cont_box .cont .table .vaccount td{border-bottom:none;}
.payment_page .cont_box .cont .table .vaccount_info{padding:0;}
.payment_page .cont_box .cont .table .vaccount_info .vaccount_info_box{padding:10px 10px 20px;border-top:1px dashed #e9e9e9;overflow:hidden;}
.payment_page .cont_box .cont .table .vaccount_info .infoTit{width:115px;float:left;}
.payment_page .cont_box .cont .table .vaccount_info .info_box{width:760px;padding-left:20px;text-align:left;float:left;overflow:hidden;}
.payment_page .cont_box .cont .table .vaccount_info .info_box .info{float:left;}
.payment_page .cont_box .cont .table .vaccount_info .info_box .info strong{font-weight:500;}
.payment_page .cont_box .cont .table .vaccount_info .info_box .date{width:105px;margin:0;text-align:center;float:right;}
.payment_page .cont_box .info_txt{margin-top:60px;padding:30px;border-top:1px solid #666;border-bottom:1px solid #e9e9e9;}
.payment_page .cont_box .info_txt p{margin-bottom:10px;font-size:18px;color:#333;}
.payment_page .cont_box .info_txt li{display:block;padding-left:7px;text-indent:-7px;font-size:14px;font-weight:400;color:#999;line-height:1.6;}


.tb_qna_wrap .table,{border-top:none;}
.tb_qna_wrap .table td,
.tb_my_wrap .table td{padding:15px 10px;}
.tb_qna_wrap h5.tit_addQ{margin:40px 0 10px;font-size:17px;}
.tb_qna_wrap .table .subject .color,
.tb_my_wrap .table .subject .color{display:block;margin-bottom:5px;color:#f27935;}
.tb_qna_wrap .table .reply td{background-color:#f0f0f0;}
.tb_qna_wrap .table .reply td.subject{padding-left:40px;background:#f0f0f0 url(../../images/common/bg_reply.png) no-repeat 10px 12px;}
.tb_qna_wrap.tb_view .subject .date{float:right;font-size:14px;font-weight:400;color:#333;}
.tb_qna_wrap.tb_view .subject .date span{color:#999;}
.tb_qna_wrap.tb_view .table{}
.tb_qna_wrap.tb_view .table th{padding:12px 0 12px 30px;text-align:left;}
.tb_qna_wrap.tb_view .table.vmode th{padding:12px 30px;}
.tb_qna_wrap.tb_view .table td{padding:12px;}
.tb_qna_wrap.tb_view .table td.subject{padding:15px 30px;font-size:17px;}
.tb_qna_wrap.tb_view .table td.contents{padding:20px 30px;}
.tb_qna_wrap.tb_view .table .color{color:#f27935;}
.tb_qna_wrap.tb_view .table.reply{background-color:#f0f0f0;border-top:none;}
.tb_qna_wrap.tb_view .table.reply.question{background-color:#fff;}
.tb_qna_wrap.tb_view .table.reply td.subject{padding-left:60px;background:url(../../images/common/bg_reply.png) no-repeat 30px 15px;font-size:15px;}
.tb_qna_wrap.tb_view .table.reply td.subject .new{position:absolute;top:15px;right:30px;display:inline-block;padding:2px 5px;background-color:#f27935;border-radius:3px;font-size:13px;color:#fff;}
.tb_qna_wrap.tb_view .table.reply td.contents{padding:20px 30px 20px 60px;}
.tb_qna_wrap .add_q_form{display:none;margin-top:30px;}
.tb_qna_wrap .add_q_form.on{display:block;}
.tb_qna_wrap .add_q_form .editor textarea{width:100%;}
.tb_qna_wrap .qna_form .table th{width:135px;}
.tb_qna_wrap .qna_form .table td{padding:15px 10px 15px 15px;}
.tb_qna_wrap .qna_form .btn_wrap{margin-top:20px;margin-bottom:20px;text-align:center;}
.tb_qna_wrap .qna_form .btn_wrap .button{margin:0 5px;}
.tb_qna_wrap .qna_form .btn_wrap .btn_round{padding:0;}
.tb_qna_wrap .requests{margin-bottom:30px;padding:20px 30px;border-bottom:1px solid #e9e9e9;;background-color:#f0f0f0;}
.tb_qna_wrap .requests p{display:inline-block;padding:3px 7px;background-color:#333;border-radius:4px;margin-bottom:5px;font-size:14px;font-weight:500;color:#fff;}
.tb_qna_wrap .requests .txt{font-size:14px;color:#333;line-height:1.8;}
.tb_my_wrap .innersrch.insel{margin-bottom:40px;}
.tb_my_wrap.my_point .innersrch.insel{border-top:1px solid #666;}
.tb_my_wrap .innersrch.insel .ipt_wrap{width:555px;}
.tb_my_wrap .innersrch.insel .ipt_wrap .input{width:470px;float:left;}
.tb_my_wrap .innersrch.insel .ipt_wrap .input::-webkit-input-placeholder{font-size:14px;font-weight:400;}
.tb_my_wrap .innersrch.insel .ipt_wrap .input::-moz-placeholder{font-size:14px;font-weight:400;}
.tb_my_wrap .innersrch.insel .ipt_wrap .input:-ms-input-placeholder{font-size:14px;font-weight:400;}
.tb_my_wrap .innersrch.insel .ipt_wrap .input:-moz-placeholder{font-size:14px;font-weight:400;}
.tb_my_wrap .innersrch .btn_solid{width:70px;font-size:14px;float:right;}
.tb_my_wrap  .table .color{color:#f27935;}
.tb_my_wrap  .table .status span,
.tb_my_wrap.my_point .table .date span{display:block;font-size:13px;color:#999;}
.my_point_top{padding:30px 0;border-bottom:1px solid #e9e9e9;text-align:center;overflow:hidden}
.my_point_top li{display:inline-block;margin:0 30px;font-size:15px;color:#666;}
.my_point_top li span{margin-left:10px;font-size:20px;color:#999;}
.my_point_top li span.color{font-size:35px;color:#f27935;}
.btn_link_wrap{padding:20px 30px 10px 0;text-align:right;}
.my_request_list{}
.my_request_list_top{position:relative;padding:40px 30px;border-bottom:1px solid #e9e9e9;}
.my_request_list_top li{font-size:14px;color:#666;line-height:1.8;}
.my_request_list_top .btn_solid{position:absolute;top:50%;right:15px;width:150px;height:45px;margin-top:-23px;border-radius:45px;font-size:15px;line-height:45px;}
.request_list{}
.request_list li{width:100%;margin-bottom:40px;border:1px solid #e9e9e9;border-top:1px solid #666;}
.request_list li dl{display:block;overflow:hidden;}
.request_list li dt{width:118px;height:50px;background-color:#f0f0f0;border-bottom:1px solid #e9e9e9;line-height:50px;font-size:15px;color:#333;text-align:center;float:left;}
.request_list li dd{height:50px;padding-left:30px;border-bottom:1px solid #e9e9e9;font-size:15px;line-height:50px; float:left;}
.request_list li dd.date{width:407px;}
.request_list li dd.status{width:250px;}
.request_list li dd.status .btn_round{display:inline-block;padding:0;width:100px;height:33px;margin-left:10px;line-height:31px;font-size:13px;;}
.request_list li .info{position:relative;display:block;padding:20px 40px;}
.request_list li .info .book_wrap{width:100%;margin-top:15px;overflow:hidden}
.request_list li .info .book_wrap:first-child{margin-top:0;}
.request_list li .info .book{float:left;border:1px solid #e9e9e9;}
.request_list li .info .txt{padding-left:30px;float:left;}
.request_list li .info .brand{display:block;font-size:14px;}
.request_list li .info .brand.or{color:#f27935;}
.request_list li .info .brand.bl{color:#0166b3;}
.request_list li .info .brand.gr{color:#8bc63e;}
.request_list li .info .tit{font-size:16px;color:#333;}
.request_list li .info .point{position:absolute;top:50%;right:60px;margin-top:-15px;font-size:24px;color:#f27935;}
.request_list li .delivery{padding:12px 30px;border-top:1px solid #e9e9e9;font-size:14px;color:#999;}
.request_list li .delivery span{margin-right:5px;color:#333;}
.my_request_list .info_txt{margin-top:60px;padding:30px;background-color:#f0f0f0;}
.my_request_list .info_txt p{margin-bottom:10px;font-size:18px;color:#333;}
.my_request_list .info_txt li{display:block;padding-left:7px;text-indent:-7px;font-size:14px;font-weight:400;color:#999;line-height:1.6;}

/* search page  */
.search_top{position:relative;padding:20px 0;background-color:#f0f0f0;z-index:100;}
.search{position:relative;}
.search.on{}
.search .input{position:relative;height:60px;margin-bottom:25px;padding-left:85px;background:#fff url(../../images/icon/ico_srch_bk.png) no-repeat 30px 50%;border:1px solid #fff;border-radius:10px;z-index:20;}
.search.on .input{border-color:#f27935;}
.search .input .inner_input{width:735px;font-size:18px;font-weight:700;color:#f27935;}
.search .input .btn_srch{position:absolute;top:6px;right:10px;width:123px;height:45px;background-color:#f27935;border-radius:5px;font-size:15px;line-height:45px;color:#fff;}
.search .input .btn_srch:hover{background-color:#ff8a44;}
.search .srch_word{position:relative;padding-left:125px;min-height:23px;}

.search .srch_word .tit{position:absolute;top:0;left:0;font-size:17px;font-weight:700;color:#333;  }
.search .srch_word .word_wrap{;overflow:hidden;}
.search .srch_word .word_wrap li{margin:0 15px 10px;font-size:14px;color:#333;float:left;}
.search .srch_word .word_wrap li a{font-size:14px;font-weight:400;color:#333;}
.search .srch_word .word_wrap li a:hover,
.search_contents strong{font-weight:400 !important;color:#f27935 !important;}
.srch_word.suggest_word{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #ddd;}
.srch_word.suggest_word .word_wrap{padding:2px 15px 0;font-size:14px;}
.srch_word.suggest_word .word_wrap em{font-weight:400;color:#f27935;}
.srch_word.suggest_word .word_wrap a{margin-left:10px;font-weight:500;}

.suggestBox{display:none;position:absolute;top:55px;left:0;width:100%;height:405px;background-color:#fff;border:1px solid #e9e9e9;z-index:15;border-top:none;z-index:1;}
.search.on .suggestBox{display:block;}
.suggestBox .base_list{width:450px;padding:30px 20px 30px 30px;border-right:1px solid #e9e9e9;float:left;}
.suggestBox.bv .base_list{width:320px;}
.suggestBox .base_list .scroll_wrap{height:300px;}
.suggestBox .base_list li{margin-bottom:15px;padding-right:20px;}
.suggestBox .base_list li a{font-size:14px;color:#666;line-height:1.2;}
.suggestBox .base_list li a:hover{text-decoration:underline;}
.suggestBox .base_list .selected a{text-decoration:underline;}
.suggestBox .base_list li a .cate{margin-right:10px;font-weight:500;color:#333;}
.suggestBox .base_list li a strong{font-weight:500;color:#f27935;}
.suggestBox .bookview{position:relative;width:180px;height:360px;padding:30px 20px;border-right:1px solid #e9e9e9;float:left;}
.suggestBox .bookview a{display:none;position:absolute;top:30px;left:20px;width:140px;}
.suggestBox .bookview a.on{display:block;}
.suggestBox .bookview .img{width:105px;border:1px solid #e9e9e9;margin-bottom:10px;}
.suggestBox .bookview .tit{display:block;margin-bottom:5px;font-size:13px;line-height:1.2;}
.suggestBox .bookview a:hover .tit{color:#f27935;}
.suggestBox .bookview .txt{display:block;margin-bottom:10px;font-size:12px;color:#999;}
.suggestBox .bookview .price{font-size:12px;color:#f27935;}
.suggestBox .bookview .info{margin-bottom:20px;}
.suggestBox .book_list{width:688px;height:360px;float:left;}
.suggestBox.bv .book_list{width:638px;}
.suggestBox .book_list ul{display:block;padding:20px 30px;overflow:hidden;}
.suggestBox .book_list ul li{width:299px;margin:10px 0;margin-right:30px;float:left;}
.suggestBox.bv .book_list ul li{width:274px;}
.suggestBox .book_list ul li:nth-child(2n){margin-right:0;}
.suggestBox .book_list ul li:nth-child(2n-1){clear:both;}
.suggestBox .book_list ul li a{position:relative;display:block;min-height:110px;overflow:hidden;}
.suggestBox .book_list ul li .img{width:82px;margin-right:20px;float:left;}
.suggestBox .book_list ul li .img img{border:1px solid #e9e9e9;}
.suggestBox .book_list ul li .info{width:172px;float:left;}
.suggestBox .book_list ul li .info span{display:block;font-size:13px}
.suggestBox .book_list ul li .info .tit{height:2.7em;margin-bottom:5px;color:#333;line-height:1.4;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.suggestBox .book_list ul li .info strong{font-weight:500;color:#f27935 !important;}
.suggestBox .book_list ul li .info .txt{margin-bottom:10px;color:#999;}
.suggestBox .book_list ul li .info .price{color:#f27935;}
.suggestBox .book_list ul li .mark_wrap{position:absolute;bottom:1px;left:102px;}
.suggestBox .mark_wrap .mark{display:inline-block;padding:3px 4px;margin-left:-1px;border:1px solid #d1d1d1;font-size:12px;color:#999;float:left;}
.suggestBox .book_list ul li a:hover .tit{color:#f27935;}
.suggestBox .book_list ul li a:hover .txt{color:#333;}
.suggestBox .book_list .paging{padding-top:20px;}
.suggestBox .book_list .paging a{width:20px;height:20px;margin:0 4px;line-height:20px;}
.suggestBox .book_list .paging .btn_prev,
.suggestBox .book_list .paging .btn_next,
.suggestBox .book_list .paging .btn_first,
.suggestBox .book_list .paging .btn_last{width:20px;height:20px;line-height:20px;}
.suggestBox .book_list .paging .btn_prev a,
.suggestBox .book_list .paging .btn_next a,
.suggestBox .book_list .paging .btn_first a,
.suggestBox .book_list .paging .btn_last a{margin:0;}
.suggestBox .book_list .paging .btn_prev a{background-position:-35px 6px}
.suggestBox .book_list .paging .btn_next a{background-position:-116px 6px}
.suggestBox .book_list .paging .btn_first a{background-position:5px 6px}
.suggestBox .book_list .paging .btn_last a{background-position:-77px 6px}
.suggestBox .book_list .paging .btn_prev a:hover{background-position-y: -24px !important}
.suggestBox .book_list .paging .btn_next a:hover{background-position-y: -24px !important}
.suggestBox .book_list .paging .btn_first a:hover{background-position-y: -24px !important}
.suggestBox .book_list .paging .btn_last a:hover{background-position-y: -24px !important}
.suggestBox .bot_btn{clear:both;width:100%;height:45px;padding-left:30px;line-height:45px;background-color:#f0f0f0;}
.suggestBox .bot_btn a{display:inline-block;padding-left:12px;margin-left:10px;border-left:1px solid #dcdcdc;font-size:14px;font-weight:400;color:#666;}
.suggestBox .bot_btn a:first-child{padding-left:0;margin-left:0;border-left:none;}
.suggestBox .bot_btn a:hover{color:#f27935;}

.search_body{position:relative;z-index:50;}
.search_body .tab{padding-top:12px;background-color:#e0e0e0;z-index:100 !important;}
.search_body .tab .btn_tab{width:auto;display:inline-block;padding:0 22px;font-size:16px;font-weight:400;color:#333;}
.search_body .tab .btn_tab.on{padding:0 25px;}
.search_body .tab .btn_tab span{font-size:14px;}
.search_body .tab .btn_option{position:absolute;bottom:0;right:30px;width:110px;height:45px;padding-left:15px;background-color: #fff;font-size:14px;color:#333;line-height:45px;}
.search_body .tab .btn_option .opt_wrap{position:relative;}
.search_body .tab .btn_option .opt_wrap .bar{left:67px;top:21px;width:15px;}
.search_body .tab .btn_option .opt_wrap .bar.ver{left:74px;top:14px;width:1px;height:15px;}
.search_body .tab .toggle_wrap.on .btn_option .opt_wrap .bar.ver{top:21px;height:1px;}
.search_body .tab .srch_filter{position:absolute;top:50px;left:30px;width:1140px;height:0;background-color:#ffff;overflow:hidden;z-index:10;-webkit-transition:.3s;transition:.3s;}
.search_body .tab .srch_filter .sort{width:380px;height:30px;padding-left:20px;border-right:1px solid #e9e9e9;float:left;}
.search_body .tab .srch_filter .tgsel_wrap{margin-top:10px;padding-top:5px;}
.search_body .tab .srch_filter .tgsel_wrap .tit{margin-right:20px;font-size:15px;font-weight:500;color:#333;}
.search_body .tab .srch_filter .tgsel_wrap a{display:inline-block;margin-right:10px;padding-right:10px;border-right:1px solid #e9e9e9;font-size:13px;color:#666;}
.search_body .tab .srch_filter .tgsel_wrap a.on{color:#f27935;}
.search_body .tab .srch_filter .tgsel_wrap a:last-child{border-right:none;}
.search_body .tab .srch_filter .term{width:680px;float:right;}
.search_body .tab .srch_filter .term .tgsel_wrap{float:left;}
.search_body .tab .srch_filter .term .ipt_wrap{display:block;width:310px;height:40px;padding-top:10px;line-height:30px;float:left;}
.search_body .tab .srch_filter .term .ipt_wrap .input{width:140px;height:30px;padding:5px 30px 5px 10px;background:url(../../images/icon/ico_cal.png) no-repeat 90% 50%;font-size:13px;color:#333;float:left;}
.search_body .tab .srch_filter .term .ipt_wrap .to{display:block;width:30px;text-align:center;float:left;}
#ui-datepicker-div{z-index:100 !important;}
.search_body .tab .srch_filter .term .btn_apply{width:100px;height:30px;margin-top:10px;margin-left:10px;background-color:#333;font-size:15px;color:#fff;float:left;}
.search_body .tab .srch_filter .term .btn_apply:hover{background-color:#4d4d4d}
.search_body .tab .toggle_wrap.on .srch_filter{height:70px;padding-top:10px;border-bottom:2px solid #e9e9e9;}

.search_body .tabcont .cont{padding:0;}
.search_body .customize{padding:45px 0 30px;border-bottom:2px solid #f0f0f0;}
.search_body .customize .infotxt{text-align:center;}
.search_body .customize .infotxt span{display:inline-block;font-size:21px;color:#999;border-bottom:1px solid #d1d1d1;}
.search_body .customize .mybook_tit{font-size:19px;font-weight:300;color:#333;}
.search_body .customize .mybook_tit span{font-weight:500;}
.search_body .customize .mybook_wrap .mybook{position:relative;height:330px;}
.search_body .customize .mybook_wrap .mybook .swiper-container{margin:0 35px;}
.search_body .customize .mybook_wrap .mybook .swiper-wrapper{padding-top:30px;}
.search_body .customize .mybook_wrap .mybook .swiper-slide{position:relative;}
.search_body .customize .mybook_wrap .mybook .book img{border:1px solid #e9e9e9;}
.search_body .customize .mybook_wrap .mybook .mark{width:100%;height:27px;margin-top:10px;overflow:hidden;}
.search_body .customize .mybook_wrap .mybook .mark span{display:inline-block;width:62px;height:27px;margin-left:1px;background-color:#d1d1d1;border-radius:3px;font-size:13px;color:#fff;text-align:center;float:left;line-height:27px;}
.search_body .customize .mybook_wrap .mybook .mark span.on:nth-child(3n){background-color:#9fce44}
.search_body .customize .mybook_wrap .mybook .mark span.on:nth-child(3n+1){background-color:#4ed270;}
.search_body .customize .mybook_wrap .mybook .mark span.on:nth-child(3n+2){background-color:#41d3af}
.search_body .srch_result_wrap{overflow:hidden}
.search_body .srch_result{position:relative;width:826px;padding-bottom:100px;float:left;}
.search_body .srch_result::after{content:'';position:absolute;top:0;right:0;width:1px;height:100%;background-color:#f0f0f0}
.search_body .srch_result .paging{clear:both;padding:30px 0 80px;}
.srch_sec{position:relative;padding:40px 0 40px;border-bottom:2px solid #f0f0f0; }
/*.srch_sec.lecture_list_cont{border-bottom:none;}*/
.srch_sec .btn_more{position:absolute;bottom:20px;right:30px;font-size:13px;font-weight:300;color:#999;}
.srch_sec .btn_more:hover{color:#f27935;}
.srch_sec h4{position:relative;font-size:19px;font-weight:500;color:#333;}
.srch_sec h4 span{margin-left:5px;font-size:14px;font-weight:400;}
.srch_sec h4 .btn_more{bottom:0;}
.srch_sec.book_list_cont h4,
.srch_sec.lecture_list_cont h4{margin-bottom:0;}
.srch_sec.book_list_cont .book_list,
.srch_sec.lecture_list_cont .lecture_list{width:826px;padding:0;}
.srch_sec.book_list_cont .book_list:after,
.srch_sec.lecture_list_cont .lecture_list:after{display:none;}
.srch_sec.book_list_cont .book_list ul,
.srch_sec.lecture_list_cont .lecture_list ul{border-bottom:0;padding:0;}
.srch_sec .data_list .title{position:relative;font-size:24px;font-weight:500;color:#333;}
.srch_sec .data_list .title a{line-height:1.3;}
.srch_sec .data_list .title a span{position:absolute;bottom:0;right:30px;font-size:13px;font-weight:300;color:#999;}
.srch_sec .data_list .title .btn_more{bottom:0;}
.srch_sec .data_list > ul > li{margin-top:20px;border-bottom:1px solid #f0f0f0;}
.srch_sec .data_list > ul > li:last-child{border-bottom:none;}
.srch_sec .data_list .datalist{padding:10px 30px 20px 0;}
.srch_sec .data_list .datalist li{position:relative;padding:15px 0 15px 20px;border-bottom:1px solid #f0f0f0;font-size:14px;color:#333;}
.srch_sec .data_list .datalist li:last-child{border-bottom:none;}
.srch_sec .data_list .datalist li .btn_down{}
.srch_sec.lecture_list_cont .lecture_list{margin-top:0;}
.srch_sec.lecture_list_cont .lecture_list .lecture{width:220px;}
.srch_sec.lecture_list_cont .lecture_list .info{width:535px;}
.srch_sec .contents_list{padding-right:30px;overflow:hidden;}
.srch_sec .contents_list li{width:220px;margin:30px 68px 30px 0;float:left;}
.srch_sec .contents_list li:nth-child(3n){margin-right:0;}
.srch_sec .contents_list li:nth-child(3n-2){clear:both;}
.srch_sec .contents_list li span{display:block;}
.srch_sec .contents_list .tit{margin-top:10px;margin-bottom:8px;font-size:18px;color:#333;line-height:1.3;}
.srch_sec .contents_list .txt{font-size:13px;color:#999;line-height:1.3;}

.srch_sec .faq_list{margin-top:0;;padding-right:30px;}
.srch_sec .faq_list li{position:relative;padding:15px 0 15px 20px;border-bottom:1px solid #f0f0f0;}
.srch_sec .faq_list li:first-child{margin-top:15px;}
.srch_sec .faq_list li a{font-size:14px;color:#333;}
.srch_sec .faq_list li:last-child{border-bottom:0;}
.srch_sec.evt_list_cont{border-bottom:none;}
.srch_sec li.nodata{width:100%;padding:30px 0;margin:0 !important;font-size:15px;text-align:center;}
.search_body .book_sort{background-color:#fff;border-bottom:2px solid #f0f0f0;}
.search_body .book_sort .sel_book .btn_back,
.search_body .book_sort .sel_cate li a,
.search_body .book_sort .sel_category a{border:1px solid #e9e9e9;}
.search_body .book_sort .sel_category > a{background-color:#f0f0f0;}
.search_body .book_sort .sel_cate li.on a{border-color:#f27935;}
.search_body .book_sort .sel_cate li.on a::before{width:3px;}
.search_body .book_sort .multi_sel .btn_tg.on{background-color:#f0f0f0;}
.search_body .book_sort .sel_book .btn_back{left:-28px;}
.search_body .book_sort .sel_category .scroll_wrap{border:1px solid #e9e9e9;}
.search_body .book_sort .sel_category .scroll_wrap a{;border:none;border-bottom:1px solid #e9e9e9;}
.search_body .book_sort .sel_category .scroll_wrap a:last-child{border-bottom:none;}
.search_body .book_sort .sel_book_wrap{position:static;width:1140px;opacity:1;filter:alpha(opacity=100)}
.search_body .book_sort .sel_book_wrap hr{border-top:1px solid #f0f0f0;}
.search_body .book_sort .sel_tag{margin:20px 0}
.search_body .sel_word_wrap{padding-top:20px;overflow:hidden;}
.search_body .sel_word_wrap .sel_word{width:826px;float:left;}
.search_body .sel_word_wrap .btn_sel_del{display:block;height:20px;line-height:20px;padding-left:20px;background:url(../../images/common/btn_refresh.png) no-repeat 0 50%;font-size:14px;color:#f27935;float:right;}
.search_body .sel_word_wrap .txt_wrap{width:726px;padding-top:12px;float:left;}
.search_body .sel_word_wrap .txt_wrap a{display:inline-block;margin:0 20px 5px 0;font-size:14px;color:#999;padding-right:20px;background:url(../../images/common/btn_del.png) no-repeat 100% 50%;}
.search_body .sel_word_wrap .word_srch{width:282px;margin-right:32px;background-color:#f0f0f0;float:left;}
.search_body .sel_word_wrap .word_srch .input{position:relative;height:40px;border:1px solid #f0f0f0;padding:0;}
.search_body .sel_word_wrap .word_srch .input .inner_input{background:none;font-size:14px;color:#333;padding:0 10px;}
.search_body .sel_word_wrap .word_srch .input .inner_input::-webkit-input-placeholder{font-size:14px;font-weight:400;}
.search_body .sel_word_wrap .word_srch .input .inner_input::-moz-placeholder{font-size:14px;font-weight:400;}
.search_body .sel_word_wrap .word_srch .input .inner_input:-ms-input-placeholder{font-size:14px;font-weight:400;}
.search_body .sel_word_wrap .word_srch .input .inner_input:-moz-placeholder{font-size:14px;font-weight:400;}
.search_body .sel_word_wrap .word_srch .input .btn_inner_srch{position:absolute;top:0;right:0;display:block;width:40px;height:40px;background:url(../../images/icon/ico_srch_sm.png) no-repeat 50% 50%;overflow:hidden;text-indent:-9999px;}
.search_book .srch_sec.book_list_cont .book_list ul{border-bottom:1px solid #f0f0f0;}
.search_book .srch_sec,
.search_data .srch_sec,
.search_lecture .srch_sec,
.search_faq .srch_sec{border-bottom:none}
.search_data .srch_sec .data_list > ul,
.search_lecture .srch_sec .lecture_list > ul{border-bottom:1px solid #f0f0f0;}
.search_body .side_cont{width:314px;padding:0;float:left;}
.search_body .side_cont h3{margin:30px 0 20px 40px;}
.search_body .side_cont li{padding:3px 10px 3px 40px;}
.search_body .side_cont li a{font-size:14px; color:#999;}
.search_body .side_cont li a span{display:inline-block;width:18px;height:18px;margin-right:5px;border-radius:18px;background-color:#d1d1d1;color:#fff;text-align:center;line-height:18px;}
.search_body .side_cont li.top{padding:6px 10px 6px 40px;}
.search_body .side_cont li.top a{font-size:15px;color:#f27935;}
.search_body .side_cont li.top a span{background-color:#f27935;color:#fff;font-size:13px;}
.search_body .side_cont li:nth-child(6){margin-top:10px;}
.search_body .side_cont li a:hover{color:#f27935;text-decoration:underline}
.search_body .side_cont .search_word{}

.certificate_wrap{width:800px;}
.certificate_wrap .print_wrap{position:relative;border:1px solid #e9e9e9;}
.certificate_wrap .print_wrap .num{position:absolute;top:90px;left:130px;font-family:Batang,'諛뷀깢',serif;font-size:15px;font-weight:bold;}
.certificate_wrap .print_wrap .tit{position:absolute;top:180px;left:130px;width:540px;font-family:Batang,'諛뷀깢',serif;font-size:85px;font-weight:bold;text-align:center;}
.certificate_wrap .print_wrap .contents{position:absolute;top:350px;left:130px;width:540px;}
.certificate_wrap .print_wrap .contents p{margin-top:30px;margin-bottom:12px;font-size:20px;font-weight:500;}
.certificate_wrap .print_wrap .contents p:first-child{margin-top:0;}
.certificate_wrap .print_wrap .contents dl{margin-bottom:10px;overflow:hidden;}
.certificate_wrap .print_wrap .contents dt{width:130px;padding-right:20px;float:left;text-align:justify;font-size:17px;}
.certificate_wrap .print_wrap .contents dt::after{content:'';display:inline-block;width:100%;}
.certificate_wrap .print_wrap .contents dd{width:360px;float:left;font-size:17px;}
.certificate_wrap .print_wrap .contents dd span{margin-right:30px;}
.certificate_wrap .print_wrap .contents .txt{font-family:Batang,'諛뷀깢',serif;font-size:23px;text-align:center;font-weight:bold;line-height:1.6;}
.certificate_wrap .print_wrap .date{position:absolute;bottom:220px;left:130px;width:540px;font-family:Batang,'諛뷀깢',serif;font-size:17px;font-weight:bold;text-align:center;}
.certificate_wrap .print_wrap .caution{position:absolute;bottom:80px;left:130px;width:540px;font-family:Batang,'諛뷀깢',serif;font-size:14px;font-weight:bold;text-align:center;}
.certificate_wrap .btn_wrap{padding-bottom:30px;}
.certificate_wrap .btn_wrap .btn_solid{width:155px;height:45px;margin:0 auto;border-radius:45px;line-height:45px;font-size:15px;}

/* curation */
.curation_page{padding:80px 0;border-top:1px solid #e9e9e9;}
.curation_page .container{margin-bottom:100px;overflow:hidden;}
.curation_page .container.snsContainer{margin-bottom:30px;}
.curation_page .tit_cont{width:270px;margin-right:50px;float:left;}
.curation_page .tit_cont h3{font-size:40px;font-weight:500;color:#333;line-height:1.2;}
.curation_page .tit_cont p{margin-top:20px;padding-top:40px;background:url(../../images/common/slush.png) no-repeat 0 0;font-size:14px;color:#999;}
.curation_page .incont{position:relative;width:820px;float:left;}
.curation_page .incont h4{margin-bottom:10px;font-size:30px;font-weight:500;color:#333;}
.curation_page .incont h4 .date{margin-left:20px;font-size:14px;font-weight:400;color:#999;}
.curation_page .incont .nav{position:absolute;top:-40px;right:0;}
.curation_page .incont .nav::after{content:'';position:absolute;top:5px;right:34px;width:1px;height:15px;background-color:#e9e9e9;}
.curation_page .incont .nav a{display:inline-block;width:25px;height:25px;border-radius:25px;overflow:hidden;text-indent:-9999px;float:left;}
.curation_page .incont .nav .btn_prev{margin-right:19px;}
.curation_page .incont .crlist_container{}
.curation_page .incont .crlist_container .crlist_wrap{display:none;}
.curation_page .incont .crlist_container .crlist_wrap:first-child{display:block;}
.curation_page .incont .crlist_container.viewall .crlist_wrap{display:block;}
.curation_page .incont .crlist_container .crlist_wrap .reply_wrap{margin:0 0 40px;padding:30px;border:1px solid #f0f0f0;}
.curation_page .incont .crlist_container .crlist_wrap .reply_wrap .reply_ipt_box .ipt_wrap{width:653px;}
.curation_page .incont .crlist_container .crlist_wrap .reply_wrap .reply_ipt_box .ipt_wrap .input{width:653px;}
.curation_page .incont .crlist_container .crlist_wrap .reply_wrap .reply_list{border-bottom:0;padding-bottom:0;}
.curation_page .incont .crlist_container .btn_more_wrap{position:relative;display:block;width:100%;text-align:center;}
.curation_page .incont .crlist_container .btn_more_wrap::after,
.curation_page .incont .crlist_container .btn_more_wrap::before{content:'';position:absolute;top:50%;width:355px;height:1px;background-color:#d1d1d1;}
.curation_page .incont .crlist_container .btn_more_wrap::after{left:0}
.curation_page .incont .crlist_container .btn_more_wrap::before{right:0}
.curation_page .incont .crlist_container .btn_more_wrap a{display:block;width:105px;margin:0 auto;font-size:13px;color:#666;}
.curation_page .incont .crlist_container .btn_more_wrap a .max{display:none;}
.curation_page .incont .crlist_container .btn_more_wrap a .max span{margin-right:3px;}
.curation_page .incont .crlist_container.viewall .btn_more_wrap a .max{display:block;}
.curation_page .incont .crlist_container.viewall .btn_more_wrap a .min{display:none;}
.curation_page .incont .cr_list{position:relative;width:100%;}
.curation_page .incont .cr_list .swiper-container{height:300px;padding-bottom:40px;}
.curation_page .incont .cr_list .swiper-slide a{position:relative;display:block;width:260px;height:260px;}
.curation_page .incont .cr_list .swiper-slide a:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f37021;}
.curation_page .incont .cr_list .swiper-slide a:after{content:'';position:absolute;bottom:0;left:50%;margin-left:-10px;width:0;height:0;border-top:20px solid #f37021;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid none;-webkit-transition:bottom.5s;transition:bottom.5s;z-index:-1;}
.curation_page .incont .cr_list .swiper-slide .crwrap{position:absolute;top:0;left:0;width:260px;height:260px;margin:0;overflow:hidden;-webkit-transition:.5s;transition:.5s}
.curation_page .incont .cr_list .swiper-slide .crwrap .img{display:block;position:absolute;top:0;left:0;width:260px;height:260px;background-attachment: cover;background-position: center;background-repeat:no-repeat;-webkit-transition:.5s;transition:.5s}
.curation_page .incont .cr_list .swiper-slide span{position:absolute;top:50%;left:0;display:block;width:100%;margin-top:-30px;padding:0 20px;font-size:21px;font-weight:500;color:#fff;line-height:1.2;text-align:center;}
.curation_page .incont .cr_list .swiper-slide.coming .crwrap{background:#d1d1d1 url(../../images/common/bg_coming.png) no-repeat 50% 50%;}
.curation_page .incont .cr_list .swiper-slide a.on .crwrap{top:30px;left:30px;width:200px;height:200px;border-radius:300px;}
.curation_page .incont .cr_list .swiper-slide a.on .crwrap .img{top:-30px;left:-30px;}
.curation_page .incont .cr_list .swiper-slide a.on:after{bottom:-20px;}
.cont_reply{display:block;}
.crlist_wrap.selon .cont_reply{display:block;margin-bottom:40px;}
.cont_reply .cr_book{padding:40px 50px;background-color:#fef5ec;overflow:hidden;}
.cont_reply .cr_book .info_txt{width:520px;float:left}
.cont_reply .cr_book .info_txt .tit{margin:10px 0 20px;font-size:22px;color:#f37021;}
.cont_reply .cr_book .info_txt .txt{font-size:14px;color:#666;}
.cont_reply .cr_book .book_slide{width:200px;padding:0;height:auto;float:left;}
.cont_reply .cr_book .book_slide .swiper-slide{padding:0 30px;text-align:center;}
.cont_reply .cr_book .book_slide .swiper-button-prev, 
.cont_reply .cr_book .book_slide .swiper-button-next{width:20px;height:30px;}
.cont_reply .cr_book .book_slide .swiper-button-prev{background:url(../../images/common/arr_left_or.png) no-repeat 50% 50%;}
.cont_reply .cr_book .book_slide .swiper-button-next{background:url(../../images/common/arr_right_or.png) no-repeat 50% 50%;}

.cont_reply .cr_book .book_slide .swiper-pagination{position:static;bottom:0;margin-top:15px;}
.cont_reply .cr_book .book_slide .swiper-pagination-bullet{width:10px;height:10px;}
.cont_reply .reply_wrap .reply_ipt_box .ipt_wrap .input{width:715px;}

.cont_reply .cr_reply .btn_reply{width:95px;height:65px;background-color:#626262;font-size:14px;color:#fff;float:right;}
.cont_reply .cr_reply .reply_list{padding-top:20px;border-top:1px solid #e9e9e9;}
.cont_reply .cr_reply .reply_list li{padding:20px 0;border-bottom:1px solid #e9e9e9;}
.cont_reply .cr_reply .reply_list li:last-child{border-bottom:none;}
.cont_reply .cr_reply .reply_list li.none{font-size:14px;color:#999;text-align:center;}
.cont_reply .cr_reply .reply_list li.re{padding-left:35px;}
.crbook_list{}
.crbook_list ul{display:none;width:100%;margin-bottom:30px;}
.crbook_list ul:first-child,
.curation_page .incont .crlist_container.viewall .crbook_list ul{display:inline-block;}
.crbook_list li{width:177px;height:243px;margin-right:37px;float:left;}
.crbook_list li:last-child{margin-right:0;}
.crbook_list li a{position:relative;display:block;width:100%;height:100%;}
.crbook_list li a .book{position:absolute;bottom:0;left:0;}
.crbook_list li a .book img{width:100%;max-width:100%;border:1px solid #e9e9e9;}
.crbook_list li a .tit{position:absolute;bottom:0;width:100%;height:40px;line-height:40px;background-color:rgba(0,0,0,.6);font-size:14px;color:#fff;text-align:center;-webkit-transition:height .5s;transition:height .5s;overflow:hidden;}
.crbook_list li a:hover .tit{height:0;}
.crbook_list.setlist li{width:391px;height:320px;}
.crbook_list.setlist li .setbook{position:relative;display:inline-block;width:100%;}
.crbook_list.setlist li .setbook::before{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:236px;background-color:#f0f0f0}
.crbook_list.setlist li .setbook.plus::after{content:'';display:block;position:absolute;bottom:28px;left:147px;width:22px;height:21px;background:url(../../images/icon/bg_book_plus.png) no-repeat 0 0;}
.crbook_list.setlist li .setbook.arr::after{content:'';display:block;position:absolute;bottom:30px;left:142px;width:27px;height:15px;background:url(../../images/icon/bg_book_link.png) no-repeat 0 0;}
.crbook_list.setlist li .setbook a.fst{width:102px;margin-left:35px;float:left;}
.crbook_list.setlist li .setbook a.last{width:177px;margin-left:40px;float:left;}
.crbook_list.setlist li .setbook a .book{bottom:60px;}
.crbook_list.setlist li .setbook a .mark{position:absolute;bottom:25px;left:0;width:100%;text-align:center;}
.crbook_list.setlist li .setbook a .mark span{display:inline-block;padding:6px 15px;background-color:#9fce44;border-radius:3px;font-size:14px;color:#fff;text-align:center;}
.crbook_list.setlist li .setbook a .mark.viewbook span{background-color:#41d3af}
.crbook_list.setlist li .setbook a .mark.interestbook span{background-color:#c572e8}
.crbook_list.setlist li .setbook a .mark.mark1 span{background-color:#efb12b}
.crbook_list.setlist li .setbook a .mark.mark2 span{background-color:#839ff9}

.crbook_list li.before_login{width:100%;height:305px;margin:0;padding:100px 0 0 280px;background:#f0f0f0 url(../../images/icon/bg_book_login.png) no-repeat 110px 50%;}
.crbook_list li.before_login span{display:block;font-size:17px;color:#999;}
.crbook_list li.before_login span.bold{margin-bottom:10px;font-size:24px;font-weight:500;color:#333;}
.crSns_list ul{display:none;width:100%;margin-bottom:30px;}
.crSns_list ul:first-child,
.curation_page .incont .crlist_container.viewall .crSns_list ul{display:inline-block;}
.crSns_list li{width:260px;height:260px;margin-right:20px;float:left;}
.crSns_list li:last-child{margin-right:0;}
.crSns_list li a{position:relative;display:block;width:260px;height:260px;font-size:21px;font-weight:500;color:#fff;line-height:1.2;text-align:center;}
.crSns_list li a span{display:table-cell;width:260px;height:260px;background-color:rgba(0,0,0,.4);vertical-align:middle;}
.crSns_list li a::after{content:'';display:block;position:absolute;bottom:20px;left:20px;width:26px;height:26px;}
.crSns_list li a.facebook::after{background:url(../../images/main/sns_facebook.png) no-repeat 50% 50%;}
.crSns_list li a.instagram::after{background:url(../../images/main/sns_instagram.png) no-repeat 50% 50%;}
.crSns_list li a.naver::after{background:url(../../images/main/sns_naver.png) no-repeat 50% 50%;}
.crSns_list li a.youtube::after{background:url(../../images/main/sns_youtube.png) no-repeat 50% 50%;}


/*modal */
.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;}
.modal.on{background-color:rgba(0,0,0,0.7);z-index:100000;}
.modal_box{position:absolute;top:60%;left:50%;width:618px;height:508px;margin:-254px 0 0 -309px;background-color:#fff;opacity:0;filter:alpha(opacity=0);-webkit-transition:.3s;transition:.3s}
.modal.on .modal_box{top:50%;opacity:1;filter:alpha(opacity=100);}
.modal_box h5,
.popup h5{position:relative;padding:18px 30px;border-bottom:1px solid #dcdcdc;font-size:18px;font-weight:500;color:#333;}
.modal_box h5 .preview{margin-left:10px;color:#f27935;}
.modal_box h5 .btn_close{position:absolute;top:20px;right:30px;}
.modal_box .modal_contents,
.popup .pop_contents{padding:20px 30px;}
.modal_box .modal_contents .ipt_addr{display:inline-block;width:100%;}
.modal_box .modal_contents .ipt_addr .input{width:435px;float:left;}
.modal_box .modal_contents .ipt_addr .btn_gray{width:100px;font-size:14px;float:right;}
.modal_box .modal_contents .addr_result{margin-top:20px;padding:20px;height:300px;border:1px solid #d1d1d1;font-size:14px;color:#999;}
.modal_box .modal_contents .addr_result a{color:#999;}
.modal_box .modal_contents .addr_result a:hover{color:#f27935;}

.modal_qrcode .modal_box{width:410px;height:280px;margin:-140px 0 0 -205px;}
.modal_qrcode .modal_box .modal_contents{text-align:center;}

.modal_sns .modal_box{width:410px;height:210px;margin:-205px 0 0 -205px;}
.modal_sns .modal_box .modal_contents{padding:30px 0;background-color:#fff;text-align:center;}
.modal_sns .modal_box .modal_contents a{display:inline-block;width:52px;margin:0 15px;font-size:13px;color:#333;}
.modal_sns .modal_box .modal_contents a .ico{display:inline-block;width:52px;height:52px;margin-bottom:10px;border:1px solid #333;border-radius:10px;}
.modal_sns .modal_box .modal_contents .btn_facebook .ico{background:url(../../images/icon/ico_facebook_bk.png) no-repeat 50% 50%}
.modal_sns .modal_box .modal_contents .btn_twitter .ico{background:url(../../images/icon/ico_twitter_bk.png) no-repeat 50% 50%}
.modal_sns .modal_box .modal_contents .btn_url .ico{background:url(../../images/icon/ico_url_bk.png) no-repeat 50% 50%}
.modal_sns .modal_box .modal_contents a:hover{color:#f27935;}
.modal_sns .modal_box .modal_contents a:hover .ico{border-color:#f27935;}
.modal_sns .modal_box .modal_contents .btn_facebook:hover .ico{background:url(../../images/icon/ico_facebook_or.png) no-repeat 50% 50%}
.modal_sns .modal_box .modal_contents .btn_twitter:hover .ico{background:url(../../images/icon/ico_twitter_or.png) no-repeat 50% 50%}
.modal_sns .modal_box .modal_contents .btn_url:hover .ico{background:url(../../images/icon/ico_url_or.png) no-repeat 50% 50%}

.modal_sns .modal_box .modal_contents .urlcopy_wrap{position:relative;margin:20px 30px 0;overflow:hidden;}
.modal_sns .modal_box .modal_contents .urlcopy_wrap textarea{width:calc(100% - 100px);height:44px;background-color:#f8f8f8;resize:none;border:1px solid #eee;float:left;}
.modal_sns .modal_box .modal_contents .urlcopy_wrap a{width:100px;display:inline-block;padding:0 10px;height:44px;margin:0;border:1px solid #eee;border-left:none;line-height:44px;float:right;}

.modal_qna .modal_box{width:574px;height:663px;margin:-335px 0 0 -287px;}
.modal_qna.qnaError .modal_box{height:800px;margin:-400px 0 0 -287px;}
.modal_qna .modal_box.lecture_box{height:608px;margin-top:-304px;}
.modal_qna .modal_box .modal_contents{padding:30px;}
.modal_ipt .modal_box .modal_contents .ipt_form{margin-bottom:10px;}
.modal_ipt .modal_box .modal_contents .ipt_form > p{height:50px;line-height:50px;font-size:15px;font-weight:500;color:#333;}
.modal_ipt .modal_box .modal_contents .ipt_form > p span{margin-left:15px;font-size:14px;font-weight:300;color:#999;}
.modal_ipt .modal_box .modal_contents .ipt_form > label{width:95px;height:50px;font-size:15px;color:#333;line-height:50px;}
.modal_ipt .modal_box .modal_contents .ipt_form > label span{display:inline-block;height:50px;color:#f27935;vertical-align:top;line-height:55px}
.modal_ipt .modal_box .modal_contents .ipt_form > label.line2{line-height:1.4;}
.modal_ipt .modal_box .modal_contents .ipt_form > label.line2 span{line-height:1.8;}
.modal_ipt .modal_box .modal_contents .ipt_form .ipt_wrap{width:419;}
.modal_ipt .modal_box .modal_contents .ipt_form .ipt_wrap p{font-size:13px;color:#999;margin-top:3px;}
.modal_ipt .modal_box .modal_contents .ipt_form .ipt_wrap .radio_wrap{width:150px;float:left;}
.modal_ipt .modal_box .modal_contents .ipt_form .ipt_wrap .input,
.modal_ipt .modal_box .modal_contents .ipt_form .ipt_wrap .select{font-size:15px;font-weight:400;color:#333;border:1px solid #e9e9e9; }
.modal_ipt .modal_box .modal_contents .ipt_form.qType,
.modal_ipt .modal_box .modal_contents .ipt_form.qTit{margin-bottom:0;}
.modal_ipt .modal_box .modal_contents .ipt_form.qType >label{height:30px;line-height:30px;}
.modal_ipt .modal_box .modal_contents .ipt_form.qType >label span{line-height:35px;}
.modal_ipt .modal_box .modal_contents .ipt_form.qType .ipt_wrap{padding-top:5px;}
.modal_ipt .modal_box .modal_contents .ipt_form.qType .ipt_wrap label{color:#333;}
.modal_ipt .modal_box .modal_contents .ipt_form.question > label{height:120px;line-height:120px;}
.modal_ipt .modal_box .modal_contents .ipt_form.question > label span{line-height:125px;}
.modal_ipt .modal_box .modal_contents .ipt_form.question .ipt_wrap .input{height:200px;width:100%;resize:none;;padding:20px;}
.modal_ipt .modal_box .modal_contents .ipt_form.memo .ipt_wrap .input{height:100px;width:100%;resize:none;padding:20px;}
.modal_ipt .modal_box .modal_contents .ipt_form .filebox .upload-name{width:305px;height:50px;border:1px solid #e9e9e9;padding:10px 20px;font-size:15px;color:#333;}
.modal_ipt .modal_box .modal_contents .ipt_form .filebox label{width:100px;height:50px;float:right;line-height:50px;font-size:15px;;text-align:center;}
.modal_ipt .modal_box .modal_contents .ipt_form .filebox label:hover{background-color:#7b7b7b}

.modal_qna .modal_box .modal_contents .qna_wrap{}
.modal_qna .modal_box .modal_contents .qna_wrap2,
.modal_qna.qnaError .modal_box .modal_contents .qna_wrap{display:none;}
.modal_qna.qnaError .modal_box .modal_contents .qna_wrap2{display:block;}
.modal_qna .modal_box .modal_contents .qna_wrap .qna_incont{margin-top:30px;}
.modal_qna .modal_box .modal_contents .qna_wrap.formOn .qna_incont{display:none;}
.modal_qna .modal_box .modal_contents .qna_wrap .qna_incont .qna_info{margin-bottom:15px;font-size:15px;color:#666;}
.modal_qna .modal_box .modal_contents .qna_wrap .qna_incont .qna_info span{color:#f27935;}
.modal_qna .modal_box .modal_contents .qna_wrap .qna_incont .faq_list{margin-top:0;margin-bottom:30px;}
.modal_qna .modal_box .modal_contents .qna_wrap .qna_incont .faq_list .scroll_wrap{height:260px;}
.modal_qna .modal_box .modal_contents .qna_wrap .qna_form{display:none;}
.modal_qna .modal_box .modal_contents .qna_wrap.formOn .qna_form{display:block;}
.modal_qna .modal_box .modal_contents .qna_wrap2 .report_info{padding:20px 0;margin-bottom:20px;background-color:#f0f0f0;border-top:1px solid #666;border-bottom:1px solid #e9e9e9;font-size:14px;text-align:center;}
.modal_qna .modal_box .modal_contents .qna_wrap2 .report_info p{margin-bottom:10px;}
.modal_qna .modal_box .modal_contents .qna_wrap2 .report_info .report_predown{display:inline-block;background-color:#fff;padding:10px 30px;border-radius:50px;margin:0 auto;color:#999;}
.modal_qna .modal_box .modal_contents .qna_wrap2 .report_info .report_predown .tit{margin-right:15px;color:#333;}
.modal_qna .modal_box .modal_contents .qna_wrap2 .report_info .report_predown .down{margin-left:15px;color:#f27935;}
.modal_qna .modal_box .modal_contents .ipt_form .ipt_wrap .input{height:40px;}
.modal_qna .modal_box .modal_contents .ipt_form.question .ipt_wrap .input{height:120px;}

.modal_ipt .modal_box .modal_contents .bot_button{padding-top:20px;border-top:1px solid #dcdcdc;}
.modal_bookchk .modal_box{width:574px;height:625px;margin:-307px 0 0 -287px;}
.modal_bookchk .modal_box .modal_contents{padding:30px;}
.modal_bookchk .modal_box .modal_contents .info{padding-bottom:30px;font-size:15px;color:#333;}
.modal_bookchk .modal_box .modal_contents .info .tit{margin-bottom:10px;font-size:18px;font-weight:500;}
.modal_bookchk .modal_box .modal_contents .info dl{margin-bottom:10px;}
.modal_bookchk .modal_box .modal_contents .info dl:last-child{margin-bottom:0;}
.modal_bookchk .modal_box .modal_contents .info dt{font-weight:500;}
.modal_bookchk .modal_box .modal_contents .info dd{}
.modal_bookchk .modal_box .modal_contents .info dd img{display:block;margin:10px auto;}
.modal_bookPremium .modal_box{width:670px;height:730px;margin:-365px 0 0 -335px;}
.modal_bookPremium .modal_box .modal_contents .survey{width:610px;padding-right:20px;height:480px;}
.modal_bookPremium .modal_box .modal_contents .question{width:590px;}
.modal_bookPremium .modal_box .modal_contents .sel_wrap{margin-right:20px;}
.modal_bookPremium .modal_box .modal_contents .sel_wrap .ipt_pre1{display:inline-block;width:60px;padding:10px;margin-left:10px;}
.modal_bookPremium .modal_box .modal_contents .ipt_wrap .txt{margin-bottom:5px;font-size:14px;}
.modal_bookPremium .modal_box .modal_contents .pre_wrap{margin-right:0;overflow:hidden;}
.modal_bookPremium .modal_box .modal_contents .pre_wrap label{width:215px;padding-top:7px;float:left;}
.modal_bookPremium .modal_box .modal_contents .pre_wrap label.lg{width:375px;}
.modal_bookPremium .modal_box .modal_contents .pre_wrap .ipt_inner{width:375px;float:left;}
.modal_bookPremium .modal_box .modal_contents .pre_wrap .input,
.modal_bookPremium .modal_box .modal_contents .pre_wrap .select{padding:7px 15px;font-size:13px;border-color:#e9e9e9;}
.modal_bookPremium .modal_box .modal_contents .pre_wrap .select{height:35px;}
.modal_bookPremium .modal_box .modal_contents .pre_wrap .select.sm{width:215px;}


.modal_comment .modal_box{width:574px;height:615px;margin:-307px 0 0 -287px;}
.modal_comment .modal_box .modal_contents{padding:30px;background-color:#fff;}
.modal_comment .modal_box .modal_contents .lecture_info{margin-bottom:15px;font-size:15px;color:#333;}
.modal_comment .modal_box .modal_contents .lecture_tit{margin-bottom:20px;padding:15px;border-top:1px solid #000;background-color:#f0f0f0;font-size:15px;color:#333;text-align:center;}
.modal_comment .modal_box .modal_contents .survey{height:450px;overflow-x:hidden;}
.survey .question{margin-bottom:20px;}
.survey .question .input{height:35px;border:1px solid #e9e9e9;font-size:13px;color:#333;}

.survey .question .q{margin-bottom:10px;font-size:15px;color:#333;}
.survey .question .sel_wrap{display:inline-block;margin-right:10px;margin-bottom:10px}
.survey .question .sel_wrap label{font-size:14px;color:#333;cursor:pointer;}
.survey .question .sel_wrap label input{display:inline-block;margin-top:2px;}
.survey .question .sel_wrap.etc{width:100%;}
.survey .question .sel_wrap.etc .input{display:inline-block;width:300px;height:35px;margin-left:10px;}
.survey .question.type4 .input{max-width:100%;min-width:100%;height:100px;min-height:100px;max-height:100px;}
.survey .btn_solid{width:155px;height:45px;margin:40px auto;border-radius:45px;line-height:45px;font-size:15px;}

.modal_coupon .modal_box{height:172px;margin-top:-86px;}
.modal_coupon .modal_box .modal_contents{padding:30px;}
.modal_coupon .modal_box .modal_contents .tit{width:108px;height:50px;margin:0 5px 0 0;line-height:50px;}
.modal_coupon .modal_box .modal_contents .ipt_wrap{width:350px;margin-right:5px;float:left;}
.modal_coupon .modal_box .modal_contents .btn_solid{width:90px;font-size:15px;float:left;}

.modal_booksrch .modal_box{top:300px;width:800px;height:auto;margin-left:-400px;margin-top:0}
.modal_booksrch.on .modal_box{top:100px;}
.modal_booksrch .modal_box .btn_srch_wrap{position:absolute;right:0;display:none;width:100%;height:50px;background-color:#fff;overflow:hidden;}
.modal_booksrch .modal_box .btn_srch_go{display:block;width:100%;background-color:#666;line-height:50px;font-size:17px;font-weight:500;text-align:center;color:#fff;}
.modal_booksrch .modal_box .btn_srch_go span{display:inline-block;width:15px;height:14px;margin-top:18px;margin-right:10px;background:url(../../images/common/arr_down2.png) no-repeat 0 0;vertical-align:top;}
.modal_booksrch .modal_box .btn_srch_save{display:block;width:100%;background-color:#f27935;line-height:50px;font-size:17px;font-weight:500;text-align:center;color:#fff;float:left;}
.modal_booksrch.booksel .modal_box .btn_srch_wrap{display:block;}
.modal_booksrch .modal_box .modal_contents{padding:0;}
.modal_booksrch .modal_box .modal_contents .contscroll{background-color:#fff;}
.modal_booksrch .modal_box .modal_contents .book_sort{padding:30px;}
.modal_booksrch .modal_box .modal_contents .book_sort .sel_cate{display:block;position:static;width:735px;animation:none;}
.modal_booksrch .modal_box .modal_contents .book_sort .sel_cate li{width:143px;}
.modal_booksrch .modal_box .modal_contents .book_sort .sel_cate li:nth-child(4n){margin-right:4px;}
.modal_booksrch .modal_box .modal_contents .book_sort .sel_cate li a{padding:12px 15px;}
.modal_booksrch .modal_box .modal_contents .book_sort .sel_cate li a .tit{font-size:13px;}
.modal_booksrch .modal_box .modal_contents .book_sort .sel_cate li a .num{top:12px;}
.modal_booksrch .modal_box .modal_contents .book_sort .sel_category{position:static;width:282px;}
.modal_booksrch .modal_box .modal_contents .book_sort .sel_category a{position:relative;}
.modal_booksrch .modal_box .modal_contents .book_sort .sort_chk{padding-left:0;}
.modal_booksrch .modal_box .modal_contents .book_sort.selon .sel_book_wrap{display:none;width: 710px;}
.modal_booksrch .modal_box .modal_contents .book_sort .sel_book_wrap .sort_chk{padding-top:20px;padding-bottom:0;margin-left:-30px;}
.modal_booksrch .modal_box .modal_contents .innersrch{padding:30px;background-color:#e3e3e3;}
.modal_booksrch .modal_box .modal_contents .innersrch .srch_word{width:550px;border-bottom:none;margin:10px auto 0;padding:0;}
.modal_booksrch .modal_box .modal_contents .innersrch .srch_word .tit{display:inline-block;font-size:14px;font-weight:500;color:#333;}
.modal_booksrch .modal_box .modal_contents .innersrch .srch_word .word_wrap{display:inline-block;}
.modal_booksrch .modal_box .modal_contents .mybook{padding:30px;}
.modal_booksrch .modal_box .modal_contents .mybook .tit,
.modal_booksrch .modal_box .modal_contents .book_sort .tit{font-size:15px;font-weight:400;color:#333;}
.modal_booksrch .modal_box .modal_contents .book_sort .tit{margin-bottom:15px;}
.modal_booksrch .modal_box .modal_contents .mybook .tit span,
.modal_booksrch .modal_box .modal_contents .book_sort .tit span{font-size:14px;font-weight:400;}
.modal_booksrch .modal_box .modal_contents .mybook .myBooksel{position:relative;padding:0 70px;height:270px;}
.modal_booksrch .modal_box .modal_contents .mybook .myBooksel .swiper-slide{padding-top:20px;}
.modal_booksrch .modal_box .modal_contents .mybook .myBooksel .swiper-slide .book{position:relative;height:170px;margin-bottom:5px;text-align:center;}
.modal_booksrch .modal_box .modal_contents .mybook .myBooksel .swiper-slide .book img{position:absolute;bottom:0;left:50%;width:120px;margin-left:-60px;border:1px solid #f0f0f0;}
.modal_booksrch .modal_box .modal_contents .mybook .myBooksel .swiper-slide .book.disable img,
.modal_booksrch .book.soldout img{filter: brightness(40%);}
.modal_booksrch .modal_box .modal_contents .mybook .myBooksel .swiper-slide .book.disable::after{content:'준비중입니다.';position:absolute;bottom:50%;left:0;width:100%;margin-bottom:-10px;font-size:13px;color:#fff;}
.modal_booksrch .book.soldout::after{content:'절판 도서';position:absolute;bottom:50%;left:0;width:100%;margin-bottom:-10px;font-size:13px;color:#fff;}
.modal_booksrch .modal_box .modal_contents .mybook .myBooksel .swiper-slide .book .btn_bookmark{}
.modal_booksrch .modal_box .modal_contents .mybook .myBooksel .swiper-slide .mark{width:120px;margin:0 auto 10px;overflow:hidden;}
.modal_booksrch .modal_box .modal_contents .mybook .myBooksel .swiper-slide .mark span{display:inline-block;width:59px;height:23px;background-color:#d1d1d1;border-radius:3px;font-size:13px;color:#fff;line-height:23px;text-align:center;}
.modal_booksrch .modal_box .modal_contents .mybook .myBooksel .swiper-slide .mark span:first-child{float:left;}
.modal_booksrch .modal_box .modal_contents .mybook .myBooksel .swiper-slide .mark span:last-child{float:right;}
.modal_booksrch .modal_box .modal_contents .mybook .myBooksel .swiper-slide .mark span.on{background-color:#9fce44;}
.modal_booksrch .modal_box .modal_contents .mybook .myBooksel .swiper-slide .mark span:last-child.on{background-color:#41d3af;}
.mybook .btn_prev,
.mybook .btn_next{position:absolute;top:50%;width:25px;height:25px;margin-top:-12px;border-radius:25px;cursor:pointer;z-index:10}
.btn_prev{left:0;background:#e6e6e6 url(../../images/common/arr_left.png) no-repeat 50% 50%;}
.btn_next{right:0;background:#e6e6e6 url(../../images/common/arr_right.png) no-repeat 50% 50%;}
.btn_prev:hover,
.btn_next:hover{background-color:#f27935;}
.modal_booksrch .modal_box .modal_contents .book_list{padding:30px;}
.modal_booksrch .modal_box .modal_contents .book_list .scroll_wrap{height:300px;}
.modal_booksrch .modal_box .modal_contents .book_list ul{display:block;width:727px;overflow:hidden;border:none;font-size:14px;text-align:center;}
.modal_booksrch .modal_box .modal_contents .book_list li{display:inline-block;width:175px;margin-bottom:20px;margin-right:9px;text-align:center;float:left;}
.modal_booksrch .modal_box .modal_contents .book_list li:nth-child(4n){margin-right:0;}
.modal_booksrch .modal_box .modal_contents .book_list li:nth-child(4n-3){clear:both;}
.modal_booksrch .modal_box .modal_contents .book_list li .book{position:relative;height:170px;margin-bottom:10px;}
.modal_booksrch .modal_box .modal_contents .book_list li .book.disable{}
.modal_booksrch .modal_box .modal_contents .book_list li .book.disable img{filter: brightness(40%);}
.modal_booksrch .modal_box .modal_contents .book_list li .book.disable::after{content:'준비중입니다.';position:absolute;bottom:50%;left:0;width:100%;margin-bottom:-10px;font-size:13px;color:#fff;}
.modal_booksrch .modal_box .modal_contents .book_list li .book img{position:absolute;bottom:0;left:50%;width:120px;margin-left:-60px;border:1px solid #e9e9e9;}
.modal_booksrch .modal_box .modal_contents .book_list li .detail{height:75px;}
.modal_booksrch .modal_box .modal_contents .book_list li .detail span{display:block;margin-bottom:10px;}
.modal_booksrch .modal_box .modal_contents .book_list li .detail .tit{font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;line-height:1.4;max-height:2.8em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.modal_booksrch .modal_box .modal_contents .book_list li .detail .author{font-size:13px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.modal_booksrch .modal_box .modal_contents .mybook .btn_solid,
.modal_booksrch .modal_box .modal_contents .book_list li .btn_solid{width:130px;height:35px;margin:0 auto;line-height:35px;border-radius:35px;font-size:14px;}
.modal_booksrch .modal_box .modal_contents .mybook .btn_solid.disable,
.modal_booksrch .modal_box .modal_contents .book_list li .btn_solid.disable{background-color:#d1d1d1;}
.modal_booksrch .modal_box .modal_contents .mybook .btn_solid{width:120px;}

.modal_booksrch .modal_box .modal_contents .book_list .btn_more_wrap{position:relative;display:block;width:100%;text-align:center;font-size:14px;}
.modal_booksrch .modal_box .modal_contents .book_list .btn_more_wrap::after,
.modal_booksrch .modal_box .modal_contents .book_list .btn_more_wrap::before{content:'';position:absolute;top:50%;width:325px;height:1px;background-color:#d1d1d1;}
.modal_booksrch .modal_box .modal_contents .book_list .btn_more_wrap::after{left:0}
.modal_booksrch .modal_box .modal_contents .book_list .btn_more_wrap::before{right:0}

.modal_booksrch.booksel .modal_box .modal_contents .mybook .btn_solid,
.modal_booksrch.booksel .modal_box .modal_contents .book_list li .btn_solid{background-color:#fff;border:1px solid #f27935;color:#f27935;}
.modal_booksrch.booksel .modal_box .modal_contents .mybook .btn_solid.on,
.modal_booksrch.booksel .modal_box .modal_contents .book_list li .btn_solid.on{background-color:#f27935;color:#fff;}



.modal_notice .modal_box{top:40%;width:574px;height:auto;min-height:170px;margin:-85px 0 0 -287px;}
.modal_notice .modal_box .modal_contents{font-size:15px;color:#333;text-align:center;}
.modal_lecture_pause .modal_box{width:574px;height:auto;margin:-215px 0 0 -287px;}
.modal_lecture_pause .modal_box .modal_contents,
.modal_lecture_pause_alert .modal_box .modal_contents{padding:40px 30px;}
.modal_lecture_pause .modal_box .modal_contents p{font-size:15px;}
.modal_lecture_pause .modal_box .modal_contents .sel_wrap{padding:20px 0 30px;border-bottom:1px solid #e0e0e0;}
.modal_lecture_pause .modal_box .modal_contents .sel_wrap .radio_wrap{width:100px;float:left;}
.modal_lecture_pause .modal_box .modal_contents .bot_btn{padding:30px 0;text-align:center;}
.modal_lecture_pause .modal_box .modal_contents .btn_solid{width:155px;height:45px;margin:0 auto;border-radius:45px;line-height:45px;}
.modal_lecture_pause .modal_box .modal_contents .infobox,
.modal_lecture_pause_alert .modal_box .modal_contents .infobox{padding:20px;background-color:#f0f0f0;border-bottom:1px solid #e0e0e0;}
.modal_lecture_pause .modal_box .modal_contents .infobox li,
.modal_lecture_pause_alert .modal_box .modal_contents .infobox li{margin-top:5px;font-size:14px;color:#333;}
.modal_lecture_pause .modal_box .modal_contents .infobox li:first-child,
.modal_lecture_pause_alert .modal_box .modal_contents .infobox li:first-child{margin-top:0;}
.modal_lecture_pause_alert .modal_box{width:574px;height:330px;margin:-165px 0 0 -287px;}
.modal_lecture_pause_alert .modal_box .txt{padding-bottom:30px;font-size:15px;color:#333;text-align:center;}
.modal_lecture_pause_alert .modal_box .txt span{color:#f27935;}

.modal_refund .modal_box{width:574px;height:570px;margin:-285px 0 0 -287px;}
.modal_refund .modal_box .bot_button{margin-top:20px;}

.modal_player .modal_box{width:1020px;height:642px;margin:-321px 0 0 -510px}

.modal_quickSrch .modal_box{width:1140px;height:775px;margin:-388px 0 0 -570px;background-color:#f0f0f0;}
.modal_quickSrch .modal_box .modal_contents{padding:30px 50px;background-color:#f0f0f0;}
.modal_quickSrch .modal_box .modal_contents h4{position:relative;margin-bottom:30px;height:43px;font-size:26px;font-weight:300;color:#333;line-height:43px;}
.modal_quickSrch .modal_box .modal_contents h4 span{margin-left:10px;font-weight:500;}
.modal_quickSrch .modal_box .modal_contents h4 img{vertical-align:top;}
.modal_quickSrch .modal_box .modal_contents h4 .btn{position:absolute;top:0;right:0;padding:7px 15px;background-color:#fff;border:1px solid #e9e9e9;border-radius:50px;font-size:12px;color:#333;text-align:center;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap{overflow:hidden;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .left{width:400px;float:left;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .mid{width:290px;margin:0 30px;float:left;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .right{width:290px;float:left;}
.modal_quickSrch .modal_box .modal_contents .panel{border-radius:7px;overflow:hidden;}
.modal_quickSrch .modal_box .modal_contents .panel h5{height:42px;padding:0 0 0 30px;background-color:#999;font-size:15px;font-weight:300;color:#fff;line-height:42px;}
.modal_quickSrch .modal_box .modal_contents .panel_cont{background-color:#fff;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .left .panel_cont{height:143px;padding:20px 30px;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .left .panel_cont.alarm{margin-bottom:20px;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .left .panel_cont.alarm li{margin-top:12px;overflow:hidden;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .left .panel_cont.alarm li:first-child{margin-top:0;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .left .panel_cont.alarm li.nolist{padding:15px 0 0;text-align:center;font-size:13px;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .left .panel_cont.alarm li a{display:block;position:relative;width:100%;padding-right:70px;font-size:13px;font-weight:300;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .left .panel_cont.alarm li a span{position:absolute;top:0;right:0;font-size:13px;line-height:1.4;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .left .panel_cont.alarm li a:hover{color:#f27935;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .left .panel_cont.data{padding:20px 0;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .left .panel_cont.data li{padding:0 30px 15px;border-bottom:1px solid #f0f0f0;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .left .panel_cont.data li:last-child{padding:15px 30px 0;border-bottom:none;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .left .panel_cont.data li.nolist{text-align:center;font-size:13px;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .left .panel_cont.data li a{font-size:13px;font-weight:300;color:#333;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .left .panel_cont.data li a span{display:block;margin-top:10px;font-size:13px;color:#999;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .left .panel_cont.data li a:hover,
.modal_quickSrch .modal_box .modal_contents .panel_wrap .left .panel_cont.data li a:hover span{color:#f27935;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .mid .panel_cont{height:348px;padding:40px 25px;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .mid .panel_cont a{display:block;margin-top:40px;overflow:hidden;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .mid .panel_cont a:first-child{margin-top:0;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .mid .panel_cont .book{position:relative;width:85px;padding:7px 0 0 9px;float:left;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .mid .panel_cont .book img{position:relative;border:1px solid #e9e9e9;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .mid .panel_cont .book::after{content:'';position:absolute;top:0;left:0;display:block;width:28px;height:36px;z-index:10;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .mid .panel_cont .book.bookmark::after{background:url(../../images/common/bg_bookmark_or.png) no-repeat 0 0;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .mid .panel_cont .book.bookChk::after{background:url(../../images/common/bg_chkbook_or.png) no-repeat 0 0;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .mid .panel_cont .tit{width:155px;padding-left:15px;margin-top:7px;font-size:13px;color:#333;line-height:1.3;float:left;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .mid .panel_cont a:hover .tit{color:#f27935;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .right .panel_cont{height:348px;padding:30px 25px;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .right .panel_cont .lecture_progress .lecture_pg_wrap{position:relative;width:162px;height:162px;border:1px solid #f0f0f0;border-radius:100%;margin:0 auto;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .right .panel_cont .lecture_progress .lecture_pg_wrap p{position:absolute;top:40px;left:0;width:100%;font-size:14px;font-weight:500;color:#fff;text-align:center;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .right .panel_cont .lecture_progress .lecture_pg_wrap .img{position:relative;width:158px;height:158px;border:1px solid #fff;background-color:#f0f0f0;background-repeat:no-repeat;background-size:cover;border-radius:160px;overflow:hidden;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .right .panel_cont .lecture_progress .lecture_pg_wrap .img::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .right .panel_cont .lecture_progress .lecture_pg_wrap .lecture_pg{position:absolute;top:0;left:0;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .right .panel_cont .lecture_progress .lecture_pg_wrap .lecture_pg .circles-text{margin-top:10px;font-size:42px;color:#fff;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .right .panel_cont .lecture_progress .lecture_pg_wrap .lecture_pg .circles-text span{font-size:30px;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .right .panel_cont .txt_wrap{padding-top:30px;text-align:center;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .right .panel_cont .txt_wrap span{display:block;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .right .panel_cont .txt_wrap .tit{font-size:14px;color:#333;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .right .panel_cont .txt_wrap .info{margin-top:25px;font-size:13px;color:#999;}
.modal_quickSrch .modal_box .modal_contents .panel_wrap .right .panel_cont .txt_wrap a:hover .tit,
.modal_quickSrch .modal_box .modal_contents .panel_wrap .right .panel_cont .txt_wrap a:hover .info{color:#f27935;}
.modal_quickSrch .modal_box .modal_contents .panel_bot .table{margin-top:20px;width:100%;border:none;border-radius:7px;overflow:hidden;}
.modal_quickSrch .modal_box .modal_contents .panel_bot .table th{width:157px;background-color:#999;font-size:15px;font-weight:300;color:#fff;}
.modal_quickSrch .modal_box .modal_contents .panel_bot .table td{height:83px;background-color:#fff;border:1px solid #f0f0f0;}
.modal_quickSrch .modal_box .modal_contents .panel_bot .table td.sort{width:170px;}
.modal_quickSrch .modal_box .modal_contents .panel_bot .table td.tit{padding:0 50px;}
.modal_quickSrch .modal_box .modal_contents .panel_bot .table td.tit a{display:block;margin-top:10px;text-align:left;font-size:13px;color:#333;}
.modal_quickSrch .modal_box .modal_contents .panel_bot .table td.tit a:first-child{margin-top:0;}
.modal_quickSrch .modal_box .modal_contents .panel_bot .table td.tit a.re{height:17px;padding-left:20px;background:url(../../images/common/bg_reply.png) no-repeat 0 0;line-height:17px;color:#999;}
.modal_quickSrch .modal_box .modal_contents .panel_bot .table td.tit a:hover{color:#f27935;}
.modal_quickSrch .modal_box .modal_contents .panel_bot .table td.date span{display:block;margin-top:10px;font-size:13px;color:#999;}
.modal_quickSrch .modal_box .modal_contents .panel_bot .table td.date span:first-child{margin-top:0;}


.modal_alert{}
.modal_alert .modal_box{top:40%;width:574px;height:auto;margin:-211px 0 0 -287px;}
.modal_alert .modal_box .modal_contents{font-size:15px;color:#333;text-align:left;line-height:1.6;}
.modal_alert .modal_box .modal_contents .importantbox{margin:20px 0;padding:20px;background-color:#fef5ec;}
.modal_alert .modal_box .modal_contents .importantbox strong{color:#f27935;}
.modal_alert .modal_box .modal_contents .bot_button{margin-top:30px;padding-top:20px;border-top:1px solid #dcdcdc;}
.modal_alert .modal_box .modal_contents .bot_button .btn_solid{display:block;height:45px;background-color:#f27935;line-height:45px;text-align:center;color:#fff;}



.widget_wrap{position:absolute;top:134px;right:0;width:57px;z-index:10000;-webkit-transition:width .3s;transition:width .3s;}
.widget_wrap.top,
.mainpage .widget_wrap{top:134px;}
.membership .widget_wrap{top:34px;}
#widget-sticky-wrapper{}
#widget{width:57px;-webkit-transition:width .3s;transition:width .3s;}
#widget-sticky-wrapper #widget{width:57px !important;}
#widget .inner{position:relative;width:100%;height:100%;background-color:#626779;text-align:center;}
#widget .inner .inmenu > a{display:block;padding:20px 0;}
#widget .inner .inmenu > a:hover{background-color:#585d70;}
#widget .inner .inmenu.qrmenu{overflow:hidden;padding-left:0;margin-left:0;}
#widget .inner .inmenu .btn_quick{position:relative;}
#widget .inner .inmenu .ico{display:block;width:100%;height:22px;margin-top:11px;margin-bottom:12px;}
#widget .inner .inmenu .btn_sns .ico{background:url(../../images/icon/ico_widget_sns.png) no-repeat 50% 50%;}
#widget .inner .inmenu .btn_faq .ico{height:23px;background:url(../../images/icon/ico_widget_faq.png) no-repeat 50% 50%;}
#widget .inner .inmenu .btn_myqna .ico{height:24px;background:url(../../images/icon/ico_widget_myqna.png) no-repeat 50% 50%;}
#widget .inner .inmenu .btn_qr .ico{background:url(../../images/icon/ico_widget_qr.png) no-repeat 50% 50%;}
#widget .inner .inmenu .btn_quick .ico{background:url(../../images/icon/ico_widget_quick.png) no-repeat 50% 50%;}
#widget .inner .inmenu .btn_quick .new{position:absolute;top:28px;left:50%;display:inline-block;min-width:20px;padding:2px 5px;margin-left:-3px;background-color:#f27935;border-radius:10px;font-size:12px;color:#fff;}
#widget .inner .inmenu .btn_qna .ico{height:23px;background:url(../../images/icon/ico_widget_qna.png) no-repeat 50% 50%;}
#widget .inner .inmenu .btn_chk .ico{background:url(../../images/icon/ico_widget_bookchk.png) no-repeat 50% 50%;}
#widget .inner .inmenu .btn_comment .ico{background:url(../../images/icon/ico_widget_comment.png) no-repeat 50% 50%;}
#widget .inner .inmenu .btn_comment2 .ico{height:26px;background:url(../../images/icon/ico_widget_comment2.png) no-repeat 50% 50%;}
#widget .inner .inmenu .btn_coupon .ico{background:url(../../images/icon/ico_widget_coupon.png) no-repeat 50% 50%;}
#widget .inner .inmenu.viewbook,
#widget .inner .inmenu.viewlecture{padding:20px 0;}
#widget .inner .inmenu.viewbook .ico,
#widget .inner .inmenu.viewlecture .ico{background:url(../../images/icon/ico_widget_view.png) no-repeat 50% 50%;}
#widget .inner .inmenu .tit{display:none;font-size:15px;color:#fff;}
#widget .inner .inmenu .viewbook_wrap,
#widget .inner .inmenu .viewlecture_wrap{position:relative;height:255px;opacity:0;filter:alpha(opacity=0);}
#widget .inner .inmenu .viewbook_wrap,
#widget .inner .inmenu .viewlecture_wrap{height:0;}
#widget .inner .inmenu .btn_qr{position:relative;}
#widget .inner .inmenu .btn_qrtxt{position:absolute;top: 0;right:-200px;width:150px;height:100%;padding:20px;background-color:rgba(0,0,0,.8);text-align:left;font-size:12px;color:#ccc;line-height:1.4;-webkit-transition:.3s;transition:.3s;}
#widget .inner .inmenu .btn_qrtxt .txt{position:relative;display:block;}
#widget .inner .inmenu .btn_qrtxt .txt::after{content:'';position:absolute;top:50%;right:-30px;margin-top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right: 10px solid none;border-left: 10px solid rgba(0,0,0,.8);;}
#widget .inner .inmenu:hover .btn_qrtxt{right:110px;}
#widget .inner .inmenu .viewbook_wrap .viewbook_cont,
#widget .inner .inmenu .viewlecture_wrap .viewlecture_cont{position:relative;width:45px;height:230px;margin-top:0;text-align;right;overflow:hidden;}
#widget .inner .inmenu .viewlecture_wrap .viewlecture_cont{height:140px;}
#widget .inner .inmenu .viewbook_wrap .viewbook_container,
#widget .inner .inmenu .viewlecture_wrap .viewlecture_container{position:absolute;top:0;right:-170px;width:170px;-webkit-transition: .3s;transition: .3s;}
#widget .inner .inmenu .viewbook_wrap .viewbook_cont a,
#widget .inner .inmenu .viewlecture_wrap .viewlecture_cont a{position:relative;display:block;width:120px;height:115px;margin-left:50px;padding-top:3px;}
#widget .inner .inmenu .viewlecture_wrap .viewlecture_cont a{height:70px;}
#widget .inner .inmenu .viewbook_wrap .viewbook_cont a .tit,
#widget .inner .inmenu .viewlecture_wrap .viewlecture_cont a .tit{position:absolute;top: 0;right:-200px;width:150px;height:100%;padding:20px;background-color:rgba(0,0,0,.8);text-align:left;font-size:12px;color:#ccc;line-height:1.4;-webkit-transition:.3s;transition:.3s;}
#widget .inner .inmenu .viewlecture_wrap .viewlecture_cont a .tit{padding:7px 20px;}
#widget .inner .inmenu .viewbook_wrap .viewbook_cont a:hover .tit,
#widget .inner .inmenu .viewlecture_wrap .viewlecture_cont a:hover .tit{right:20px;}
#widget .inner .inmenu .viewbook_wrap .viewbook_button a,
#widget .inner .inmenu .viewlecture_wrap .viewlecture_button a{position:absolute;bottom:0;width:35px;height:17px;background-color:#7c8090;background-repeat:no-repeat;background-position:50% 50%;}
#widget .inner .inmenu .viewbook_wrap .viewbook_button .btn_up,
#widget .inner .inmenu .viewlecture_wrap .viewlecture_button .btn_up{left:20px;background-image:url(../../images/common/arr_top.png);}
#widget .inner .inmenu .viewbook_wrap .viewbook_button .btn_down,
#widget .inner .inmenu .viewlecture_wrap .viewlecture_button .btn_down{right:20px;background-image:url(../../images/common/arr_bottom.png);}
#widget .inner .inmenu .viewbook_wrap .viewbook_button a:hover,
#widget .inner .inmenu .viewlecture_wrap .viewlecture_button a:hover{background-color:#717585}
#widget .inner .btn_tgWidget{position:absolute;top:250px;left:-19px;width:19px;height:55px;background:#626779 url(../../images/common/arr_tri_left.png) no-repeat 50% 50%;}
#widget .inner .btn_tgWidget:hover{background-color:#585d70}

#topBtn{display:none;position:fixed;bottom:0;right:0;width:57px;height:53px;}
#topBtn span{display:inline-block;width:18px;height:100%;margin:0 auto;overflow:hidden;background:url(../../images/icon/btn_top.png) no-repeat 0 50%;}
.widget_wrap.on #topBtn,
.widget_wrap.hover #topBtn{width:120px;}
.widget_wrap.on #topBtn span,
.widget_wrap.hover #topBtn span{width:100%;background:url(../../images/icon/btn_top.png) no-repeat 50% 50%;}

.widget_wrap.on,
.widget_wrap.hover,
.widget_wrap.on #widget,
.widget_wrap.hover #widget,
.widget_wrap.on #widget-sticky-wrapper #widget,
.widget_wrap.hover #widget-sticky-wrapper #widget{width:120px !important;}
.widget_wrap.hover #widget .inner .inmenu.qrmenu{overflow:hidden;padding-left:200px;margin-left:-200px;}

.widget_wrap.on #widget .inner .inmenu .tit,
.widget_wrap.hover #widget .inner .inmenu .tit{display:block;}
.widget_wrap.on #widget .inner .inmenu .viewbook_wrap,
.widget_wrap.hover #widget .inner .inmenu .viewbook_wrap,
.widget_wrap.on #widget .inner .inmenu .viewlecture_wrap,
.widget_wrap.hover #widget .inner .inmenu .viewlecture_wrap{opacity:1;filter:alpha(opacity=100);}
.widget_wrap.on #widget .inner .inmenu .viewlecture_wrap,
.widget_wrap.hover #widget .inner .inmenu .viewlecture_wrap{height:140px;}
.widget_wrap.on #widget .inner .inmenu .viewbook_wrap,
.widget_wrap.hover #widget .inner .inmenu .viewbook_wrap{height:250px;}
.widget_wrap.on #widget .inner .btn_tgWidget,
.widget_wrap.hover #widget .inner .btn_tgWidget{background:#626779 url(../../images/common/arr_tri_right.png) no-repeat 50% 50%;}
.widget_wrap.on #widget .inner .inmenu .ico,
.widget_wrap.hover #widget .inner .inmenu .ico,
.widget_wrap.on #widget .inner .inmenu.viewbook .ico,
.widget_wrap.hover #widget .inner .inmenu.viewbook .ico,
.widget_wrap.on #widget .inner .inmenu.viewlecture .ico,
.widget_wrap.hover #widget .inner .inmenu.viewlecture .ico{margin-top:0;margin-bottom:10px;}
.widget_wrap.on #widget .inner .inmenu .viewbook_wrap .viewbook_cont,
.widget_wrap.hover #widget .inner .inmenu .viewbook_wrap .viewbook_cont,
.widget_wrap.on #widget .inner .inmenu .viewlecture_wrap .viewlecture_cont,
.widget_wrap.hover #widget .inner .inmenu .viewlecture_wrap .viewlecture_cont{width:170px;margin-top:12px;margin-left:-50px;}
.widget_wrap.on #widget .inner .inmenu .viewbook_wrap .viewbook_container,
.widget_wrap.hover #widget .inner .inmenu .viewbook_wrap .viewbook_container,
.widget_wrap.on #widget .inner .inmenu .viewlecture_wrap .viewlecture_container,
.widget_wrap.hover #widget .inner .inmenu .viewlecture_wrap .viewlecture_container{right:0}

/* main */
.main_contents{/*border-top:1px solid #e0e0e0;*/}
.fixhead .main_contents{padding-top:134px;}
.main_contents h3{font-size:37px;font-weight:400;color:#000;text-align:center;letter-spacing:-.05em;}
.main_contents h3 span{display:block;font-size:18px;font-weight:500;color:#ed6d07;letter-spacing:0;}
.main_visual{position:relative;background-color:#fdedf1;z-index:50;}
#showcase{position:relative;width:100%;height:550px;}
#mainviual{position:relative;width:100%;height:100%;min-width:1200px;}

.showcase_nav a{position:absolute;top:50%;margin-top:-35px;z-index:15;opacity:0;filter:alpha(opacity==0);-webkit-transition:.7s;transition:.7s;}
#mainviual:hover .showcase_nav a{opacity:.2;filter:alpha(opacity==20);}
.showcase_nav a.btn_prev{left:30px;background:none;}
.showcase_nav a.btn_next{right:150px;background:none;}
#mainviual li{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-position:50% 0;background-repeat:no-repeat;filter:alpha(opacity==0);-webkit-transition:.7s;transition:.7s;}
#mainviual li.on{opacity:1;filter:alpha(opacity==100);z-index:10;}
#mainviual .visual_wrap{width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;}
#mainviual .visual_wrap a{display:block;width:100%;height:100%;}
.visual_wrap .maincell{opacity:0;filter:alpha(opacity==0);-webkit-transition:.7s;transition:.7s;}
.on .visual_wrap .maincell{opacity:1;filter:alpha(opacity==100);}
.visual_wrap .maincell.left{position:absolute;left:50%;}
.visual_wrap .maincell.right{position:absolute;right:50%;}

/* mainvisual book */
#mainviual .book_wrap .maincell{position:absolute;opacity:0;filter:alpha(opacity==0);-webkit-transition:.3s;transition:.3s;}
#mainviual .on .book_wrap .maincell{opacity:1;filter:alpha(opacity==100);}
#mainviual .book_wrap .maincell.book{top:90px;right:50%;margin-right:190px;}
#mainviual .book_wrap .txt_wrap{position:absolute;top:90px;left:50%;margin-left:-100px;-webkit-transition:.3s;transition:.3s;}
#mainviual .book_wrap .txt_wrap .maincell{position:static;display:block;}
#mainviual .book_wrap .maincell.mark{margin-top:60px;display:inline-block;padding:10px 20px;border:1px solid #f38e00;border-radius:30px;font-size:14px;color:#f38e00;}
#mainviual .book_wrap .maincell.txt01{margin-top:60px;font-size:42px;font-weight:500;color:#333;line-height:1.2;}
#mainviual .book_wrap .maincell.txt02{margin-top:60px;font-size:22px;color:#333;line-height:1.4;}
#mainviual .on .book_wrap .maincell.book{top:60px;}
#mainviual .on .book_wrap .txt_wrap{top:60px;}
#mainviual .on .book_wrap .maincell.mark{margin-top:30px;;-webkit-transition-delay:.2s;transition-delay:.2s;}
#mainviual .on .book_wrap .maincell.txt01{margin-top:30px;-webkit-transition-delay:.4s;transition-delay:.4s;}
#mainviual .on .book_wrap .maincell.txt02{margin-top:30px;;-webkit-transition-delay:.6s;transition-delay:.6s;}


.srch_wrap{position:relative;display:none;width:100%;padding:20px 0;z-index:100;background-color:#f0f0f0;z-index:100;}
.onsrch .srch_wrap,
.mainpage .srch_wrap{display:block;}
.mainpage .srch_wrap{border-bottom:none;}
.searchpage .srch_wrap{display:none;}
.mainpage .srch_wrap .input{margin-bottom:0;}
.srch_wrap .srch_box{position:relative;width:100%;height:60px;margin:0 auto;padding-left:80px;background:#fff url(../../images/icon/ico_srch_bk.png) no-repeat 30px 50%;border:1px solid transparent;border-radius:7px;z-index:10;}
.srch_wrap .srch_box.ipt_focus{border-color:#f27935;z-index:20;}
.srch_wrap .srch_box .srch_ipt{display:block;width:calc(100% - 155px);height:100%;float:left;font-size:17px;font-weight:600;letter-spacing:-.025em;}
.srch_wrap .srch_box .srch_ipt::-webkit-input-placeholder{font-size:17px;font-weight:400;color: #999;}
.srch_wrap .srch_box .srch_ipt::-moz-placeholder{font-size:17px;font-weight:400;color: #999;}
.srch_wrap .srch_box .srch_ipt:-ms-input-placeholder{font-size:17px;font-weight:400;color: #999;}
.srch_wrap .srch_box .srch_ipt:-moz-placeholder{font-size:17px;font-weight:400;color: #999;}
.srch_wrap .srch_box .srch_ipt:focus{outline: none;}
.srch_wrap .search.on .srch_box{border-color:#f27935;}
.srch_wrap .srch_box .btn_srch{position:absolute;top:6px;right:10px;display:block;width:123px;height:45px;background:#f27935;border-radius:7px;text-align:center;font-size:15px;color:#fff;line-height:45px;float:right;}

.main_tip{padding:35px 0 50px;background-color:#fff;overflow:hidden;}
.main_tip .container{overflow:hidden;}
.main_tip h3{width:210px;font-size:22px;font-weight:400;color:#333;text-align:left;line-height:1.2;float:left;}
.main_tip h3 span{display:block;font-size:24px;font-weight:600;color:#333;}
.main_tip ul{display:block;width:75%;float:left;}
.main_tip ul li{width:25%;float:left;line-height:1.2;}
.main_tip ul li a{line-height:1.2;}
.main_tip ul li .tit{position:relative;display:inline-block;margin-bottom:15px;font-size:18px;font-weight:600;color:#000;}
.main_tip ul li .tit::after{content:'';position:absolute;bottom:-7px;left:0;width:0;height:2px;background-color:#f27935;-webkit-transition:width .3s;transition:width .3s;}
.main_tip ul li span{display:block;font-size:14px;font-weight:400;color:#999;line-height:1.4;}
.main_tip ul li:hover .tit::after{width:100%;}
.main_tip ul li:hover .tit,
.main_tip ul li:hover span{color:#f27935;}
.main_tip .btn_close{display:block;position:absolute;top:50%;right:30px;width:40px;height:40px;margin-top:-20px;background:#f0f0f0 url(../../images/main/btn_close.png) no-repeat 50% 50%;border-radius:40px;overflow:hidden;text-indent:-9999px;}
.main_tip.off{padding:15px 0;}
.main_tip.off h3{width:340px;height:40px;line-height:40px;font-size:19px;}
.main_tip.off h3 span{display:inline;margin-left:10px;font-size:21px;}
.main_tip.off ul{width:800px;}
.main_tip.off ul li{display:inline-block;width:auto;margin-right:50px;}
.main_tip.off ul li .tit{margin-bottom:0;font-size:16px;font-weight:500;height:40px;line-height:40px;}
.main_tip.off ul li span{display:none;}
.main_tip.off  .btn_close{background:#f0f0f0 url(../../images/main/btn_close_open.png) no-repeat 50% 50%;}


.main_curation{padding:80px 0;}
.main_curation h3{margin-bottom:40px;}
.main_curation .curation_list_wrap{}
.main_curation .curation_list_wrap ul{display:block;width:100%;margin-top:28px;overflow:hidden;}
.main_curation .curation_list_wrap li{width:264px;height:264px;margin-right:28px;overflow:hidden;float:left;-webkit-transition:width .5s;transition:width .5s;}
.main_curation .curation_list_wrap li.on{width:556px;}
.main_curation .curation_list_wrap li .cr_box{display:block;width:556px;overflow:hidden;}
.main_curation .curation_list_wrap li .img{display:block;width:264px;height:264px;float:left;}
.main_curation .curation_list_wrap li .txt_wrap{position:relative;display:block;width:264px;height:264px;padding-top:0;margin-left:28px;float:left;}
.main_curation .curation_list_wrap li .txt_wrap span{display:block;}
.main_curation .curation_list_wrap li .txt_wrap .title{margin-bottom:10px;font-size:26px;color:#333;line-height:1.2;}
.main_curation .curation_list_wrap li .txt_wrap .cate{margin-bottom:20px;font-size:16px;color:#333;}
.main_curation .curation_list_wrap li .txt_wrap .tit{min-height:75px;font-size:14px;color:#999;line-height:1.2;}
.main_curation .curation_list_wrap li a.btn_solid{position:absolute;bottom:0;left:0;display:block;width:85px;height:30px;line-height:30px;border-radius:3px;font-size:14px;}
.main_curation .curation_list_wrap li:last-child{margin-right:0;}

.main_share{position:relative;padding:80px 0;background-color:#fbf7e1;}
.main_share h3{margin-bottom:40px;}
.main_share .sharebox{display:block;width:100%;height:264px;overflow:hidden;}
.main_share .sharebox li{position:relative;width:264px;height:264px;margin-right:28px;float:left;}
.main_share .sharebox li:last-child{margin-right:0;}
.main_share .sharebox li a{position:relative;display:table;overflow:hidden;}

.main_share .sharebox li a .txt{position:absolute;top:0;left:0;display:table;width:264px;height:264px;}
.main_share .sharebox li a .txt span{display:table-cell;height:264px;background-color:rgba(0,0,0,.4);vertical-align:middle;font-size:21px;color:#fff;text-align:center;line-height:1.3;-webkit-transition:background-color .5s;transition:background-color .5s;}
.main_share .sharebox li a:hover .txt span{background-color:rgba(243,112,33,.7);}
.main_share .sharebox li a::after{content:'';position:absolute;bottom:20px;left:20px;display:block;width:26px;height:26px;}
.main_share .sharebox li a.facebook::after{background:url(../../images/main/sns_facebook.png) no-repeat 50% 50%;}
.main_share .sharebox li a.instagram::after{background:url(../../images/main/sns_instagram.png) no-repeat 50% 50%;}
.main_share .sharebox li a.naver::after{background:url(../../images/main/sns_naver.png) no-repeat 50% 50%;}
.main_share .sharebox li a.youtube::after{background:url(../../images/main/sns_youtube.png) no-repeat 50% 50%;}

.share_list{position:relative;width:560px;margin:30px auto 0;}
.share_list .tit{margin-bottom:15px;font-size:15px;font-weight:500;color:#999;}
.share_list ul{display:inline-block;position:absolute;top:0;right:0;}
.share_list li{position:relative;margin-left:20px;float:left;}
.share_list li .icon{display:block;width:48px;height:48px;}
.share_list li .list{position:absolute;bottom:60px;left:0;width:450px;padding:15px;background-color:#fff;z-index:-1;opacity:0;filter:alpha(opacity=0);-webkit-transition:.5s;transition:.5s;}
.share_list li .list a{display:block;padding:7px 0;font-size:14px;color:#999;}
.share_list li .list a span{margin-right:10px;font-weight:700;}
.share_list li.post .icon{background:url(../../images/icon/ico_post_gr.png) no-repeat 0 0;}
.share_list li.facebook .icon{background:url(../../images/icon/ico_facebook_gr.png) no-repeat 0 0;}
.share_list li.instagram .icon{background:url(../../images/icon/ico_instagram_gr.png) no-repeat 0 0;}
.share_list li.youtube .icon{background:url(../../images/icon/ico_youtube_gr.png) no-repeat 0 0;}
.share_list li.naverband .icon{background:url(../../images/icon/ico_naverband_gr.png) no-repeat 0 0;}
.share_list li.post .list{border-bottom:2px solid #00b6ff;}
.share_list li.facebook .list{border-bottom:2px solid #3b579d;}
.share_list li.instagram .list{border-bottom:2px solid #e24d97;}
.share_list li.youtube .list{border-bottom:2px solid #cf2200;}
.share_list li.naverband .list{border-bottom:2px solid #1bcc21;}
.share_list li.post .list a span,
.share_list li.post .list a:hover{color:#00b6ff;}
.share_list li.facebook .list a span,
.share_list li.facebook .list a:hover{color:#3b579d;}
.share_list li.instagram .list a span,
.share_list li.instagram .list a:hover{color:#e24d97;}
.share_list li.youtube .list a span,
.share_list li.youtube .list a:hover{color:#cf2200;}
.share_list li.naverband .list a span,
.share_list li.naverband .list a:hover{color:#1bcc21;}
.share_list li:hover{z-index:110;}
.share_list li:hover .list{opacity:1;filter:alpha(opacity=100);z-index:120;}
.share_list li:hover.post .icon{background:url(../../images/icon/ico_post.png) no-repeat 0 0;}
.share_list li:hover.facebook .icon{background:url(../../images/icon/ico_facebook.png) no-repeat 0 0;}
.share_list li:hover.instagram .icon{background:url(../../images/icon/ico_instagram.png) no-repeat 0 0;}
.share_list li:hover.youtube .icon{background:url(../../images/icon/ico_youtube.png) no-repeat 0 0;}
.share_list li:hover.naverband .icon{background:url(../../images/icon/ico_naverband.png) no-repeat 0 0;}

.main_service{padding:80px 0;}
.main_service .top_txt{text-align:center;}
.main_service .top_txt h4{font-size:18px;font-weight:500;color:#8dc63f;}
.main_service .top_txt p{font-size:37px;color:#010101;}

.cslist{padding:30px 0;overflow:hidden;}
.cslist li{width:16.6%;float:left;text-align:center;}
.cslist li a{display:block;width:160px;height:160px;margin:0 auto;border-radius:160px;border:3px solid #fff;}
.cslist li a:hover{border-color:#f27935;}
.cslist li .icon{margin-top:10px;height:90px;}
.cslist li span{display:block;}
.cslist li .tit{;font-size:15px;color:#000;}
.notice{margin-bottom:40px;}
.noticelist{position:relative;height:50px;padding-left:50px;overflow:hidden;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.noticelist .tit{width:50px;height:50px;font-size:16px;color:#000;line-height:48px;float:left;}
.noticelist .list{position:absolute;top:0;left:100px;width:80%;float:left;}
.noticelist .list li{height:50px;line-height:50px;}
.noticelist .list li a{display:block;height:50px;line-height:50px;font-size:12px;color:#777;}
.noticelist .list li a:hover{color:#000;}
.noticelist .btn_up{position:absolute;top:15px;right:20px;}
.noticelist .btn_down{position:absolute;bottom:15px;right:20px;}

.app_banner{position:relative;width:100%;min-height:120px;padding:35px 35px 35px 120px;background:#212121 url(../../images/main/foot_app.png) no-repeat 45px 50%;}
.app_banner .appstore{position:absolute;top:35px;right:35px;}
.app_banner .appstore a{display:block;float:left;}
.app_banner .appstore a:first-child{border-right:1px solid #646464;}
.app_banner .txt{padding-top:5px;font-size:16px;font-weight:300;color:#fff;}
.app_banner .txt span{font-weight:500;}
.app_banner .txt a{display:block;margin-top:5px;font-size:14px;color:#fff;}

/* terms & privacy */
.termspage{padding:60px 0;background-color:#fff;border-top:1px solid #e9e9e9;}
.termspage .container{width:1200px;}
.termspage .title h2{margin-bottom:30px;font-size:30px;font-weight:500;color:#333;text-align:center;}
.termspage .title p{font-size:13px;color:#666;line-height:1.8;}
.termspage .index{margin:20px 0 40px;padding:30px 20px;background-color:#fafafa;border-top:2px solid #666;border-bottom:1px solid #e9e9e9;overflow:hidden;}
.termspage .index div{float:left;overflow:hidden;width:350px}
.termspage .index.idx_privacy div{width:500px;}
.termspage .index div .dt{height:24px;padding-left:10px;font-size:13px;line-height:24px;}
.termspage .index div a{text-decoration:none;color:#666}
.termspage .index div a:hover{text-decoration:underline;font-weight:bold;color:#f27935;}
.termspage .index2 div{ width:50%}
.termspage .section{margin-top:30px}
.termspage h3{margin-bottom:20px;font-size:17px;}
.termspage h4{padding-bottom:13px;font-size:14px;font-weight:bold;line-height:19px}
.termspage .ua_box{border:1px solid #efefef;border-radius:4px;padding:10px 20px;}
.termspage .ua_box p,
.termspage .ua_box ul,
.termspage .ua_box dl{font-size:13px;line-height:1.8;color:#333;}
.termspage .ua_box ul,
.termspage .ua_box dl{margin:13px 0}
.termspage .ua_box p{margin:10px 0;text-indent:0;font-size:13px;}
.termspage .ua_box .default_type{padding-left:14px;text-indent:-14px}
.termspage .ua_box .circlednum_type{padding-left:16px;text-indent:-16px}
.termspage .ua_box .hyphen_type{padding-left:11px;text-indent:-11px}
.termspage .ua_box .korean_type{padding-left:18px;text-indent:-18px}
.termspage .ua_box .bracket_type{padding-left:10px}
.termspage .ua_box li{margin:5px 0;padding-left:12px;color:#666;}
.termspage .ua_box dt,
.termspage .ua_box dd{margin:3px 0;padding-left:12px;line-height:1.8;}
.termspage .ua_box dt{margin:12px 0 3px;font-weight:500;color:#333;}
.termspage .ua_box dd{color:#666;}
.termspage .ua_box .ua_span{display:block;margin:-15px 0 15px;font-size:11px;line-height:18px;color:#7d7d7d}
.termspage .ua_box .table{width:100%;text-align:center;margin:5px 0 20px;text-indent:0}
.termspage .ua_box .table th,
.termspage .ua_box .table td{padding:10px 0;font-size:13px;color:#333;}
.termspage .ua_box .table th{font-size:13px;}

.ua_list_wrap{margin-top:50px;padding-top:20px;border-top:4px solid #f0f0f0;font-size:13px;color:#333;line-height:1.8;}
.ua_list_wrap .select{margin-top:10px;height:40px;max-width:300px;padding:0 10px;font-size:12px;line-height:40px;}


.companypage{padding:115px 0 60px;background-color:#fff;border-top:1px solid #e9e9e9;}
.companypage .section{display:inline-block;width:100%;margin-bottom:180px;}
.companypage .section.sec01{background:url(../../images/company/bg_sec01.png) no-repeat 20px 320px;}
.companypage .title{position:relative;width:325px;font-size:24px;color:#333;line-height:1.4;float:left;z-index:1;}
.companypage .title .num{position:absolute;top:-85px;left:0;display:block;font-size:85px;font-weight:100;color:#f0f0f0;font-style:italic;z-index:-1;}
.companypage .title strong{display:block;font-size:28px;}
.companypage .cont_box{width:815px;float:left;}
.companypage .cont_box .txt{font-size:15px;color:#999;line-height:1.6;}
.companypage .cont_box .txt span{color:#333;}
.companypage .cont_box .graph{position:relative;width:745px;}
.companypage .cont_box .graph .tit{font-size:19px;font-weight:500;text-align:center;}
.companypage .cont_box .graph .tit span{display:block;font-size:31px;}
.companypage .cont_box .graph dl{position:absolute;top:0;left:0;width:195px;}
.companypage .cont_box .graph dl dt{position:relative;display:block;font-size:22px;}
.companypage .cont_box .graph dl dd{position:relative;font-size:14px;color:#999;line-height:1.6;}
.companypage .cont_box .graph1{margin-top:85px;padding:175px 0 200px;background:url(../../images/company/bg_graph1.png) no-repeat 50% 10px;}
.companypage .cont_box .graph1 .tit{color:#f37f21;}
.companypage .cont_box .graph1 .li1{top:0;left:70px;}
.companypage .cont_box .graph1 .li2{top:22px;left:505px;}
.companypage .cont_box .graph1 .li3{top:315px;left:80px;width:170px;}
.companypage .cont_box .graph1 .li4{top:330px;left:533px;width:180px;}
.companypage .cont_box .graph1 .li1 dt{color:#f5936d;}
.companypage .cont_box .graph1 .li2 dt{color:#edc85c;}
.companypage .cont_box .graph1 .li3 dt{color:#ed9957;}
.companypage .cont_box .graph1 .li4 dt{color:#f2ab4b;}
.companypage .cont_box .graph1 .li1 dd::after{content:'';position:absolute;bottom:-5px;left:0;width:195px;height:1px;background-color:#f5936d;}
.companypage .cont_box .graph1 .li2 dt::after{content:'';position:absolute;top:3px;left:-18px;width:1px;height:100px;background-color:#fde6a3;}
.companypage .cont_box .graph1 .li3 dd::after{content:'';position:absolute;bottom:0;right:-18px;width:1px;height:100px;background-color:#fdcfab;}
.companypage .cont_box .graph1 .li4 dt::after{content:'';position:absolute;top:-5px;right:122px;width:120px;height:1px;background-color:#fdd7a3;}
.companypage .cont_box .graph2{margin-top:130px;padding:175px 0 200px;background:url(../../images/company/bg_graph2.png) no-repeat 50% 10px;}
.companypage .cont_box .graph2 .tit{color:#22c884}
.companypage .cont_box .graph2 .li1{top:8px;left:65px;width:170px;}
.companypage .cont_box .graph2 .li2{top:0;left:535px;width:180px;}
.companypage .cont_box .graph2 .li3{top:375px;left:70px;width:180px;}
.companypage .cont_box .graph2 .li4{top:370px;left:550px;width:175px;}
.companypage .cont_box .graph2 .li1 dt{color:#9cda44;}
.companypage .cont_box .graph2 .li2 dt{color:#7ae2e1;}
.companypage .cont_box .graph2 .li3 dt{color:#7ce676;}
.companypage .cont_box .graph2 .li4 dt{color:#74ddbe;}
.companypage .cont_box .graph2 .li1 dd::after{content:'';position:absolute;bottom:-5px;left:0;width:195px;height:1px;background-color:#cbf590;}
.companypage .cont_box .graph2 .li2 dt::after{content:'';position:absolute;top:3px;left:-18px;width:1px;height:100px;background-color:#93f0ef;}
.companypage .cont_box .graph2 .li3 dd::after{content:'';position:absolute;bottom:0;right:-18px;width:1px;height:100px;background-color:#95f590;}
.companypage .cont_box .graph2 .li4 dt::after{content:'';position:absolute;top:-5px;right:72px;width:160px;height:1px;background-color:#90f5d7;}

.companypage .section.sec03 .cont_box .txt{margin-bottom:65px;}
.companypage .history .viewnum{margin-bottom:70px;}
.companypage .history .tit{margin-bottom:10px;font-size:21px;color:#333;overflow:hidden;}
.companypage .history .tit span{font-size:14px;color:#999;float:right;}
.companypage .history .box{padding:65px 0;border:12px solid #f0f0f0;overflow:hidden;}
.companypage .history .box li{width:285px;;font-size:46px;font-weight:400;color:#f37021;text-align:center;float:left;}
.companypage .history .box li:first-child{width:221px;}
.companypage .history .box li .sm{margin-right:15px;font-size:16px;}
.companypage .history .box li p{font-size:16px;color:#787878;}
.companypage .history .list .tit{margin-bottom:30px;}
.companypage .history .list dl{width:600px;margin-bottom:10px;font-size:14px;color:#999;overflow:hidden;}
.companypage .history .list dt{width:60px;color:#f37021;float:left;}
.companypage .history .list dd{width:540px;margin-bottom:10px;float:right;}
.companypage .history .list dd:last-child{margin-bottom:0;}

.companypage .section.sec04{margin-bottom:100px;}
.companypage .cont_box .table{border:1px solid #d9d9d9;}
.companypage .cont_box .table th,
.companypage .cont_box .table td{border-bottom:1px solid #d9d9d9;}
.companypage .cont_box .table th{font-size:15px;color:#333;}
.companypage .cont_box .table td{padding:15px 35px;font-size:16px;color:#333;text-align:left;}
.companypage .cont_box .table td span{margin-left:10px;font-size:13px;color:#999;}
.companypage .cont_box .table td .button_wrap{margin-top:10px;}
.companypage .cont_box .table td a{display:inline-block;width:190px;height:45px;line-height:45px;text-align:center;font-size:15px;font-weight:300;color:#fff;}
.companypage .cont_box .table td a.naver{background-color:#41b649;}
.companypage .cont_box .table td a.daum{background-color:#4797f2;}
.companypage .cont_box .table td a.google{background-color:#dd4b39;}


/* tutorial */
.tutorial{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:-1;}
.tutorial.on{display:block;z-index:1000000;}
.tutorial .inbox{position:absolute;top:50%;left:50%;width:1078px;height:663px;margin:-332px 0 0 -539px;}
.tutorial .swiper-slide{position:relative;text-align:center;}
.tutorial .swiper-slide.btn_cp a{position:absolute;top:208px;left:484px;background:none;width:112px;height:40px;}
.tutorial .swiper-button-prev,
.tutorial .swiper-button-next{width:33px;height:63px;}
.tutorial .swiper-button-prev{left:30px;background:url(../../images/tutorial/left.png) no-repeat;}
.tutorial .swiper-button-next{right:30px;background:url(../../images/tutorial/right.png) no-repeat;}
.tutorial .inbox .swiper-container > a{display:block;position:absolute;top:20px;right:120px;width:40px;height:40px;background:none;opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s;}
.tutorial.last .inbox .swiper-container > a{opacity:1;z-index:1000;}

@media screen and (max-width: 1800px){ 
  /*.container{width:1300px;}*/
}

@media screen and (max-width: 1600px){ 
/*  .container{width:1200px;} */
  #widget .inner .inmenu .tit{font-size:12px;}
  #widget .inner .inmenu > a{padding:10px 0;}
  #widget .inner .inmenu .btn_qrtxt{padding:10px 20px;}
}
@media screen and (max-width: 1200px){ 
  .modal_player .modal_box{top:5%;left:5%;;width:90%;margin:0;}
  .modal_player .modal_box h5{font-size:15px;padding:13px 20px;}
  .modal_player.on .modal_box{top:5%;height:auto;}
  .modal_player .modal_box .modal_contents{padding:2px;}
  .modal_player .modal_box .modal_contents #player{width:100% !important;max-height:540px;}
}