body{letter-spacing: -0.03em;font-family:'NotoSansKR-Regular-Hestia';}
body.not-scroll{width:100%;height:100%;overflow:hidden; position: fixed;margin:0;padding:0;}
a{width: 100%; display: inline-block;text-decoration: none;}
a:hover, a:link, a:active, a:visited{text-decoration:none;}
section{padding-bottom:20px;box-sizing:content-box;}
select::-ms-expand {display:none}
del{margin-right: 5px;}

 *:focus {outline:none; }
 /* Change the white to any color ;)  */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
 /*************************** 서브인덱스  ****************************/
.mt1{margin-top: 10px;}
.mt2{margin-top: 20px;}
.no-padding{padding:0}
.loca_right{margin: 0 10px;}
.to_marg{margin: 0 16px;}
.blank{opacity: 0; margin: 6px 0;}
.relative{position:relative}
.container{padding-left: 15px; padding-right: 15px;}

 /***  PC 좌측메뉴  ***/
._headerStyle #L_gnb {position: fixed; box-shadow: 4px 0 4px rgba(0,0,0,.1); top: 0; background: #fff; height: 100%; transition: all .5s; border-right: 1px solid #aeaeae; color: #383838; letter-spacing: -1px; z-index: 999; width: 150px; display:none;}
._headerStyle #L_gnb .toggle-Btn{cursor: pointer; width: 22px; height: 67px; position: absolute; top: 0; right: -22px; box-shadow: 4px 0 4px rgba(0,0,0,.1); border-bottom-right-radius: 7px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; overflow: hidden; border-right: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae; background-color: #fff;padding-left: 5px; letter-spacing: 1.1px; padding-top: 3px; color: #333333;}
._headerStyle .intro_Menu{display: none;}
._headerStyle #L_gnb .toggle-Btn a i {font-size: 13px;}
._headerStyle #L_gnb .toggle-Btn div{writing-mode: tb-rl; font-size: 9px; font-weight: 600; padding-top: 2px;}
._headerStyle #L_gnb .L_logo{margin: 10px;}
._headerStyle #L_gnb .L_logo img{width: 100%;}
._headerStyle #L_gnb .gnb_List ul li p{cursor: pointer; width: 100%; height: auto; display: inline-block; padding: 10px 5px 10px 17px; border-bottom: 1px solid #d9d9d9; font-size: 13px; color: #868686; vertical-align: middle;}
._headerStyle #L_gnb .gnb_List ul li a{width: 70%; height: auto; line-height: 1.2; float: left;}
._headerStyle #L_gnb .gnb_List ul li button {float: right; border: none; background-color: #fff; padding-right: 0; width: 30%; height: 100%;}
._headerStyle #L_gnb .gnb_List ul li ul{background-color: #e9e9e9; padding: 10px 0;}
._headerStyle #L_gnb .gnb_List ul li ul li{padding: 6px 10px 6px 25px; font-size: 12px; overflow: hidden;}
._headerStyle #L_gnb .bx-controls {padding: 0; position: relative; bottom: 5px;}
._headerStyle #L_gnb .bx-pager {padding: 0; position: absolute; top: -17px;}
._headerStyle #L_gnb .bx-wrappe, ._headerStyle #L_gnb .bx-wrapper{border: none;}
._headerStyle #L_gnb .bx-controls-direction{display: none;}
._headerStyle #L_gnb .bx-wrapper .bx-pager.bx-default-pager a{background: #6660; border: 2px solid #fff; width: 8px; height: 8px; margin: 0 1px;}
._headerStyle #L_gnb .bx-wrappesr .bx-pager.bx-default-pager a.active{width: 22px; height: 8px;background: #fff;}
._headerStyle .L_two_depth{display: none;}
._headerStyle .L_benner{padding: 9px; }
._headerStyle .L_gnb-click {left: -142px; transition: all .5s;}
._headerStyle .toggle-mBtn{display: none;}
.container > .row{margin-right: 0; margin-left: 0;}
.event_container > .row{margin-right: 0; margin-left: 0;}
.sub_Index .container .bx-wrapper .bx-pager{bottom: 20px; width: 100%; margin: 0;}
.sub_Index .container .bx-wrapper .bx-pager.bx-default-pager a{background: #fff8; border: none; width: 10px; height: 10px; margin: 0 2px;}
.sub_Index .container .bx-wrapper .bx-pager.bx-default-pager a.active{width: 30px; height: 10px;background: #fff;}
.sub_Index .container .bx-wrapper .bx-pager{bottom: 20px; float: left; width: auto; right: 20px;}
.sub_Index .Top_Bnn .bx-wrapper .bx-pager , .sub_Index .Top_Bnn .bx-wrapper .bx-pager{bottom: 20px; width: 100%; margin: 0;}
.sub_Index .Top_Bnn .bx-wrapper .bx-pager.bx-default-pager a{background: #fff8; border: none; width: 10px; height: 10px; margin: 0 2px;}
.sub_Index .Top_Bnn .bx-wrapper .bx-pager.bx-default-pager a.active{width: 30px; height: 10px;background: #fff;}
.sub_Index .Top_Bnn .bx-wrapper .bx-pager{bottom: 20px; float: left; width: auto; right: 20px;}
#main1_container .container .news{margin: 15px 0; }
#main1_container .container .news_bg{width: 50%; float: left; padding: 5px;}
#main1_container .container .news .news_bg:nth-child(1n){min-height: 268px; float: left;}
#main1_container .container .news .news_bg:nth-child(2n){min-height: 268px; float: right;}
#main1_container .container .news_bg .new1{width: 100%; padding: 15px 0 0 0;}
#main1_container .container .news_bg .new1 .con3_top{font-weight:bold; font-size: 15px; padding-bottom: 10px;}
#main1_container .container .news .news_bg .con3_tit a{height: 40px;font-size: 14px; letter-spacing: -0.7px; padding: 4px 0px; line-height: 2.1;}
.MB_web{display: block;height: auto;width: 100%;margin: 0 auto;}
#main1_container .container .news .news_bg .con3_tit a .new_Tit{font-weight: 500; font-size: 14px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width: calc(100% - 80px);display: inline-block;}
#main1_container .container .news .news_bg .con3_tit a del{float: right;font-size: 13px;color: #787878;text-decoration: none;}

 /***  PC 사이드배너  ***/
.sub_Index .r_banner{width: 120px; position: absolute; top: 0; right: 48%; margin-right: -680px; margin-top: 20px; z-index:3;}
.sub_Index .r_banner img{width: 100%;}
.sub_Index .r_banner li {margin-bottom: 5px;}
.sub_Index .l_banner{width: 280px; position: absolute; top: 0; left: 50%; margin-left: -875px; margin-top: 20px;}
.sub_Index .l_banner img{width: 100%;}
.sub_Index .l_banner a, .sub_Index .r_banner a{cursor: default;}
.sub_Index .l_banner li {margin-bottom: 5px;}
.sub_Index .c_banner{width: 100%; /*height: 150px; background-color: skyblue;*/ margin-top: 30px;}
.sub_Index .b_banner{width: 100%; position: fixed; bottom: 0; left: 0; z-index: 19; text-align: center;}
.sub_Index .t_banner{width: 100%; top: 0; left: 0; z-index: 1515; text-align: center;display: none;}
.sub_Index .t_banner img{width: 100%;}
.sub_Index .b_banner img{width: 100%;}
.sub_Index .Top_Bnn{text-align: center; width: 100%}
.sub_Index .r_banner .ben_close{cursor: pointer; width: 20px; position: absolute; padding: 3px; right: 0; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; opacity: 0.8;}
.sub_Index .l_banner .ben_close{cursor: pointer; width: 20px; position: absolute; padding: 3px; right: 0; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; opacity: 0.8;}

 /***  하단  ***/
.terms{cursor: pointer;}
.terms_bg{background-color: rgba(0,0,0,0.4); position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 102; display: none;}
.terms_box{position: fixed; width: 60%; top: 0; right: -200%; background-color: #fff; height: 100%; padding: 0 15px; z-index: 1000;overflow:auto}
.terms_box .tit{color:#000; font-size:16px; margin-top: 40px; padding: 0 0 8px 0; float: none; text-align: center; font-weight: bold;}
.terms_con{border: 1px solid #000; padding: 20px; font-size: 12px;}
.terms_box .terms_list,.terms_box .terms_tit{padding-bottom: 30px; border-bottom: 1px solid #dedfe3;}
.terms_cancel {width: 30%; display: inline-block; font-size: 14px; padding: 15px 0; text-align: center; margin-top: 30px; cursor: pointer;margin-right: 10px; border: 3px solid transparent; background-color: #456DFD; color: #fff;}
.terms_btn{text-align: center;}

 /***  레이아웃  ***/
#main1_container .sub_Index {overflow: auto; height: auto!important;}
#main1_container .Main_Bnn .bx-wrapper .bx-pager.bx-default-pager a{background: #fff8; border: none; width: 10px; height: 10px; margin: 0 2px;}
#main1_container .Main_Bnn .bx-wrapper .bx-pager.bx-default-pager a.active{width: 30px; height: 10px;background: #fff;}
#main1_container .Main_Bnn .bx-wrapper .bx-pager{bottom: 20px; float: left; width: auto; right: 20px;}
#main1_container .Teacher_Bnn img{width: 100%; height: auto;}
#main1_container .new1{min-height: 150px;}
#main1_container .con2 section{min-height: auto; text-align: center; overflow: hidden; margin: 0;}
#main1_container .p-top .owl-prev{opacity: 0.7; background-size: 20%; width: 30px; height: 30px; text-indent: -9999px; position: absolute; top: 50%; left: -5px; background-position: center; background-image: url(../images/previous1.png); background-repeat: no-repeat;}
#main1_container .p-top .owl-next{opacity: 0.7; background-size: 20%; width: 30px; height: 30px; text-indent: -9999px; position: absolute; top: 50%; right: -5px; background-position: center; background-image: url(../images/next2.png); background-repeat: no-repeat;}
#main1_container .Review_bnn{background-color: #e9e9e9; padding: 40px 60px;}
#main1_container .Review_bnn > div{width: 100%;}
#main1_container .Review_bnn .Review_con{height: 320px;}
#main1_container .Review_bnn .Review_con .Review_tx{padding: 30px; color: #fff; font-size: 15px; width: 100%; height: 320px; background: linear-gradient(135deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5) 60%, rgba(0,0,0,0));}
#main1_container .Review_bnn .Review_con .Review_tx h1{width: 200px; line-height: 1.3; font-weight: bold; padding-bottom: 60px;}
#main1_container .Review_bnn .Review_con .Review_tx p{font-weight: 600; font-size: 12px; padding-bottom: 5px;}
#main1_container .Review_bnn .Review_con .Review_tx i{color: #456DFD; font-size: 24px; padding-bottom: 10px;}
#main1_container .Review_bnn .owl-carousel .owl-nav button.owl-prev{background-image: url(../images/con1_rightarrow1.png); top: 50%; left: -63px; background-size: auto;}
#main1_container .Review_bnn .owl-carousel .owl-nav button.owl-next{background-image: url(../images/con1_leftarrow1.png); top: 50%; right: -63px; background-size: auto;}
#main1_container .p-top2 .con_tab_left{float: left;}
#main1_container .p-top2 .con_tab_left li{display: inline-block;}
#main1_container .p-top2 .con_tab_left li span{display: inline-block; width: 1px; height: 10px; background: #4b3c4b; margin: 8px 12px 0 12px;}
#main1_container .p-top2 .con_tab_left .tit{padding-right:20px; letter-spacing: -1px; float: left;font-size: 16px; font-weight: 700;}
#main1_container .p-top2 .con_tab_left .tit-list{margin-left: 15px; float: left; padding-top: 4px;}
#main1_container .p-top2 .con_tab_left .click{font-size: 14px; color: #625562; cursor: pointer;}
#main1_container .p-top2 .con_tab_left .click.active{color: #2050a1;}
#main1_container .p-top2 .con_tab_right{position: relative;display:block;float:right; font-size:14px; color:#000;margin-bottom:0;}
#main1_container .p-top2 .con_tab_right img{width: 30px; vertical-align: top;margin-top: -5px;}
#main1_container .p-top2 .con-top{margin-left:0;margin-right:0;margin-bottom:10px;}
#main1_container .owl0 .item1 ul > li{margin-left: 0; padding: 15px; background-color: rgba(0,0,0,0.5); color: #fff; width: 100%;}
#main1_container .owl0 .item1 ul > li .stit{}
#view4_container .nav{margin-top: 20px;}
.Youtube_con .con3_top{padding-top: 20px; border-bottom: 1px solid #000; padding-bottom: 6px; margin-bottom: 20px;}
.Youtube_con .con3_top img{width: 85px;}
.Youtube_con .con3_top .subscribe{font-size: 12px; background-color: red; color: #fff; padding: 2px 7px; border-radius: 4px; ; -webkit-border-radius: 4px; -moz-border-radius: 4px; vertical-align: 5px; margin-left: 5px;}
.Youtube_con .con3_top .news_add{float: right;}
.Youtube_con .con3_top .news_add img{width: 25px;}
.Youtube_list {height: 180px;}
.Youtube_list .Youtube_thum{height: 130px;}
.Youtube_list .Youtube_tx {font-size: 12px; width: 100%; margin-top: 10px; line-height: 1.2; height: 28px; overflow: hidden;}

.p-top2 .index {overflow: hidden;margin-bottom: 20px;}
.MB_01{width: 60%;height: 100%;float: left;}
.MB_02{width: 40%; height: 100%; float: left;}
.subject_list{float: left; margin-left: 17px; height: 36px; font-size: 13px; color: #656565; font-weight: 700; border: 1px solid #d9d9d9; text-align: center;}
._headerStyle .header_bottom .subject_Name{margin-left: 10px; color: #456DFD;}
.p-top2 section{min-height: auto!important;}
#sub1_container .list_btn{margin-top: 15px;}
.list_btn .list_sort{display: inline-block; text-align: left; font-size: 13px; margin-right: 10px;}
.list_btn .list_sort li{cursor: pointer; display: inline-block; margin-right: 5px; color: #777777;}
.list_btn .list_sort li.on{color: #456DFD; font-weight: bold;}
.list_btn{text-align: right; float: right; margin-bottom: 15px; width: 100%;}
.list_btn button {border: none;background-color: #fff;font-size: 18px;border: 1px solid #d9d9d9;padding: 10px; color: #333; width: 40px; height: 40px; vertical-align: middle;}
.list_btn button:hover{background-color:#eeeff1;}
.p-top2 .bx-viewport{height: auto!important;}

 /***  미디어쿼리  ***/
  @media screen and (min-width:1500px) and (max-width:5500px){
    .sub_Index{height: auto!important;}
    .Top_Bnn{width: 100%; background-color: #141e2c; text-align: center;}
    .container2{width: 1170px; margin: 0 auto; /*overflow: hidden;*/}
    .Main_Bnn{width: 100%; margin: 15px auto; height: auto; overflow: hidden; }
    .MB_01{width: 60%; height: 100%; float: left;}
    .MB_02{width: 40%; height: 100%; float: right;}
    .Teacher_Bnn{width: 100%; height: auto; margin: 30px auto 0; }
    .MB_mo{display: none;}
    .MB_web{display: block; height: auto; width:100%; margin: 0 auto; }
    .MB_web img{width: 100%; height: auto; }
  }
 @media screen and (min-width:600px) and (max-width:1499px){
  .sub_Index{height: auto!important;}
  .Top_Bnn{height: auto;}
  .Top_Bnn img{width: 100%;}
  .container2{width: 100%;margin: 0 auto;}  
  .Main_Bnn{width:100%; margin: 0 auto; overflow: hidden; height: auto;}
  .MB_01{width: 60%; height: 100%; float: left; overflow: hidden;}
  .MB_02{width: 40%; height: 100%; float: left; overflow: hidden;}
  .Teacher_Bnn{width: 100%; height: auto; margin: 30px auto 0;}
  .MB_mo{display: none;}
  .MB_web{display: block; height: auto; width:100%; margin: 0 auto;}
  .MB_web img{width: 100%; height: auto;}
  .CS_quick{padding-bottom: 18px;}
  .CS_quick a i{font-size: 35px; padding: 18px 0;}
  .CS_center div{padding: 20px;}
  .CS_center div h1{font-size: 18px;}
  }
@media screen and (max-width:990px) and (min-width:30px){
  #sub3_container .info2 .info2_list > li:nth-child(1){background-color: #456DFD;}
  #sub3_container .info2 .info2_list .user_box span{background-color: #fff!important; color: #456DFD!important;}
}
 @media screen and (max-width:1140px) and (min-width:200px){
 .event_con_1140{width: 100%!important;}
}
@media screen and (max-width:1280px) and (min-width:200px){
 .event_con_1280{width: 100%!important;}
}
 @media screen and (min-width:200px) and (max-width:599px){
  .Top_Bnn{height: auto;}
  .Top_Bnn img{width: 100%;}
  .Main_Bnn{width: 100%; margin: 0 auto; height: auto; overflow: hidden;}
  .MB_01{width: 100%; height: auto; height: auto;}
  .MB_02{width: 100%; height: auto; height: auto;}
  .Teacher_Bnn{width: 100%; height: auto; margin: 30px auto 0;}
  .MB_mo{display: block; height: auto; width:100%; margin: 0 auto;}
  .MB_web{display: none;}
  .MB_mo img{width: 100%; height: auto;}
  .p-top2 .index{max-height: max-content;}
  .pc-popup .owl-carousel .owl-item img{width: 320px !important;height: auto !important;}
  .pc-popup .popowl .owl-nav [class*='owl-']{background-color: #c0c0c0a6!important;}
  .pc-popup .popowl .owl-next{right: 0!important;}
  .pc-popup .popowl .owl-prev{left: 0!important;}
  .pc-popup .notice_close > a{padding: 13px 0!important;width: 60% !important;}
  .pc-popup .notice_close > a:last-child{width: 40%!important;}
  .pc-popup .notice_close{font-size: 13px!important;}
  .pop-layer .btn-r{background-color: #fff;}
  .pop-layer, .pop-layer .bx-wrapper{background: #ffffff00!important; box-shadow: 0 0 5px #ccc0;}
  .CS_center{width: 100%;}
  .CS_center div{padding: 15px; font-size: 10px;}
  .CS_center div h1{font-size: 16px;}
  .CS_quick{width: 100%;}
  .CS_info{height: auto;}
  #sub3_container .left_con .details .my_name i{margin: 0 5px; color:#456DFD;}
  }

 
 /***************************  TEST   ******************************/

.Name{font-size: 15px; font-weight: 600; line-height: 24px; margin-top: 10px;border-bottom: 2px solid #000;padding-bottom: 6px; text-align: left;}
.ProfDetail{width: 320px; padding-top: 22px; margin-left: 220px;}
.lec_table{clear: both; border-bottom: 1px solid #c9c9c9;}
.lec_table table{width: 100%}
.lec_table table td{line-height: 1.8; padding: 30px 0; font-size: 13px;}
.lec_table table td div{display: inline-block; float: left;}
.lec_table table td div.p_re{float: unset;}
.lec_table table td div.w-name{padding: 0 8px; margin-bottom: 20px; font-size: 14px; font-weight: 500;}
.lec_table2 table td .price {font-size: 16px;width: 100px; display: inline-block; text-align: right;}
.lec_table2 .w-data{width: 50%;}
.lec_table2 .w-notice{width: 27%;text-align: right;}
.w-tit{font-size: 15px; color: #2c2c2c; font-weight: bold; width: 100%;}
.w-list p{width: fit-content; background-color: #456DFD; color: #fff; padding: 0px 7px; border-radius: 18px; margin: 0 auto 10px; font-size: 12px;}
.w-list{text-align: center;width: 18%;height: auto; height: 80px;}
.w-name{text-align: center;width: 100%;}
.w-thum{position: relative;}
.w-thum .Bt_wish{position: absolute; left: 0; width: auto;z-index: 1;}
.w-thum .Bt_wish i{font-size: 15px; color:#456DFD; padding: 7px;}
.w-name .tx-blue{margin: 0 5px; font-weight: bold;}
.w-data{width: 40%;margin: 0 13px;text-align: left; min-height: 60px;}
.w-data .lang{width: 100%;}
.w-data .w-tit a{display: inline;}
.w-data .w-tit a i{margin-right: 4px; color:#456DFD;}
.w-data .hnbh{line-height: 1.1; margin-bottom: 3px;}
.w-notice{text-align: left;width: 27%;}
.w-info{clear: both; font-size: 13px; font-weight: 500;font-weight: 500;}
.tx-blue{font-size: 13px; text-align: center;font-weight: bold;}
.w-info dt{float: left; vertical-align: middle;}
.w-info .row-line{width: 1px; height: 13px; margin: 0 10px -3px;}
.mr20{width: 100%; color: gray; margin-top: 10px;}
.priceWrap .select {margin: 0 6px; width: 70px; display: inline-block; font-size: 13px; color: #456DFD;}
.Book_table .add_wrap .select {margin: 0 6px; width: 0; display: inline-block; font-size: 13px; color: #456DFD;}
.MoreBtn{font-size: 13px; margin-top: 10px; color: gray;}
.discount{color: #a7a7a7;font-size: 13px;font-weight: 400;}
.Book_table .add_wrap{border-top: 1px solid #d9d9d9;}
.Book_table .add_wrap .w-data .lang{width: auto;}
.Book_table .add_wrap .lang{line-height: 1.1;}  
.Book_table .add_wrap .price{margin: 0 5px;}
.Book_table .add_wrap td:nth-child(1){text-align: center;}
.Book_table .add_wrap td{padding: 15px 0; vertical-align: middle;}
.Book_table .add_wrap .w-info{width: 80%; line-height: 1.3; height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.Book_table .add_Book {width: 18%; text-align: center;}
.Book_popup .Book_table{width: 100%; overflow-y: scroll; height: 400px;}
.Book_table::-webkit-scrollbar {width: 7px;}
.Book_table::-webkit-scrollbar-thumb {background: #858585; border-radius: 4px;}
.Book_table::-webkit-scrollbar-button {display: block; height: 2px;}
.Book_table::-webkit-scrollbar-track{background-color: #fff;}
.Book_table > table{width: 100%;}
.Book_table{height: auto;}
.lec_table table td .Bt_lec{float: none; margin-top: 19px; width: 100%;}
.lec_table table td .Bt_lec a{padding: 5px 0; font-size: 13px; font-weight: 600; width: 47%; margin-right: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-align: center;}
.lec_table table td .Bt_lec i {margin: 0 5px 0 0;}
.lec_table table td .Bt_lec .A_Buy {background-color: #456DFD; color: #fff; border: 1px solid #456DFD;}
.lec_table table td .Bt_lec .A_Cart{background-color: #fff; border: 1px solid #456DFD; color: #456DFD;}
.Bottom_arr{position: relative; padding: 2px 22px; width: auto; background-color: #f5f5f5; border-top:1px solid #456DFD; border-left: 1px solid #456DFD; border-right: 1px solid #456DFD;}
.Bottom_arr i {font-size: 12px;}
.A_list, .Bottom_arr{display: none;}
.lec_table table td .Sample_lec{margin: 0 13px; width: 40%; text-align: left;}
.lec_table table td .dropD {position: relative;float: none;}
.lec_table table td div.dropBtn {float: none;}
/********* relation BOOK *********/
#view4_container .Book_popup {width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); position: fixed; top: 0; left: 0; visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out; z-index: 99;}
#view4_container .Book_popup.open {opacity: 1; visibility: visible;}
#view4_container .Book_popup .pop{width: 50%; position: absolute; top: 50%; left: 50%; background-color: #fff; height: auto; transform: translate(-50%, -50%); border: 1px solid #000000; border-radius: 10px;}
#view4_container .Book_popup .tit{z-index: 10; font-size: 15px; padding: 8px 0; width: 100%; text-align: center; position: relative; margin: 5px 0; float: none;font-weight: bold;}
#view4_container .Book_popup .relation_box{padding: 30px; height: 100%; z-index: 10;}
#view4_container .Book_popup .close_btn{background: none; width: 24px; height: 24px; position: absolute; top: 5px; right: 5px; cursor: pointer; z-index: 11;}
#view4_container .Book_popup .close_btn img{width: 24px; height: 24px;}
#view4_container .Book_popup table td div{display: inline-block; float: left;}
#view4_container .Book_popup table td div.Writer{font-size: 13px; margin: 9px 0 0;}
#view4_container .Book_popup table td .w-data{width: 65%; padding: 10px;}
#view4_container .Book_popup .Book_table .add_Book{width: 30%;}
#view4_container .Book_popup .Book_table .add_Book img{width: 100%;}
#view4_container .Book_popup .Book_table .add_wrap .w-info{width: 100%; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
#view4_container .Book_popup .Book_table .add_wrap td{display: flex; border-bottom: 1px solid #e9e9e9;}
#view4_container .Book_popup table td .w-tit{margin-top: 10px;font-weight: 500;}
#view4_container .Book_popup table td .w-notice{width: 100%; margin-top: 10px;}
/*********************** header safari bug  ***********************/ 
<!--@supports (position: sticky) or (position: -webkit-sticky){-->
<!--  .sticky{position: -webkit-sticky; position: sticky; top: 0;}-->
<!--}-->
header{position:fixed; top:0px; }
/****************************  header1  ****************************/
#header {width:100%;height: auto; background-color:rgba(255,255,255,0.8); color: #fff; z-index: 99; top: 0;}
#header .header_up{height: auto; padding: 10px 0 25px;}
#header .header_up .logo {width: auto; height: 50px; display: inline-block; margin-top: 10px; overflow: hidden;}
#header .header_up .logo img{max-height: 50px; width: auto;}
#header .header_up .logo a{width: auto;}
#header .header_up .h_left{float: left; font-size: 14px;}
#header .header_up .h_left p{display: inline-block; margin-right: 18px;}
#header .header_up .h_left ul{display: inline-block; margin-right: 14px;}
#header .header_up .h_right{float: right; color: #000;}
#header .header_up .h_right li{display: inline-block; margin-right: 24px; font-size: 13px;}
#header .header_up .h_right li:last-child {margin-right: 0;}
#header .header_up .h_right li:last-child input{border: 1px solid #000000; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; width: 115px; background: url(../images/b_search.png) 95px 4px no-repeat; background-size: 13px 13px; opacity: 0.5; padding: 2px 6px;}
#header .header_up .h_right .fa-caret-down:before{display: none;}
#header .header_arrow li{display: inline-block; cursor: pointer;}
#header .header_down{padding: 10px 0;}
#header .header_down .logo{float: left; margin-top: 7px; width: 280px;}
#header .header_down .logo img{width: 100px;}
#header .header_down ul{float: right; border: 1px solid #000; padding: 10px 20px;}
#header .header_down ul li{display: inline-block;}
#header .header_down ul li input{border: none; width: 222px;}
#header .header_down ul li input::-webkit-input-placeholder{color: #000; font-size: 14px;}
#header .header_down ul li input:-ms-input-placeholder{color: #000; font-size: 14px;}
#header .header_down ul li input::-ms-input-placeholder{color: #000; font-size: 14px;}
#header .header_down ul li input::placeholder{color: #000; font-size: 14px;}
#header .header_bottom{background-color: transparent; color: #000;}
#header .header_bottom .text{font-size: 16px; text-align: left; color: #000}
#header .header_bottom .text2{font-size: 14px; float: right; margin-top: 10px; color: #000;}
#header .header_bottom .text2 span{margin: 0 10px 0 4px;}
#header .header_bottom .gnb .container >ul{position: relative;}
#header .header_bottom li{display: inline-block; font-weight: bold; float: left; font-size: 16px; position: relative;}
#header .header_bottom li a{font-size: 17px;padding: 0 25px 15px 0;font-weight: 700;letter-spacing: -1px;}
#header .header_bottom .head_gnb{padding: 15px;}
#header .header_bottom .head_gnb_left{padding: 0;}
#header .header_bottom .head_gnb li{padding-right: 40px; font-size: 15px; letter-spacing: -1px; font-weight: 600;}
#header .header_bottom .head_gnb .head_gnb_left{float: left; width: 70%;}
#header .header_bottom .head_gnb .head_gnb_left li:last-child{border: none;}
#header .header_bottom .head_gnb .head_gnb_right li:last-child{border: none;}
#header .header_bottom .head_gnb .head_gnb_right li{float: right; padding: 0 0 0 40px;}
#header .header_bottom .head_gnb .head_gnb_right li:first-child {color: #456DFD;}
#header .header_bottom .head_gnb .head_gnb_right{float: right; text-align: right; width: 30%;}
#header .num{width: 17px; height: 17px; background-color:#456DFD; color:white; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; float: right; margin-left: 4px; font-size: 10px; padding: 3px 0; margin-bottom: 0;}
#header .sub_button{width: 30px;z-index: 10;cursor: pointer; display: inline-block;float: left; margin-right: 40px; margin-top: -3px;}
#header .sub_button span{display: block;width: 100%;height: 2px;background: #000;margin: 4.5px 0;border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;transition: all 0.5s;}
#header .sub_button>.on:nth-child(1) {transform: translateY(12px) rotate(360deg); height: 3px; transition-delay: 0.25s; background-color:#456DFD;}
#header .sub_button>.on:nth-child(2) {opacity: 0; transform: translateX(50px);}
#header .sub_button>.on:nth-child(3) {transform: translateY(-12px) rotate(-360deg); height: 3px; transition-delay: 0.25s; background-color:#456DFD;}
#header .sub_header{position:relative;top: -100%;height: 0;width: 100%;background-color: rgba(255,255,255,0.9);transition: all .5s;z-index: 10;overflow-x: auto;}
#header .sub_header-click{height: auto;}
#header .sub_header ul{padding: 30px 5px; flex-direction: column; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; flex-basis: min-content;}
#header .sub_header li{color: #000; font-size: 13px; padding-bottom: 12px; letter-spacing: -1px; line-height: 1.3;}
#header .sub_header .sub_title{font-size: 15px; color:#456DFD; font-weight: 700; padding-bottom: 18px;}
#header .sub_header .container{opacity: 1;display: -webkit-box; display: -ms-flexbox; display: flex;}
#header .header_bottom .head_gnb .head_gnb_right li{float: right; padding: 0 0 0 35px;}
#header #m_menuBt{float: left;}
.m_menu_btn,.m_close{display: none;}
.logo1{display: inline-block;}

/*****main1 banner*****/
.main1 .bx-wrapper .bx-pager{width: 50%; margin-left: 40%;}
.main1 .main_top_b{width: 100%; overflow: hidden;}
.main1 .bx-wrapper .bx-pager{width: 50%; margin-left: 40%;}
.main1 .main_top_b img{width: 100%; height: 100%;}
.main1 .main_top_b ul{list-style: none;}
.main1 .top_b1{width: 50%;float: left; }
.main1 .top_b2{width: 50%; float: left; }
.main1 .ban_wrap {z-index: 2; width: 30%;height: 55%; float: left; background-color: rgba(255,255,255,0.4); display: inline-block;position: absolute;left: 0;margin-left: 20%;}
.main1 .ban_wrap ul.tabs{float: left;width: 100%; }
.main1 .ban_wrap ul.tabs{width: 100%;}
.main1 .ban_wrap ul.tabs li{list-style: none;float: left;width: 25%;text-align: center;border-left: none;overflow: hidden;font-size: 13px;letter-spacing: -1px;cursor: pointer;line-height: 50px;height: 50px;background-color: rgba(0,0,0,0.3);color: #fff;font-weight: 600;}
.main1 .ban_wrap ul.tabs li.active {background-color: #456DFD; font-weight: bold;background-color: rgba(0,0,0,0.5);}
.main1 .ban_wrap .tab_wrap{width: 100%;float: left;border-top: none;}
.main1 .ban_wrap .tab_wrap img{width: 100%;}
.main1 .ban_wrap .tab_wrap .tab_content{padding: 10px;display: none;font-size: 15px;height: 100%; position: relative;}
.main1 .bx-controls-direction{display: none;}

/****************************  header2  ****************************/
#header2{background-color: #fff; color: #000; width: 100%; height: auto; top: 0; right: 0; z-index: 99;}
#header2 .header2_back{background-color: transparent; color: #000; width: 100%; height: 118px; z-index: 99; background-color: rgba(255,255,255,0.4); position: relative;}
#header2 .header2_back:hover{background-color: rgb(255,255,255); color: #000;}
#header2 .header_top{text-align: right;}
#header2 .header_top .fa-caret-down:before{display: none;}
#header2 .header_top li{display: inline-block; margin-left: 20px; padding: 10px 0; font-size: 12px; font-weight: bold; color: #747474;}
#header2 .header_top li:last-child input{border: 1px solid #000000; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; width: 115px; background: url(../images/b_search.png) 95px 4px no-repeat; background-size: 13px 13px; opacity: 0.5; padding: 2px 6px;}
#header2 .num{width: 17px; height: 17px; background-color:#456DFD; color: #fff; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; float: right; margin-left: 8px; font-size: 10px; padding: 4px 0; margin-bottom: 0; line-height: 8px;}
#header2 .header_bottom{text-align: right;}
#header2 .logo{float: left;}
#header2 .logo img{max-height: 50px; width: auto;}
#header2 .logo a{width: auto;}
#header2 .header_bottom .gnb{padding: 40px 0;}
#header2 .header_bottom .gnb li{font-weight: 600; display: inline-block; position: relative; font-size: 17px; margin-left: 28px;}
#header2 .sub_button{width: 30px; height: 25px; z-index: 10;cursor: pointer; display: inline-block;float: left; margin-top: -3px; position: relative;top: 7px;}
#header2 .sub_button span{display: block;width: 100%;height: 2px;background: #000;margin: 4.5px 0;border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; transition: all 0.5s;}
#header2 .sub_button>.on:nth-child(1) {transform: translateY(12px) rotate(360deg); height: 3px; transition-delay: 0.25s; background-color:#456DFD;}
#header2 .sub_button>.on:nth-child(2) {opacity: 0; transform: translateX(50px);}
#header2 .sub_button>.on:nth-child(3) {transform: translateY(-12px) rotate(-360deg); height: 3px; transition-delay: 0.25s; background-color:#456DFD;}
#header2 .sub_header{position:relative;top: -100%;height: 0;width: 100%;background-color: rgba(255,255,255,0.9);transition: all .5s;z-index: 10;overflow-x: auto; padding: 0;}
#header2 .sub_header-click{height: auto; width: 100%;}
#header2 .sub_header-click > div{width: 100%;}
#header2 .sub_header ul{padding: 15px 0px; flex-direction: column; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}
#header2 .sub_header li{color: #000; font-size: 13px; padding-bottom: 12px; letter-spacing: -1px; line-height: 1.3;}
#header2 .sub_header .sub_title{font-size: 15px; color :#456DFD; font-weight: 700; padding-bottom: 18px;}
#header2 .sub_header .container{opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex;}
#main1_container{min-height: auto!important;position: relative;}
#main1_container.main2{margin-top: 0; position: relative; top: -132px;}

/****************************  header3  ****************************/
#header3{height: auto; background-color: #fff; color: #000; z-index: 100;}
.header3_wrap{width: 100%; height: 140px; background-color: white; top: 0; left: 0; z-index: 30;}
#header3 .logo{padding-right: 20px; float: none; position: relative; top: -20px; display: inline-block;}
#header3 .logo a{width: auto;}
#header3 .logo img{max-height: 55px; width: auto;}
#header3 .contact_num{padding-left: 20px; float: left; border-left: 2px solid #e5e6e8;}
#header3 .contact_num .text{font-size: 20px;}
#header3 .contact_num .text2{font-size: 14px; padding-top: 8px;}
#header3 .contact_num .text2 img{margin-right: 4px;}
#header3 .gnb{text-align: center; padding-bottom:20px;}
#header3 .gnb ul{display: -webkit-box; display: -ms-flexbox; display: flex;}
#header3 .gnb li{position: relative; padding: 10px 0; font-size: 17px; color: #292929; -moz-border-radius: 50px; flex-direction: column; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}
#header3 .gnb li a{font-weight: 700; letter-spacing: -1px;}
#header3 .gnb .bar1{display: block; width: 1px; height: 15px; /* background-color: #bebebe; */float: right; margin-top: -16px;}
#header3 .header_right{font-size: 14px;text-align: right;}
#header3 .header_right .top{display: inline-block;}
#header3 .header_right .top li{float: left; margin-right: 26px; font-size: 12px;}
#header3 .header_right .top li:last-child{margin-right: 0;}
#header3 .header_right .top li:last-child input {border: 1px solid #000000;border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; width: 115px;background: url(../images/b_search.png) 95px 4px no-repeat;background-size: 13px 13px;opacity: 0.5;padding: 2px 6px;}
#header3 .header_right .top .fa-caret-down:before{display: none;}
#header3 .header_right .top li a{display:inline-block;height:20px;line-height:20px}
#header3 .sub_button{width: 30px;z-index: 10;cursor: pointer; display: inline-block;float: left; margin-right: 40px; margin-top: -3px;}
#header3 .sub_button span{display: block;width: 100%;height: 2px;background: #000;margin: 4.5px 0;border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; transition: all 0.5s;}
#header3 .sub_button>.on:nth-child(1) {transform: translateY(12px) rotate(360deg); height: 3px; transition-delay: 0.25s; background-color:#456DFD;}
#header3 .gnb .subject_Name {color: #456DFD;}
#header3 .sub_button>.on:nth-child(2) {opacity: 0; transform: translateX(50px);}
#header3 .sub_button>.on:nth-child(3) {transform: translateY(-12px) rotate(-360deg); height: 3px; transition-delay: 0.25s; background-color:#456DFD;}
#header3 .sub_header{position:relative;height: 0;width: 100%; top: 15px; background-color: rgba(255,255,255,0.9);transition: all .5s;z-index: 10;overflow-x: auto;}
#header3 .sub_header-click{height: auto;}
#header3 .sub_header ul{padding: 30px 0px; height: 100%; flex-direction: column; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; flex-basis: min-content;}
#header3 .sub_header li{color: #000; font-size: 13px; padding-bottom: 12px; letter-spacing: -1px; line-height: 1.3;}
#header3 .sub_header .sub_title{font-size: 15px; color:#456DFD; font-weight: 700;margin-bottom: 20px;}
#header3 .sub_header .sub_title a {padding: 0;}
#header3 .sub_header li > a{padding: 0; line-height: 1.3; font-weight: 600;}
#header3 .sub_header .container{opacity: 1;display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0;}
#header3 .left{text-align: center;padding: 15px 15px 0 15px;}
#header3 .num{width: 17px; height: 17px; background-color:#456DFD; color: #fff; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; float: right; margin-left: 8px; font-size: 10px; margin-bottom: 0; line-height: 17px;}
#header3 .m_menu {top: 54px;}

/**************************** header - sub_header2 ***************************/
#header .gnb, #header3 .gnb, #header2 .gnb{padding: 5px 0;}
#header .gnb .sub_header2 li, #header3 .gnb .sub_header2 li, #header2 .gnb .sub_header2 li{font-weight: 600; position: relative; display: block; transition: all 0.3s; padding: 12px 15px; border-bottom: 1px solid #ddd; -webkit-border-radius: 0;}
#header2 .gnb .sub_header2 li{margin-left:0;}
.gnb .sub_header2 ul:last-child li{border-bottom:none!important;}
#header .gnb .sub_header2 li a, #header3 .gnb .sub_header2 li a, #header2 .gnb .sub_header2 li a{padding: 0; font-size: 14px; color: #3a3a3a; font-weight: 600; letter-spacing: -0.2px;}
#header .gnb .sub_header2 li a:hover, #header3 .gnb .sub_header2 li a:hover, #header2 .gnb .sub_header2 li a:hover{color:#456DFD;}
#header2 .two_depbox{background-color: rgba(239,239,239,0.96);}
.two_depbox:before{content: ""; position: absolute; top: -6px; left: 47%; width: 0; height: 0; border-left: 12px solid transparent; border-right: 0 solid transparent; border-bottom: 12px solid rgba(239,239,239,0.96); text-align: left; transform: rotate( 225deg);}
#header .sub_header2, #header2 .sub_header2{display: inline-block; height: 0; width: 200px; background-color: rgba(239,239,239,0.96); z-index: 10; position: absolute; top: 31px; left: -65px; box-shadow: rgba(73,29,108,0.15) 0 8px 16px;}
#header3 .sub_header2{display: inline-block; height: 0; width: 200px; background-color: rgba(239,239,239,0.96); z-index: 10; position: absolute; top: 33px; left: -3px; box-shadow: rgba(73,29,108,0.15) 0 8px 16px;}
#header .sub_header2-hover, #header3 .sub_header2-hover, #header2 .sub_header2-hover{height: auto;}
#header .sub_header2 ul, #header3 .sub_header2 ul, #header2 .sub_header2 ul{display: inline-block; width: 100%; /*background: url(/include/images/next2.png) right 3px center no-repeat; background-size: 6px;*/}
#header3 .sub_header2 ul{padding-bottom: 0;}
#header .sub_header2 li, #header3 .sub_header2 li, #header2 .sub_header2 li{color: #000; padding-bottom: 12px;}
#header .sub_header2 .sub_title a, #header3 .sub_header2 .sub_title a, #header2 .sub_header2 .sub_title a {padding: 0;}
#header .sub_header2 li > a, #header3 .sub_header2 li > a, #header2 .sub_header2 li > a{padding: 0; line-height: 1.3; font-weight: 600; font-size: 13px;}
#header .sub_header2 .two_depbox, #header3 .sub_header2 .two_depbox, #header2 .sub_header2 .two_depbox{width: auto; padding:0; display:none;}
#header .sub_header2 .dep_title, #header3 .sub_header2 .dep_title, #header2 .sub_header2 .dep_title{margin-right: 25px; float: left; width: 255px; padding: 23px 0; height: 100%; background: #f5f5f5; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; text-align: center;}
#header .sub_header2 .dep_title .dep_inner, #header3 .sub_header2 .dep_title .dep_inner, #header2 .sub_header2 .dep_title .dep_inner{text-align: left; padding: 20px 0 20px 30px;}
#header .sub_header2 .dep_title .dep_tit, #header3 .sub_header2 .dep_title .dep_tit, #header2 .sub_header2 .dep_title .dep_tit{color: #333333; font-size: 16px; font-weight: bold; letter-spacing: -3px; line-height: 18px;}
#header .sub_header2 .depth_2, #header3 .sub_header2 .depth_2, #header2 .sub_header2 .depth_2{width: 100%; float: left; height: auto; text-align: center; padding: 5px;   overflow-y: scroll; max-height: 700px}
.depth_2::-webkit-scrollbar {width: 0;}
.depth_2::-webkit-scrollbar-thumb {background: #fff;}
#header .sub_header2 .sub_title, #header3 .sub_header2 .sub_title, #header2 .sub_header2 .sub_title{width: 100%; font-size: 14px; font-weight: 700; padding: 5px; vertical-align: middle;}
#header .sub_header2 li > a, #header3 .sub_header2 li > a, #header2 .sub_header2 li > a{padding: 0; line-height: 1.3; font-weight: 600;}

/**************************** m_menu ****************************/
.m_menu{position:fixed; top: 55px; right: -100%; height: 95vh; width: 80%; background-color: #fff; transition: all .5s;z-index:998; border: 1px solid lightgray;overflow-y:auto;padding-bottom:50px}
.m_menu-click{right:0}
.one_depth_arrow{width: 20%;height: 50px;background: none;overflow: hidden;border: none;float: right;}
.m_menu .m_nav{width: 100%; height:150px; background-color: #456DFD;}
.m_menu .join {width: 100%; height: 74px; padding: 25px 5%; text-align: center;}
.m_menu .join li a{color: #fff; display: inline-block; text-align: center; font-size: 15px;}
.m_menu .join li a:last-child img{margin-left: 70px;}
.m_menu .join .welcom_name {float: left; display: inline-block;}
.m_menu .join .welcom_name a{margin-top: 7px;}
.m_menu .join .welcom_name span{font-size: 14px; font-weight: 600;}
.m_menu .join .welcom_login {float: left; margin: 0 5%; border: 1px solid #fff; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; width: 40%; padding: 5px; text-align: center; font-size: 12px;}
.m_menu .join .welcom_logout {float: left; margin: 0 5%; border: 1px solid #fff; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; width: 30%; padding: 5px; text-align: center; font-size: 12px;}
.m_menu .mem_menu li{float: left; width: 25%; padding: 15px 0; border-top: 1px solid #fff; border-left: 1px solid #fff; text-align: center;}
.m_menu .mem_menu li>a{display: block;padding-top: 32px;font-size: 15px;font-weight: 500; letter-spacing: -1px; color: #fff;}
.m_menu .mem_menu .mm_mypage{background: url(../images/mm_01.png) center 12px no-repeat; background-size: 26px 26px; border-left: none;}
.m_menu .mem_menu .mm_deli{background: url(../images/mm_02.png) center 12px no-repeat; background-size: 27px 27px; }
.m_menu .mem_menu .mm_qa{background: url(../images/mm_03.png) center 12px no-repeat; background-size: 26px 26px; }
.m_menu .mem_menu .mm_center{background: url(../images/mm_04.png) center 12px no-repeat; background-size: 26px 26px; }
.m_menu .one_depth{position: relative; cursor: pointer; border-bottom: 1px solid #e6e6e6;}
.m_menu .one_depth p{color: #000; padding-left: 30px; height: auto; line-height: 50px; font-size: 15px; letter-spacing: -1px; font-weight: 600;}
.m_menu .one_depth a{width: 70%!important;}
.m_menu .one_depth img{float: right;z-index: -100;padding: 20px;width: 52px;height: 46px;}
.m_menu .one_depth img.rotate{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg); transform: rotate(180deg);}
.m_menu .two_depth{display: none;}
.m_menu .two_depth{background-color: #f6f6f6; width: 100%; height: 100%; padding: 20px 0 0 24px; border-top: 1px solid #dadada;}
.m_menu .two_depth li{padding-bottom: 24px; font-size: 15px; color: #000;}
.m_menu .mm_bnn li{position: relative; width: 100%; padding: 30% 0 0; overflow: hidden; cursor: pointer;}
.m_menu .mm_bnn p{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover;}

/**************************** 컨텐츠페이지 ****************************/
#free_board .img{position: relative;width: 100%;padding: 66% 0 0;overflow: hidden;}
#free_board .thum_img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;}
#free_board .left_con{display: inline-block;width: 100%;}
#free_board .left_scon{width: 100%; height: 255px; position: relative;}
#free_board .B_te{width: 95px; height: 24px; text-align: center; background-color:#456DFD; color: #fff; font-size: 13px; line-height: 24px; position: absolute;z-index: 9; top: 0;left: 0;}
#free_board .B_name{font-size: 16px; letter-spacing: -1px; font-weight: 600; margin-top: 13px;height: 16px;width: 100%;overflow: hidden;}
#free_board .B_con{margin-top: 5px; font-size: 14px; color: #757575; letter-spacing: -1px; height: 14px; overflow: hidden;}
#free_board .B_writer{font-size: 13px; width: 40%; color: #B7B7B7; margin-top: 10px; float: left;}
#free_board .B_date{font-size: 13px; width: 60%; color: #B7B7B7; margin-top: 10px; float: right; text-align: right;}
#free_board .bt_wrap{width: 100%; overflow: hidden;}
#free_board .require_btn{float: right;cursor:pointer;}
#free_board .col-md-3{margin-bottom: 20px;}
.event_box{width: 100%;}

/**************************** footer ****************************/
#footer{background: #f4f4f4; position: relative; margin-top: 40px; text-align: left; bottom: 0;}
#footer .container{padding: 24px 0 0;}
#footer .company >img{height: 40px; width: auto;}
#footer .service_join{width: 32%; float: left; text-align: right;}
#footer .service_join a{width: auto; margin: 10px;}
#footer .service_join img{margin:0 10px; vertical-align: text-bottom;}
#footer .service_join .logo_ism{height: 48px;}
#footer .service_join .logo_toss{height: 38px;}
#footer .col-md-5{height: auto;}
#footer .col-md-2{margin:50px 0; border-left:1px solid #39393a; height:180px;}
#footer .col-md-2 h3 {font-size:16px; color:#373737; margin-bottom:25px;}
#footer .col-md-2 ul li{margin-bottom:25px;}
#footer .col-md-2 ul li a{display:block;font-size:14px; color:#373737;}
#footer .col-md-5 > ul > li{margin:5px 0;}
#footer .col-md-5 > ul li{font-size:13px; color:#373737;}
#footer .col-md-5 > ul li ul:after{display:block; content:''; clear:both;}
#footer .col-md-5 > ul li ul li {float:left;margin-right:5px;}
#footer .top_arrow{background: url(../images/toparrow.png) no-repeat 50% 30%; width: 40px; height: 40px; background-color:rgba(0,0,0,0.5); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; float: right; text-align: center; cursor: pointer; line-height: 52px; position: fixed; bottom: 85px; right: 10px; display: none;z-index: 999; color: white; font-size: 13px;}
#footer .back_arrow{background: url(../images/sub_leftarrow.png) no-repeat 50% 30%; width: 40px; height: 40px; background-color:rgba(0,0,0,0.5); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; float: right; text-align: center; cursor: pointer; line-height: 52px; background-size: 5px; position: fixed; bottom: 35px; right: 10px; display: none;z-index: 999; color: white; font-size: 13px;}
#footer .cs_center {width: 25%; float: right; padding: 12px 12px 12px 30px; border-left:1px solid gray;}
#footer .cs_center h3 {font-size: 14px; letter-spacing: -1px; margin-bottom: 4px;font-weight: 600;}
#footer .cs_center h2 {font-size: 30px; color:#456DFD; letter-spacing: -1px; margin-bottom: 10px; font-weight: 700;}
#footer .cs_center h5{font-size: 13px; letter-spacing:-1px;}
.container-fluid p{font-size:12px; color:#010101;text-align: center; padding: 19px 0; background-image: url(../images/toparrow.png); background-repeat: no-repeat; background-position: center;}
.location{display: none;}

/**************************** pay ****************************/
#pay_container{margin-top: -10px; padding-bottom:50px; background-color: #fff; min-height: 800px!important;}
#pay_container .payment_page{ height: auto!important;}
#pay_container .pay_bottom{ margin-top: 20px;}
#pay_container .tit{font-weight: bold; color: #333333; margin: 14px 0; margin-top: 50px;}
#pay_container .book_delivery .tit_box .tit_delivery{display: flex; width: 100%; justify-content: space-between; height: 42px;}
#pay_container .book_delivery .tit_box .tit_delivery .tit_wrap{ display: flex; width: 100%; margin-right: 20px; line-height: 40px;}
#pay_container .book_delivery .tit_box .tit_delivery .tit_wrap p{ width: auto; padding-top: 10px;}
#pay_container .book_delivery .tit_box .tit_delivery .purchase_info{ display: flex; width: 100%; justify-content: end;}
#pay_container .book_delivery .tit_box .tit_delivery .purchase_info label{ line-height: 40px; width: auto; display: flex;}
#pay_container .book_delivery .tit_box .tit_delivery .purchase_info .delivery_info { width: auto;}
#pay_container .book_delivery .tit_box .tit_delivery .purchase_info span{ margin: 12px 6px;}
#pay_container .book_delivery .tit_box .tit_delivery .purchase_info .delivery_info button{width: 98px; padding: 8px 4px; height: 30px; border: 1px solid #456DFD; font-weight: 600; margin-left: 20px; font-size: 14px; line-height: 10px; border-radius: 0; color: #456DFD; background-color: #fff;}
#pay_container .con1_top .tit{float: left; margin: 0; font-size: 20px; color: #292929; margin-top: 18px;}
#pay_container .desc{font-size: 16px; color: #909090;}
#pay_container .location{float: right; margin-top: 24px;}
#pay_container .location li{display: inline-block; font-size: 14px;}
#pay_container .location li:last-child{color: #b7b7b7;}
#pay_container .con1_top{padding-bottom: 8px; margin-top: 10px;}
#pay_container table th,#pay_container table td{vertical-align: middle; text-align: center;}
#pay_container table .img{padding: 20px 16px;}
#pay_container table th{background-color: #f5f5f5; font-size: 15px; padding: 10px; color: #333333; border-top: 2px solid #456DFD; }
#pay_container table td{font-weight: 500; font-size: 15px; color: #333333;}
#pay_container table .lec_tit{text-align: left; padding: 10px 5px;}
#pay_container table .lec_tit li{font-weight: 600;font-size: 13px; color: #4d4d4d; line-height: 1.5;}
#pay_container table .lec_tit .mini_box{display: inline-block; font-size: 12px; color: #fff; margin-right: 5px; background-color:#456DFD; padding: 2px 8px;}
#pay_container table select{width: 80px; height: 28px; background-color: #fff; border: 1px solid #dedfe1; padding: 0 20px 0 26px; font-size: 12px;}
#pay_container table .price{font-size: 16px; color: #303030;}
#pay_container table .lec_tit li:nth-child(2){color: #456DFD; margin-top: 10px;}
#pay_container table .lec_tit li:nth-child(3){font-weight: bold; font-size: 15px; }
#pay_container table .lec_tit li:nth-child(4){font-size: 13px}
#pay_container table .lec_tit li:nth-child(4) span{font-weight: bold;}
#pay_container table .lec_tit li:nth-child(5) select{width: auto; padding: 0 30px 0 15px; margin-left: 5px;}
#pay_container table .lec_tit li:nth-child(5){margin-top: 7px;}
#pay_container table .lec_tit li.promotion_tit{font-size: 13px; font-weight: 600; color: #456DFD; padding: 5px 0 0;}
#pay_container table td .ea_count{width: 100%; display: block; color: #afafaf; font-size: 11px; font-weight: normal;}
#pay_container table td .pt_count{width: 100%; display: block; color: #afafaf; font-size: 11px; font-weight: normal;}
#pay_container table .num{font-size: 14px;}
#pay_container .discount div{margin: 0;}
#pay_container .discount .coupon{padding: 20px 18px; border: 1px solid #e5e5e5; background-color: #fff; width: 100%; margin-bottom: 20px; text-align: center;}
#pay_container .discount .coupon li:nth-child(1){font-size: 20px; color: #303030;}
#pay_container .discount .coupon li:nth-child(2){font-size: 14px; color: #606060; margin: 18px 0 28px;}
#pay_container .discount .coupon li:nth-child(3){font-size: 16px; padding: 12px 10px; background-color: #303030; color: #fff; display: inline-block; cursor: pointer;}
#pay_container .t_price{background-color: #f0f0f4; padding: 22px 20px; margin-bottom: 74px;}
#pay_container .t_price p{font-size: 16px; color: #303030; margin-bottom: 32px;}
#pay_container .s_price li{font-size: 16px; padding-bottom: 20px;}
#pay_container .s_price li img{margin: 0 5px 5px 0;}
#pay_container .s_price li p{font-size: 20px; float: right; margin: 0;}
#pay_container .s_price li p span{font-size: 16px;}
#pay_container .s_price{border-bottom: 1px solid #40404c;}
#pay_container .total_p{margin-top: 22px;}
#pay_container .total_p li{font-size: 20px; color:#456DFD;}
#pay_container .total_p li:nth-child(1){float: left;}
#pay_container .total_p li:nth-child(2){float: right;}
#pay_container .total_p li:nth-child(2) span{font-size: 16px;}
#pay_container .info_tit{padding: 10px 12px 10px 20px; background-color: #303030; color: #fff; font-size: 16px; margin-bottom: 34px;}
#pay_container .info_tit span{display: block; float: right; font-size: 16px; line-height: 1.5;}
#pay_container .info div{font-size: 15px; color: #333333; line-height: 60px;}
#pay_container .info div input::-webkit-input-placeholder{font-size: 14px; color: #b5b5b5;}
#pay_container .info div input:-ms-input-placeholder{font-size: 14px; color: #b5b5b5;}
#pay_container .info div input::-ms-input-placeholder{font-size: 14px; color: #b5b5b5;}
#pay_container .info div input::placeholder{font-size: 14px; color: #b5b5b5;}
#pay_container .info div span{margin: 0 3px;}
#pay_container .info .phone span{margin: 0 14px;}
#pay_container .info div img{margin: 0 0 5px 5px;}
#pay_container .info div:nth-child(1) img{margin: 0 10px 0 0;}
#pay_container .info div input{height: 40px; border: 1px solid #999999; line-height: normal; margin: 10px 0;padding-left:10px; width: 100%; -webkit-appearance:none;-webkit-border-radius:0;}
#pay_container .info div input::-webkit-input-placeholder{padding-left: 10px;}
#pay_container .info div input:-ms-input-placeholder{padding-left: 10px;}
#pay_container .info div input::-ms-input-placeholder{padding-left: 10px;}
#pay_container .info div input::placeholder{padding-left: 10px;}
#pay_container .info div #rcpt_zip{width: 100%;}
#pay_container .info .email select{background-color: #eeeeee; border: 1px solid #999999; margin-left: 41px;}
#pay_container .info .add{line-height: 1.5;}
#pay_container .info .add input{margin-bottom: 13px;}
#pay_container .info div .find_add{background-color: #bdbdc1; color: #fff; width: 20%; height: 40px; text-align: center; display: inline-block; margin-left: 44px; cursor: pointer; font-size: 23px;}
#pay_container .info div:nth-child(10){font-size: 16px;}
#pay_container .info .d_add input{width: 100%;}
#pay_container .info .memo textarea{width: 100%; height: 200px; background-color: #fff; border: 1px solid #999999; padding: 10px 14px; background-image: none; resize: none; font-size: 13px;}
#pay_container .tit span{font-size: 14px; color: #999; font-weight: 600; margin-left: 15px; letter-spacing: -1px;}
#pay_container .tit span strong{color:#456DFD;}
#pay_container .method{background-color: #fff; padding: 20px 0; border-top: 2px solid #456DFD; font-size: 14px;}
#pay_container .method .tit{background-color: #303030; color: #fff; font-size: 16px; padding: 10px 0 10px 20px;}
#pay_container .method input{float: left; margin: 0 12px 0 20px; width: 18px; height: 18px; vertical-align: middle;}
#pay_container .method input[type="radio"]{background-color: #fff; border: 1px solid #cdcdcd;}
#pay_container .method .desc{float: left; font-size: 16px; color: #666666; margin-bottom: 0;}
#pay_container .method .desc span{display: block; font-size: 14px; width: 32%; margin: 15px 0 0 45px; line-height: 1.5;}
#pay_container .payment_box{text-align: right;margin-top:20px;font-size:0}
#pay_container .s_pay{display: inline-block;width:150px;height:60px;margin-right:10px;line-height:60px; font-size: 14px; color: #fff; background-color:#456DFD; cursor: pointer;text-align:center}
#pay_container .s_cancel{display: inline-block;width:150px;height:60px;line-height:60px; font-size: 14px; color: #333333; background-color: #fff; border: 1px solid #333333;cursor: pointer;text-align:center}
#pay_container .find_coupon{font-size: 14px; color:#456DFD; border: 1px solid #456DFD; padding: 2px 4px; cursor: pointer;}
#pay_container .discount_area{font-weight: bold; font-size: 14px; color: #333333;}
#pay_container .point input{padding-right:10px;border: 1px solid #999999; vertical-align: middle;}
#pay_container .point span{font-size: 16px; color: #303030; margin-left: 4px;}
#pay_container .point .use_point{display: inline-block; margin: 0 10px; font-size: 13px; color: #fff; background-color: #585858; padding: 3px 6px 4px; cursor: pointer;}
#pay_container table .ea_price{font-size: 14px; color: #000; text-align: right; padding-right: 20px;}
#pay_container .total{font-size: 15px; color: #333333; background-color: #fafafa; text-align: left; padding: 0 30px; width: 20%;}
#pay_container .table2 td{text-align: left; padding-left: 22px; font-size: 14px;}
#pay_container .table2 td.txt-right {text-align: right; padding-right:15px;}
#pay_container .remain_point{display: inline-block; font-size: 13px;}
#pay_container .remain_point span{color:#456DFD; font-size: 13px;}
#pay_container .table2 td.price2{font-weight: bold; font-size: 17px; color:#456DFD;}
#pay_container .table2 tr td{height:45px; border-bottom: 1px solid #ddd;}
#pay_container .table2 tr:first-child td{border-top: 2px solid #456DFD;}
#pay_container .info{background-color: #fff; border-top: 2px solid #456DFD; width: 100%; padding-top: 20px;}
#pay_container .info div .address_search{ width: 100%; display: flex; justify-content: space-between;}
#pay_container .info div .address_search button{ height: 40px; font-weight: 600; margin: auto 6px auto 0; border: 1px solid #456DFD; background-color: #fff; border-radius: 0; color: #456DFD; }
#pay_container .m_pay{margin: 60px 0; display: none;}
#pay_container .m_pay ul{margin: 20px 0;}
#pay_container .m_pay .m_img{float: left; margin-right: 20px;}
#pay_container .m_pay li{font-size: 16px; margin-bottom: 10px;}
#pay_container .m_pay li:nth-child(2){font-size: 14px;}
#pay_container .m_pay li:nth-child(3){font-size: 18px;}
#pay_container .m_pay li:nth-child(5){float: left; margin: 4px 4% 0 0;}
#pay_container .m_pay li select{width: 80px; height: 28px; background-color: #fff; border: 1px solid #dedfe1; padding: 0 20px 0 26px;}
#pay_container .m_pay .price{float: left; margin-right: 10%}
#pay_container .payment_right{top: 103px;}
#pay_container .con1_top_border {border-bottom: none;}
#pay_container .container2 .table_com{margin: 60px 10px;}
#pay_container .container2 .table_com td{background-color: white; border-top: none;}
#pay_container .container2 .table_com .oder_ment {font-size: 30px; font-weight: bold; letter-spacing: -1.5px; padding: 30px 5px;}
#pay_container .container2 .table_com .account_ment {font-size: 15px; letter-spacing: -1px; text-align: center; padding: 5px 5px 30px 5px;}
#pay_container .container2 .table_com .account_info {text-align: center; margin: 0 auto; width: 28%;}
#pay_container .container2 .table_com .account_info th{font-size: 14px; font-weight: bold; background-color: white; border-top: none; border-bottom: 1px solid #000;}
#pay_container .container2 .table_com .account_info td{font-size: 17px; background-color: white; border-bottom: 1px solid #000; padding: 10px 0;}
#pay_container .container2 .table_com .orange_bold{color: #ff4d1e; font-weight: bold;}
#pay_container .container2 .table .orange_bold{margin-left: 5px; color: #ff4d1e; font-weight: bold;}
#pay_container .container2 .payment_box{margin-top: 50px;}
#pay_container .container2 .myorder_bt{display: inline-block; font-size: 16px; color: #fff; background-color:#456DFD; border: 1px solid #456DFD; padding: 22px 30px; margin: 10px 0 30px; cursor: pointer; margin-right: 10px;}
#pay_container .container2 .mypage_bt {display: inline-block; font-size: 16px;color: #333333; background-color: #fff; border: 1px solid #333333; padding: 22px 40px; margin: 10px 0 30px; cursor: pointer;}
#pay_container .container2 .tit{margin-top: 30px;}
#pay_container .container2 .table2 .condition_box{text-align: center; width: 30%; }
#pay_container .container2 .table2 .condition_box .con_box{width: 65%; height: 85px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; background-color: lightgray; color: white; line-height: 85px; text-align: center; margin: 0 auto; font-size: 18px; font-weight: bold; letter-spacing: -1px;}
#pay_container .container2 .table2 .condition_box .con_box2{width: 65%; height: 85px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; background-color:#456DFD; color: white; line-height: 85px; text-align: center; margin: 0 auto; font-size: 18px; font-weight: bold; letter-spacing: -1px;}
#pay_container .container2 .table .condition_list li{float: left; list-style-type: square; margin: 5px 20px; font-size: 15px; padding: 10px; letter-spacing: -1px;}
#pay_container .container2 .table .condition_list2:nth-child(1){border-top: 2px solid #456DFD;}
#pay_container .container2 .table .condition_list2 ul{padding: 10px;}
#pay_container .container2 .table .condition_list2 li{list-style-type: square; margin-left: 10px; text-align: left;}
#pay_container .container2 .table .condition_list2 th{border: 1px solid #DDDDDD;}
#pay_container .container2 .table .condition_list2 td{border: 1px solid #DDDDDD; text-align: center;}
#pay_container .container2 .table .condition_list2 .condition_left{padding-left: 20px; text-align: left;}
#pay_container .container2 table .lec_tit li {font-size: 14px}
#pay_container .container2 table .lec_tit li:nth-child(2){font-size: 12px; font-weight: 600; margin: 10px 0 2px;}
#pay_container .container2 table .lec_tit li:nth-child(3){font-size: 18px; font-weight: bold;}
#pay_container .container2 table .lec_tit li:nth-child(4){line-height: 26px;}
#pay_container .container2 table td {font-size: 13px;}
#pay_container .container2 table .ea_price .price_right{width: 80px; margin: 0 auto;}
#pay_container .info div .width10 {width: 80px;}
#pay_container .info div strong:nth-child(2){width: 90%; margin-left: 10px; display: inline-table;}
#my_agrmt-error {float: right; color:red; font-size: 14px; letter-spacing: -1px; margin: 10px 0 0;}
.con1_bottom{ width:100%; height: 73px;} /* 수정 후 */
/*.con1_bottom{position: relative;} 수정 전
.con1_bottom:after{content:"";display:block;clear:both;}*/

/* #pay_container table ui 안틀어지게 width 지정 기본 데스크탑용 (PC 기준) */
#product_tbl th:nth-child(1),
#product_tbl td.lec_tit {
  width: 60%;
}
#product_tbl th:nth-child(2),
#product_tbl td:nth-child(2) {
  width: 10%;
}
#product_tbl th:nth-child(3),
#product_tbl td:nth-child(3) {
  width: 15%;
}
#product_tbl th:nth-child(4),
#product_tbl td.ea_price {
  width: 15%;
}

/* 강사명 길어질 시 ui ... 표기 */
.lec_tit .long-text-ellipsis { 
  overflow: hidden;
  text-overflow: ellipsis;  
  width: 100%;           /* 또는 원하는 너비 */
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.sub_right{top:0}
.right_lecture{width:250px;margin-top:40px}
.con1{position: relative;}
.right_active{color:#456DFD;}
.total .pay_right{color:#456DFD; margin-right: 10px;}
.method2{background-color: #fff; margin-top: 4px; padding: 14px 20px;}
.method2 .stit{font-size: 15px; color: #333333; display: inline-block;}
.method2 .select{display: inline-block; margin-left: 60px;}
.method2 .select select{width: 270px; height: 28px; border: 1px solid #ddd;}
.method2 .sdesc{font-size: 13px; color: #787878; margin: 14px 0 0 126px;}
.method2 .monthly{font-size: 13px; color: #fff; background-color: #585858; padding: 7px 10px 6px; cursor: pointer;}
.purchase_info input[type="checkbox"] {display:none;}
.purchase_info input[type="checkbox"] + label span{width: 18px; height: 18px; display:inline-block; border: 1px solid #a6a6a6; cursor: pointer; vertical-align: middle;}
.purchase_info input[type="checkbox"]:checked + label span{border: 1px solid #456DFD; background-image: url(../images/checked.png); background-repeat: no-repeat; background-position: center;}
.og{padding: 15px 0; margin-top: 0;}
.og .og_tit{font-weight: bold; font-size: 15px; color: #333333;}
.og .og_guide{font-size: 13px; color: #939393; margin: 10px 0 24px; line-height: 1.5; border: 1px solid #ddd; padding: 10px 20px; height: 80px; overflow-y: scroll;}
.og .og_agree{font-size: 14px; color: #333333; text-align: right;}
.og input[type="checkbox"] {display:none;}
.og input[type="checkbox"] + label span{width: 18px; height: 18px; display:inline-block; border: 1px solid #a6a6a6; cursor: pointer; vertical-align: middle;}
.og input[type="checkbox"]:checked + label span{border: 1px solid #456DFD; background-image: url(../images/checked.png); background-repeat: no-repeat; background-position: center;}
.purchase_info{float: right; padding-top: 10px; font-size: 14px; color: #666;}
.red_star{color:#456DFD;}
.info .memo1{padding-left: 32px;}
.smethod{float: left; margin-right: 4%;}
.payment_pr{width: 150px; display: inline-block; text-align: right;}

/*배송지설정*/
#pay_container .coupon_popup .delivery_pop_style{
  width: 30%;
  height: auto;
  min-height: 600px;
}

#pay_container .coupon_popup .delivery_pop_wrap{
  width: 100%;
  margin: 0 auto;
  padding: 40px;
}

#pay_container .coupon_popup .delivery_box .name{  
  background: url('../images/send_icon.png') left center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  width: auto;
  padding-left: 34px;
}

#pay_container .coupon_popup .delivery_list button{
  background-color: #fff;
  border: 1px solid #456DFD;
  margin-top: 32px;
  color: #456DFD;
  border-radius: 0;
  font-weight: 500;
} 

#pay_container .coupon_popup .delivery_item{
  margin-top: 20px;
  background-color: #f7f7f7;
  border: 1px solid #d3d3d3;
  padding: 18px 25px;
  height: auto;
  min-height: 160px;
  font-size: 15px;
}

#pay_container .coupon_popup .setting{
  display: flex;
  margin: 6px auto;
  justify-content: space-between;
  height: auto;
  min-height: 30px;
  line-height: 30px;
}

#pay_container .coupon_popup .setting .name_wrap {
  display: flex;
}

#pay_container .coupon_popup .setting .name_wrap .basis {  
  width: auto; 
  min-width: 60px;  
  height: 26px;
  border: 1px solid #8d8d8d;  
  border-radius: 30px; 
  font-size: 13px;
  text-align: center;
  box-sizing: border-box;
  line-height: 24px;
  background: url('../images/check_icon.png')no-repeat 8px center #fff;  
  padding-left: 14px;
  background-size:auto;
  color: #8d8d8d;
  margin: auto 20px;
}

#pay_container .coupon_popup .setting div:nth-child(1) div:nth-child(1){
  color: #456DFD;
  font-size: 15px;
  font-weight: 700;
}

#pay_container .coupon_popup .setting .del_set_btn button:nth-child(1){
  background-color: #fff;
  border: 1px solid #333333;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  border-radius: 0;
  margin-right: 4px;
}

#pay_container .coupon_popup .setting .del_set_btn button:nth-child(2){
  background-color: #456DFD;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  border-radius: 0;
}

#pay_container .coupon_popup .delivery_address .address_top{
  display: flex;
  margin: 10px 0;
}

#pay_container .coupon_popup .delivery_address .address_top .receiver{
  width: auto;
  min-width: 50px;
  border-right: 1px solid #d3d3d3;
  margin-right: 10px;
  padding-right: 10px;
  font-weight: 600;
}

#pay_container .coupon_popup .delivery_address .address_top .tel{
  width: auto;
  font-weight: 700;
}

#pay_container .coupon_popup .delivery_address .address_bottom {
  display: flex;
  margin: 10px 0;
}

#pay_container .coupon_popup .delivery_address .address_bottom .zip{
  width: auto; 
  margin-right: 10px;  
}

#pay_container .coupon_popup .delivery_del_btn{  
  display: block;  
  background: none;
  color: #666666;
  border: none;
  text-decoration: underline;  
  margin-left: auto;
}

/*배송지추가*/
#pay_container .delivery_pop_add{  display: none;
  width: 30%;
  height: auto;
  min-height: 720px;
  position: absolute; 
  top: 50%; left: 50%; 
  background-color: #fff;  
  transform: translate(-50%, -50%); 
  border: 1px solid #000000; 
  border-radius: 10px;
}

#pay_container .add_box{
  margin-top: 32px;
  width: 100%;
  height: auto;   
}

#pay_container .add_box>div>div:nth-child(odd){
  margin-bottom: 10px;
}

#pay_container .add_box input[type="text"]{
  width: 100%;
  height: 40px;
  border-radius: 0;
  border: 1px solid #d3d3d3;
  padding: 6px 10px;
  font-weight: 500;  
  margin-bottom: 14px;
}

#pay_container .add_box .cat{
  font-size: 14px;
  color: #666666;
}

#pay_container .add_box input::placeholder{
  font-size: 14px;
  color: #b9b9b9;  
}

#pay_container .add_box .add_place{
  border-bottom: 1px solid #f0f0f0;  
  margin-bottom: 14px;
}

#pay_container .add_box .add_information{
  border-bottom: 1px solid #f0f0f0;  
  margin-bottom: 14px;
}
#pay_container .add_box .add_address{
  width: 100%; 
}

#pay_container .add_box .add_address .address_search{
  display: flex;
  justify-content: space-between;
}

#pay_container .add_box .add_address .address_search button{
  display: inline-block; 
  border: 1px solid #456DFD;
  border-radius: 0;
  width: 80px;
  height: 40px;  
  padding-left: 30px;
  background: url('../images/search_icon.png')no-repeat 18px center;
  background-size: 13px 13px;
  background-color: #fff; /* 배경색 따로 지정 */ 
  font-size: 14px;
  color: #456DFD;  
}

#pay_container .add_box .add_address .address_search input{
  width: 100%;  
  display: inline-block;
  margin-left: 8px;
}

#pay_container .delivery_pop_wrap .save_set_btn{
  display: flex;
  justify-content: space-between;
  width: 50%;
  margin: 0 auto;
  margin-top: 32px;
}

#pay_container .delivery_pop_wrap .save_set_btn>button{
  width: 140px;
  height: 40px;
  border-radius: 0;
  font-weight: 600;  
  font-size: 14px;
}

#pay_container .delivery_pop_wrap .save_set_btn>button:nth-child(1){
  background-color: #456DFD;
  color: #fff;
  margin-right: 10px;
}

#pay_container .delivery_pop_wrap .save_set_btn>button:nth-child(2){
  background-color: #fff;
  color: #333333;
  border: 1px solid #333333;
  margin-right: 10px;
}

/*배송지설정 스크롤*/
#pay_container .delivery_pop_style .analysis_box .delivery_box{
  max-height: 400px; /* 원하는 높이 지정 */
  overflow-y: auto; /* 세로 스크롤 추가 */
  position: relative;  
}

/* 스크롤 바 스타일 조정 */
#pay_container .coupon_popup .delivery_box::-webkit-scrollbar {
  width: 8px; /* 스크롤 바 너비 */
}

/* 스크롤 바 핸들 (기본 상태) */
#pay_container .coupon_popup .delivery_box::-webkit-scrollbar-thumb {
  background-color: #D1D1D1; /* 중간 회색 */
  border-radius: 4px;
}

/* 스크롤 바 배경 (트랙) */
#pay_container .coupon_popup .delivery_box::-webkit-scrollbar-track {
  background: #F5F5F5; /* 밝고 부드러운 회색 */
  border-radius: 4px;
}
 
/**************************** bucket ****************************/
#bucket_container{margin-top: -10px; background-color: #fff; min-height: 800px!important;}
#bucket_container .tit{font-size: 16px; color: #4c4c4c; margin-bottom: 10px;}
#bucket_container .con1_top .tit{font-weight: 600; font-size: 16px; letter-spacing: -1px; margin: 20px 0 0 0; text-align: left; float: left;}
#bucket_container .desc{font-size: 14px; color: #909090; margin-bottom: 10px;}
#bucket_container .location{float: right; margin-top: 22px; letter-spacing: -1px; padding: 0 14px;}
#bucket_container .location li{display: inline-block; font-size: 12px;}
#bucket_container .location li:last-child{color: #b7b7b7;}
#bucket_container .con1_top{margin-top: 20px; margin-bottom: 30px;}
#bucket_container table th,#bucket_container table td{vertical-align: middle; text-align: center;border: none;}
#bucket_container table td:last-child{cursor: pointer;}
#bucket_container table .img{padding: 20px 16px;}
#bucket_container table th{background-color: #f5f5f5; border-top: 1px solid #456DFD; border-bottom: 1px solid #456DFD; font-size: 14px; padding: 2px 0;}
#bucket_container table th:nth-child(1){width: 3%;}
#bucket_container table th:nth-child(2){width: 60%; text-align: left; }
#bucket_container table td:last-child{text-align: center; padding: 10px; font-size: 15px; color: #000;}
#bucket_container table .lec_tit{text-align: left; padding: 20px 10px 0; width: 75%;}
#bucket_container table .lec_tit li:nth-child(1){font-size: 13px;}
#bucket_container table .lec_tit li:nth-child(1) strong{margin-right: 3px; display: inline-block; font-size: 12px; color: #fff; background-color:#456DFD; padding: 2px 8px;}
#bucket_container table .lec_tit li:nth-child(1) .deduction strong{background-color: #fff; border: 1px solid #456DFD; color:#456DFD; margin-right: 5px;}
#bucket_container table .lec_tit li i.fa-caret-right{margin: 0 3px;}
#bucket_container table .lec_tit li:nth-child(2){font-size: 15px; font-weight: 500; color: #333333; margin-top: 5px;}
#bucket_container table .lec_tit li.promotion_tit{font-size: 13px; font-weight: 600; color: #456DFD; padding: 5px 0 0;}
#bucket_container table .num{font-size: 14px;}
#bucket_container table select{width: 80px; height: 28px; background-color: #fff; border: 1px solid #dedfe1; padding: 0 20px 0 26px; font-size: 14px;}
#bucket_container table .price_right{margin: 0 auto; text-align: right;}
#bucket_container table .pr{text-align: right; font-weight: 600; font-size: 15px; color: #303030;}
#bucket_container table .won{padding-left: 5px;}
#bucket_container .t_price{background-color: #fff; padding: 10px 20px; margin-bottom: 30px;}
#bucket_container .t_price .total{font-size: 20px; color: #303030; border-bottom: 1px solid #40404c; padding-bottom: 10px;}
#bucket_container .t_price .total strong{color:#456DFD;}
#bucket_container .t_price .total span{float: right;}
#bucket_container .t_price .purchase{padding: 12px 70px; background-color:#456DFD; font-size: 17px; color: #fff; display: inline-block; margin-top: 10px; float: right;}
#bucket_container .m_bucket{margin: 60px 0; display: none;}
#bucket_container .m_bucket ul{margin: 20px 0;}
#bucket_container .m_bucket .m_img{float: left; margin-right: 20px;}
#bucket_container .m_bucket li{font-size: 16px; margin-bottom: 10px;}
#bucket_container .m_bucket li:nth-child(2){font-size: 14px;}
#bucket_container .m_bucket li:nth-child(3){font-size: 18px;}
#bucket_container .m_bucket li:nth-child(5){float: left; margin: 4px 4% 0 0;}
#bucket_container .m_bucket li select{width: 80px; height: 28px; background-color: #fff; border: 1px solid #dedfe1; padding: 0 20px 0 26px;}
#bucket_container .m_bucket .price{float: left; margin: 5px 10% 0 0}
#bucket_container .mine{text-align: right; padding: 0 3px;}
#bucket_container .mine li{display: inline-block; font-size: 14px; color: #6a6a6a; margin: 7px 0;}
#bucket_container .mine li:last-child{margin-left: 2%;;}
#bucket_container .mine li span{font-weight: normal; font-size: 15px; color: #000; margin-left: 5px;}
#bucket_container .mine li span strong{color:#456DFD; margin-right: 5px;}
#bucket_container .book_bucket{margin-top: 50px;}
#bucket_container .bucket_con .mine li.all_check{cursor: pointer; border: 1px solid #456DFD; color:#456DFD; margin-right: 5px; float: left; padding: 8px 10px;}
#bucket_container .bucket_con .mine li.all_delete{cursor: pointer; border: 1px solid #808080; color: #808080; float: left; padding: 8px 10px;}
#bucket_container .bucket_right{top: 43px;}
#bucket_container .bucket_con .bucket_price{background-color: #fff; border-top: 1px solid #456DFD; margin-bottom: 20px;}
#bucket_container .bucket_con .bucket_price .left_box{float: left; padding: 15px 0;}
#bucket_container .bucket_con .left_box li{float: left; padding: 4px 10px; font-size: 14px; cursor: pointer;}
#bucket_container .bucket_con .bucket_price .right_box li{cursor: pointer; float: left; padding-top: 10px; font-weight: 600;}
#bucket_container .bucket_con table .right_box {margin:0 20px 0 0;}
#bucket_container .bucket_con table th .right_box span.pr{color: #456DFD; font-size:16px;}
#bucket_container .bucket_con .right_box li span.pr{color: #456DFD; margin-right: 2px;}
#bucket_container .bucket_con .right_box{float: right; padding: 8px 0;}
#bucket_container .bucket_con .bucket_price .right_box li:nth-child(1) strong{font-weight: bold;}
#bucket_container .bucket_con .right_box li.check_purchase{font-weight: bold; font-size: 14px; padding: 10px 30px; border: 1px solid #808080; margin: 0 4px 0 20px; cursor: pointer;}
#bucket_container .bucket_con .right_box li.all_purchase{font-weight: bold; font-size: 14px; padding: 10px 30px; border: 1px solid #456DFD; background-color:#456DFD; color: #fff; cursor: pointer;}
.pc_bucket input[type="checkbox"], .book_bucket input[type="checkbox"] {visibility: hidden; width: 0}
.pc_bucket input[type="checkbox"] + label, .book_bucket input[type="checkbox"] + label{width: 18px; height: 18px; background-color: #fff; border: 1px solid #909090; cursor: pointer;}
.pc_bucket input[type="checkbox"]:checked + label, .book_bucket input[type="checkbox"]:checked + label{border: 1px solid #456DFD; background-image: url(../images/checked.png); background-repeat: no-repeat; background-position: center;}
.bucket_num{font-size: 13px;font-weight: 600;}

/**************************** main1 ***************************/
#main1_container .mycon_bottom i{color:#456DFD;}
.num_strong{font-size: 12px; color:#456DFD;}
#main1_container .mycon_bottom .cart_hover{display: none;}
#main1_container .mycon_bottom .cart_w1 {display: none;}
#main1_container .mycon_bottom .cart_w1 span p{width: 33.3%; border-right: 1px solid #e7e7e7;}
#main1_container .mycon_bottom .cart_w1 span p i {font-size: 15px;}
#main1_container .mycon_bottom .cart_w1 span:nth-child(1) p {color: #456DFD; font-weight: 700;}
#main1_container .mycon_bottom .cart_w1 span p:hover{background-color: #f3f3f3;}
#main1_container .mycon_bottom .cart_w2{display: inline-block!important;float: left; width: 50%;}
#main1_container .mycon_bottom .buy_hover{display: none;}
#main1_container .mycon_bottom .buy_w1 {display: none;}
#main1_container .mycon_bottom .buy_w1 span p{width: 33.3%; border-right: none;}
#main1_container .mycon_bottom .buy_w1 span p i {font-size: 15px;}
#main1_container .mycon_bottom .buy_w1 span:nth-child(1) p{color: #456DFD; font-weight: 700;}
#main1_container .mycon_bottom .buy_w1 span p:hover{background-color: #f3f3f3;}
#main1_container .mycon_bottom .buy_w2{display: inline-block!important;float: left; width: 50%;}

/**************************** sub1_main ****************************/
#sub1_container{margin-top: -10px; background-color: #fff; min-height: 800px!important;}
#sub1_container .lecture_banner{ width: 100%; height: 100%; margin-bottom: 30px;}
#sub1_container .lecture_banner .banner_Box{ width: 100%; height: 100%; margin-top: 20px;}
#sub1_container .lecture_wrap .curri_Search{ margin-top: 3px;}
#sub1_container .book1_bottom{ width: 100%; height: 100%;}
#sub1_container .book1_bottom .banner_Box{ margin-top: 20px;}
#sub1_container .tit{font-weight: 600; font-size: 16px; letter-spacing: -1px; margin: 20px 0 0 0; text-align: left;}
#sub1_container .location{float: right; margin-top: 22px; letter-spacing: -1px;}
#sub1_container .location li{display: inline-block; font-size: 12px;}
#sub1_container .location li:last-child{color: #b7b7b7;}
#sub1_container .con1_top{margin-top: 20px; width: 100%;}
#sub1_container .left_con .img{background-image: url("/include/images/noimage.png"); background-repeat: no-repeat; background-size: cover;position: relative; width: 100%; padding: 100% 0 0; overflow: hidden;}
#sub1_container .left_con .img .lec_img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: cover;}
#sub1_container .left_con .contents .p-profile{font-size: 16px; margin-bottom: 10px; line-height: 1.5;}
#sub1_container .mycon_bottom i{color:#456DFD;}
#sub1_container .left_con .details > li:nth-child(3) ul li{display: inline-block;}
#sub1_container .col-md-4{margin-bottom:30px;width: 25%;}
#sub1_container .col-md-4:first-child,#sub1_container .col-md-4:first-child + .col-md-4,#sub1_container .col-md-4:first-child + .col-md-4 + .col-md-4{margin-top:0}
#sub1_container .con2{margin-top: 36px;}
#sub1_container .con2 .tit{width: 100%; margin-bottom: 36px; font-size: 20px;}
#sub1_container .con2 .list .check{border-bottom: 1px solid #ebebeb; display: inline-block;}
#sub1_container .con2 .list .check > li{display: inline-block; font-size: 17px;}
#sub1_container .con2 .list .check > li:nth-child(2){padding: 10px 80px 10px 10px;}
#sub1_container .con2 .list .check > li:nth-child(4){padding: 0 86px 0 40px; font-size: 20px;}
#sub1_container .con2 .list .check > li:nth-child(3) input,select{border: none; width: 180px; height: 40px; padding: 0 20px 0 30px}
#sub1_container .con2 .list .check > li:nth-child(1) input[type="checkbox"] {visibility: hidden; width: 0}
#sub1_container .con2 .list .check > li:nth-child(1) input[type="checkbox"] + label{width: 18px; height: 18px; background-color: #fff; border: 1px solid #ebebeb; cursor: pointer;}
#sub1_container .con2 .list .check > li:nth-child(1) input[type="checkbox"]:checked + label{border: 1px solid #456DFD; background-image: url(../images/checked.png); background-repeat: no-repeat; background-position: center;}
#sub1_container .con2 .list li:nth-child(3){border-bottom: 1px solid #ebebeb; display: inline-block;}
#sub1_container .con2 .list li:nth-child(3) li{display: inline-block;}
#sub1_container .con2 .list li:nth-child(3) li:nth-child(1){font-size: 20px; margin-right: 656px;}
#sub1_container .con2 .list li:nth-child(3) li:nth-child(2){font-size: 20px; padding: 18px 0; color:#456DFD; padding-right: 54px;}
#sub1_container .con2 .list li:nth-child(4) li:nth-child(1){margin-left: 500px; padding: 16px 24px}
#sub1_container .con2 .list li:nth-child(4) li:nth-child(2){padding: 16px 50px;}
#sub1_container .con2 .list li:nth-child(4) li{display: inline-block; color:#456DFD; font-size: 17px; background-color: #fff; width: 194px; height: 48px; padding: 24px 97px; border: 1px solid #456DFD; margin: 50px 0; }
#sub1_container .con2 .list li:nth-child(4) li img{margin-right: 10px;}
#sub1_container .con2 .con2_left{float: left;}
#sub1_container .con3 .tit{width: 100%;}
#sub1_container .con3 .list > li:nth-child(1){margin-top: 60px; font-size: 16px; background-color: transparent;}
#sub1_container .con3 .list > li{padding: 18px 0; font-size: 14px; border-bottom: 1px solid #e6e6e6; background-color: #f0f0f4; border-left: 4px solid transparent;}
#sub1_container .con3 .list > li:hover{border-left: 4px solid #456DFD; background-color: #e9e9ed;}
#sub1_container .con3 .list > li:nth-child(1):hover{border-color: transparent; background-color: transparent;}
#sub1_container .con3 .list > li li{padding-left: 40px;}
#sub1_container .con3 .con3_bottom img{width: 100%; margin: 38px 0 60px;}
#sub1_container .con4 .item{background-color: #fff; padding: 0; width: 270px; margin: 0 60px; -webkit-box-shadow: 0 6px 4px #f0f0f0; box-shadow: 0 6px 4px #f0f0f0;}
#sub1_container .con4 .item-text{padding: 0 20px;}
#sub1_container .con4 .tit{width: 100%; margin-bottom: 18px;}
#sub1_container .con4 .item-text > li:nth-child(1){font-size: 14px; margin: 10px 0 5px; color:#456DFD;}
#sub1_container .con4 .item-text > li:nth-child(2){font-size: 18px;}
#sub1_container .con4 .item-text > li:nth-child(3){font-size: 11px; margin: 10px 0 20px; line-height: 1.5;}
#sub1_container .con4 .item-text > li:nth-child(4){font-size: 14px; float: left; margin-right: 30px; color: #c6c7cc;}
#sub1_container .con4 .item-text > li:nth-child(4) strong{font-size: 14px; color:#456DFD;}
#sub1_container .star{margin-bottom: 14px; line-height: 1.5; display: none;}
#sub1_container .con4 .item-text .star li{display: inline-block;}
#sub1_container .con4 .item-text2{font-size: 0;}
#sub1_container .con4 .item-text2 li:nth-child(1){margin-right: 2px;}
#sub1_container .con4 .item-text2 li{display: inline-block; width: 134px; padding: 17px 0; background-color: #f7f7f7; text-align: center; font-size: 14px;}
#sub1_container .con4 .item-text2 li img{margin-bottom: 2px;}
#sub1_container .con4 .level{font-size: 14px; padding: 4px 8px; background-color:#456DFD; color: #fff; display: inline-block; position: absolute; top: 206px; right: 10px;}
#sub1_container .con4 .rate{position: absolute; top: 274px; right: 20px; font-size: 14px;}
#sub1_container .con5 .tit{width: 100%; font-size: 20px; margin-bottom: 32px;}
#sub1_container .con5 .star li{display: inline-block;}
#sub1_container .con5 .list > li{padding: 18px 30px; font-size: 15px;}
#sub1_container .con5 .list > li:nth-child(2n){background-color: #f0f0f4;}
#sub1_container .con5 .list > li:nth-child(1){border-bottom: 1px solid #dedfe3; font-size: 16px;}
#sub1_container .con5 .list > li:last-child{border-bottom: 1px solid #dedfe3;}
#sub1_container .arrow{cursor: pointer;}
#sub1_container .num_strong{font-size: 12px; color:#456DFD;}
#sub1_container .mycon_hover{background-color: rgba(0,0,0,0.6); width: 100%; height: 225px!important; padding-bottom: 100%; position: absolute; top: 0; left: 0;opacity:0;transition:all .5s}
#sub1_container .mycon_hover .myconh_desc{text-align: center; padding-top: 100px;}
#sub1_container .mycon_hover .myconh_desc li:nth-child(2){font-size: 15px; letter-spacing: -1px; color: #fff; margin-top: 10px;}
#sub1_container .mycon_hover .myconh_desc li:nth-child(3){font-size: 12px; letter-spacing: -1px; color: #fff; line-height: 1.5; overflow: hidden; padding: 15px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
#sub1_container .process{width: 100%; background-color: #eeeff1; position: relative;}
#sub1_container .mycon_bottom .w100{width: 100%;}
/*지워야 할것*/
#sub1_container .mycon_bottom .cart_hover{display: none;}
#sub1_container .mycon_bottom .cart_w1 {display: none;}
#sub1_container .mycon_bottom .cart_w1 span p{width: 33.3%; border-right: none;}
#sub1_container .mycon_bottom .cart_w1 span p i {font-size: 15px;}
#sub1_container .mycon_bottom .cart_w1 span:nth-child(1) p {color: #456DFD; font-weight: 700;}
#sub1_container .mycon_bottom .cart_w1 span p:hover{background-color: #f3f3f3;}
#sub1_container .mycon_bottom .cart_w2{display: inline-block!important;float: left; width: 50%;}
#sub1_container .mycon_bottom .buy_hover{display: none;}
#sub1_container .mycon_bottom .buy_w1 {display: none;}
#sub1_container .mycon_bottom .buy_w1 span p{width: 33.3%; border-right: none;}
#sub1_container .mycon_bottom .buy_w1 span p i {font-size: 15px;}
#sub1_container .mycon_bottom .buy_w1 span:nth-child(1) p{color: #456DFD; font-weight: 700;}
#sub1_container .mycon_bottom .buy_w1 span p:hover{background-color: #f3f3f3;}
#sub1_container .mycon_bottom .buy_w2{display: inline-block!important;float: left; width: 50%;}
/*지워야 할것*/
.search li{display: inline-block; font-size: 12px;}
.search li input{width: 320px; height: 42px;border: 1px solid #e6e6e6; padding: 10px 15px; font-size: 14px;}
.search li input::-webkit-input-placeholder{color: #000;}
.search li input:-ms-input-placeholder{color: #000;}
.search li input::-ms-input-placeholder{color: #000;}
.search li input::placeholder{color: #000;}
.search li p{background-color: #456DFD; cursor: pointer; display: inline-block; width: 42px; height: 42px; line-height: 40px; text-align: center; vertical-align: top;}
.search li p img{vertical-align:middle; margin-top:-2px;}
.search li select{font-size: 14px; letter-spacing: -1px;}
.search select{background-color: #fff; border: 1px solid #e6e6e6;}
.search_box{width: 100%; margin: 10px 0 20px 0; padding-top: 15px; display: inline-block;}
.search_box .stit{float: left;}
.search{float: right; font-size: 14px;}
.curri_Search .curri_Box{width: 100%; border: 1px solid #e6e6e6; padding: 10px;}
.curri_Search table{width: 100%;}
.curri_Search ul li{width: calc(17% - 10px); margin: 0 3px 7px; text-align: center; border: 1px solid #e6e6e6; display: inline-block; font-size: 13px; line-height: 20px; font-weight: 400; cursor:pointer;}
.curri_Search {width: 100%; float: none; margin-top: 20px;}
.curri_Search .clearfix{margin-top: 10px;}
.curri_Search .curri_Box .clearfix li{width: 100%; border: none; text-align: left;}
.curri_Search table .float_L li{float: left;}
.curri_Search .type_Box{width: 100%; margin-bottom: 10px;}
.curri_Search .type_Box ul li {width: 25%; margin: 0; background-color: #fbfbfb; height: 35px; line-height: 35px; font-size: 14px; font-weight: bold; border-left: 0 solid;}
.curri_Search .type_Box ul li.ptype_select.on {background-color: #eaeaea;}
.curri_Search .type_Box ul li:nth-child(1){border-left:1px solid #e6e6e6;}
li.curri_select.on {background-color: #456DFD; color: #fff; border: 1px solid #456DFD;}
.curri_Box table td ul{display: flow-root; margin-bottom: 10px; padding-top: 10px; border-top: 1px solid #d9d9d9;}
.curri_Box table .dept1 ul{border-top: none;}
/*.curri_Box table td ul li:nth-child(1){border: 1px solid #456DFD;}*/
.text-left select{background-color: #fff;border: 1px solid #eeeff1;}
.search_box .stit{display: none; font-size: 16px; color: #4c4c4c;height:28px;line-height:28px}
.search_box .stit img{vertical-align:middle}
.search_box .search_text{color: #fff; font-size: 13px;}
.left_scon{background-color: #fff; width: 100%;position: relative;}
.slocation{letter-spacing: -1px; font-size: 12px; color: #606060; display: inline-block; line-height: 1.5; height: 24px; width: 100%; overflow: hidden; border-bottom: 1px solid #e5e5e5; display:none;}
.chap{font-size: 12px; letter-spacing: -1px; width: 100%; padding-bottom: 5px;}
.chap .times{background-color: #9e5959; color: #fff; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; padding: 1px 6px; margin-left: 3px; line-height: 10px; font-size: 10px;}
.chap .multip{background-color: #687a9e; color: #fff; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; padding: 1px 6px; margin-left: 3px; line-height: 10px; font-size: 10px;}
.p-name{font-size: 14px; font-weight:bold; letter-spacing: -1px; line-height: 1.5; overflow: hidden; width: 100%; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; margin: 5px 0;}
.dc_price .strong{font-size: 12px; color: #bbbbbb; margin-right: 5px; text-decoration: none; }
.dc_price .strong.small{font-size: 10px; }
.dc_price strong{font-size: 14px; color: #000; font-weight: bold; letter-spacing: -1px; padding-bottom: 5px;}
.dc_price del{margin-right:0; color: #585858;}
/* 강좌 카드형 목록 PC mobile 버전일때 css */
.dc_price{font-size: 12px; color: #000; margin: 0; width: calc(100% - 80px); text-align: right; display: inline-block;}
.price_wrap{border-top: 1px solid #dadada; padding-top: 5px; min-height: 66px;}
.price_wrap ul{display: -webkit-box; display: -ms-flexbox; display: flex;}
.device_ch{width: 76px; font-size: 12px; font-weight: bold; display: inline-block;text-align: left; line-height: 1.5;}
.ppri .device_ch {margin-right: 5px;}
/* 강좌 카드형 목록 가격만 일때 css */
.dc_price1{font-size: 11px; color: #000; margin: 0; width: 100%; text-align: right; display: inline-block;}
.price_wrap1{border-top: 1px solid #dadada; padding-top: 5px; min-height: auto;}
.device_ch1{display: none;}
.device_ch input{vertical-align: text-top; margin: 3px 0 0;}
.right_up {padding: 20px 0;}
.right_up .stit{width: 10%; font-weight: bold; text-align: left; font-size: 16px; display: inline-block; float: left; line-height: 28px;}
.right_up .category_list > li{padding: 0 15px; display: inline-block; font-size: 13px; line-height: 1.5; vertical-align: middle; text-align: center; border-right: 1px solid #484848; font-weight: bold;margin: 5px 0;}
.right_up .category_list > li a {font-size: 14px;}
.right_up .category_list > li:last-child {border-right: none;}
.right_up .category_list > li img{margin-right: 8px; vertical-align: middle;}
.right_up .category_list{margin-bottom: 30px;}
.right_up:last-child .category_list{margin-bottom: 0; width: 90%; display: inline-block; text-align: right; float: right;}
.right_up .category:hover > a{color:#456DFD;}
.right_up .three_depth li{padding: 10px 84px 0 20px; display: inline-block; font-size: 14px; line-height: 1.5;}
.right_up .three_depth li:hover{color:#456DFD;}
.right.stop{position: absolute; top: 1100px;}
.m_tab{display: none;}

/**************************** sub2_main ****************************/
#sub2_container{margin-top: -10px; background-color: #fff; min-height: 800px!important;}
#sub2_container .tit{font-weight: 600; font-size: 16px; letter-spacing: -1px; margin: 20px 0 0 0; text-align: left; float: left;}
#sub2_container .location{float: right; margin-top: 22px; letter-spacing: -1px;}
#sub2_container .location li{display: inline-block; font-size: 12px;}
#sub2_container .location li:last-child{color: #b7b7b7;}
#sub2_container .con1_top{margin-top: 20px; width: 100%;}
#sub2_container .mycon_bottom{top: 372px;}
#sub2_container .col-md-4{margin-bottom:30px;width: 25%;}
#sub2_container .left_acon .left_scon{margin-bottom: 44px;}
#sub2_container .con1_con .img{background-image: url("/include/images/noimage.png"); background-repeat: no-repeat; background-size: cover;position: relative; width: 100%; padding: 100% 0 0; overflow: hidden;}
#sub2_container .con1_con .img .book_img{width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover;}
#sub2_container .col-md-4{margin-bottom:30px}
#sub2_container .col-md-4:first-child,#sub2_container .col-md-4:first-child + .col-md-4,#sub2_container .col-md-4:first-child + .col-md-4 + .col-md-4{margin-top:0}
#sub2_container .left_con .stit{margin-bottom: 30px; font-size: 20px;}
#sub2_container .con1_con{border: 1px solid #e7e7e7; border-bottom: none;}
#sub2_container .con1_con .mycon_hover{background-color: rgba(0,0,0,0.4); width: 100%; height: 225px!important; padding-bottom: 100%; position: absolute; top: 0; left: 0;opacity:0;transition:all .5s}
#sub2_container .con1_con .mycon_hover .myconh_desc{text-align: center; padding-top: 100px;}
#sub2_container .con1_con .mycon_hover .myconh_desc li:nth-child(2){font-size: 15px; letter-spacing: -1px; color: #fff; margin-top: 10px;}
#sub2_container .con1_con .mycon_hover .myconh_desc li:nth-child(3){font-size: 12px; letter-spacing: -1px; color: #fff; line-height: 1.5; overflow: hidden; padding: 15px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
#sub2_container .left_con .details{height: 125px; padding: 10px;}
#sub2_container .left_con .details .p-name{font-size: 16px; font-weight: bold; letter-spacing: -1px; line-height: 1.5; overflow: hidden; width: 100%; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; margin: 5px 0;}
#sub2_container .left_con .details > li:nth-child(1):before{content: ""; position: absolute; top: -15px; left: 0; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 15px solid #FF8E3B;}
#sub2_container .left_con .details > li:nth-child(1){letter-spacing: -1px; width: 50px; height: 30px; background-color: #FF8E3B; float: left; color: white; font-weight: bold; font-size: 13px; position: absolute; top: 25px; text-align: center; line-height: 30px;}
#sub2_container .left_con .details > li:nth-child(1):after{content: ""; position: absolute; bottom: -15px; left: 0; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 15px solid #FF8E3B;}
#sub2_container .con2{margin-top: 36px;}
#sub2_container .con2 .tit{width: 100%; margin-bottom: 36px; font-size: 20px;}
#sub2_container .con2 .list .check{border-bottom: 1px solid #ebebeb; display: inline-block;}
#sub2_container .con2 .list .check > li{display: inline-block; font-size: 17px;}
#sub2_container .con2 .list .check > li:nth-child(2){padding: 10px 80px 10px 10px;}
#sub2_container .con2 .list .check > li:nth-child(4){padding: 0 86px 0 40px; font-size: 20px;}
#sub2_container .con2 .list .check > li:nth-child(3) input,select{border: none; width: 180px; height: 40px; padding: 0 20px 0 30px}
#sub2_container .con2 .list .check > li:nth-child(1) input[type="checkbox"] {visibility: hidden; width: 0}
#sub2_container .con2 .list .check > li:nth-child(1) input[type="checkbox"] + label{width: 18px; height: 18px; background-color: #fff; border: 1px solid #ebebeb; cursor: pointer;}
#sub2_container .con2 .list .check > li:nth-child(1) input[type="checkbox"]:checked + label{border: 1px solid #456DFD; background-image: url(../images/checked.png); background-repeat: no-repeat; background-position: center;}
#sub2_container .con2 .list li:nth-child(3){border-bottom: 1px solid #ebebeb; display: inline-block;}
#sub2_container .con2 .list li:nth-child(3) li{display: inline-block;}
#sub2_container .con2 .list li:nth-child(3) li:nth-child(1){font-size: 20px; margin-right: 656px;}
#sub2_container .con2 .list li:nth-child(3) li:nth-child(2){font-size: 20px; padding: 18px 0; color:#456DFD; padding-right: 54px;}
#sub2_container .con2 .list li:nth-child(4) li:nth-child(1){margin-left: 500px; padding: 16px 24px}
#sub2_container .con2 .list li:nth-child(4) li:nth-child(2){padding: 16px 50px;}
#sub2_container .con2 .list li:nth-child(4) li{display: inline-block; color:#456DFD; font-size: 17px; background-color: #fff; width: 194px; height: 48px; padding: 24px 97px; border: 1px solid #456DFD; margin: 50px 0; }
#sub2_container .con2 .list li:nth-child(4) li img{margin-right: 10px;}
#sub2_container .con2 .con2_left{float: left;}
#sub2_container .con3 .tit{width: 100%;}
#sub2_container .con3 .list > li:nth-child(1){margin-top: 60px; font-size: 16px; background-color: transparent;}
#sub2_container .con3 .list > li{padding: 18px 0; font-size: 14px; border-bottom: 1px solid #e6e6e6; background-color: #f0f0f4; border-left: 4px solid transparent;}
#sub2_container .con3 .list > li:hover{border-left: 4px solid #456DFD; background-color: #e9e9ed;}
#sub2_container .con3 .list > li:nth-child(1):hover{border-color: transparent; background-color: transparent;}
#sub2_container .con3 .list > li li{padding-left: 40px;}
#sub2_container .con3 .con3_bottom img{width: 100%; margin: 38px 0 60px;}
#sub2_container .con4 .item{background-color: #fff; padding: 0; width: 270px; margin: 0 60px; -webkit-box-shadow: 0 6px 4px #f0f0f0; box-shadow: 0 6px 4px #f0f0f0;}
#sub2_container .con4 .item-text{padding: 0 20px;}
#sub2_container .con4 .tit{width: 100%; margin-bottom: 18px;}
#sub2_container .con4 .item-text > li:nth-child(1){font-size: 14px; margin: 10px 0 5px; color:#456DFD;}
#sub2_container .con4 .item-text > li:nth-child(2){font-size: 18px;}
#sub2_container .con4 .item-text > li:nth-child(3){font-size: 11px; margin: 10px 0 20px; line-height: 1.5;}
#sub2_container .con4 .item-text > li:nth-child(4){font-size: 14px; float: left; margin-right: 30px; color: #c6c7cc;}
#sub2_container .con4 .item-text > li:nth-child(4) strong{font-size: 14px; color:#456DFD;}
#sub2_container .star{margin-bottom: 14px; line-height: 1.5; display: none;}
#sub2_container .con4 .item-text .star li{display: inline-block;}
#sub2_container .con4 .item-text2{font-size: 0;}
#sub2_container .con4 .item-text2 li:nth-child(1){margin-right: 2px;}
#sub2_container .con4 .item-text2 li{display: inline-block; width: 134px; padding: 17px 0; background-color: #f7f7f7; text-align: center; font-size: 14px;}
#sub2_container .con4 .item-text2 li img{margin-bottom: 2px;}
#sub2_container .con4 .level{font-size: 14px; padding: 4px 8px; background-color:#456DFD; color: #fff; display: inline-block; position: absolute; top: 206px; right: 10px;}
#sub2_container .con4 .rate{position: absolute; top: 274px; right: 20px; font-size: 14px; }
#sub2_container .con5 .tit{width: 100%; font-size: 20px; margin-bottom: 32px;}
#sub2_container .con5 .star li{display: inline-block;}
#sub2_container .con5 .list > li{padding: 18px 30px; font-size: 15px;}
#sub2_container .con5 .list > li:nth-child(2n){background-color: #f0f0f4;}
#sub2_container .con5 .list > li:nth-child(1){border-bottom: 1px solid #dedfe3; font-size: 16px;}
#sub2_container .con5 .list > li:last-child{border-bottom: 1px solid #dedfe3;}
#sub2_container .arrow{cursor: pointer;}
#sub2_container .mycon_bottom{width: 100%;}
#sub2_container .mycon_bottom p{height:33px; font-size: 12px; color: #282828; padding: 10px 0; background-color: #fff; float: left; width: 50%; cursor: pointer; text-align: center; border: 1px solid #e7e7e7;}
#sub2_container .mycon_bottom p i{margin-right: 4px; font-size: 11px; color: #456DFD;}
#sub2_container .mycon_bottom .w100{width: 100%;}
.right_lecture li{margin-bottom: 10px;}
.right_lecture li img{float: left; margin-right: 16px;}
.right_lecture li p:nth-child(2){font-size: 14px; margin-bottom: 12px;}
.right_lecture li p:nth-child(3){color:#456DFD; font-size: 14px;}
.book_img{width: 100%; height: 194px; margin: 0; background-size: cover; background-repeat: no-repeat;}

/**************************** sub3_main ****************************/
#sub3_container{background-color: #fff;}
#sub3_container .row{ margin-top: 10px;}
#sub3_container > .container{min-height: 800px!important;}
#sub3_container .tit{color: #fff; font-size: 22px; letter-spacing: -1px; margin: 20px 0 0 0; text-align: left; float: left;}
#sub3_container .location{float: right; margin-top: 22px; letter-spacing: -1px;}
#sub3_container .location li{display: inline-block; font-size: 12px;}
#sub3_container .location li:last-child{color: #b7b7b7;}
#sub3_container .con1_top{margin-top: 10px; width: 100%; display: none;}
#sub3_container .con1_bottom .info2,#sub3_container .search_box{width: 100%;}
#sub3_container .con1_bottom .box_hide{ display: none;}
#sub3_container .mypage_search{height: 51px;}
#sub3_container .filter_Sel{margin-bottom:20px; text-align: right;}
#sub3_container .filter_group {display: inline-block;}
#sub3_container .filter_group .radio_Conbox {position: relative; display: inline-block; height: 2.5rem; width: auto;}
#sub3_container .filter_group .radio_Conbox .radio-button {opacity: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; margin: 0; cursor: pointer;}
#sub3_container .filter_group .radio_Conbox .radio-tile {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; border: 1px solid #456DFD; color:#456DFD; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 1rem; transition: transform 300ms ease;}
#sub3_container .filter_group .radio_Conbox .radio-tile-label {text-align: center; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0;}
#sub3_container .filter_group .radio_Conbox .radio-tile-label i{font-size: 16px; vertical-align: text-bottom; margin-right: 3px;}
#sub3_container .filter_group .radio_Conbox .radio-button:checked + .radio-tile {background-color: #456DFD; color: white;}
#sub3_container .filter_group .radio_Conbox .radio-button:checked + .radio-tile .radio-tile-label {color: white;}
#sub3_container .left_con .tab{position: relative; margin-bottom: 20px;}
#sub3_container .left_con .tab_con{display: block; margin-bottom: 60px;}
#sub3_container .left_con .tab_con:after{content:"";display:block;clear:both}
#sub3_container .left_con .tab_con div a{text-decoration: none;}
#sub3_container .left_con .tab_con div a:hover{text-decoration: none;}
#sub3_container .left_con .tab_con div .card{border: 1px solid #e7e7e7; min-height: 200px; border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; border-top-left-radius: 10px; overflow: hidden; }
#sub3_container .left_con .tab_con div:last-child{margin-right: 0;}
#sub3_container .left_con .m_tab{display: none;}
#sub3_container .left_con .package_details{height: 422px; overflow-y: scroll;}
#sub3_container .left_con .details,#sub3_container .left_con .package_details{padding: 0 10px;}
#sub3_container .left_con .details > li:nth-child(2),#sub3_container .left_con .package_details > li:nth-child(1){font-size: 20px; color: #1d1d1d; line-height: 1.5; letter-spacing: -0.5px;}
#sub3_container .left_con .package_details > li:nth-child(1){margin-top: 10px;}
#sub3_container .left_con .details > li:nth-child(5), #sub3_container .left_con .package_details > li:nth-child(2){width: 100%; font-size: 14px; color: #292929; margin: 5px 0 10px; line-height: 1.3; font-weight: bold; height: 39px; overflow: hidden; width: 100%; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
#sub3_container .left_con .details > li:nth-child(1){font-size: 12.5px; letter-spacing: -1px; padding: 3px 8px; border: 1px solid #456DFD; color: #456DFD; margin: 0; display: inline-block; text-align: center; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; line-height: 1.2;}
#sub3_container .left_con .details > li:nth-child(2){font-size: 12.5px; letter-spacing: -1px; padding: 3px 8px; background-color: #456DFD; color: #fff; margin: 0; display: inline-block; text-align: center; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; line-height: 1.2;}
#sub3_container .left_con .details > li.Certificate{width: auto; font-size: 13px; padding: 7px 10px; border: 1px solid #000;float: right;}
#sub3_container .left_con .details > li.pause{background-color: #fff; color:#456DFD; border: 1px solid #456DFD; padding: 1px 0;}
#sub3_container .left_con .details,#sub3_container .left_con .package_details{background-color: #fff; padding: 15px;}
#sub3_container .left_con .details .until{font-size: 14px; color: #000; margin-bottom: 10px;}
#sub3_container .left_con .details > li:nth-child(6){font-size: 14px; color: #000; border-bottom: 1px solid #dedede; padding-bottom: 10px;}
#sub3_container .left_con .details .my_name{font-size: 13px; color: #000; height: 14px; overflow: hidden;}
#sub3_container .left_con .details .my_name i{margin: 0 5px; color:#456DFD;}
#sub3_container .left_con .details .teacher_name{font-weight: bold;} 
#sub3_container .left_con .details .my_period{width: 100%; font-size: 13px; text-align: center; color: #454d54; display: inline-block; margin-top: 18px;}
#sub3_container .left_con .details .my_period strong{font-weight: bold;}
#sub3_container .chap{font-size: 12px; letter-spacing: -1px; width: 100%; padding-bottom: 5px;}
#sub3_container .chap .times{background-color: #9e5959; color: #fff; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; padding: 1px 6px; margin-left: 3px; line-height: 10px; font-size: 10px;}
#sub3_container .chap .multip{background-color: #687a9e; color: #fff; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; padding: 1px 6px; margin-left: 3px; line-height: 10px; font-size: 10px;}
#sub3_container .num_strong{font-size: 14px; color:#456DFD;}
#sub3_container .mycon_hover{height: 198px!important; padding-top: 10px; background-color: #a3a3a3; position: absolute; top: 0; left: 0;}
#sub3_container .mycon_hover .myconh_desc{text-align: center; padding: 37px;}
#sub3_container .mycon_hover .myconh_desc i {color: #fff; font-size: 30px;}
#sub3_container .mycon_hover .myconh_desc li:nth-child(2){font-size: 15px; letter-spacing: -1px; color: #fff; margin-top: 10px;}
#sub3_container .mycon_hover .myconh_desc li:nth-child(3){font-size: 12px; height: 70px; letter-spacing: -1px; color: #fff; line-height: 1.5; overflow: hidden; padding: 15px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
#sub3_container .mycon_bottom{width: 100%;}
#sub3_container .left_con .tab_con .mycon_bottom p{height:35px; margin-bottom: 15px; font-size: 13px; color: #282828; padding: 11px 0; background-color: #f5f5f5; float: left; width: 100%; cursor: pointer; text-align: center; border: 1px solid #e7e7e7; border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;border-top: none;}
#sub3_container .mycon_bottom p i{margin-right: 4px; font-size: 11px; color:#456DFD;}
#sub3_container .process{width: 100%; background-color: #eeeff1; position: relative;}
#sub3_container .left_con .tab_con .process{width: 100%; background-color: #eeeff1; position: relative;}
/*.process1 p{display: block; width: 80%; background-color: #97cb04;}*/
#sub3_container .left_con .details .process2 span{display: block; width: 80%; height: 10px; background-color: #289efe;}
#sub3_container .left_con .details .process3 span{display: block; width: 80%; height: 10px; background-color: #f16d1d;}
#sub3_container .left_con .package_details .process1 span{display: block; width: 200px; height: 10px; background-color: #97cb04;}
#sub3_container .left_con .package_details .process2 span{display: block; width: 200px; height: 10px; background-color: #289efe;}
#sub3_container .left_con .package_details .process3 span{display: block; width: 200px; height: 10px; background-color: #f16d1d;}
#sub3_container .left_con .details .percent{font-size: 20px; color: #1d1d1d; margin: 10px 0 10px;}
#sub3_container .left_con .package_process li:nth-child(3){font-size: 20px; color: #1d1d1d; margin: 10px 0 10px;}
#sub3_container .left_con .package_process li:nth-child(4){font-size: 14px; margin-bottom: 10px;}
#sub3_container .left_con .package_process li:nth-child(1){font-size: 16px; margin-bottom: 10px; border-top: 1px solid #eeeeee; padding-top: 10px;}
#sub3_container .left_con .package_details > li:nth-child(7){font-size: 14px; margin-bottom: 22px;}
#sub3_container .left_con .package_details .package_btn{padding: 18px 0; text-align: center; border: 1px solid #aaaaaa; cursor: pointer; margin-bottom: 20px;}
#sub3_container .left_con .package_details .package_btn:hover{background-color: #000; color: #fff;}
#sub3_container .left_con{position: relative; width:100%;}
#sub3_container .con_wrap{margin-top: 30px;}
#sub3_container .single_con {width:100%; float: right; margin-top: 30px;}
#sub3_container .row form .single_con{margin-top: 0;}
#sub3_container .left_con .use_info{margin-top: 30px;}
#sub3_container .left_con .use_info>p{font-size: 14px; letter-spacing:-1px; margin-bottom: 10px; font-weight: 600; color: gray; }
#sub3_container .left_con .use_info>div{width: 100%; height: auto; padding: 20px; border-top: 1px solid lightgray; }
#sub3_container .left_con .use_info>div>ul{padding-left: 20px;}
#sub3_container .left_con .use_info>div>ul>li{list-style: square; padding: 4px; font-size: 13px; letter-spacing: -1px; vertical-align: text-top;}
#sub3_container .left_con .use_info>div>ul>li>p {line-height: 1.2; margin-bottom:3px;}
#sub3_container .right .info{padding: 39px 40px; text-align: center; background-color: #eeeff1;}
#sub3_container .right .info li:nth-child(1){font-size: 20px; color: #292929;}
#sub3_container .right .info li:nth-child(2){font-size: 20px; color:#456DFD; border-bottom: 1px solid #456DFD; display: inline-block; padding-bottom: 4px; margin: 20px 0 15px;}
#sub3_container .right .info li:nth-child(3){font-size: 14px; letter-spacing: 0.5px;}
#sub3_container .right .info .device_more{font-size: 14px; color: #fff; padding: 13px 62px; background-color: #292929; margin-top: 30px; cursor: pointer;}
#sub3_container .con3 .tit{width: 100%; font-weight: 600; font-size: 16px;}
#sub3_container .con3 .list > li:nth-child(1){margin-top: 60px; font-size: 16px; background-color: transparent;}
#sub3_container .con3 .list > li{padding: 18px 0; font-size: 14px; border-bottom: 1px solid #e6e6e6; background-color: #f0f0f4; border-left: 4px solid transparent;}
#sub3_container .con3 .list > li:hover{border-left: 4px solid #456DFD; background-color: #e9e9ed;}
#sub3_container .con3 .list > li:nth-child(1):hover{border-color: transparent; background-color: transparent;}
#sub3_container .con3 .list > li li{padding-left: 40px;}
#sub3_container .con3 .con3_bottom img{width: 100%; margin: 38px 0 60px;}
#sub3_container .con4 .item{background-color: #fff; padding: 0; width: 270px; margin: 0 60px; -webkit-box-shadow: 0 6px 4px #f0f0f0; box-shadow: 0 6px 4px #f0f0f0;}
#sub3_container .con4 .item-text{padding: 0 20px;}
#sub3_container .con4 .tit{width: 100%; margin-bottom: 18px; font-weight: 600; font-size: 16px;}
#sub3_container .con4 .item-text > li:nth-child(1){font-size: 14px; margin: 10px 0 5px; color:#456DFD;}
#sub3_container .con4 .item-text > li:nth-child(2){font-size: 18px;}
#sub3_container .con4 .item-text > li:nth-child(3){font-size: 11px; margin: 10px 0 20px; line-height: 1.5;}
#sub3_container .con4 .item-text > li:nth-child(4){font-size: 14px; float: left; margin-right: 30px; color: #c6c7cc;}
#sub3_container .con4 .item-text > li:nth-child(4) strong{font-size: 14px; color:#456DFD;}
#sub3_container .star{margin-bottom: 14px; line-height: 1.5; display: none;}
#sub3_container .con4 .item-text .star li{display: inline-block;}
#sub3_container .con4 .item-text2{font-size: 0;}
#sub3_container .con4 .item-text2 li:nth-child(1){margin-right: 2px;}
#sub3_container .con4 .item-text2 li{display: inline-block; width: 134px; padding: 17px 0; background-color: #f7f7f7; text-align: center; font-size: 14px;}
#sub3_container .con4 .item-text2 li img{margin-bottom: 2px;}
#sub3_container .con4 .level{font-size: 14px; padding: 4px 8px; background-color:#456DFD; color: #fff; display: inline-block; position: absolute; top: 206px; right: 10px;}
#sub3_container .con4 .rate{position: absolute; top: 274px; right: 20px; font-size: 14px; }
#sub3_container .arrow{cursor: pointer; font-size: 20px;}
#sub3_container .con2{margin-bottom: 90px;}
#sub3_container .con2 .stit{margin: 82px 0 34px; font-size: 20px; color: #4d4d4d; padding-bottom: 10px; border-bottom: 1px solid #d8d8d8;}
#sub3_container .con2 > ul > li:nth-child(1) li{font-size: 16px; color: #000;}
#sub3_container .con2 > ul > li:nth-child(2n) ul{background-color: #f0f0f4;}
#sub3_container .con2 > ul > li ul li:nth-child(1){text-align: center;}
#sub3_container .con2 > ul > li li{font-size: 15px; color: #666666; padding: 16px 0;}
#sub3_container .ques_bg{background-color: rgba(0,0,0,0.4); position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 102; display: none;}
#sub3_container .ques_box{position: fixed; width: 40%; top: 0; right: -200%; background-color: #fff; height: 100%; padding: 0 15px; z-index: 1000;overflow:auto}
#sub3_container .ques_box .tit{color:#000; font-weight: 600; font-size: 16px; margin-top: 40px; border-bottom: 1px solid #292929; padding: 0 0 8px 0; float: none;}
#sub3_container .ques_box .stit{font-size: 15px; color: #363636; margin: 10px 0 15px;}
#sub3_container .ques_box .ques_list,#sub3_container .ques_box .ques_tit{padding-bottom: 18px;}
#sub3_container .ques_box .ques_list li select{width: 100%; background-color: #fff; border: 1px solid #dedfe3; padding: 0; padding-left: 16px; font-size: 14px; color: #363636;}
#sub3_container .ques_box .ques_list li img{margin: 0 20px;vertical-align:middle}
#sub3_container .ques_box .ques_tit input{width: 100%; height: 45px; border:1px solid #dedfe3; font-size: 14px; padding: 5px;}
#sub3_container .ques_box .ques_require textarea{width: 100%; height: 294px; border: 1px solid #dedfe3; background: none; resize: none; cursor: text; padding: 8px; font-size: 12px; line-height: 1.4;}
#sub3_container .ques_box .ques_btn {display: flex;}
#sub3_container .ques_box .ques_btn li{width: 50%; color: #456DFD; font-size: 14px; padding: 15px 0; text-align: center; margin-top: 30px; cursor: pointer;}
#sub3_container .ques_box .ques_btn li:nth-child(1){margin-right: 10px; border: 3px solid transparent; background-color:#456DFD; color: #fff;}
#sub3_container .ques_box .ques_btn li:nth-child(2){border: 1px solid #456DFD;}
#sub3_container .popup{background-color: rgba(0,0,0,0.4); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 102; display: none;}
#sub3_container .pop{width: 50%; position: absolute; top: 50%; left: 50%; background-color: #fff; height: auto; transform: translate(-50%, -50%); border: 1px solid #000000; border-radius: 10px;}
#sub3_container .regist_box{padding-top: 50px; height: 100%; z-index: 10;}
#sub3_container .regist_con{padding: 30px 18px 0;}
#sub3_container .tracking_con{padding:0px 30px 20px;}
#sub3_container .tracking_popup .pop {width: 35%;}
#sub3_container .tracking_con table.goodsBox{width: 100%; line-height: 1.2; font-size: 15px; font-weight: 600; color: #000; margin-bottom: 20px;}
#sub3_container .tracking_con table.goodsBox td{padding:10px;}
#sub3_container .tracking_con table.goodsBox i {color: #456DFD;margin-right: 5px;}
#sub3_container .tracking_con table.goodsBox .goods_name{font-size: 14px; margin: 0 10px; text-align: left; width: auto; line-height: 1.4; padding: 10px; vertical-align: middle; height: auto; display: table-cell;}
#sub3_container .tracking_con li{letter-spacing: 0px; padding: 0 20px 22px 20px; color: #999; font-size: 14px; font-weight: 400;}
#sub3_container .tracking_con {color: #999;}
#sub3_container .tracking_con li .loCation:before{content: ''; position: absolute; left: -9px; top: 8px; bottom: -50px; border-left: 2px solid #d7dfe8;}
#sub3_container .tracking_con li .loCation:after{content: ''; display: inline-block; width: 8px; height: 8px; vertical-align: top; background-color: #fff; border: 2px solid #d7dfe8; border-radius: 50%; position: absolute; top: 5px; left: -12px;}
#sub3_container .tracking_con li .loCation{position: relative; padding-left: 10px;}
#sub3_container .tracking_con li .timeString{ padding-left: 10px;}
#sub3_container .tracking_con li .state:before{display: inline-block; margin: 5px 6px 0 6px; vertical-align: top; width: 1px; height: 12px; background-color: #eeeef4; content: '';}
#sub3_container .tracking_con li.on .loCation{font-weight: bold; color: #222;margin-bottom: 5px;}
#sub3_container .tracking_con li.on .state{color:#456DFD; font-weight: 400; font-size: 14px;}
#sub3_container .tracking_con li.on .loCation:after{content: ''; display: inline-block; width: 18px; height: 18px; border: 2px solid #456DFD; border-radius: 50%; position: absolute; top: 5px; left: -17px; background-color:#456DFD; background-image: url(../images/join_agree.png); background-size: 11px; vertical-align: middle; background-repeat: no-repeat; background-position: 1px;}
#sub3_container .tracking_con li.on .loCation:before{border-left: 2px solid #456DFD;}
#sub3_container .tracking_con li:last-child .loCation:before{display:none;}
#sub3_container .popup .pop{min-height: 400px;}
#sub3_container .popup .tit{z-index: 10; font-size: 15px; color: #000; padding: 8px 0; width: 100%; text-align: center;  margin: 0;float: none;}
#sub3_container .popup .close_btn{cursor: pointer; position: absolute; top: 5px; right: 5px; opacity: 1; text-align: right;}
#sub3_container .regist_popup .stit{font-size: 14px; color: #4c4c4c; margin-bottom: 10px;}
#sub3_container .regist_popup .stit .counter_Tx{float: right; font-size: 13px; color: #456DFD;}
#sub3_container .regist_popup .stit strong{font-size: 15px; color: #4c4c4c;}
#sub3_container .regist_popup .regist_con table{width: 100%;}
#sub3_container .regist_popup .regist_con th{border-bottom: 1px solid #dedfe3; padding: 15px 0; font-size: 14px; background-color: #f7f8fa;}
#sub3_container .regist_popup .regist_con td{border-bottom: 1px solid #e6e6e6; padding: 15px 0; font-size: 14px; color: #666666;}
#sub3_container .regist_popup .regist_con td i {width: 10px; margin-right: 15px;}
#sub3_container .regist_popup .regist_con td:nth-child(1),#sub3_container .regist_popup .regist_con th:nth-child(1){width: 12%; text-align: center;}
#sub3_container .regist_popup .regist_con td:nth-child(2) img{margin-right: 22px; vertical-align: middle;}
#sub3_container .regist_popup .regist_con td:nth-child(5){text-align: center; cursor: pointer;}
#sub3_container .regist_popup .regist_con th:nth-child(5){text-align: center;}
#sub3_container .info2 .info2_box{width: 100%; margin: 40px 0 20px;}
#sub3_container .info2 .info2_box .info2_list{display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; background: #f5f5f5;}
#sub3_container .info2 .info2_list > li{position: relative;flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 30px 15px 30px; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-right: 2px solid #fff; color: #000;}
#sub3_container .info2 .info2_list > li:nth-child(1) img{width: 26px; margin: 7px 7px 0 12px;}
#sub3_container .info2 .info2_list > li:nth-child(1) .info2_set{display: inline-block; font-size: 15px; width: auto; margin-left: 4px;}
#sub3_container .info2 .info2_list > li:last-child{border: none;}
#sub3_container .info2 .info2_list > li .user_box li.info2_tit{padding-left: 32px; font-weight: 400; font-size: 12px;line-height: 1.6;}
#sub3_container .info2 .info2_list > li .user_box li.info2_text1{font-size: 14px; font-weight: 700;}
#sub3_container .info2 .info2_list > li .info2_desc .info2_tit{font-size: 15px; font-weight: 700;}
#sub3_container .info2 .info2_list > li .info2_desc .info2_stit img{margin-right: 5px; vertical-align: middle;}
#sub3_container .info2 .info2_list > li .info2_desc{width: 100%; text-align: left; margin-bottom: 35px;}
#sub3_container .info2 .info2_list .info2_desc span{color: #787878; padding-left:3px; font-size: 12px; font-weight: 400; letter-spacing: 0;}
#sub3_container .info2 .info2_list .info2_desc span strong{margin-left: 5px; color: #456DFD; font-weight: 400; letter-spacing: 0;}
#sub3_container .info2 .info2_list > li .info2_desc .name{display: inline-block; width: 100px; font-size: 18px; font-weight: 600;}
#sub3_container .info2 .info2_list .info2_tit i{font-size: 16px; color:#456DFD; margin-right: 5px;}
#sub3_container .info2 .info2_list > li:last-child .info2_stit{font-size: 13px; margin-bottom: 7px; letter-spacing: -1px;}
#sub3_container .info2 .info2_list > li:last-child .info2_stit img{margin-right: 5px; vertical-align: middle;}
#sub3_container .info2 .info2_list .info2_text2 {margin-bottom: 5px;}
#sub3_container .info2 .info2_list .info2_text2 {position: absolute; bottom: 15px; font-size: 12px;}
#sub3_container .info2 .info2_list .info2_text2 span{font-size: 16px; color:#456DFD; font-weight: bold;}
#sub3_container .info2 .info2_list > li .info2_desc .info2_text2 img{vertical-align: middle;}
#sub3_container .info2 .info2_list .user_box .info2_text2{display: inline-block; margin-bottom: 10px;}
#sub3_container .info2 .info2_list > li .info2_text2 strong{cursor: pointer; font-size: 16px; color:#456DFD; padding-bottom: 2px; margin-right: 3px; border-bottom: 2px solid #456DFD; display: inline-block; font-weight: bold;}
#sub3_container .info2 .info2_list .user_box span{width: 18px; height: 15px; background-color: #456DFD; padding: 5px 10px; color: #fff; font-weight: 600; font-size: 13px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; margin-right: 5px;}
#sub3_container .pp_tit{margin: 80px 0 10px; font-size: 20px; color: #222222;}
#sub3_container .pp_desc{font-size: 16px; color: #222222; margin-bottom: 30px; line-height: 1.5;}
#sub3_container .left_con .tab_con div.pro_name{font-size: 16px; background-color:#456DFD; width: 90%; height: 4px;}
#sub3_container .left_con .tab_con div.pause_bar{font-size: 16px; background-color:#456DFD; width: 0; height: 2px;}
#sub3_container .left_con .tab_con div.pro_name p{position: absolute; top: 50%; left: 10px; transform: translateY(-50%);}
#sub3_container li .percent1 strong{font-size: 30px; color: #cccccc; }
#sub3_container li .percent1 span{font-size: 16px; color: #cccccc;}
#sub3_container .left_con .details > li:nth-child(3){margin: 3px 0;width: 100%;text-align: right; height: 30px;}
#sub3_container .single_table td .study_pro{width: 100%; border-radius: 10px; height: 10px; background-color: #fff; border: 1px solid #b4b4b4;}
#sub3_container .single_table td .study_pro .pro_bar{display: block; width: 80%; background-color:#456DFD; height: 10px; border: none; padding: 0; margin-top: -1px;}
#sub3_container .single_table td .time_box{width: 100%; font-size: 13px; margin-top: 23px;}
#sub3_container .single_table td .time1{float: left;}
#sub3_container .single_table td .time2{float: right;}
#sub3_container .single_table td{position: relative;}
#sub3_container .single_table td .study_per{position: absolute; top: 62%; right: 4px; transform: translateY(-50%); color: #456DFD; font-size: 15px; font-weight: bold; padding-bottom: 4px;}
#sub3_container .single_table td:nth-child(1),#sub3_container .single_table th:nth-child(1){width: 10%;}
#sub3_container .single_table td:nth-child(2),#sub3_container .single_table th:nth-child(2){width: 30%;}
#sub3_container .single_table td:nth-child(3),#sub3_container .single_table th:nth-child(3){width: 22%;}
#sub3_container .single_table td:nth-child(4),#sub3_container .single_table th:nth-child(4){width: 8%;}
#sub3_container .single_table tr:nth-child(4) td a{font-weight: 600;background-color: #f7f7f7; padding: 10px; border: 1px solid #b7b7b7; border-radius: 5px;}
#sub3_container .info2_desc > img{width: 35px; float: left; opacity: 0.7;}
#sub3_container .search_box{margin: 0; padding: 0;}
#sub3_container .answer_con{ margin: 30px 0;}
#sub3_container .table-responsive{width: 100%;}
#sub3_container .teacher_acc{margin-top: 20px; border: 1px solid #c1c1c1; padding: 10px; background-color: #f9f9f9; font-size: 14px;}
#sub3_container .search_wrap .search_box> tbody{float: right;}
#sub3_container .con1_bottom .info1{display: block; width: 100%; padding: 25px 15px; font-size: 22px; font-weight: 600; background-color: #f5f5f5; margin-bottom: 8px;}
#sub3_container .left_con .recent_item {padding: 20px 30px; border: 1px solid #d9d9d9; border-radius: 10px;}
#sub3_container .left_con  p.item_tit{font-weight: bold; text-align: left; font-size: 15px; margin: 15px 0 10px;}
#sub3_container .left_con .recent_item table{width: 100%;}
#sub3_container .left_con .recent_item table td{vertical-align: middle; font-weight: 500; padding: 20px 10px; border-bottom: 1px solid #d9d9d9; font-size: 14px;}
#sub3_container .left_con .recent_item table tr:last-child td{border-bottom: 0px;}
#sub3_container .left_con .recent_item .img{width: 110px;height: 110px;background-image: url(/include/images/noimage.png);background-size: cover;}
#sub3_container .left_con .recent_item .img .lec_img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-repeat: no-repeat;background-size: cover;}
#sub3_container .left_con .recent_item .item_cate{text-align: center;}
#sub3_container .left_con .recent_item .item_cate p{font-size: 13px; font-weight: 500; letter-spacing: -1px; padding: 3px 8px; background-color: #456DFD; color: #fff; display: inline-block; text-align: center; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; line-height: 1.2; margin-bottom: 10px;}
#sub3_container .left_con .recent_item .item_cate > span{font-size: 14px; margin-left: 5px;}
#sub3_container .left_con .recent_item .item_cate div{font-size: 13px;}
#sub3_container .left_con .recent_item .item_cate div span{font-weight: 500;}
#sub3_container .left_con .recent_item .item_cate div i{margin: 0 10px;color: #456DFD;}
#sub3_container .left_con .recent_item table td:nth-child(1){width: 15%;}
#sub3_container .left_con .recent_item table td:nth-child(2){width: 20%; text-align: center;}
#sub3_container .left_con .recent_item table td:nth-child(3){width: 50%; font-weight: 600; font-size: 14px;}
#sub3_container .left_con .recent_item table td:nth-child(4){width: 15%; font-weight: 400;}
#sub3_container .left_con .recent_item table td:nth-child(3) a:hover{color: #456DFD;}
#sub3_container .category_select {display: flex; margin: 20px 0;}
#sub3_container .category_select > span{flex-direction: column; display: flex; -webkit-box-flex: 1;  -ms-flex-positive: 1;  flex-grow: 1}
#sub3_container .category_select span select{width: 100%;height: 42px; border: 1px solid #e6e6e6; padding: 10px 15px; font-size: 14px;}
#sub3_container .category_select .search {float: none;}
#sub3_container .category_select .search li{width: 100%;}
#view4_container .con2 .list li:nth-child(3){border-bottom: 1px solid #ebebeb; display: inline-block;}
.fa-caret-right{color: #bfbfbf;margin: 0 7px;}
.tab_list{text-align: center;}
.left_con .tab .tab_list{display: -webkit-box; display: -ms-flexbox; display: flex;}
.left_con .tab .tab_list .each_teb{flex-direction: column; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 10px;}
.manage_tabbox .tab_list{display: -webkit-box; display: -ms-flexbox; display: flex;}
.manage_tabbox .tab_list .each_teb{flex-direction: column; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}
.left_con{display:block; width:100%; height:100%;}
#sub3_container .curri_MO .single_table{display: none;}
#sub3_container .curri_MO .single_table2{display: block;}
.tab_box .left_con .tab_con .category1{margin-top: -20px;}
#sub3_container span.receipt {cursor:pointer; font-weight: bold; color:#456DFD;}
.tab_box .left_con .tab{display: block!important; margin: 40px 0;}
.tab_box .left_con .tab_con .con3{display: none;}
.tab_box .left_con .tab_con .con3 .single_con{margin-top: 0!important;}
.tab_box .left_con .tab_con .con3.on{display: block;}
.tab_box .left_con .tab .tab_list .each_teb.on{border: 1px solid #4d4d4d; border-bottom: none; background-color: #fff; font-weight: bold; font-size: 14px;}

/* 강좌 관리 팝업 */  
#sub3_container .manage_popup .stit{font-size: 15px; padding: 30px 0 15px 64px}
#sub3_container .manage_tabbox,#sub3_container .manage_tabcon{padding: 0 64px;}
#sub3_container .manage_tabbox .manage_tab:first-child{border-right: none;}
#sub3_container .manage_tabbox .manage_tab{text-align: center; border: 1px solid #f0f0f0; background-color: #fbfbfb; font-weight: bold; color: #5e5e5e; padding: 12px 0; cursor: pointer; font-size: 14px; border-bottom: 1px solid #c3c3c3;}
#sub3_container .manage_tabbox .manage_tab.manage_click{background-color: #fff; border: 1px solid #c3c3c3; color: #333333; border-bottom:1px solid #ffffff;}
#sub3_container .manage_tabcon{display: none;}
#sub3_container .manage_tabcon table{width: 100%; border: 1px solid #d3d3d3;}
#sub3_container .manage_tabcon th{width: 20%; padding: 8px 0 8px 8px; background-color: #f7f7f7; border-bottom: 1px solid #fff; font-size: 13px;}
#sub3_container .manage_tabcon td{width: 80%; padding: 8px 0 8px 8px; border-bottom: 1px solid #f4f4f4; background-color: #fdfdfd; font-size: 13px;}
#sub3_container .manage_tabcon td select{margin-right: 15px; border: 1px solid  #f2f2f2; font-size: 14px;}
#sub3_container .manage_tabcon td span{font-size: 12px; color: #878787;}
#sub3_container .manage_tabcon tr:last-child th,#sub3_container .manage_tabcon tr:last-child td{border-bottom: none;}
#sub3_container .manage_tabcon .ep_desc{font-size: 12px; color: #878787; line-height: 1.5; padding: 10px 0; border-top: 1px solid #e9e9e9;}
#sub3_container .manage_tabcon .ep_desc strong{font-size: 13px; color: #333333;}#sub3_container .manage_tabcon .epbtn_box{text-align: center;}
#sub3_container .manage_tabcon .ep_btn{font-size: 15px; width: 100%; padding: 15px 0; color: #fff; background-color:#456DFD; text-align: center; display: inline-block; cursor: pointer; margin: 30px 0;}
#sub3_container .left_con .search li{vertical-align: middle;}
#sub3_container .left_con .search li:nth-child(1){font-weight: bold; font-size: 13px; margin-right: 5px;}
#sub3_container .teacher_C .left_con .answer_con .search li:nth-child(1){font-weight: normal; margin-right: 0;}
#sub3_container .teacher_C .left_con .answer_con .table_01{font-weight: 400; font-size: 12px; color: #000;}
.mt_stit{font-weight: bold; font-size: 15px; border-bottom: 1px solid #d3d3d3; padding: 24px 0 5px; position: relative;margin-bottom:15px;}
.mt_stit span{display: block; width: 114px; height: 2px; background-color:#456DFD; position: absolute; bottom: 0; left: 0;}

/*위시리스트*/
#sub3_container .wishlist_noti{width: 100%; margin-top: 20px}
#sub3_container .wishlist_noti .noti_box{ margin-top: 0; }
#sub3_container .wishlist_noti .noti_box .product_list{ background-color: #f8f8f8; text-align: center; }
#view4_container .product_list_text{ width: 100%; height: 200px; line-height: 200px; font-weight: 500;}
.wishlist_noti .noti_box{ background-color:#fff;}

/*정기구독*/
.regular_pp .noti_box, .wishlist_noti .noti_box{width: 100%; background-color: #fff; text-align: center; padding: 10px; margin: 20px 0; border: 1px solid #bcbcbc; } /*위시 포함*/
.regular_pp .noti_box p{font-weight: 500; margin: 10px 0;}
.regular_pp .noti_box select{width: 100%; text-align: center; font-size: 15px; font-weight: 600; border: 1px solid #bcbcbc;}
.regular_pp .regular_wrap{padding: 30px; border-radius: 10px; border: 1px solid #bcbcbc; margin-bottom: 20px;}
.regular_pp .regular_wrap ul li{font-size: 15px;}
.regular_pp .regular_wrap ul li.mb30{margin-bottom: 30px;}
.regular_pp .regular_wrap ul li.mb10{margin-bottom: 10px;}
.regular_pp .regular_wrap ul li div.box{margin-top: 10px; font-size: 14px; font-weight: 400; color: gray;}
.regular_pp .regular_wrap ul li:nth-child(1) span{font-size: 15px;font-weight: 500; letter-spacing: -1px; padding: 3px 8px; background-color: #456DFD; color: #fff; margin: 0; display: inline-block; text-align: center; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; line-height: 1.2;}
.regular_pp .regular_wrap ul li:nth-child(1) div{font-size: 15px;float: right;}
.regular_pp .regular_wrap ul li:nth-child(2){font-weight: 600; font-size: 17px;line-height: 1.3;}
.regular_pp .regular_wrap ul li.tb_box span{width: 120px; display: inline-block; font-weight: 500;}
.regular_pp .regular_wrap ul li.tb_box span.bold{font-weight: 600; color:#456DFD;}
.regular_pp .regular_wrap ul li:last-child a{margin: 0 5px 0 0; display: inline-block; font-size: 15px; text-align: center; border: 1px solid #bcbcbc; padding: 10px; background-color: #fdfdfd; color:#000; cursor: pointer;}
.regular_pp .regular_wrap ul li a:last-child {margin-right: 0;}
.regular_pp .bill_box .billinfo{margin-top: 20px; max-height: 600px;  overflow-y: scroll;}
.billinfo::-webkit-scrollbar {width: 0px;}
.billinfo::-webkit-scrollbar-thumb {background: #fff;}
.billinfo::-webkit-scrollbar-track {background-color: #fff;}
.billinfo::-webkit-scrollbar-thumb {background: #7e7e7e;}
.regular_pp .bill_box .regular_wrap {background-color: #f2f2f2;}
.regular_pp .bill_box .regular_wrap ul li.pay_box{text-align: right;font-size: 16px;padding: 20px;background-color: #fff; border-radius: 5px;}
.regular_pp .bill_box .regular_wrap ul li.pay_box .pay_tit{float: left; text-align: left;}

.regular_pp .addCardbtn{display: flow-root;}
.regular_pp .addCardbtn a{text-align: center; border: 1px solid #456DFD; font-size: 15px; padding: 15px; background-color: #456DFD; color: #fff; margin-left: 10px; cursor: pointer; width: auto; display: inline-block; float: right;}
.regular_pp .addCardbtn a i{margin-right: 5px;}
<!--.card_layer_bg {display: none;left: 0;background: rgba(255,255,255,0.1)!important; position: fixed;top: 0;right: 0;height: 100%;width: 100%;transition: all .5s;overflow: hidden;}-->
#card_pop_layer {display: none; background-color: #fff; position: fixed; top: 40%; left: 50%; width: 60%; padding: 50px; height: auto; transform: translate(-50%, -50%); border: 1px solid #000000; border-radius: 10px;z-index: 99;}
#card_pop_layer .close {position: absolute;top: 5px;right: 5px; opacity: 1; text-align: right;}
#card_pop_layer .table_POP .con_tit{margin-bottom: 10px;}
#card_pop_layer .table_POP .con_tit a{text-align: center; border: 1px solid #bcbcbc; font-size: 15px; padding: 12px; margin: 0px 0 20px;width: fit-content;float: right; font-weight: 500;}
#card_pop_layer .table_POP .cardtable th, #card_pop_layer .table_POP .cardtable td{border-top: 0px!important;}
#card_pop_layer .table_POP .cardtable{font-size: 15px; text-align: center;}
#card_pop_layer .table_POP .cardtable th{text-align: center;}
#card_pop_layer .table_POP .cardtable tr.use{background-color: #f7f5f5;}
#card_pop_layer .table_POP .cardtable tr.disuse{color: #c5c5c5;}
#card_pop_layer .table_POP .cardadd{text-align: center; border: 1px solid #456DFD; font-size: 15px; padding: 15px;background-color: #456DFD; color: #fff; margin-top: 20px; cursor: pointer;}
#sub3_container .left_con .tab_con .more_box .more i{color: #456DFD; margin-right: 3px;}
#sub3_container .left_con .tab_con .more_box .more{width: 100%; text-align: center; cursor: pointer; font-weight: 500; padding: 15px}
#sub3_container .left_con .tab_con .more_box{width: 100%;}


/*결제수단*/
.cardadd_layer_bg {display: none;left: 0;background: rgba(255,255,255,0.1)!important; position: fixed;top: 0;right: 0;height: 100%;width: 100%;transition: all .5s;overflow: hidden;}
#cardadd_layer {display: none; background-color: #efeff0; position: fixed; top: 50%; left: 50%; width: 45%; padding: 50px; height: auto; transform: translate(-50%, -50%); border: 1px solid #000000; border-radius: 10px;z-index: 99;}
#cardadd_layer .close {position: absolute;top: 5px;right: 5px; opacity: 1; text-align: right;}
#cardadd_layer .table_POP h1{width: 100%; padding: 10px; text-align: center; background-color: #8a91a0; color: #fff;}
#cardadd_layer .table_POP .con_tit{margin-bottom: 10px;}
#cardadd_layer .table_POP .cardadd{text-align: center; border: 1px solid #456DFD; font-size: 15px; padding: 15px;background-color: #456DFD; color: #fff; margin-top: 20px; cursor: pointer;}
#cardadd_layer .table_POP .cardtable{width: 100%; margin-bottom: 15px;}
#cardadd_layer .table_POP .cardtable td{background-color: #fff; padding: 20px;border-bottom: 2px solid #efeff0;}
#cardadd_layer .table_POP .cardtable td h2{margin-bottom: 10px; text-align: left; font-size: 14px; font-weight: 600;}
#cardadd_layer .table_POP .cardtable td .flex{display: flex;}
#cardadd_layer .table_POP .cardtable td .flex input{border: 2px solid #efeff0; padding: 10px; color: #8f8f8f;  }
#cardadd_layer .table_POP .cardtable td .flex span{margin: 0 10px; padding-top: 6px; line-height: 2;}
#cardadd_layer .table_POP .agree_check_area{text-align: left;}
#cardadd_layer .table_POP ul.policy{margin-top:15px; font-size: 15px;}
#cardadd_layer .table_POP ul.policy:after{content:"";display:block;clear:both;}
#cardadd_layer .table_POP ul.policy li:first-child{float:left; height:35px; line-height:35px;}
#cardadd_layer .table_POP ul.policy li:last-child{ float: right; height:35px; line-height:35px; font-size: 12px; color: #000; padding: 0 28px; background-color: #f6f6f6; display: inline-block;cursor: pointer;}
#cardadd_layer .table_POP ul.policy li .text{font-size: 16px; color: #333341; display: inline-block;}
#cardadd_layer .table_POP input[type="checkbox"] {display:none;}
#cardadd_layer .table_POP input[type="checkbox"] + label span{width: 25px; height: 25px; display:inline-block; background-image: url(../images/join_yet.png); background-size: cover; vertical-align: middle; margin-right: 8px; cursor: pointer; font-size: 20px; color: #333341;}
#cardadd_layer .table_POP.all_agree p{font-size: 12px; padding: 7px 30px; color: #797979; font-weight: 600; line-height: 1.4;}
#cardadd_layer .table_POP input[type="checkbox"]:checked + label span{background-image: url(../images/join_agree.png); background-color:#456DFD; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: 50%;}

/*결제수단관리 페이지*/
#sub3_container .register_box{ display: none;}
#sub3_container .register_row{ margin-top: 20px; }
.cardadd_Btn{border: 1px solid #e5e5e5; margin-bottom: 20px; padding: 15px; font-size: 13px; text-align: center; margin: 20px 0;}
.cardadd_Btn p{font-size: 15px; color: #456DFD; margin: 10px 0 20px; font-weight: 600;}
.cardadd_Btn .cardadd{text-align: center; border: 1px solid #456DFD; font-size: 15px; padding: 15px;background-color: #456DFD; color: #fff; margin-top: 20px; cursor: pointer;}
table.table_24{font-size: 15px; text-align: center; margin-top: 30px}
table.table_24 th, table.table_24 td{border-top: 0px!important; text-align: center;}
table.table_24 td a.del{text-align: center; width: 50px; font-size: 14px; padding: 5px;}

#card_pop2_layer .rejutable th { text-align: left; font-weight: 400; vertical-align: middle;}
#card_pop2_layer .rejutable th span, #card_pop2_layer .rejutable td span { color: gray; display: block; font-size: 13px;}
#card_pop2_layer .rejutable td { text-align: right; vertical-align: middle; font-weight: 500;}
#card_pop2_layer .rejutable td, #card_pop2_layer .rejutable th { border-top: none; padding: 10px 0;}
#card_pop2_layer .rejutable tr.border { border-top: 1px solid #bcbcbc}
#card_pop2_layer { display: none; background-color: #fff; position: fixed; top: 50%; left: 50%; width: 40%; padding: 50px; height: auto; transform: translate(-50%, -50%); border: 1px solid #000000; border-radius: 10px; z-index: 99;}
#card_pop2_layer .close { position: absolute; top: 5px; right: 5px; opacity: 1; text-align: right;}
#card_pop2_layer .table_POP .con_tit { margin-bottom: 10px;}
#card_pop2_layer .table_POP .con_tit a { text-align: center; border: 1px solid #bcbcbc; font-size: 15px; padding: 12px; margin: 0px 0 20px; width: fit-content; float: right; font-weight: 500;}
#card_pop2_layer .table_POP .cardtable { font-size: 15px; text-align: center;}
#card_pop2_layer .table_POP .cardtable tr.use { background-color: #f7f5f5;}
#card_pop2_layer .table_POP .cardtable tr.disuse { color: #c5c5c5}
#card_pop2_layer .table_POP .cardadd { text-align: center; border: 1px solid #F54E4E; font-size: 15px; padding: 15px; background-color: #F54E4E; color: #fff; margin-top: 20px; cursor: pointer;}

#card_pop3_layer .rejutable th { text-align: left; font-weight: 400; vertical-align: middle;}
#card_pop3_layer .rejutable th span, #card_pop3_layer .rejutable td span { color: gray; display: block; font-size: 13px;}
#card_pop3_layer .rejutable td { text-align: right; vertical-align: middle; font-weight: 500;}
#card_pop3_layer .rejutable td, #card_pop3_layer .rejutable th { border-top: none; padding: 10px 0;}
#card_pop3_layer .rejutable tr.border { border-top: 1px solid #bcbcbc}
#card_pop3_layer { display: none; background-color: #fff; position: fixed; top: 50%; left: 50%; width: 40%; padding: 50px; height: auto; transform: translate(-50%, -50%); border: 1px solid #000000; border-radius: 10px; z-index: 99;}
#card_pop3_layer .close { position: absolute; top: 5px; right: 5px; opacity: 1; text-align: right;}
#card_pop3_layer .table_POP .con_tit { margin-bottom: 10px;}
#card_pop3_layer .table_POP .con_tit a { text-align: center; border: 1px solid #bcbcbc; font-size: 15px; padding: 12px; margin: 0px 0 20px; width: fit-content; float: right; font-weight: 500;}
#card_pop3_layer .table_POP .cardtable { font-size: 15px; text-align: center;}
#card_pop3_layer .table_POP .cardtable tr.use { background-color: #f7f5f5;}
#card_pop3_layer .table_POP .cardtable tr.disuse { color: #c5c5c5}
#card_pop3_layer .table_POP .cardadd { text-align: center; border: 1px solid #F54E4E; font-size: 15px; padding: 15px; background-color: #F54E4E; color: #fff; margin-top: 20px; cursor: pointer;}

.pop_layer_bg { display: none; left: 0; background: rgba(255, 255, 255, 0.1) !important; position: fixed; top: 0; right: 0; height: 100%; width: 100%; transition: all .5s; overflow: hidden;}

/*구독상품 페이지*/
#sub3_container .container h3.con_tit{font-weight: bold;font-size: 15px;color: #333333; margin: 20px 0;}
.prd_wrap{display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 4px;}
.prd_wrap .prd_box{position: relative; text-align: center; flex-direction: column; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 50px 30px; border-radius: 10px; border: 1px solid #456DFD; margin: 0 10px;}
.facheck_icon{position: absolute; right: 10px; top: 10px; display: none;}
.facheck_icon i{color: #456DFD}
.prd_wrap .prd_box:hover .facheck_icon{display: block; transition: all 1.5s;}
.prd_wrap .prd_con p{margin-top: 10px; font-weight: 400; color: #ffffff; background-color: #456DFD; padding: 5px 10px; font-size: 13px; border-radius: 20px; width: fit-content; margin: 0px auto 10px;}
.prd_wrap .prd_con h2{font-weight: bold; font-size: 18px}
.prd_wrap .prd_con ul{width: 100%; margin: 50px auto 20px; font-size: 15px; border-top: 1px solid #bcbcbc; padding-top: 20px;}
.prd_wrap .prd_con ul li{margin-top: 20px}
.prd_wrap .prd_con ul li .l_line{width: 200px;display: inline-block; font-weight: bold; text-align: left;}
.prd_wrap .prd_con ul li .l_line input{margin: 0 5px 0 0;}
.prd_wrap .prd_con ul li .l_line span{font-weight: 500; font-size: 13px;}
.prd_wrap .prd_con ul li .r_line{width: calc(100% - 204px);display: inline-block; text-align: right; font-weight: bold; font-size: 16px; color: #456DFD}
.prd_wrap .prd_box .prd_spec{margin-top: 25px; border-top: 1px solid #bcbcbc; padding-top: 10px; font-size: 15px; font-weight: bold}
.prd_wrap .prd_box .prd_spec span{display: block; margin-bottom: 5px; font-size: 14px; font-weight: 400; color: #878787; text-align: left;}
.prd_wrap .prd_box .prd_spec p{text-align: right;}
.prd_wrap .prd_box .prd_buy{display: flex; margin-top: 30px; text-align: center;}
.prd_wrap .prd_box .prd_buy a{text-align: center; border: 1px solid #456DFD; font-size: 15px; padding: 15px; background-color: #456DFD; color: #fff; margin-top: 20px; cursor: pointer;}

/*구독상품 결제페이지*/
#pay_container h3.con_tit{font-weight: bold;font-size: 15px;color: #333333; margin: 20px 0;}
#pay_container .row:nth-child(2) .prd_wrap{ margin-right: -10px; margin-left: -10px;} /*리스트 위치 수정*/
.regular_card{margin: 40px -15px; position: relative; display: flow-root;}
.regular_card .card_mockup{padding:0 5px;}
.regular_card .card_mockup label{width: 100%;border: 1px solid #b1b1b1; border-radius: 10px; padding: 20px; height: 150px; background-color: #b1b1b1; color: #fff; margin: 5px;}
.regular_card .card_mockup input{align-self: flex-end; margin: 10px 0;}
.regular_card .card_mockup .card_detail{font-weight: 500;margin-top: 10px;}
.regular_card .card_mockup .card_detail h2{margin-bottom: 5px;}
.regular_card .card_mockup .card_detail p{font-weight: 500; margin-bottom: 15px; letter-spacing: 1px;}
.regular_card .card_mockup .card_detail div{text-align: right; font-size: 14px; font-weight: 400;}
.card_mockup input{display: none;}
.card_mockup label input[type="radio"] + span.ch{width: 25px; height: 25px; display: inline-block; background-color: #909090;background-image: url(../images/join_agree.png); background-size: cover; vertical-align: middle; margin-right: 8px; cursor: pointer; font-size: 20px; color: #333341; position: relative; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;background-position: center;background-repeat: no-repeat;background-size: 58%;}
.card_mockup label input[type="radio"]:checked + span.ch{background-image: url(../images/join_agree.png);background-color: #456DFD; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;background-position: center;background-repeat: no-repeat;background-size: 58%;}
.card_mockup label.back_color{background-color: #456DFD; border: 1px solid #456DFD;}
/**************************** teacher ****************************/
#sub3_container .calculate table{width: 100%;  margin-bottom:0; }
#sub3_container .calculate table tr:nth-child(1){background-color: #f9f9f9; }
#sub3_container .calculate table th{text-align: center; border-bottom: 1px solid #c1c1c1; padding: 10px 0; font-size: 14px; color: #282828; }
#sub3_container .calculate table th{text-align: center; border-top: 1px solid #c1c1c1; }
#sub3_container .calculate table td{text-align: center; padding: 8px 0; border-bottom: 1px solid #d9d9d9; font-size: 12px; }
#sub3_container .calculate table .total td{background-color: #eee; border-bottom: 1px solid #999; }
#sub3_container .left_con .search button{background-color:#456DFD; cursor: pointer; display: inline-block; width: 42px;height: 42px; line-height: 14px;text-align: center;vertical-align: middle;padding: 0;margin-left: 10px;border-radius: 0;}
#sub3_container .left_con .calculate .table th{font-weight: 700; font-size: 12px; line-height: 1; }
#sub3_container .calculate table td, #sub3_container .calculate table .total td {font-size: 12px;}
#sub3_container .left_con .search_wrap{ width: 100%; height: 60px; display: block; }
#sub3_container .left_con .search{  width: 512px; text-align: right; }
#sub3_container .left_con .search input, #sub3_container .left_con .search select{font-size: 12px; letter-spacing: 0; }
.tit_bar{float: right;width: 1px;height: 11px;background-color: #c1c1c1;}

/**************************** teacher_answer ****************************/
#sub3_container .left_con .answer_con .stit{font-size: 16px; color: #222222; margin: 30px 0 10px;}
#notice_view_container .left_con .desc .teacher_answer{width: 100%; height: 600px; background: none; background-color: #fff; cursor: text; padding: 20px; border: 2px solid #e1e1e1;}
#notice_container .left_con table td .answer_dt{margin-bottom: 0;}
#notice_view_container .left_con .list_box .btn_list li.list_view{background-color:#456DFD; color: #fff; display: inline-block;}
#sub3_container .add_file{padding: 4px 10px; display: inline-block; cursor: pointer;}
#sub3_container .add_file input{font-size: 13px;}
#sub3_container .add_file img{margin: 0 0 4px 76px;}

/**************************** table style *****************************/
.table_01{width: 100%}
 .table_01 .th_table_01{background-color: #fff; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1;}
 .table_01 .th_table_01 th{padding: 10px 0;font-weight: 700; font-size: 12px;text-align: center; background-color: #f9f9f9;}
 .table_01 .th_table_01 .tt_num{width: 5%;}
 .table_01 .th_table_01 .tt_cate{width: 10%;}
 .table_01 .th_table_01 .tt_product{width: 20%;}
 .table_01 .th_table_01 .tt_teacher{width: 10%;}
 .table_01 .th_table_01 .tt_srat{width: 10%;}
 .table_01 .th_table_01 .th:last-child{width: 10%;}
 .table_01 .th_table_01:hover{ background-color: #e5e5e5;}
 .table_01 .th_table_01 th .tit_bar{float: right; width: 1px;height: 11px;background-color: #c1c1c1;}
 .table_01 .th_table_01 tr{border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1;}
 .table_01 td{font-size: 12px; color: #0e233a; padding: 10px 0; text-align: center; vertical-align: middle;}
 .table_01 td dl{text-align: left; padding-left: 10px;}
 .table_01 td .answer_dt{font-weight: 400; font-size: 12px; color: #000; margin-bottom: 0;}
 .table_01 td .answer_dt span{font-weight: 400; font-size: 11px; color:#456DFD; font-weight: 700;}
 .table_01 td dd{font-size: 12px; color: #4b4b4b; line-height: 1.5;}
 .table_01 .table_con{border-bottom: 1px solid #c1c1c1;}
 
/*수강후기 게시판 table_02*/
.table_02{width: 100%; background-color: #ffffff; color: #333333; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;}
.table_02 th{background-color: #ffffff; color: #333333; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;padding: 13px 0; font-size: 14px;text-align: center; letter-spacing: 0; vertical-align: middle;}
.table_02 th:nth-child(1){width: 5%;}
.table_02 th:nth-child(2){width: 15%;}
.table_02 th:nth-child(3){width: 67%; text-align: left; font-weight: bold;}
.table_02 th:nth-child(4){text-align: right;}
.table_02 td:nth-child(2){text-align: right;}
.table_02 td:nth-child(4){text-align: left; font-weight: bold; color: #686868;}
.table_02 th .SynopsisText{font-size: 15px;}
.table_02 td .SynopsisText{width: 100%;font-size: 14px;word-break: break-all; line-height: 1.8;}
.table_02 .more_td{padding: 14px;}
.table_02 tr.focus div.best{margin-bottom: 0; border: 1px solid #456DFD; color: #456DFD; font-size: 11px; line-height: 1;}
.table_02 tr.focus th{border-bottom: 1px solid #8f8f8f; border-top: 1px solid #8f8f8f;}
.table_02 tr.focus td{background-color: #f9f9f9;}
.none_review{text-align: center; font-size: 13px; margin: 20px 0; padding: 20px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; letter-spacing: 0;}
.search_box_review{ margin-top: 15px;}
.search ul.review_search #searchpid{width: 400px;}
.search ul.review_search #searchtid{width: 200px;}
#review_container .container .row{ margin-top: 10px;}

/*수강후기 별점*/
.review_wrap .SynopsisText span{display:none;}
.review_wrap .review_rating_box{height: 140px; margin-top: 10px; padding: 25px 0; text-align: center;width: 100%; display: table; table-layout: fixed;}
.review_wrap .average{display: table-cell;}
.review_wrap .star_tit{font-size: 14px; line-height: 25px; font-weight: 600;}
.review_wrap .average .star{margin-top: 33px;}
.review_wrap .average .star .bg.lg{font-size: 35px;}
.review_wrap .average .grade{display: block; margin-top: 13px; font: bold 38px/40px tahoma,Dotum; letter-spacing: 0}
.review_wrap .graph_wrap{position: relative; height: 100%;}
.review_wrap .graph_wrap .star_list{width: 235px; margin: 14px auto 0; overflow: hidden;}
.review_wrap .graph_wrap .star_list li{float: left;width: 20%;}
.review_wrap .graph_wrap .num{display: block; font-weight: bold; font-size: 14px; line-height: 14px; letter-spacing: 0;}
.review_wrap .graph_wrap .graph{position: relative; display: block; width: 12px; height: 66px; margin: 8px auto 5px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background: #eee; overflow: hidden;}
.review_wrap .graph_wrap .grade{display: block; font-size: 14px; line-height: 20px; letter-spacing: -0.5px;}
.review_wrap .graph_wrap .graph span{position: absolute; bottom: 0; left: 0; width: 100%; padding-bottom: 0; border-radius: inherit; background: #456DFD;}
.review_wrap .writer_btn{letter-spacing: -2px; font-size: 13px; padding: 4px 5px; border: 1px solid #456DFD; color: #456DFD; width: 48px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; cursor: pointer; text-align: center;}
.inner-star::before{color:#456DFD;}
.outer-star {position: relative;display: inline-block;color: #CCCCCC;font-size: 0.9rem;}
.inner-star {position: absolute;left: 0;top: 0;width: 0%;overflow: hidden;white-space: nowrap;}
.outer-star::before, .inner-star::before {content: '\f005 \f005 \f005 \f005 \f005';font-family: 'Font Awesome 5 free';font-weight: 900;}
.numberRating{font-size: 15px; font-weight: bold; color: #686868; letter-spacing: 0;}
.single_list li{font-size: 15px; display: inline-block; color: #606060; margin-bottom: 9px;}
.single_list li.ques{font-size: 13px;}

/**************************** sub4_main ****************************/
#sub4_container{margin-top: -10px; background-color: #fff; min-height: 800px!important;}
#sub4_container .teacher_bottom{ width: 100%; height: 100%;}
#sub4_container .teacher_bottom .banner_Box{ margin-top: 20px;}
#sub4_container .location{float: right; margin-top: 22px; letter-spacing: -1px;}
#sub4_container .location li{display: inline-block; font-size: 12px;}
#sub4_container .location li:last-child{color: #b7b7b7;}
#sub4_container .con1_top{margin-top: 20px;}
#sub4_container .left_con .img1{float: left;}
#sub4_container .left_con .right_con{background-color: #fff; padding: 16px 30px 17px; float: left; width: 395px;}
#sub4_container .left_con .stit{font-size: 12px; font-weight: 600; margin-bottom: 5px; letter-spacing: -1px;}
#sub4_container .left_con .con_box{margin-bottom: 10px;}
#sub4_container .left_con .tit{font-weight: 600; font-size: 16px; margin: 0 0 5px; float: none; line-height: 1.5; letter-spacing: -1px;}
#sub4_container .left_con .te_color{font-size: 12px; margin-left: 5px; }
#sub4_container .tit{font-weight: 600; font-size: 16px; letter-spacing: -1px; margin: 20px 0 0 0; text-align: left;}
#sub4_container .right_con .tit{margin-top: -20px; font-weight: 600; font-size: 16px;}
#sub4_container .left_con .desc{display: none; font-size: 14px; color: #555555; margin: 30px 0 28px; line-height: 1.5;}
#sub4_container .left_con .more_btn{padding: 8px 10px; border: 1px solid #aaaaaa; display: inline-block; font-size: 12px; letter-spacing: -1px; cursor: pointer; float: right; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; }
#sub4_container .left_con .more_btn img{margin-left: 6px; margin-bottom: 1px; vertical-align: middle;}
#sub4_container .left_con .more_btn:hover{background-color:#456DFD; color: #fff;}
#sub4_container .left_con .stit:after{display: block; content: ''; background-color:#456DFD; margin-top: 8px;}
#sub4_container .left_con .contents{padding: 0 20px;}
#sub4_container .left_con .contents > li:nth-child(1){font-size: 14px; padding: 4px 8px; background-color:#456DFD; color: #fff; display: inline-block; margin: 20px 0 40px 0;}
#sub4_container .left_con .contents > li:nth-child(2){font-size: 14px; color:#456DFD;}
#sub4_container .left_con .contents > li:nth-child(3){font-size: 20px; margin: 6px 0 30px;}
#sub4_container .left_con .contents > li:nth-child(4){font-size: 20px; margin-bottom: 70px;}
#sub4_container .left_con .details{border-top: 1px solid #f7f8fa;}
#sub4_container .left_con .details > li:nth-child(1){font-size: 14px; margin: 18px 0 14px 20px;}
#sub4_container .left_con .details > li:nth-child(2){font-size: 14px; color: #5a596a; margin: 0 0 12px 20px; float: left;}
#sub4_container .left_con .details > li:nth-child(2) strong{font-size: 14px; color:#456DFD;}
#sub4_container .left_con .details > li:nth-child(3){float: right; text-align: right; margin: -20px 20px 12px 0; font-size: 14px;}
#sub4_container .left_con .details > li:nth-child(3) ul li{display: inline-block;}
#sub4_container .left_con .con_hover{width: 100%; height: 100%; background-color: rgba(255,255,255,0.9); position: absolute; top: 0; left: 0; color:#456DFD; padding: 47% 0; font-size: 14px; display: none;}
#sub4_container .left_con .con_hover li{width: 154px; padding: 14px 0; border: 1px solid #456DFD; text-align: center; margin: 0 auto;}
#sub4_container .left_con .con_hover li:nth-child(1){margin-bottom: 20px;}
#sub4_container .left_con .con_hover li img{margin-bottom: 1px;}
#sub4_container .left_con .list ul{position: relative; width: calc(25% - 4px); background: #fff; overflow: hidden; padding-top: 30%; display: inline-block; margin: 0 2px 10px 2px;}
#sub4_container .left_con .tea_list{position: relative; width: 100%; overflow: hidden;}
/*#sub4_container .left_con .list ul:last-child{margin-bottom:0}*/
#sub4_container .left_con .list ul li:first-child{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#sub4_container .left_con .list ul li:last-child{margin-left: 20px; padding: 15px; background-color: rgba(0,0,0,0.5); color: #fff; width: 100%; float: left; position: relative; margin-top: -100px;}
#sub4_container .sub4_img{width: 400px; height: 250px; float: left;}
#sub4_container .con2{margin-top: 36px;}
#sub4_container .con2 .tit{width: 100%; margin-bottom: 36px; font-weight: 600; font-size: 16px;}
#sub4_container .con2 .list .check{border-bottom: 1px solid #ebebeb; display: inline-block;}
#sub4_container .con2 .list .check > li{display: inline-block; font-size: 17px;}
#sub4_container .con2 .list .check > li:nth-child(2){padding: 20px 80px 20px 10px;}
#sub4_container .con2 .list .check > li:nth-child(4){padding: 0 86px 0 40px; font-size: 20px;}
#sub4_container .con2 .list .check > li:nth-child(3) input,select{border: none; width: 180px; height: 40px; padding: 0 20px 0 30px}
#sub4_container .con2 .list .check > li:nth-child(1) input[type="checkbox"] {visibility: hidden; width: 0}
#sub4_container .con2 .list .check > li:nth-child(1) input[type="checkbox"] + label{width: 18px; height: 18px; background-color: #fff; border: 1px solid #ebebeb; cursor: pointer;}
#sub4_container .con2 .list .check > li:nth-child(1) input[type="checkbox"]:checked + label{border: 1px solid #456DFD; background-image: url(../images/checked.png); background-repeat: no-repeat; background-position: center;}
#sub4_container .con2 .list li:nth-child(3){border-bottom: 1px solid #ebebeb; display: inline-block;}
#sub4_container .con2 .list li:nth-child(3) li{display: inline-block;}
#sub4_container .con2 .list li:nth-child(3) li:nth-child(1){font-size: 20px; margin-right: 656px;}
#sub4_container .con2 .list li:nth-child(3) li:nth-child(2){font-size: 20px; padding: 18px 0; color:#456DFD; padding-right: 54px;}
#sub4_container .con2 .list li:nth-child(4) li:nth-child(1){margin-left: 500px; padding: 16px 24px}
#sub4_container .con2 .list li:nth-child(4) li:nth-child(2){padding: 16px 50px;}
#sub4_container .con2 .list li:nth-child(4) li{display: inline-block; color:#456DFD; font-size: 17px; background-color: #fff; width: 194px; height: 48px; padding: 24px 97px; border: 1px solid #456DFD; margin: 50px 0; }
#sub4_container .con2 .list li:nth-child(4) li img{margin-right: 10px;}
#sub4_container .con2 .con2_left{float: left;}
#sub4_container .con3 .tit{width: 100%;}
#sub4_container .con3 .list > li:nth-child(1){margin-top: 60px; font-size: 16px; background-color: transparent;}
#sub4_container .con3 .list > li{padding: 18px 0; font-size: 14px; border-bottom: 1px solid #e6e6e6; background-color: #f0f0f4; border-left: 4px solid transparent;}
#sub4_container .con3 .list > li:hover{border-left: 4px solid #456DFD; background-color: #e9e9ed;}
#sub4_container .con3 .list > li:nth-child(1):hover{border-color: transparent; background-color: transparent;}
#sub4_container .con3 .list > li li{padding-left: 40px;}
#sub4_container .con3 .con3_bottom img{width: 100%; margin: 38px 0 60px;}
#sub4_container .con4 .item{background-color: #fff; padding: 0; width: 270px; margin: 0 60px; -webkit-box-shadow: 0 6px 4px #f0f0f0; box-shadow: 0 6px 4px #f0f0f0;}
#sub4_container .con4 .item-text{padding: 0 20px;}
#sub4_container .con4 .tit{width: 100%; margin-bottom: 18px;}
#sub4_container .con4 .item-text > li:nth-child(1){font-size: 14px; margin: 10px 0 5px; color:#456DFD;}
#sub4_container .con4 .item-text > li:nth-child(2){font-size: 18px;}
#sub4_container .con4 .item-text > li:nth-child(3){font-size: 11px; margin: 10px 0 20px; line-height: 1.5;}
#sub4_container .con4 .item-text > li:nth-child(4){font-size: 14px; float: left; margin-right: 30px; color: #c6c7cc;}
#sub4_container .con4 .item-text > li:nth-child(4) strong{font-size: 14px; color:#456DFD;}
#sub4_container .star{margin-bottom: 14px; line-height: 1.5; display: none;}
#sub4_container .con4 .item-text .star li{display: inline-block;}
#sub4_container .con4 .item-text2{font-size: 0;}
#sub4_container .con4 .item-text2 li:nth-child(1){margin-right: 2px;}
#sub4_container .con4 .item-text2 li{display: inline-block; width: 134px; padding: 17px 0; background-color: #f7f7f7; text-align: center; font-size: 14px;}
#sub4_container .con4 .item-text2 li img{margin-bottom: 2px;}
#sub4_container .con4 .level{font-size: 14px; padding: 4px 8px; background-color:#456DFD; color: #fff; display: inline-block; position: absolute; top: 206px; right: 10px;}
#sub4_container .con4 .rate{position: absolute; top: 274px; right: 20px; font-size: 14px; }
#sub4_container .con5 .tit{width: 100%; font-weight: 600; font-size: 16px; margin-bottom: 32px;}
#sub4_container .con5 .star li{display: inline-block;}
#sub4_container .con5 .list > li{padding: 18px 30px; font-size: 15px;}
#sub4_container .con5 .list > li:nth-child(2n){background-color: #f0f0f4;}
#sub4_container .con5 .list > li:nth-child(1){border-bottom: 1px solid #dedfe3; font-size: 16px;}
#sub4_container .con5 .list > li:last-child{border-bottom: 1px solid #dedfe3;}
#sub4_container .arrow{cursor: pointer;}
.search_stit{display: none; float: left; letter-spacing: -1px; font-size: 16px; color: #4c4c4c; height: 28px; margin-left: 10px; line-height: 28px;}
.search_stit img{vertical-align:middle; margin-right: 5px;}
.teacher_in {-webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.animated.infinite {-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.animated.hinge {-webkit-animation-duration: 2.5s; animation-duration: 2.5s;}
@-webkit-keyframes slideInRight {
  0% {-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible}
  100% {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
}
@keyframes slideInRight {
  0% {-webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible}
  100% {-webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
}
.slideInRight {-webkit-animation-name: slideInRight; animation-name: slideInRight}

/**************************** view1_main ****************************/
#view1_container{margin-top: -10px; background-color: #fff;min-height: 800px!important;}
#view1_container .tit{margin-top: 20px; font-weight: 600; font-size: 16px; letter-spacing: -1px; margin: 20px 0 0 0; text-align: left; float: left;}
#view1_container .location{float: right; margin-top: 22px; letter-spacing: -1px;}
#view1_container .location li{display: inline-block; font-size: 12px;}
#view1_container .location li:nth-child(3){color: #b7b7b7;}
#view1_container .con1_top{margin-top: 20px; width: 900px; padding-bottom: 10px;}
#view1_container .owl_con{width: 116px; height: 120px; background-color: #e1e2e6; margin-right: 10px;}
#view1_container .owl-carousel.owl-loaded{width: 370px;}
#view1_container .owl-carousel .owl-nav button.owl-next{background-image: url(../images/sub_rightarrow.png); background-position: center; background-repeat: no-repeat; width: 9px; height: 14px; text-indent: -9999px; position: absolute; top: 50%; margin-top: -10px; right: 0; background-color: #000; padding: 10px !important; border-radius: 0}
#view1_container .owl-carousel .owl-nav button.owl-prev{background-image: url(../images/sub_leftarrow.png); background-position: center; background-repeat: no-repeat; width: 9px; height: 14px; text-indent: -99999px; position: absolute; top: 50%; margin-top: -10px; left: 0; background-color: #000; padding: 10px !important; border-radius: 0}
#view1_container .owl-theme .owl-nav [class*='owl-']:hover{color: #000;}
#main1_container .arrow_Con .owl-theme .owl-nav {position: absolute;width: 100%;top: 40%;}
#main1_container .arrow_Con .owl-theme .owl-next {background: none;right: 0;float: right;padding: 10px 10px;}
#main1_container .arrow_Con .owl-theme .owl-prev {background: none;left: 0;float: left;padding: 10px 10px;}
#main1_container .arrow_Con .owl-theme .owl-next:hover, #main1_container .arrow_Con .owl-theme .owl-prev:hover {background-color: #ffffffbf;}
#main1_container .arrow_Con .owl0 span{margin: 350px 0 0;}
#view1_container .con1_right{float: left; margin-left: 18px; width:calc(100% - 420px);}
#view1_container .con1_right .stit{margin-bottom:5px;font-size: 18px; letter-spacing: -1px;font-weight: 600;}
#view1_container .con1_right .star li{display: inline-block; margin: 10px 0 12px;}
#view1_container .con1_right .brief{margin: 24px 0 10px; font-size: 16px;}
#view1_container .con1_right .desc{font-size: 14px; line-height: 1.5;}
#view1_container .con1_right .preview_Btn{cursor: pointer; float: right; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; font-size: 14px; padding: 6px 15px; background-color:#456DFD; display: inline-block; color: #fff;text-align:center}
#view1_container .con1_right .preview_Btn p{display: inline-block;}
#view1_container .con1_right .right_top{height: 400px; border-bottom: 1px solid #e6e6e6; border-top: 2px solid #456DFD; background-color: #fff; padding: 15px; position: relative;}
#view1_container .con1_right .share{float: right;}
#view1_container .con1_right .share li{display: inline-block; font-size: 14px; color: #b8b8b8;}
#view1_container .con1_right .share li:nth-child(1){margin-right: 32px;}
#view1_container .con1_right .share .sns{margin-right: 20px;}
#view1_container .con1_right .share li:last-child{margin-right: 0;}
#view1_container .right_top{font-size: 14px;}
#view1_container .right_top .c_border{font-size: 13px; width: 72px; padding: 4px 0; border: 1px solid #456DFD; color:#456DFD; text-align: center; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; display: inline-block;}
#view1_container .right_top .set_lec{color: #5a5a5a; display: inline-block; float: right; font-size: 13px; line-height: 15px;}
#view1_container .right_top .set_lec i {margin-left: 3px;}
#view1_container .con1_bottom .left{float: left; width: 400px; height: 400px; overflow: hidden; background-color: #fbfcfd;}
#view1_container .lecture-content{position:relative;padding-top: 20px; border-top: 1px solid #e6e6e6;}
#view1_container .lecture-content:after{content:"";display:block;clear:both}
#view1_container .lecture-content li .preview_Wrap{width: 130px; float: right;}
.search li .sch_values{margin-bottom: 10px;}
.search li .sch_values input[type="radio"] {visibility: hidden; width: 0}
.search li .sch_values input[type="radio"] + label{font-size: 13px; width: 46px; line-height: 1.5; margin: 0 10px 0 0; cursor: pointer;border-radius: 0;}
.search li .sch_values input[type="radio"]:checked + label{background: #456DFD; color:#fff; border:1px solid #456DFD;}
#view1_container .event-content{position:relative;padding: 8px 0; border-top: 1px solid #e6e6e6;}
#view1_container .event-content i{color:#456DFD; margin-right:3px;}
.tool_preview{top: 60px; right: 0; display: none; width: auto; height: auto; position: absolute; border: 1px solid #d9d9d9; background-color: #f7f7f7; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 10px 6px;}
.tool_preview > .preview{padding: 3px 5px; font-size: 11px; background-color: #fff; border: 1px solid #d9d9d9; cursor: pointer; float: left; margin-right: 5px; width: 83px; text-align: center; margin-bottom: 5px;}
.tool_preview > .preview:hover{background-color: #f9f9f9;}
.tool_preview > .preview:last-child{margin-right: 0;}
.tool_preview > .preview a{width: auto;font-weight: bold; color: #5f5f5f;}
.tool_preview > .preview a i{margin-right: 3px; font-size: 14px;}
.P_device2{display: none; padding: 0 5px; text-align: center;}
.P_device2 i{padding: 0 3px; color: #989898; font-size: 14px;}
#view1_container .lecture-content .lecture_Info{width:100%}
#view1_container .lecture-content .t_period{margin-bottom: 10px;}
#view1_container .lecture-content li ul li{margin-bottom:10px; letter-spacing: -1px;}
#view1_container .lecture-content li ul li .peri{display: inline-block; min-width: 100px;}
#view1_container .lecture-content .t_name {font-size: 15px; margin-top: 5px; font-weight: 500; padding-bottom:20px; display: inline-block;}
#view1_container .right_top .lec_bar{width: 2px; height: 12px; background-color: #e7e7e7; display: inline-block; margin: 0 18px;}
#view1_container .right_top .price .orginal_price{display: inline; font-size: 14px; color: #c0c0c0; margin-bottom: 10px;}
#view1_container .right_top .price{font-size: 18px; border-top: 1px solid #e6e6e6; padding: 5px 0; font-weight: 500; text-align: right;}
#view1_container .right_top .price_Table{font-size: 14px; float: right; margin-top: -5px; letter-spacing: 0; }
#view1_container .right_top .price_Table .P_device{text-align: left; padding: 2px 12px;}
#view1_container .right_top .price span{color: #cb4a24; display: inline-block; font-size: 13px; padding-top: 10px;}
#view1_container .right_top .price span i{margin: 0px 10px 0 3px;}
#view1_container .right_top .price div{font-size: 13px;}
#view1_container .check > li:nth-child(2){width: 60%;}
#view1_container .check > li:nth-child(4){float: right; padding: 10px 0;}
#view1_container .right_top .price .peri{color: #000; font-size: 18px; float: left;text-align: left;}
#view1_container .right_top .price .lec_bar{float: left; height: 18px;margin-top: 10px;}
#view1_container .check{display: block;}
#view1_container .con2 .tit{float: none; color: #333333; font-weight: 600; font-size: 16px; display: inline-block; width: 100%; margin-bottom: 10px; padding: 10px 32px; border-top: 2px solid #456DFD; background-color: #f5f5f5;}
#view1_container .con2 .tit .tit_stit{display: inline-block; margin-left: 15px;}
#view1_container .con2 .tit .tit_price,#view1_container .con2 .tit .tit_desc,.tit_bar2{float: right;}
#view1_container .con2 .tit span.tit_bar2{margin: 0 48px;}
#view1_container .con2 .tit input[type="checkbox"] {visibility: hidden; width: 0}
#view1_container .con2 .tit input[type="checkbox"] + label{width: 11px; height: 11px; background-color: #fff; border: 1px solid #bdbdbd; cursor: pointer;}
#view1_container .con2 .tit input[type="checkbox"]:checked + label{background-image: url(../images/checked.png); background-repeat: no-repeat; background-position: center;}
#view1_container .con2 .tit .tit_bar{display: inline-block; width: 1px; height: 12px; background-color: #f5f5f5; margin: 0 26px;}
#view1_container .book_list li{float: left; font-size: 14px; font-weight: 500; color: #000; line-height: 1.6;}
#view1_container .book_list li label{font-weight: 400;}
#view1_container .book_list li:nth-child(2){min-width: 50px; margin-left: 15px;}
#view1_container .book_list .book_quan,#view1_container .book_list .book_price{float: right;margin-right: 4%;}
#view1_container .book_list{padding: 10px 32px; border-bottom: none;}
#view1_container .book_list .book_price{text-align: right;}
#view1_container .con2 .book_list input[type="checkbox"] {display:none;}
#view1_container .con2 .book_list input[type="checkbox"] + label span{width: 11px; height: 11px; display:inline-block; background-color: #fff; border: 1px solid #bdbdbd; cursor: pointer; margin-right: 10px;}
#view1_container .con2 .book_list input[type="checkbox"]:checked + label span{background-image: url(../images/checked.png); background-repeat: no-repeat; background-position: center;}
#view1_container .con2 .book_btn{float: right; margin-top: 5px;}
#view1_container .con2 .book_btn li{font-size: 13px; display: inline-block; padding: 12px 0; width: 128px; text-align: center; font-weight: bold; cursor: pointer;}
#view1_container .con2 .book_btn .book_cart{background-color: #fff; border: 1px solid #bbbbbb; color: #333333;}
#view1_container .con2 .book_btn .book_purchase{background-color:#456DFD; border: 1px solid #456DFD; color: #fff;}
#view1_container .con2 .book_btn li i{margin-right: 4px;}
#view1_container .con2 .book_btn a:nth-child(1){margin-right: 2%;}
#view1_container .con2 .list > li:nth-child(2){margin-top: 10px; display: inline-block; width: 100%; margin-bottom: 10px; padding: 8px 32px; background-color: #f5f5f5;}
#view1_container .to_price{float: left;}
#view1_container .to_price li{display: inline-block; margin-top: 14px;}
#view1_container .con2 .list li:nth-child(4) li:nth-child(1){margin-left: 418px; padding: 16px 24px}
#view1_container .con2 .list li:nth-child(4) li:nth-child(2){padding: 16px 50px;}
#view1_container .con2 .list li:nth-child(4) li{display: inline-block; color:#456DFD; font-size: 16px; background-color: #fff; width: 194px; height: 48px; padding: 24px 97px; border: 1px solid #456DFD; margin: 30px 0; }
#view1_container .con2 .list li:nth-child(4) li i{margin-right: 10px;}
#view1_container .to_price li:nth-child(1) div p,.to_price li:nth-child(1) div span{display: inline-block; font-size: 15px; color: #333333; font-weight: bold;}
#view1_container .to_price li:nth-child(1) div .price_text{margin-right: 10px; color: #b51616; font-weight: bold;}
#view1_container .to_price .to_pri03>.lb_price{color: #b51616; margin-left: 16px;}
#view1_container .m_blank{display: none;}
#view1_container .to_pri01{float: left;}
#view1_container .to_marg{float: left; line-height: 1.2; color: #000; margin: 0 16px;}
#view1_container .to_pri02{float: left;}
#view1_container .equal{float: left; line-height: 1.2; color: #000; margin: 0 16px;}
#view1_container .to_pri03{float: left;}
#view1_container .con3 .tit{width: 100%; margin: 20px 0; float: none; font-weight: 600; font-size: 16px; color: #333333;}
#view1_container .con3 .list > li:nth-child(1){font-size: 16px; background-color: transparent;}
#view1_container .con3 .list > li{text-align: center; padding: 12px 32px; background-color: #fff; font-size: 13px; color: #787878; position: relative;}
#view1_container .con3 .list > li li{padding-left: 40px; text-align: center;}
#view1_container .con3 .list > li .book_detail a{display: inline-block;}
#view1_container .con3 .list > li .book_detail a img{vertical-align: middle;}
#view1_container .con3 .list > li li i{font-size: 14px; vertical-align: bottom;}
#view1_container .con3 .list > li:nth-child(1){float: none;color: #333333;font-weight: bold;font-size: 15px;display: inline-block;width: 100%;margin-bottom: 10px;padding: 10px 32px;border-top: 2px solid #456DFD; background-color: #f5f5f5;}
#view1_container .con4 .item{background-color: #fff; padding: 0; width: 270px; margin: 0 10px; -webkit-box-shadow: 0 6px 4px #f0f0f0; box-shadow: 0 6px 4px #f0f0f0;}
#view1_container .con1_con .img{background: url("/include/images/noimage.png") no-repeat; background-size: cover;}
#view1_container .book_img{position: relative; width: 100%; padding:100% 0 0; overflow: hidden;}
#view1_container .mycon_bottom{width: 100%;}
#view1_container .mycon_bottom i{color: #456DFD;} 
#view1_container .mycon_bottom p i{margin-right: 4px; font-size: 11px;}
#view1_container .mycon_bottom .w100{width: 100%;}
#view1_container .num_strong{font-size: 12px; color:#456DFD;}
#view1_container .left_scon{margin-bottom: 44px;}
#view1_container .con4 .stit,#view1_container .book_curi .stit{text-align: left; margin: 20px 0; font-size: 16px; font-weight: bold; color: #333333;}
#view1_container .book_lec{background-color: #ececec; padding: 14px 10px 14px 32px;}
#view1_container .book_lec .stit{font-size: 13px; border: none; margin-right: 28px;}
#view1_container .book_lec select{font-size: 13px; width: 100%; margin-top: 10px;}
#view1_container .book_table{width: 100%;}
#view1_container .book_table th{text-align: center;background-color: #5c5c5c;color: #fff;color: #333333;font-weight: bold;font-size: 14px;padding: 10px;border-top: 2px solid #456DFD; background-color: #f5f5f5;}
#view1_container .book_table th:nth-child(1) {width: 10%;}
#view1_container .book_table th:nth-child(2) {width: 54%;}
#view1_container .book_table th:nth-child(3) {width: 20%;}
#view1_container .book_table th:nth-child(4) {width: 16%;}
#view1_container .book_table td{text-align: center; padding: 14px 0; background-color: #fff; font-size: 13px; color: #787878; position: relative;}
#view1_container .book_table td:nth-child(2){text-align: left;}
#view1_container .book_table td:last-child{cursor: pointer;}
#view1_container .book_table td .table_border{display: inline-block; width: 1px; height: 10px; background-color: #dcdcdc; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
#view1_container .book_table tr.con{padding: 0 20px; border-bottom: 1px solid #f2f2f2;} 
#view1_container .con1_con .mycon_hover{background-color: rgba(0,0,0,0.4); width: 100%; height: 225px!important; padding-bottom: 100%; position: absolute; top: 0; left: 0; opacity:0;transition:all .5s}
#view1_container .con1_con .mycon_hover .myconh_desc{text-align: center; padding-top: 100px;}
#view1_container .con1_con .mycon_hover .myconh_desc li:nth-child(2){font-size: 15px; letter-spacing: -1px; color: #fff; margin-top: 10px;}
#view1_container .con1_con .mycon_hover .myconh_desc li:nth-child(3){font-size: 12px; letter-spacing: -1px; color: #fff; line-height: 1.5; overflow: hidden; padding: 15px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
 
/*강좌 연관상품 예전UI 적용 문제로 인한 현 UI로 수정(이 코드로 강좌>연관상품 페이지가 예전UI 적용 되었었음)
  연관상품 button 예전UI 크기,위치        #view1_container .mycon_bottom p{height:33px; font-size: 12px; color: #282828; padding: 10px 0; background-color: #fff; float: left; width: 50%; cursor: pointer; text-align: center; border: 1px solid #e7e7e7;}
  연관상품 상품리스트 예전UI border       #view1_container .con1_con{border: 1px solid #e7e7e7;border-bottom:none;} 
  연관상품 강좌리스트 title 패딩값 예전UI  #view1_container .details{text-align: left; padding: 10px 10px 0 10px; border-top: 1px solid #f7f8fa; height: 110px; } 
  연관상품 라벨리본01 예전UI              #view1_container .details > li.oneLine:before{content: ""; position: absolute; top: 0; left: 74px; width: 0; height: 0; border-left: 38px solid transparent; border-right: 0 solid transparent; border-bottom: 38px solid #456DFD; text-align: left; transform: rotate( 90deg);}
  연관상품 라벨 45도각도 틀기 예전UI       #view1_container .details > li.oneLine{letter-spacing: 0; width: 75px; height: 38px; background-color: #456DFD; float: left; color: white; font-size: 12px; position: absolute; top: 20px; left: 17px; text-align: center; vertical-align: middle; line-height: 2; font-weight: 400; transform: rotate(-45deg); padding: 5px 0;}
  연관상품 라벨리본02 예전UI              #view1_container .details > li.oneLine:after{content: ""; position: absolute; bottom: 0; left: -37px; width: 0; height: 0; border-left: 38px solid transparent; border-right: 0 solid transparent; border-top: 38px solid #456DFD; transform: rotate(450deg);}*/

#view1_container .details > li.twoLine:before{content: ""; position: absolute; top: 0; left: 74px; width: 0; height: 0; border-left: 38px solid transparent; border-right: 0 solid transparent; border-bottom: 38px solid #456DFD; text-align: left; transform: rotate( 90deg);}
#view1_container .details > li.twoLine{letter-spacing: 0; width: 75px; height: 38px; background-color: #456DFD; float: left; color: white; font-size: 12px; position: absolute; top: 20px; left: 17px; text-align: center; vertical-align: middle; line-height: 1.1; font-weight: 400; transform: rotate(-45deg); padding: 5px 0;}
#view1_container .details > li.twoLine:after{content: ""; position: absolute; bottom: 0; left: -37px; width: 0; height: 0; border-left: 38px solid transparent; border-right: 0 solid transparent; border-top: 38px solid #456DFD; transform: rotate(450deg);}
#view1_container .con6 .details > li:nth-child(1):before{content: ""; position: absolute; top: -15px; left: 0; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 15px solid #FF8E38;}
#view1_container .con6 .details > li:nth-child(1){letter-spacing: -1px; width: 50px; height: 30px; background-color: #FF8E38; float: left; color: white; font-weight: bold; font-size: 13px; position: absolute; top: 25px; text-align: center; line-height: 30px;}
#view1_container .con6 .details > li:nth-child(1):after{content: ""; position: absolute; bottom: -15px; left: 0; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 15px solid #FF8E38;}
#view1_container .con_hover{width: 100%; height: 100%; background-color: rgba(255,255,255,0.9); position: absolute; top: 0; left: 0; color:#456DFD; font-size: 14px; display: none;}
#view1_container .con_hover ul{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#view1_container .con_hover li{width: 154px; padding: 14px 0; border: 1px solid #456DFD; text-align: center; margin: 10px auto;}
#view1_container .left_con .con_hover li img{margin-bottom: 1px;}
#view1_container .con5 .tit{width: 100%; font-weight: 600; font-size: 16px; margin-bottom: 32px;}
#view1_container .con5 .star li{display: inline-block;}
#view1_container .con5 .list > li{padding: 18px 30px; font-size: 15px;}
#view1_container .con5 .list > li:nth-child(2n){background-color: #f0f0f4;}
#view1_container .con5 .list > li:nth-child(1){border-bottom: 1px solid #dedfe3; font-size: 16px;}
#view1_container .con5 .list > li:last-child{border-bottom: 1px solid #dedfe3;}
#view1_container .arrow{cursor: pointer;}
.curi{width: 100%; border: 1px solid #e5e5e5;}
.viewpage .con2{position: relative;}
.viewpage .con2_left{width: 100%;padding: 0}
.check{border-bottom: 1px solid #ebebeb; display: inline-block;}
.check > li{float: left; font-size: 16px; padding: 10px 0;}
.check > li:nth-child(2){padding: 10px 80px 10px 10px;}
.check > li:nth-child(3){padding: 8px 0;}
.check > li:nth-child(4){padding: 20px 66px 20px 64px; font-size: 16px;}
.check > li:nth-child(3) input,select{border: none; width: 180px; height: 40px; padding: 0 20px 0 30px; -webkit-appearance:none;-webkit-border-radius:0}
.check > li:nth-child(1) input[type="checkbox"] {visibility: hidden; width: 0}
.check > li:nth-child(1) input[type="checkbox"] + label{width: 18px; height: 18px; background-color: #fff; border: 1px solid #ebebeb; cursor: pointer;}
.check > li:nth-child(1) input[type="checkbox"]:checked + label{border: 1px solid #456DFD; background-image: url(../images/checked.png); background-repeat: no-repeat; background-position: center;}
.t_name{height: 14px;}
.t_name i{color: #cccccc; margin-left: 7px;}
.add_c{height:38px; font-size: 13px; margin-top:10px; color: #606060; line-height:1.2; overflow:hidden;}

/**************************** view2_main ****************************/
#view2_container{margin-top: -10px; background-color: #fff; min-height: 800px!important;}
#view2_container .con1{background-color: #f1f2f5; margin-top: -109px; padding-top: 109px;}
#view2_container .tit{font-weight: 600; font-size: 16px; letter-spacing: -1px;margin: 20px 0 0 0;text-align: left;float: left;}
#view2_container .location{float: right; margin-top: 22px; letter-spacing: -1px;}
#view2_container .location li{display: inline-block; font-size: 12px;}
#view2_container .location li:nth-child(3){color: #b7b7b7;}
#view2_container .con1_right .list li:nth-child(1){padding: 16px 24px; margin-right: 10px; text-align: center;}
#view2_container .con1_right .list li:nth-child(2){padding: 16px 30px;}
#view2_container .con1_right .list li{float: left; color: #fff; font-size: 14px; background-color:#456DFD; width: 194px; height: 48px; padding: 24px 97px; border: 1px solid #456DFD; margin: 50px 0; }
#view2_container .con1_right .list li i{margin-right: 10px; font-size: 16px;}
#view2_container .con1_top{margin-top: 20px; width: 100%; padding-bottom: 10px;}
#view2_container .owl_con{width: 116px; height: 120px; margin-right: 10px;}
#view2_container .owl-carousel.owl-loaded{width: 370px; margin: 0 auto;}
#view2_container .owl-carousel .owl-nav button.owl-next{background-image: url(../images/sub_rightarrow.png); background-position: center; background-repeat: no-repeat; width: 9px; height: 14px; text-indent: -9999px; position: absolute; top: 50%; margin-top: -15px; right: 0; background-color: #000; padding: 10px !important; border-radius: 0}
#view2_container .owl-carousel .owl-nav button.owl-prev{background-image: url(../images/sub_leftarrow.png); background-position: center; background-repeat: no-repeat; width: 9px; height: 14px; text-indent: -99999px; position: absolute; top: 50%; margin-top: -15px; left: 0; background-color: #000; padding: 10px !important; border-radius: 0}
#view2_container .owl-theme .owl-nav [class*='owl-']:hover{color: #000;}
#view2_container .left{float: left; width: 400px; height: 400px; overflow: hidden; background-color: #fbfcfd;}
#view2_container .con1_right{float: left; margin-left: 18px; width: calc(100% - 420px);}
#view2_container .con1_right .right_top{height: 400px; border-bottom: 1px solid #e6e6e6; border-top: 2px solid #456DFD; background-color: #fff; padding: 20px 15px; position: relative;}
#view2_container .con4 .item{background-color: #fff; padding: 0; width: 270px; margin: 0 10px; -webkit-box-shadow: 0 6px 4px #f0f0f0; box-shadow: 0 6px 4px #f0f0f0;}
#view2_container .peri{display: inline-block; min-width: 100px;}
#view2_container .right_top .lec_bar{width: 2px; height: 12px; background-color: #e7e7e7; display: inline-block; margin: 0 18px;}
#view2_container .event-content{position: relative; padding: 8px 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; font-size: 14px; margin: 0 0 10px;}
#view2_container .event-content i{color:#456DFD; margin-right:3px;}
#view2_container .book_img{position: relative; width: 100%; padding: 100% 0 0; overflow: hidden;}
#view2_container .con1_right .stit{font-weight: 500; margin-bottom: 5px; font-size: 18px; letter-spacing: -1px;}
#view2_container .con1_right .star li{display: inline-block; margin: 10px 0 12px;}
#view2_container .con1_right .price{font-size: 16px; color:#456DFD; margin-top: 10px;}
#view2_container .con1_right .price strong{font-size: 14px; vertical-align: top;}
#view2_container .con1_right .brief{margin: 24px 0 10px; font-size: 13px; color: #9d9c9c;}
#view2_container .con1_right .desc{overflow-y: scroll; font-size: 13px; line-height: 1.5; height: 65px; padding-bottom: 10px; color: #9d9c9c; background-color: #F4F4F4; padding: 15px; margin-top: 10px;}
#view2_container .con1_right .preview{font-size: 15px; padding: 12px 28px; background-color:#456DFD; display: inline-block; color: #fff; line-height: 1.5; margin: 28px 0 36px;}
#view2_container .con1_right .preview img{margin-right: 10px;}
#view2_container .con1_right .right_top .c_border{border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; font-size: 13px; width: 72px; padding: 4px 0; border: 1px solid #456DFD; color:#456DFD; text-align: center; display: inline-block;}
#view2_container .con1_right .right_top .set_lec{color: #5a5a5a; display: inline-block; float: right; font-size: 13px; line-height: 15px;}
#view2_container .con1_right .right_top .set_lec i {margin-left: 3px;}
#view2_container .con1_right .share{float: right;}
#view2_container .con1_right .share ul{float: right;}
#view2_container .con1_right .share li{display: inline-block; font-size: 14px; color: #b8b8b8;}
#view2_container .con1_right .share li:nth-child(1) img{margin-right: 10px;}
#view2_container .con1_right .share .sns{margin-right: 20px;}
#view2_container .con1_right .share li:last-child{margin-right: 0;}
#view2_container{position: relative;}
#view2_container .con2{margin-top: 36px;}
#view2_container .con2 .tit{width: 100%; margin-bottom: 36px; font-weight: 600; font-size: 16px;}
#view2_container .con2 .list li:nth-child(3){border-bottom: 1px solid #ebebeb; display: inline-block;}
#view2_container .con2 .list li:nth-child(3) li{display: inline-block;}
#view2_container .con2 .list li:nth-child(3) li:nth-child(1){font-size: 20px; margin-right: 656px;}
#view2_container .con2 .list li:nth-child(3) li:nth-child(2){font-size: 20px; padding: 18px 0; color:#456DFD; padding-right: 54px;}
#view2_container .con2 .list li:nth-child(4) li:nth-child(1){margin-left: 500px; padding: 16px 24px}
#view2_container .con2 .list li:nth-child(4) li:nth-child(2){padding: 16px 50px;}
#view2_container .con2 .list li:nth-child(4) li{display: inline-block; color:#456DFD; font-size: 17px; background-color: #fff; width: 194px; height: 48px; padding: 24px 97px; border: 1px solid #456DFD; margin: 50px 0; }
#view2_container .con2 .list li:nth-child(4) li img{margin-right: 10px;}
#view2_container .con4,#view2_container .con3{width: 100%; float:right;}
#view2_container .con4,#view2_container .con3 .tit{width: 100%; margin-bottom: 20px; float: none; font-weight: 600; font-size: 16px; color: #333333;}
#view2_container .con4 .con1_con{height: 365px;}
#view2_container .con4 .con1_con .mycon_hover{height: 365px!important;}
#view2_container .con4 .con1_con .mycon_hover .myconh_desc{padding-top: 150px;}
#view2_container .con4 .details{padding: 0 10px 0 20px;}
#view2_container .con4 .details > li:nth-child(1){font-size: 13px; width: 72px; padding: 4px 0; border: 1px solid #456DFD; color:#456DFD; margin: 10px 0; text-align: center; float: left;}
#view2_container .con4 .details > li:nth-child(2){font-size: 13px; width: 72px; padding: 5px 0; background-color:#456DFD; color: #fff; margin: 10px 0; display: inline-block; text-align: center; margin-left: 4px;}
#view2_container .con4 .details{border-top: 1px solid #f7f8fa;}
#view2_container .con4 .mycon_bottom{top: 372px; position: absolute; top: 274px; right: 20px; font-size: 14px; }
#view2_container .con4 .tit{width: 100%; margin-bottom: 18px;}
#view2_container .bi_price li{float: left;}
#view2_container .bi_price .ea_count{float: right; margin-right: 15px;}
#view2_container .bi_price .book_price{width: 100%; padding: 5px 10px;}
#view2_container .bi_price .or_price{float: right;}
#view2_container .bi_price .lb_price .won{margin-right: 0;}
#view2_container .bi_price>li:nth-child(1){display: none;}
#view2_container .bi_price .bi_list li{float: right;}
#view2_container .bi_price .peri{font-weight: 500; color: #000; font-size: 18px; float: left;}
#view2_container .bi_price .peri{color: #000; font-size: 18px; float: left;}
#view2_container .bi_price li>span {color: #cb4a24; display: inline-block; margin-right: 10px; font-size: 13px;}
#view2_container .bi_price .book_price_num{font-size: 18px; color: #000;margin-right: 0;}
#view2_container .bi_price .won{font-size: 18px; color: #000; }
#view2_container .bi_price{margin-top: 10px;font-size: 18px; font-weight: bold; text-align: right;}
#view2_container .bi_price .lec_bar{background-color: #e7e7e7; width: 2px; margin: 0 18px;float: left; height: 18px;}
#view2_container .bi_price .orginal_price {display: inline; font-size: 14px; color: #c0c0c0; margin-bottom: 10px; font-weight: 600;}
#view2_container .total_book_price{; font-weight: bold; margin-right: 5px; margin-left: 10px;}
#view2_container .bi_price>li:last-child{width: 100%; margin-top: 20px;}
#view2_container .bbtn_box{width: 100%; float: right;}
.book_btn{text-align: center;font-size: 13px;}
.bi_list{margin-top: 5px;}
.bi_list li{font-size: 13px; display: inline-block; padding: 12px 0; margin-left: 5px; float: right; width: 128px; text-align: center; font-weight: bold; cursor: pointer;}
.bi_list li:nth-child(1){background-color:#456DFD; color: #fff; border: 1px solid #456DFD;}
.bi_list li:nth-child(2){background-color: #fff; border: 1px solid #bbbbbb; color: #333333;}
.bi_price:after{content:"";display:block;clear:both}
.bi_price .lb_price strong{font-weight: bold; font-size: 15px;}
.bi_total{font-size: 15px; float: left;}

/**************************** view4_main ****************************/
#product_list{margin-right: 0; margin-left: 0;} /*교재페이지 리스트 길이 수정*/
#view4_container{background-color: #fff;}
#view4_container .contain{width: 900px; float:right;}
#view4_container .con1{background-color: #f1f2f5; position: relative; margin-top: -109px; padding-top: 109px;}
#view4_container .tit{margin-top: 20px; font-weight: 600; font-size: 16px; letter-spacing: -1px; margin: 20px 0 0 0; text-align: left;     float: left;}
#view4_container .location{float: right; margin-top: 22px; letter-spacing: -1px;}
#view4_container .location li{display: inline-block; font-size: 12px;}
#view4_container .location li:nth-child(3){color: #b7b7b7;}
#view4_container .con1_right{margin-bottom: 20px; margin-left: 18px; width: calc(100% - 420px); display: inline-block;}
#view4_container .con1_right .list li:nth-child(1){padding: 16px 24px}
#view4_container .con1_right .list li:nth-child(2){padding: 16px 50px;}
#view4_container .con1_right .list li{display: inline-block; color: #fff; font-size: 17px; background-color:#456DFD; width: 194px; height: 48px; padding: 24px 97px; border: 1px solid #456DFD; margin: 50px 0; }
#view4_container .con1_right .list li img{margin-right: 10px;}
#view4_container .lec_list .card, #view4_container .lec_list .list{margin-bottom: 20px;padding: 0;}
#view4_container .lec_list .list .w-thum > .img{width: 110px; height: 110px; background-image: url("/include/images/noimage.png");background-size: cover;}
#view4_container .lec_list .card > .left_con{padding:5px;}
#view4_container .con1_top{margin-top: 20px; width: 100%; padding-bottom: 10px;}
#view4_container .owl_con{width: 116px; height: 120px; margin-right: 10px;}
#view4_container .owl-carousel.owl-loaded{width: 370px;}
#view4_container .owl-carousel.teacher_sub.owl-loaded{width:100%}
#view4_container .owl-carousel .owl-nav button.owl-next{background-image: url(../images/sub_rightarrow.png); background-position: center; background-repeat: no-repeat; width: 9px; height: 14px; text-indent: -9999px; position: absolute; top: 50%; margin-top: -15px; right: 0; background-color: #000; padding: 10px !important; border-radius: 0}
#view4_container .owl-carousel .owl-nav button.owl-prev{background-image: url(../images/sub_leftarrow.png); background-position: center; background-repeat: no-repeat; width: 9px; height: 14px; text-indent: -99999px; position: absolute; top: 50%; margin-top: -15px; left: 0; background-color: #000; padding: 10px !important; border-radius: 0}
#view4_container .owl-theme .owl-nav [class*='owl-']:hover{color: #000;}
#view4_container .con1_bottom{float: left;}
#view4_container .con1_bottom .left{float: left; width: 400px; height: 545px; overflow: hidden;}
#view4_container .con1_right .stit{font-size: 20px; line-height: 1.5; font-weight: bold; margin-top: 30px; overflow: hidden; margin-bottom: 0;}
#view4_container .con1_right .star li{display: inline-block; margin: 10px 0 12px;}
#view4_container .con1_right .price{font-size: 36px; color:#456DFD; margin-top: 10px;}
#view4_container .con1_right .price strong{font-size: 20px; vertical-align: top;}
#view4_container .con1_right .brief{margin: 0 0 4px; font-size: 14px;}
#view4_container .con1_right .brief strong{font-weight: bold; font-size: 16px;}
#view4_container .con1_right .desc{font-size: 13px; line-height: 1.5; height: 200px; padding-bottom: 10px; color: #9d9c9c; background-color: #F4F4F4; overflow: hidden; padding: 15px; margin-top: 10px;}
#view4_container .con1_right .preview{font-size: 15px; padding: 12px 28px; background-color:#456DFD; display: inline-block; color: #fff; line-height: 1.5; margin: 28px 0 36px;}
#view4_container .con1_right .preview img{margin-right: 10px;}
#view4_container .con1_right .right_top{border-top: 2px solid #456DFD; background-color: #fff; padding: 20px 0; text-align: left;}
#view4_container .con1_right .right_top .small_stit{font-size: 14px; float: left; margin-bottom: 0;}
#view4_container .con1_right .right_top .small_stit span{display: block; width: 40px; height: 1px; background-color:#456DFD; margin-top: 10px;}
#view4_container .con1_right .share{float: right;}
#view4_container .con1_right .share li{display: inline-block; font-size: 14px;}
#view4_container .con1_right .share li:nth-child(1){margin-right: 32px;}
#view4_container .con1_right .share .sns{margin-right: 20px; color: #b8b8b8;}
#view4_container .con1_right .share li:last-child{margin-right: 0;}
#view4_container .con1_right .board{margin-top: 20px;}
#view4_container .con1_right .board ul:nth-child(1){width: 49%; padding: 5px 20px 0 0; float: left;}
#view4_container .con1_right .board ul:nth-child(2){width: 49%; padding: 5px 20px 0 0; float: right;}
#view4_container .con1_right .board li{font-size: 14px; margin-bottom: 8px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.2;}
#view4_container .con1_right .board ul li:nth-child(1){border-bottom: 1px solid #000; font-size: 16px; line-height: 2; font-weight: bold; margin-bottom: 15px;}
#view4_container .con1_right .board li:nth-child(1) a{font-weight: bold; color: #303030; font-size: 14px;}
#view4_container .con1_right .board li i{display: none; color: #c8c8c8; margin-right: 10px; width: 15px; text-align: center;}
#view4_container .con2{margin-top: 36px;}
#view4_container .con2 .tit{width: 100%; margin-bottom: 36px; font-weight: 600; font-size: 16px;}
#view4_container .con2 .list .check{border-bottom: 1px solid #ebebeb; display: inline-block;}
#view4_container .con2 .list .check > li{display: inline-block; font-size: 17px;}
#view4_container .con2 .list .check > li:nth-child(2){padding: 20px 80px 20px 10px;}
#view4_container .con2 .list .check > li:nth-child(4){padding: 0 86px 0 40px; font-size: 20px;}
#view4_container .con2 .list .check > li:nth-child(3) input,select{border: none; width: 140px; height: 42px; font-size: 14px; padding: 10px 20px 10px 15px; -webkit-appearance: none; -webkit-border-radius: 0; background-image: url(../images/select_arrow.png); background-repeat: no-repeat; background-position: right +10px center;}
#view4_container .m_tab_goods{display: none;}
#view4_container .con2 .list .check > li:nth-child(1) input[type="checkbox"] {visibility: hidden; width: 0}
#view4_container .con2 .list .check > li:nth-child(1) input[type="checkbox"] + label{width: 18px; height: 18px; background-color: #fff; border: 1px solid #ebebeb; cursor: pointer;}
#view4_container .con2 .list .check > li:nth-child(1) input[type="checkbox"]:checked + label{border: 1px solid #456DFD; background-image: url(../images/checked.png); background-repeat: no-repeat; background-position: center;}
#view4_container .con2 .list li:nth-child(3) li{display: inline-block;}
#view4_container .con2 .list li:nth-child(3) li:nth-child(1){font-size: 20px; margin-right: 656px;}
#view4_container .con2 .list li:nth-child(3) li:nth-child(2){font-size: 20px; padding: 18px 0; color:#456DFD; padding-right: 54px;}
#view4_container .con2 .list li:nth-child(4) li:nth-child(1){margin-left: 500px; padding: 16px 24px}
#view4_container .con2 .list li:nth-child(4) li:nth-child(2){padding: 16px 50px;}
#view4_container .con2 .list li:nth-child(4) li{display: inline-block; color:#456DFD; font-size: 17px; background-color: #fff; width: 194px; height: 48px; padding: 24px 97px; border: 1px solid #456DFD; margin: 50px 0; }
#view4_container .con2 .list li:nth-child(4) li img{margin-right: 10px;}
#view4_container .con4{padding: 0 14px;}
#view4_container .contents .p-profile{font-size: 16px; margin-bottom: 10px; line-height: 1.5;}
#view4_container .arrow{cursor: pointer;}
#view4_container .con_tit{width: 100%; margin-bottom: 18px; font-weight: bold; font-size: 18px; text-align: left; color: #333333; border-top: 1px solid #d3d3d3; padding-top: 20px;}
#view4_container .teacher_intro>p{font-size: 15px; line-height:1.3; letter-spacing: -0.5px; text-align: left;}
#view4_container .mycon_bottom p:nth-child(2){border-left: none;}

#view4_container .details > li.oneLine{letter-spacing: 0; width: 75px; height: 35px; background-color: #456DFD; float: left; color: white; font-size: 13px; position: absolute; top: 17px; left: 17px; text-align: center; vertical-align: middle; line-height: 1.8; font-weight: 300; padding: 5px 0; border-radius: 6px;}
#view4_container .details > li.twoLine:before{content: ""; position: absolute; top: 0; left: 74px; width: 0; height: 0; border-left: 38px solid transparent; border-right: 0 solid transparent; border-bottom: 38px solid #456DFD; text-align: left; transform: rotate( 90deg);}
#view4_container .details > li.twoLine{letter-spacing: 0; width: 75px; height: 38px; background-color: #456DFD; float: left; color: white; font-size: 12px; position: absolute; top: 20px; left: 17px; text-align: center; vertical-align: middle; line-height: 1.1; font-weight: 400; transform: rotate(-45deg); padding: 5px 0;}
#view4_container .details > li.twoLine:after{content: ""; position: absolute; bottom: 0; left: -37px; width: 0; height: 0; border-left: 38px solid transparent; border-right: 0 solid transparent; border-top: 38px solid #456DFD; transform: rotate(450deg);}
#view4_container .con6 .details > li:nth-child(1):before{content: ""; position: absolute; top: -15px; left: 0; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 15px solid #FF8E38;}
#view4_container .con6 .details > li:nth-child(1){letter-spacing: -1px; width: 50px; height: 30px; background-color: #FF8E38; float: left; color: white; font-weight: bold; font-size: 13px; position: absolute; top: 25px; text-align: center; line-height: 30px;}
#view4_container .con6 .details > li:nth-child(1):after{content: ""; position: absolute; bottom: -15px; left: 0; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 15px solid #FF8E38;}
#view4_container .con6 .con1_con{border: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}
#view4_container .con1_con a{position: relative;}
#view4_container .left_acon .left_scon{margin-bottom: 44px;}
#view4_container .img .lec_img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: cover;}
#view4_container .lec_table1 .img .lec_img{border: 1px solid #848484; border-radius: 10px;}
#view4_container .con1_con .img{background-image: url("/include/images/noimage.png"); background-repeat: no-repeat; background-size: cover;position: relative; width: 100%; padding: 100% 0 0; overflow: hidden;}
#view4_container .con1_con .img .book_img{width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover;border: 1px solid #848484; border-radius: 10px;}
#view4_container .con1_con .Bt_wish{position: absolute; top: 0; right: 0; font-size: 15px; width: 100%; color: #456DFD; z-index: 2;}
#view4_container .con1_con .wishlist_tab{text-align: right; padding: 10px 10px; display: inline-block; float: right;}
#view4_container .left_con .stit{font-size: 18px; letter-spacing: -1px; }
#view4_container .con1_con .mycon_hover{background-color: rgba(0,0,0,0.4); width: 100%; height: 225px!important; padding-bottom: 100%; position: absolute; top: 0; left: 0; opacity:0;transition:all .5s}
#view4_container .con1_con .mycon_hover .myconh_desc{text-align: center; padding-top: 100px;}
#view4_container .con1_con .mycon_hover .myconh_desc li:nth-child(2){font-size: 15px; letter-spacing: -1px; color: #fff; margin-top: 10px;}
#view4_container .con1_con .mycon_hover .myconh_desc li:nth-child(3){font-size: 12px; letter-spacing: -1px; color: #fff; line-height: 1.5; overflow: hidden; padding: 15px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
#view4_container .left_con .details{min-height: 77px; text-align: left; padding: 5px 0 0 0; border-top: 1px solid #dadada;}
#view4_container .left_con .content
#view4_container .left_con .details .p-name{font-size: 16px; font-weight: bold; line-height: 1.5; overflow: hidden; display: inline-block; width: 100%; letter-spacing: -1px;}
#view4_container .mycon_bottom{width: 100%; margin-top: 5px;display: -webkit-box; display: -ms-flexbox; display: flex;}
#view4_container .mycon_bottom > div{ flex-direction: column; display: flex; -webkit-box-flex: 1;  -ms-flex-positive: 1;  flex-grow: 1;}
#view4_container .mycon_bottom p{height:33px; font-size: 13px; line-height: 10px; font-weight: 500; color: #282828; padding: 10px 0; background-color: #fff; float: left; cursor: pointer; text-align: center; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada;}
#view4_container .mycon_bottom .w100{width: 100%;}
#view4_container .mycon_bottom p i{margin-right: 6px; font-size: 13px; color:#456DFD;}
#view4_container .con1_right .desc{height: 200px; padding: 15px; color: #9d9c9c; overflow: hidden;margin-top: 10px;}
#view4_container .con1_right .desc .Youtube_thum{width: 300px; height: 175px; display: inline-table;}
#view4_container .con1_right .desc .Youtube_thum img{width: 100%;}
#view4_container .con1_right .desc .Youtube_thum .Yt_bg{width: 100%; height: 100%;background-image: url("/include/images/noimage.png");background-repeat: no-repeat; background-size: cover; background-position: center; background-color: rgba(255,255,255,0.5); text-align: center; padding: calc(40% - 50px) calc(50% - 50px);}
#view4_container .con1_right .desc .Youtube_thum .Yt_bt{width: 50px; height: 50px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color: #456DFD; margin: 0 auto;}
#view4_container .con1_right .desc .Youtube_thum .Yt_bt i {padding: 16px; color: #fff; font-size: 20px;}
#view4_container .con1_right .desc .Youtube_list{width: calc(100% - 300px); float: right; padding-left: 15px;}
#view4_container .con1_right .desc .Youtube_list li:nth-child(1){border-bottom: 1px solid #000; font-size: 14px; line-height: 2; font-weight: bold; color: #000; margin-bottom: 7px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
#view4_container .con1_right .desc .Youtube_list li{color: #000; font-weight: 600;font-size: 13px; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.2;}
#view4_container .con1_right .desc .Youtube_list li a:hover {text-decoration: underline;}
#view4_container .con1_right .board ul li:nth-child(1){border-bottom: 1px solid #000; font-size: 16px; line-height: 2; font-weight: bold; margin-bottom: 7px;}
#view4_container .col-md-12{display: inline; text-align: center;}
#view4_container .teacher_table{ text-align: right;} /* 강사 뷰 1단락 테이블 위치 수정 */
#view4_container .container .relative .left_con .row:nth-child(1){margin-bottom: 100px;} /* 강사 뷰 1단락 테이블 아래 마진 수정 */
#view4_container .table_position{width: auto;} /* 강사 뷰 왼쪽 테이블 사이즈 수정 */
#view4_container .pagination_wrap{float: none;}
#view4_container .text-center{display: inline;}
#view4_container .lec_list{width: 100%; margin-top: 10px; margin-right: 0; margin-left: 0; overflow: hidden; }
#view4_container .card_list{margin: 0 -5px;}
#view4_container .card_simplelist a .img{border-radius: 15px; background-image: url("/include/images/noimage.png");}
#view4_container .card_simplelist a ul li.ptit p{font-size: 15px; min-height: 45px; text-align: center; letter-spacing: -0.7px; line-height: 1.5; overflow: hidden; width: 100%; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; margin: 10px 0 5px; font-weight: 500;}
#view4_container .card_simplelist a ul{min-height: 116px;}
#view4_container .card_simplelist a ul li.ppri{font-size: 12px; color: #000; margin: 0; width: 100%; text-align: center; padding-bottom: 1px;}
#view4_container .card_simplelist a ul li.ppri strong{font-size: 17px; color: #456DFD; font-weight: bold;}
#view4_container .card_simplelist .A_Wishlist i{font-size: 16px; padding: 10px;}
#view4_container .card_simplelist .device_ch{width: 65px;}
#view4_container .card_simplelist .ppri_wrap{display: inline-block; min-width: calc(90% - 75px); text-align: right;}
.hnbh{margin: 0 4px 0 0; font-size: 10px; font-weight: 600; letter-spacing: -1px; background-color: rgba( 255, 255, 255, 0 ); padding: 3px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: inline-block; text-align: center;}
.best{width: 35px; border: 1px solid #7373FF; color: #7373FF;}
.event{width: 35px; border: 1px solid #FF8AF9; color: #FF8AF9;}
.new{width: 35px; border: 1px solid #FEBB4F; color: #FEBB4F;}
.hit{width: 35px; border: 1px solid #34E0CB; color: #34E0CB;}
.teacher_intro{width: 100%; background-color: #fbfcfd; margin-bottom: 30px; line-height: 1.3; padding:10px;}
.con1_bottom .left>.img-responsive{margin: 0 auto;width: 100%;}
.owl-carousel.teacher_sub .owl-item img{display:inline;width:auto}
.Sample_lec a{width: 88px;font-size: 12px; text-align: center; margin-right: 3px; padding: 6px 10px; border-radius: 0;}
.Sample_lec a:hover{background-color: #e9e9e9;}
.Sample_lec a i, .dropBtn i{margin-right :3px;color: #456DFD;}
.card_list .dropBtn i{color:#fff;}
.Sample_lec .B_Quality {background-color: #fff; border: 1px solid #456DFD; color: #456DFD;}
.dropBtn{width: 100%;border-radius : 4px;font-weight: 500; color : #456DFD;padding : 0 7px 0 0; text-align: center;cursor : pointer;font-size : 13px;}
.lec_table table td .dropD:nth-child(2){margin-right: 0;}
.dropD-content{display: none!important; position: absolute; top: 29px; z-index: 1; font-weight: 400; background-color: #fbfbfb; min-width: 100%; margin: 3px 0; border-radius: 5px; box-shadow: #00000040 0 8px 16px; text-align: left; overflow-y: scroll; overflow-x: hidden; max-height: 120px;}
.chkBox input{margin-top: 6px;}
.p-top2 .teacher{overflow: hidden;}
.con1_con .img:hover .dropD-content {display: block!important;}
.blockk{display: block!important;}
.card_list .Sample_lec{position: absolute; bottom: 0; width: 100%;display: -webkit-box; display: -ms-flexbox; display: flex;}
.card_list .Sample_lec .dropD{width: 50%; margin-right: 2px;flex-direction: column; display: flex; -webkit-box-flex: 1;  -ms-flex-positive: 1;  flex-grow: 1;}
.card_list  table td .dropD:nth-child(2){margin-right: 0;}
.card_list .Sample_lec .dropBtn{color: #fff; padding: 8px 3px; background-color: #00000073; border : none;}
.card_list .dropD-content p{font-size: 12px; text-align: center; margin-right: 3px; padding: 6px 10px; border-radius: 0;}
.card_list .dropD-content p:hover{background-color: #e9e9e9;}
@media screen and (max-width:990px) and (min-width:30px){
  .lec_table table td div.p_re{border: 1px solid #456DFD;}
}
/**************************** notice ****************************/
#notice_container .teacher_notice .tit{color: #000; font-weight: 600; font-size: 16px;}
#notice_container .teacher_notice .left_con{width: 100%; margin-top: 0;}
#notice_container .teacher_notice .left_con table th:nth-child(2),#notice_container .teacher_notice .left_con table td:nth-child(2){padding-left:5px; width: 12%;}
#notice_container .teacher_notice .left_con table th:nth-child(3){width: 45%;}
#notice_container .teacher_notice .left_con table th:nth-child(4){width: 15%;}
#notice_container .teacher_notice .left_con table th:nth-child(5){width: 15%;}
#notice_container .teacher_notice .left_con table th:nth-child(6){width: 15%;}
#notice_container{margin-top: -10px; background-color: #fff;min-height: 800px!important;}
#notice_container .tit{font-weight: 600; font-size: 16px; letter-spacing: -1px; margin: 20px 0 0 0; text-align: left; float: left;}
#notice_container .location{float: right; margin-top: 22px; letter-spacing: -1px;}
#notice_container .location li{display: inline-block; font-size: 12px;}
#notice_container .location li:last-child{color: #b7b7b7;}
#notice_container .con1_top{margin-top: 20px; width: 100%;}
#notice_container .right.stop{position: absolute; top: 1100px;}
#notice_container .left_con .stit{font-size: 14px; color: #222222; margin: 0 0 10px;}
#notice_container .left_con table{width: 100%;margin-top:30px}
#notice_container .left_con table .table_con:hover{background-color: #eeeff1;}
#notice_container .left_con table th{font-size: 14px; padding: 15px 0; text-align: center; background-color: #f9f9f9; color: #333333; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; letter-spacing: -1px; font-weight: 600;;}
#notice_container .left_con table th:nth-child(1){width: 8%;}
#notice_container .left_con table th:nth-child(2){width: 50%;}
#notice_container .left_con table td{font-weight: 400; font-size: 14px; color: #0e233a; padding: 15px 0; text-align: center; vertical-align: middle; background-color: #fff; border-bottom: 1px solid #f2f2f2; line-height: 1.3;}
#notice_container .left_con table td a{font-weight: 400;}
#notice_container .left_con table td dl{text-align: left;}
#notice_container .left_con table td dt{font-weight: 400; font-size: 14px; color: #000; padding: 0px;}
#notice_container .left_con table td dd{font-size: 13px; color: #8e8e8e; line-height: 1.3; padding: 10px 0;}
#notice_container .left_con table tr.con_notice td:nth-child(1){font-weight: bold;}
#notice_container .left_con table tr.con_notice td:nth-child(2){font-weight: bold;}
#notice_container .left_con table tr.con_notice td dt{font-weight: bold;}
#notice_container .left_con{width: 100%; float: right; margin-top: 30px;}
.cs_center{position: relative; font-size: 20px;}
.teacher_notice .left_con {width: 100%;}
.nav{text-align: center; margin-top: 50px; display: block; width: 100%; overflow: auto;}
.nav .pagination ul:after{content:"";display:block;clear:both}
.nav .pagination ul li{display:block;float: left;width:25px;height:25px;border-top: 1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;border-right: 1px solid #d9d9d9;line-height:25px;text-align:center;font-size:12px;font-weight: 700;}
.pagination ul li:first-child{border-left: 1px solid #d9d9d9;}
.pagination .on{color:#456DFD;}


/**************************** require ****************************/
#require_container{margin-top: -10px; background-color: #fff;min-height: 800px!important;}
#require_container .tit{font-weight: 600; font-size: 16px; letter-spacing: -1px; margin: 20px 0 0 0; text-align: left; float: left; color: #fff;}
#require_container .location{float: right; margin-top: 22px; letter-spacing: -1px;}
#require_container .location li{display: inline-block; font-size: 12px;}
#require_container .location li:last-child{color: #b7b7b7;}
#require_container .con1_top{margin-top: 20px; width: 100%;}
#require_container .left_con .stit{font-weight: bold; font-size: 15px; margin: 0 0 20px;}
#require_container .left_con .require_tit{padding: 22px 0 0 0; font-size: 13px; color: #0e223a;}
#require_container .left_con .require_tit span{display:inline-block;width:25px}
#require_container .left_con .require_tit span{display:inline-block;width:15px;padding-left:5px;padding-right:5px;color: #c0cdd6;}
#require_container .left_con .require_tit input{background-color: transparent; border: none; width: 90%; font-size: 14px;border:1px solid #d9d9d9; padding:4px;}
#require_container .left_con .desc{padding: 10px 0;}
#require_container .left_con .desc textarea{border: 1px solid #cccccc; width: 100%; height:428px; background-image: none; resize: none; padding: 30px; font-size: 15px; cursor: text; line-height: 1.4;}
#require_container .left_con .add_file{padding: 4px 10px; display: inline-block; cursor: pointer; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#require_container .left_con .add_file input{font-size: 13px; width: 250px;}
#require_container .left_con .add_file img{margin: 0 0 4px 76px;}
#require_container .left_con .nothing{font-size: 12px; color: #a6a6a6;}
#require_container .left_con .sdesc{font-size: 13px; display: inline-block; margin-left: 20px;}
#require_container .left_con .btn_box{text-align: center;}
#require_container .left_con .btn_list li{display: inline-block; font-size: 12px; cursor: pointer;background-color: #d9d9d9;border: 1px solid #8E8E8E;}
#require_container .left_con .btn_list li>a{width: 100%; height: 100%; padding: 8px 33px;}
#require_container .left_con .btn_list li:nth-child(1){color: #202020; background-color: #fff; float: left;border: 1px solid #8E8E8E;}
#require_container .left_con .btn_list li:nth-child(2){background-color:#456DFD; color: #fff; float: right;border: 1px solid #456DFD;}
#require_container .left_con .btn_list li:nth-child(3){float: right; margin: 0 5px;}

#require_container .left_con .btn_list li.list_view{border: 1px solid #456DFD; background-color:#456DFD; color: #fff; display: inline-block;}
#require_container .left_con .req_table th,#require_container .left_con .req_table td{background-color: #fff; color: #333333; text-align: left;}
#require_container .left_con .req_table th{width: 10%; font-weight: bold; font-size: 15px}
#require_container .left_con .req_table .re_title{font-size: 15px; ;padding: 10px 0;}
#require_container .left_con .req_table th strong{color:#456DFD;}
#require_container .left_con .req_table .bbs_td{width: 80%;}
#require_container .left_con .req_table td select{border: 1px solid #f2f2f2;}
#require_container .search_box{margin: 0; padding: 0;}
#require_container #select_tid-error{color: red; font-size: 12px; font-weight: 600; margin-top: 10px;}
#require_container .btn_box {margin-top: 20px;}
.req_table{width: 100%;}
#require_container .consult[type="checkbox"]{width: auto; margin: 8px; vertical-align: middle;}
#require_container .require_select select {border: 1px solid #e9e9e9; margin-top: 10px;}

/**************************** require_list ****************************/
#require_container .table_01 .th_table_01 th:nth-child(1){width: 8%;}
#require_container .table_01 .th_table_01 th:nth-child(2){width: 13%;}
#require_container .table_01 .th_table_01 th:nth-child(3){width: 50%;}
#require_container .table_01 .th_table_01 th:nth-child(4){width: 10%;}
#require_container .table_01 .th_table_01 th:nth-child(5){width: 20%;}
#require_container .table_01 .table_con{border-bottom: 1px solid #c1c1c1;}
#require_container .consult{width: 100%; border: 1px solid #f2f2f2; font-size: 14px; padding: 10px;}
#require_container .fix_tit{width: 100%; font-weight: bold; font-size: 14px; padding: 5px;}
.require_btn{font-size: 14px; color: #fff; padding: 10px 30px; background-color:#456DFD; display: inline-block; margin-top: 20px; float: right; cursor: pointer;}

/**************************** question ****************************/
#question_container{margin-top: -10px; background-color: #fff; min-height: 800px!important;}
#question_container .tit{font-weight: 600; font-size: 16px; letter-spacing: -1px; margin: 20px 0 0 0; text-align: left; float: left; color: #fff;}
#question_container .location{float: right; margin-top: 22px; letter-spacing: -1px;}
#question_container .location li{display: inline-block; font-size: 12px;}
#question_container .location li:last-child{color: #b7b7b7;}
#question_container .con1_top{margin-top: 20px; width: 100%;}
#question_container .tab_menu{margin-top: 30px;}
#question_container .left_con{width: 100%; float: right; margin-top: 30px;}
#question_container .left_con table{width: 100%; border: 1px solid #d2d2d2;}
#question_container .left_con .question_tit{border-bottom: 1px solid #d2d2d2; margin-bottom: 4px; letter-spacing: -1px; font-weight: 600;}
#question_container .left_con .question_tit:nth-child(1){border-top: 1px solid #d2d2d2;}
#question_container .left_con .question_tit td{font-size: 14px; color: #777777; padding: 15px 10px; position: relative; cursor: pointer; background-color: #fbfcfd;line-height:1.5}
#question_container .left_con .question_tit td:last-child img{position: absolute; right: 60px; top: 50%; transform: translateY(-50%);}
#question_container .left_con .question_tit td:nth-child(1){text-align: center; width: 10%;}
#question_container .left_con .question_tit td:nth-child(2){width: 15%;}
#question_container .left_con .question_tit td:nth-child(3){font-size: 14px;background-image: url(../images/red_downarr.png); background-position: right+15px center; background-repeat: no-repeat; color: #333333;}
#question_container .left_con .question_tit td:nth-child(4){width: 6%; padding: 5px 10px;}
#question_container .left_con .question_tit td:nth-child(5){width: 6%; padding: 5px 10px;}
#question_container .left_con .question_tit td.red{background-color:#456DFD; color: #fff;}
#question_container .left_con .question_tit td:nth-child(3).red{background-image: url(../images/white_downarr.png); background-color:#456DFD;}
#question_container .left_con .answer{background-color: #eeeff1; display: none;}
#question_container .left_con .answer td{padding: 30px 56px; font-size:15px;}
#question_container .left_con .answer .desc_tit{font-size: 18px; color: #000; margin-bottom: 10px;}
#question_container .left_con .answer .desc{font-size: 14px; color: #000; line-height: 1.5;}
#question_container .left_con tr .que_img{float: right;}
#question_container .left_con tr td:nth-child(3){font-size: 14px;padding-right:50px}
#question_container .left_con tr .modi_btn{font-size: 14px;padding: 5px 10px; display: inline-block; margin-bottom: 0;}
#question_container .left_con tr .modi_btn:hover{border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: rgba(0,0,0,0.1);}
#question_container .left_con tr th:last-child{text-align: center;}
#question_container .faq_tit{border-bottom: none;}
#question_container .search_box{margin: 0; padding: 0;}
.left_con .q_tab .tab_list div{border-bottom: 1px solid #000; width: 20%;}
.left_con .l_tab{position: relative; margin-bottom: 15px;}
.left_con .l_tab .tab_list div{border-bottom: 1px solid #000;}
.left_con .tab .c_tab_list div{text-align: center;}
.left_con .tab .tab_list div, .left_con .tab .c_tab_list div{font-weight: 500; letter-spacing: -1px; color: #2b2b2b; background-color: #fff; padding: 15px 0; border: 1px solid #dddcdc; cursor: pointer; border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; border-top-left-radius: 10px; border-right: none;font-size: 14px; border-bottom: 1px solid #4d4d4d;}
.left_con .tab .tab_list div:last-child, .left_con .tab .c_tab_list div:last-child{border-right: 1px solid #dddcdc;}
.left_con .tab .tab_list div:hover{background-color: #eeeff1;}
.left_con .tab .tab_list div.tab_click{border: 1px solid #4d4d4d; border-bottom: none; background-color: #fff; font-weight: bold;font-size: 14px;}
.left_con .tab .c_tab_list div.c_tab_click{border: 1px solid #4d4d4d; border-bottom: none; background-color: #f7f8fa;}
.left_con .q_tab{padding-right: 0!important; position: relative; margin-bottom: 30px;}

/**************************** view ****************************/
#notice_view_container .teacher_notice .tit{color: #000; margin-bottom: 6px;}
#notice_view_container .teacher_notice .left_con{width: 100%; margin-top: 0;}
#notice_view_container .teacher_notice .con1_top{float: left;}
#notice_view_container{margin-top: -10px; background-color: #fff; min-height: 800px!important;}
#notice_view_container .tit{font-weight: 600; font-size: 16px;letter-spacing: -1px;margin: 20px 0 0 0;text-align: left; float: left;}
#notice_view_container .location{float: right; margin-top: 22px; letter-spacing: -1px;}
#notice_view_container .location li{display: inline-block; font-size: 12px;}
#notice_view_container .location li:last-child{color: #b7b7b7;}
#notice_view_container .con1_top{margin-top: 20px; width: 900px; color: #fff;}
#notice_view_container .right.stop{position: absolute; top: 1100px;}
#notice_view_container .view_btit{margin: 10px 0 0; font-weight: bold; font-size: 14px; background: #fcfbfb; padding: 15px 10px; border-top: 1px solid #c1c1c1;}
#notice_view_container .left_con .view_tit{border-bottom: 1px solid #292929; border-top: 1px solid #292929; margin-bottom: 30px;}
#notice_view_container .left_con .view_tit > li:nth-child(1){float: left; padding: 25px 50px; font-size: 16px; color: #0e223a; position: relative;}
#notice_view_container .left_con .view_tit > li:nth-child(2){float: left; padding: 10px 0 10px 50px;}
#notice_view_container .left_con .view_tit .bar{display: block; width: 2px; height: 10px; background-color: #c6d2da; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
#notice_view_container .left_con .view_stit .date{font-size: 14px; margin-left: 22px;}
#notice_view_container .left_con .desc{line-height: 20px;padding:10px; border-bottom: 1px solid #efeded; font-size: 14px; min-height: 180px;}
#notice_view_container .left_con .list_box{text-align: center; margin: 30px 0 30px;}
#notice_view_container .left_con .list_box .btn_list li{display: inline-block; font-size: 13px; cursor: pointer;background-color: #d9d9d9;border: 1px solid #8E8E8E;}
#notice_view_container .view_stit > li:nth-child(1) {padding-top: 15px; border-top: 1px solid #efeded;}
#notice_view_container .left_con .list_box .btn_list li>a{width: 100%; height: 100%; padding: 10px 33px;}
#notice_view_container .left_con .list_box .btn_list li:nth-child(1){color: #202020; background-color: #fff; float: left;border: 1px solid #8E8E8E;}
#notice_view_container .left_con .list_box .btn_list li:nth-child(2){background-color:#456DFD; color: #fff; float: right;border: 1px solid #456DFD;}
#notice_view_container .left_con .list_box .btn_list li:nth-child(3){float: right; margin: 0 5px;}
#notice_view_container .view_box{background-color: #fff;}
#notice_view_container .add_file li a {width: auto; margin-right: 8px; line-height: 2;}
#notice_view_container .add_file{border-top: 1px solid #efeded; border-bottom: 1px solid #efeded; margin-top: 15px;}
#notice_view_container .add_file li{padding: 10px 0 0; float: left; font-size: 13px; color: #ababab;}
#notice_view_container .add_file li img{vertical-align: middle; margin-right: 6px;}
#notice_view_container .add_file li:nth-child(1){cursor: pointer;}
#notice_view_container .view_stit li{font-weight: 400; font-size: 14px; margin-bottom: 10px;}
#notice_view_container .view_stit li > span{width: 90px;}
#notice_view_container .comment_stit{font-size: 14px;margin-bottom:10px; width: 10%; float: left;    font-weight: 500;}
#notice_view_container .comment_stit2{text-align: center; font-size: 14px; width: 10%; float: left; line-height: 70px;}
#notice_view_container .comment{margin-top: 20px;}
#notice_view_container .comment table{width: 100%; margin-bottom: 28px;}
#notice_view_container .comment tr:first-child td{border-top: 1px solid #c1c1c1;}
#notice_view_container .comment tr:last-child td{border-bottom: 1px solid #ececec;}
#notice_view_container .comment td{padding: 20px 0; font-size: 14px; border-bottom: 1px solid #ececec; text-align: center;vertical-align:middle}
#notice_view_container .comment td:nth-child(1){width: 15%}
#notice_view_container .comment td:nth-child(2){text-align: left; width: 70%; font-size: 14px;padding: 14px;line-height: 1.3;}
#notice_view_container .comment td:nth-child(3){width: 20%}
#notice_view_container .comment td i{cursor: pointer;}
#notice_view_container .comment textarea{resize: none; width: 78%; height: 72px; border: 1px solid #ececec; background-image: none; font-size: 13px; float: left; padding: 10px 15px; line-height: 1.4;}
#notice_view_container .comment .confirm{width: 10%; float: right; font-weight: bold; font-size: 14px; color: #696868; background-color: #fff; text-align: center; padding: 28px 0 29px; border: 1px solid #ececec; cursor: pointer;}
#notice_view_container .search_box{margin: 0; padding: 0;}
#notice_container .left_con .table_01 .th_table_01 th:nth-child(1){width: 8%;}
#notice_container .left_con .table_01 .th_table_01 th:nth-child(2){width: 16%;}
#notice_container .left_con .table_01 .th_table_01 th:nth-child(3){width: 40%;}
#notice_container .left_con .table_01 .th_table_01 th:nth-child(4){width: 15%;}
#notice_container .left_con .table_01 .th_table_01 th:nth-child(5){width: 12%;}
#notice_container .left_con .table_01 .th_table_01 th.tt_cate{width: 8%;}
#notice_container .left_con .table_01 .th_table_01 th.tt_product{width: 20%;}
#notice_container .left_con .table_01 .th_table_01 th.tt_teacher{width: 8%;}
#notice_container .left_con .table_01 .th_table_01 th.tt_title{width: 35%;}
#notice_container .left_con .table_01 .th_table_01 th.tt_cate{width: 8%;}
#notice_container .search_box{margin: 0; padding: 0;}
.av_desc{border: 1px solid #e5e5e5;margin-top: 10px; padding: 10px; font-size: 14px; color: #0e233a;line-height: 1.5;}
.av_tit{font-size: 15px; color: #333333; text-align: left; margin-top: 15px;}
.reply_write{background-color: #fcfbfb; border: 1px solid #e7e7e7; margin-top: 8px; padding: 12px; overflow: hidden;}
.count-text{margin-bottom: 30px; margin-top: 10px; font-size: 13px; text-align: right;}

/**************************** free_board_view ****************************/
#free_board_view{margin-top: -10px; background-color: #fff; min-height: 800px!important;}
#free_board_view .tit{font-weight: 600; font-size: 16px;letter-spacing: -1px;margin: 20px 0 0 0;text-align: left;float: left;}
#free_board_view .location{float: right; margin-top: 22px; letter-spacing: -1px;}
#free_board_view .location li{display: inline-block; font-size: 12px;}
#free_board_view .location li:last-child{color: #b7b7b7;}
#free_board_view .con1_top{margin-top: 20px; width: 900px; float:right;}
#free_board_view .right.stop{position: absolute; top: 1100px;}
#free_board_view .view_btit{margin-top: 20px; margin-bottom: 20px; font-weight: bold; font-size: 20px; letter-spacing: -1px;}
#free_board_view .left_con .view_tit{border-bottom: 1px solid #292929; border-top: 1px solid #292929; margin-bottom: 30px;}
#free_board_view .left_con .view_tit > li:nth-child(1){float: left; padding: 25px 50px; font-size: 16px; color: #0e223a; position: relative;}
#free_board_view .left_con .view_tit > li:nth-child(2){float: left; padding: 10px 0 10px 50px;}
#free_board_view .left_con .view_tit .bar{display: block; width: 2px; height: 10px; background-color: #c6d2da; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
#free_board_view .left_con .view_stit .date{font-size: 14px; margin-left: 22px;}
#free_board_view .left_con .desc{text-align: center;}
#free_board_view .left_con .desc  .control_l {width: 50%;}
#free_board_view .left_con .desc  .control_r {width: 50%;}
#free_board_view .left_con .desc > p{text-align: left;font-size: 14px; color: #0e233a; line-height: 1.5; margin-top: 25px;}
#free_board_view .left_con .desc .desc_con{text-align: left;font-size: 14px; color: #0e233a; line-height: 1.5;}
#free_board_view .left_con .list_box{text-align: center; margin: 30px 0 30px;}
#free_board_view .left_con .list_box .btn_list{display: inline-block;}
#free_board_view .left_con .list_box .btn_list li{display: inline-block; font-weight: bold; font-size: 14px; cursor: pointer;}
#free_board_view .left_con .list_box .btn_list li>a{width: 100%; height: 100%; padding: 12px 25px;}
#free_board_view .left_con .list_box .btn_list li:nth-child(1){border: 1px solid #456DFD; background-color:#456DFD; color: #fff; margin-right: 8px}
#free_board_view .left_con .list_box .btn_list li:nth-child(2){border: 1px solid #202020; color: #202020; margin-right: 4px;}
#free_board_view .left_con .list_box .btn_list li:nth-child(3){border: 1px solid #202020; color: #202020; margin-right: 4px;}
#free_board_view .view_box{background-color: #fff;width: 52%;float: left; margin-right: 22px;position: relative;display: block;text-align: center;}
#free_board_view .view_box_m{display: none;}
#free_board_view .play_icon{position: absolute;top: 50%;left: 50%;margin: -18px 0 0 -18px;width: 29px;height: 29px;}
#free_board_view .play_icon img{width: 45px; cursor: pointer;}
#free_board_view .add_file{border-top: 1px solid #707070; border-bottom: 1px solid #d9d9d9; display: inline-block; width: 45.5%; float: right;margin-bottom: 20px;}
#free_board_view .view_stit p{text-align: left;font-size: 14px; color: #0e233a; line-height: 1.5;}
#free_board_view .add_file li{padding: 6px 0; float: left; font-size: 12px; color: #ababab;}
#free_board_view .add_file li img{margin-right: 6px;vertical-align: middle;}
#free_board_view .add_file li:nth-child(1){cursor: pointer;}
#free_board_view .add_file li:nth-child(1) a{width: 70%;}
#free_board_view .add_file li:nth-child(2){float: right;}
#free_board_view .comment_stit{font-weight: bold; font-size: 14px;margin-bottom:10px}
#free_board_view .comment{background-color: #fbfcfd; margin-top: 20px;}
#free_board_view .comment table{width: 100%; margin-bottom: 28px;}
#free_board_view .comment tr:first-child td{border-top: 1px solid #707070;}
#free_board_view .comment tr:last-child td{border-bottom: 1px solid #707070;}
#free_board_view .comment td{padding: 14px 0; font-size: 13px; border-bottom: 1px solid #ebebeb; text-align: center;vertical-align:middle}
#free_board_view .comment td:nth-child(1){font-weight: bold; width: 10%}
#free_board_view .comment td:nth-child(2){text-align: left; width: 70%;}
#free_board_view .comment td:nth-child(3){width: 20%}
#free_board_view .comment td i{cursor: pointer;}
#free_board_view .comment textarea{resize: none; width: 90%; height: 72px; border: 1px solid #ececec; background-image: none; font-size: 12px; float: left; padding: 10px 15px; line-height: 1.4;}
#free_board_view .comment .confirm{width: 10%; float: left; font-weight: bold; font-size: 13px; color: #696868; background-color: #fff; text-align: center; padding: 28px 0 29px; border: 1px solid #ececec; cursor: pointer;}

/**************************** 프리패스 템플릿 ***************************/
#fp_container {background: rgba(255,255,255,0.3); padding: 30px 0;}
#fp_container .left_con .tab_Box{display: inline-block; width: 100%;}
#fp_container .left_con .tab_Box table{width: 100%; margin: 0 6px;}
#fp_container .left_con .tab_Box .tab_list{text-align: left;}
#fp_container .left_con .tab_Box .tab_list .tab_select {width: 20%; margin: 0 0 -1px -5px; display: inline-block; font-size: 14px; font-weight: bold;; color: #2b2b2b; background: rgba(255,255,255,0.8); padding: 10px 0; border: 1px solid #dddcdc; cursor: pointer; border-radius: 0; text-align: center;}
#fp_container .left_con .tab_Box .tab_list li.on{background-color: #eaeaea;}
#fp_container .col-xs-3{width: 20%;}
#fp_container .left_con .tab_con {margin-top: 20px;}
#fp_container .left_con .tab_con .pricing_table > li{display: inline-block; margin: -1px -5px 0 0; padding: 20px 40px; width: 33.33%; border: 1px solid #dedede; box-sizing: border-box; background: rgba(255,255,255,0.7); min-height: 608px; vertical-align: top;}
#fp_container .left_con .tab_con .pricing_table > li:hover{background-color: #fafafa;}
#fp_container .left_con .tab_con .pricing_table > li div{border-bottom: 1px solid #e9e9e9; padding: 10px 0; text-align: center; font-size: 13px; }
#fp_container .left_con .tab_con .pricing_table > li div strong{background-color: #d9d9d9; color: #fff; font-size: 12px; padding: 0 3px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: relative; top: -4px; left: 3px;margin-right: 2px;}
#fp_container .left_con .tab_con .pricing_table > li div.fplist_tit{min-height: 94px;}
#fp_container .left_con .tab_con .pricing_table > li div.fpdetail_wrap{min-height: 385px;}
#fp_container .left_con .tab_con .pricing_table > li div strong.HOT{background-color: #f91f1f;}
#fp_container .left_con .tab_con .pricing_table > li div strong.NEW{background-color: #009688;}
#fp_container .left_con .tab_con .pricing_table > li div strong.BEST{background-color: #03A9F4;}
#fp_container .left_con .tab_con .pricing_table > li div strong.EVENT{background-color: #b0e00a;}
#fp_container .left_con .tab_con .pricing_table > li div h2{font-size: 20px; font-weight: bold; display: inline-block;}
#fp_container .left_con .tab_con .pricing_table > li div p{font-size: 13px; padding: 5px 0;}
#fp_container .left_con .tab_con .pricing_table > li div h3{font-size: 20px; font-weight: bold; padding: 5px 0;}
#fp_container .left_con .tab_con .pricing_table > li div ul {text-align: left; display: table-cell; line-height: 2;}
#fp_container .left_con .tab_con .pricing_table > li div ul li{text-align: left; margin: 0;}
#fp_container .left_con .tab_con .pricing_table > li div ul.Text_tit{width: 77px; font-weight: bold;}
#fp_container .left_con .tab_con .pricing_table > li div:last-child{border-bottom: none;}
#fp_container .left_con .tab_con .pricing_table > li div.fpdetail_list{min-height: 404px;}
#fp_container .left_con .tab_con .pricing_table > li > div .plus_Book {width: 100%; text-align: center;}
#fp_container .left_con .tab_con .pricing_table > li > div .plus_Book button{width: 72px; background-color: #f4f4f4; border: 1px solid #c1c1c1; margin-left: 5px; font-size: 13px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; font-weight: 600;}
#fp_container .left_con .tab_con .pricing_table > li div .plus_Book button:hover{background-color: #456DFD; color: #fff;}
#fp_container .left_con .tab_con .pricing_table > li div .Text_tit li{font-weight: bold; margin-right: 5px; text-align: left; margin: 0;}
#fp_container .left_con .tab_con .pricing_table > li div .Text_tit li i{margin-right: 2px; font-size: 14px; color: #adadad;}
#fp_container .left_con .tab_con .pricing_table > li div .Text_con {width: 100%; line-height: 2.5; height: auto; max-height: 224px; overflow-y: scroll; display: block; overflow-y: scroll;}
#fp_container .left_con .tab_con .pricing_table > li div .Text_con li{text-align: left; margin: 0; font-size: 12px;}
#fp_container .left_con .tab_con .pricing_table > li > div .Text_con i {margin-right: 10px; font-weight: bold; color: red; font-size: 11px;}
#fp_container .left_con .tab_con .pricing_table > li .FP_con span{display: inline-block; font-size: 12px; font-weight: 600; margin: 0; background: rgba(255,255,255,0); padding: 5px 0;}
#fp_container .left_con .tab_con .pricing_table > li .FP_con span label{vertical-align: bottom;}
#fp_container .left_con .tab_con .pricing_table > li .FP_con span labeli{margin-right: 3px;}
#fp_container .left_con .tab_con .pricing_table > li .FP_con span:nth-child(1){margin-right: 10px;}
#fp_container .left_con .tab_con .pricing_table > li .FP_con input{margin-right: 6px;}
#fp_container .left_con .tab_con .pricing_table ::-webkit-scrollbar-track {background: rgba(255,255,255,0);}
#fp_container .left_con .tab_con .pricing_table ::-webkit-scrollbar-thumb {background-color: #c1c1c1; opacity: 0.4;}
#fp_container .left_con .tab_con .signup_Cls{width: 100%; height: 50px; line-height: 27px; font-weight: bold; cursor: pointer; background-color: #456DFD; color: #fff; margin-top: 15px;}
#fp_container .left_con .tab_con .pricing_table > li div ul li i{margin-right: 5px;}
#fp_container .MO_table {display: none;}
#fp_container .left_con .tab_con .pricing_table > li div button.fp_arr{display: none;}

/**************************** free_board_write ****************************/
#Free_board_write .teacher_notice .tit{color: #000;}
#Free_board_write .teacher_notice .left_con{width: 100%;}
#Free_board_write .teacher_notice .con1_top{float: left;}
#Free_board_write {margin-top: -10px; background-color: #fff; min-height: 800px!important;}
#Free_board_write .tit{font-weight: 600; font-size: 16px; letter-spacing: -1px; margin: 20px 0 0 0; text-align: left; float: left;}
#Free_board_write .location{float: right; margin-top: 22px; letter-spacing: -1px;}
#Free_board_write .location li{display: inline-block; font-size: 12px;}
#Free_board_write .location li:last-child{color: #b7b7b7;}
#Free_board_write .con1_top{margin-top: 20px; width: 900px; float:right;}
#Free_board_write .left_con .stit{font-weight: bold; font-size: 18px; margin: 0 0 10px;}
#Free_board_write .left_con .require_tit{padding: 10px 0 10px 0; font-size: 13px; color: #0e223a; font-weight: 700; letter-spacing: -1px;}
#Free_board_write .left_con .require_tit span{display:inline-block;width:25px}
#Free_board_write .left_con .require_tit span{display:inline-block;width:15px;padding-left:5px;padding-right:18px;color: #c0cdd6;}
#Free_board_write .left_con .require_tit input{background-color: transparent; border: none; width: 70%; height: 33px; padding: 5px;font-size: 13px;border:1px solid #d9d9d9;font-weight: 600;}
#Free_board_write .left_con .desc{padding: 10px 0;}
#Free_board_write .left_con .desc textarea{background-color: #fff; border: 1px solid #cccccc; width: 100%; height: 468px; background-image: none; resize: none; padding: 30px; font-size: 12px; cursor: text; line-height: 1.4;}
#Free_board_write .left_con .add_file{padding: 4px 10px; display: inline-block; cursor: pointer;}
#Free_board_write .left_con .add_file input{font-size: 13px;}
#Free_board_write .left_con .add_file img{margin: 0 0 4px 76px;}
#Free_board_write .left_con .nothing{font-size: 12px; color: #a6a6a6;}
#Free_board_write .left_con .sdesc{font-size: 13px; display: inline-block; margin-left: 20px;}
#Free_board_write .left_con .btn_box{text-align: center;}
#Free_board_write .left_con .btn_list li{display: inline-block; font-weight: bold; font-size: 14px; cursor: pointer;}
#Free_board_write .left_con .btn_list li a{width: 100%; height: 100%; padding: 12px 25px;}
#Free_board_write .left_con .btn_list li:nth-child(1){border: 1px solid #202020; color: #202020; margin-right: 4px;}
#Free_board_write .left_con .btn_list li.list_view{border: 1px solid #456DFD; background-color:#456DFD; color: #fff; display: inline-block;}
#Free_board_write .left_con .require_select select{width: 100%; height: 32px; border: 2px solid #dedfe3; margin-top: 20px; font-size: 13px;}
#Free_board_write .left_con .req_table th,#Free_board_write .left_con .req_table td{background-color: #fff; color: #333333; text-align: left;}
#Free_board_write .left_con .req_table tr:nth-child(1) th,#Free_board_write .left_con .req_table tr:nth-child(1) td{border-top: 2px solid #456DFD;}
#Free_board_write .left_con .req_table th{width: 20%; padding-left: 30px; font-weight: bold; font-size: 13px;}
#Free_board_write .left_con .req_table th strong{color:#456DFD;}
#Free_board_write .left_con .req_table .bbs_td{width: 80%;}
#Free_board_write .left_con .req_table td select{border: 1px solid #f2f2f2;}
#Free_board_write #select_tid-error{color: red; font-size: 12px; font-weight: 600; margin-top: 10px;}
#Free_board_write .left_con .list_box .btn_list li:nth-child(1){border: 1px solid #FFC400; background-color: #FFC400; color: #fff; margin-right: 8px;}
#Free_board_write .left_con .list_box .btn_list li:nth-child(2){border: 1px solid #202020; color: #202020; margin-right: 4px;}
#Free_board_write .left_con .list_box .btn_list li:nth-child(3){border: 1px solid #202020; color: #202020; margin-right: 4px;}
#Free_board_write .left_con .form_tit {display: inline-block; width: 50px;}
#Free_board_write .left_con .btn_box{margin-top: 20px;}
#Free_board_write .left_con .form_tit {display: inline-block;width: 70px;border-right: 2px solid;margin-right: 25px;padding-right: 25px;height: 18px;line-height: 18px;}
#Free_board_write .require_tit .add_file > input{border: none;}
label.error{color: red; font-size: 12px; font-weight: 600;}

/**************************** join1 ****************************/
#join_container{background-color: #fff; margin-top: -109px; min-height:900px!important;}
#join_container .con1{text-align: center; padding-top: 109px;}
#join_container .join_tit{margin: 30px 0 12px; font-size: 20px; color: #000; font-weight: bold;}
#join_container .join_desc{font-size: 13px; color: #666666;}
#join_container .join_location{background-color: #fff; margin: 45px auto 0; width: 600px;}
#join_container .join_location .container{width: 100%;}
#join_container .join_location .row div{text-align: center; padding: 18px 0; font-size: 14px;}
#join_container .join_location .now{font-weight: bold; border-bottom: 1px solid #000;}
#join_container .join_desc .stit{margin-bottom: 44px; font-size: 16px; line-height: 26px; color: #252525; font-weight: 600;}
#join_container .join_desc .agree_box{position: relative; margin: 40px auto; padding: 58px 69px 69px; border: 1px solid #e5e5e5; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; box-sizing: border-box; background-color: #fff; width: 600px; height: auto;}
#join_container .join_desc .agree_box .all_agree{font-size: 20px; color: #333341; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; font-size: 16px; font-weight: bold; margin-bottom: 40px;}
#join_container .join_desc .agree_box .all_agree img{vertical-align: middle; margin-right: 8px; cursor: pointer;}
#join_container .join_desc .agree_box .all_agree .text{font-size: 20px; color: #333341; display: inline-block;}
#join_container .join_desc .agree_box ul.policy{margin-top:15px; font-size: 15px;}
#join_container .join_desc .agree_box ul.policy:after{content:"";display:block;clear:both}
#join_container .join_desc .agree_box ul.policy li:first-child{float:left;height:35px;line-height:35px}
#join_container .join_desc .agree_box ul.policy li:last-child{float:right;height:35px;line-height:35px; font-size: 12px; color: #000; padding: 0 28px; background-color: #f6f6f6; display: inline-block;cursor: pointer;}
#join_container .join_desc .agree_box ul.policy li .text{font-size: 16px; color: #333341; display: inline-block;}
#join_container .join_desc .agree_box .agree_btn{margin-top:30px}
#join_container .join_desc .agree_box .agree_btn li{font-size: 16px;width: 49%;height:50px;line-height:50px;text-align: center; cursor: pointer;}
#join_container .join_desc .agree_box .agree_btn{margin-top:50px}
#join_container .join_desc .agree_box .agree_btn:after{content:"";display:block;clear:both}
#join_container .join_desc .agree_box .agree_btn li{float:left; font-size: 14px; font-weight: bold;}
#join_container .join_desc .agree_box .agree_btn li:first-child{margin-right:2%;border: 1px solid #bdbdbd;}
#join_container .join_desc .agree_box .agree_btn li:nth-child(2){border: 1px solid #456DFD; background-color:#456DFD; color: #fff;}
#join_container .join_desc .agree_box input[type="checkbox"] {display:none;}
#join_container .join_desc .agree_box input[type="checkbox"] + label span{width: 25px; height: 25px; display:inline-block; background-image: url(../images/join_yet.png); background-size: cover; vertical-align: middle; margin-right: 8px; cursor: pointer; font-size: 20px; color: #333341;}
#join_container .join_desc .agree_box .all_agree p{font-size: 12px; padding: 7px 30px; color: #797979; font-weight: 600; line-height: 1.4;}
#join_container .join_desc .agree_box input[type="checkbox"]:checked + label span{background-image: url(../images/join_agree.png); background-color:#456DFD; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: 50%;}
#join_container .agree_bg{width: 100%; height: 100vh; background-color: rgba(0,0,0,0.4); position: fixed; top: 0; left: 0; z-index: 103; display: none;}
#join_container .agree_bg .agree_box{background-color: #fff; width: 980px; height: 400px; z-index: 104; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 25px;}
#join_container .agree_bg .agree_box .desc_box{width: 100%; height: 80%; border: 1px solid #e8e8e8; padding: 30px 52px; overflow-y: scroll;}
#join_container .agree_bg .agree_box .desc_box > p > strong{font-size: 15px; line-height: 1.5;}
#join_container .agree_bg .agree_box .desc_box .tit{font-size: 18px; color: #292c31; margin-bottom: 20px; text-align: center;}
#join_container .agree_bg .agree_box .desc_box .desc{font-size: 14px; color: #424242; line-height: 1.5;}
#join_container .agree_bg .agree_box .desc_box .desc strong{font-size: 16px;}
#join_container .agree_bg .agree_box .desc_box .desc span{font-size: 16px;}
#join_container .agree_bg .agree_box .tnc_close{margin: 15px 0; padding: 16px 0; width: 275px; border: 1px solid #000; font-size: 16px; text-align: center; cursor: pointer; float: right;}
#join_container .join_desc .agree_box .m_agree_left,#join_container .join_desc .agree_box .m_agree_right{width: 49%; display: inline-block;}
#join_container .join_desc .agree_box .m_agree_left{margin: 46px 0;}
#join_container .join_desc .agree_box .m_agree_left li{margin-bottom: 46px;}
#join_container .join_desc .agree_box .m_agree_left li .text{font-size: 17px; color: #333341; display: inline-block;}
#join_container .join_desc .agree_box .m_agree_left .tnc{font-size: 18px; color: #000; padding: 10px 28px; background-color: #f3f3f3; display: inline-block; margin-bottom: 42px; cursor: pointer;}
.join_info div.error{width: 100%; color: red; padding: 2px 0 11px 0; margin-left: 0;font-size: 13px!important;}

/**************************** register2 ****************************/
#join_container .join_info .info_box{position: relative; margin: 40px auto; padding: 58px 69px 69px; border: 1px solid #e5e5e5; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; box-sizing: border-box; background-color: #fff; width: 600px; height: auto;}
#join_container .join_info .info_list li{font-size:0}
#join_container .join_info .info_list img{vertical-align: middle; margin-right: 10px;}
#join_container .join_info .info_list span{font-size: 14px; color: #333341; width: 100%; display: inline-block; margin-top: 17px;}
#join_container .join_info .info_list span .phone_noti{font-size: 12px; display: inline-block; width: auto; margin-left: 5px; color: #456DFD;}
#join_container .join_info .info_list .zipcode{float: right; border: 1px solid #cccccc; background-color: #fff; border-radius: 20px; padding: 5px 20px; font-size: 15px; line-height: 1.5;}
#join_container .join_info .info_re{margin-top: 10%;}
#join_container .join_info .info_re p{text-align: center; font-size: 18px;}
#join_container .join_info .info_re .info_btn li{background-color: #456DFD; color: #fff; border-color: #456DFD;}
#join_container .join_info .info_list .authphone{float: right; border: 1px solid #cccccc; background-color: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; padding: 5px 20px; font-size: 15px; line-height: 1.5;}
#join_container .join_info .info_list input{width: 100%; height: 48px; border: none; border-bottom: 1px solid #ebebeb; margin: 5px 0; outline: none; caret-color: #456DFD; box-sizing: border-box; line-height: 1.5; font-size: 15px;}
#join_container .join_info .info_list input::placeholder{font-size: 14px; color: #888888;}
#join_container .join_info .info_list select{width: 114px; height: 50px; background-color: #f3f3f3; border-bottom: 2px solid #e1e1e1; padding-left: 14px; margin-bottom: 16px; -webkit-appearance:none; background-image: url(../images/call_arrow.png); font-size: 20px; letter-spacing: 3px;}
#join_container .join_info .info_list input:focus,#join_container .join_info .info_list li select:focus{border-bottom: 2px solid #16162a;}
#join_container .join_info .info_list .email .at{width: 20px;}
#join_container .join_info .info_list .email .email_sel{margin-left: 20px;}
#join_container .join_info .info_list .add{width: 50%; margin-right: 18px;}
#join_container .join_info .info_list .find_add{font-size: 20px; color: #fff; padding: 15px 0; width: 217px; display: inline-block; text-align: center; background-color: #474747; margin-bottom: 16px; cursor: pointer;}
#join_container .join_info .info_list input[type="radio"]{width: 18px!important; height: 14px; vertical-align: middle;}
#join_container .join_info .info_list input[type="checkbox"]{width: 18px!important; height: 14px; vertical-align: middle;}
#join_container .join_info .info_list label{font-size: 13px; vertical-align: top; padding-left: 5px; line-height: 1.5;}
#join_container .join_info .info_list .Box_wrap div{width: 33%; display: inline-block;}
#join_container .join_info .info_list .line_Type div{width: 33%; display: inline-block;}
#join_container .join_info .info_list .visit_reason .Box_wrap > div{width: 50%; display: inline-block;}
#join_container .join_info .info_list span:first-child + input + label{margin-right:10px}
#join_container .info_btn{text-align: center; margin-top: 30px;}
#join_container .info_btn > div div,#join_container .info_btn li{font-size: 14px; padding: 16px 0; text-align: center; cursor: pointer; width: 222px; display: inline-block; margin-right: 1%;}
#join_container .info_btn > div div:nth-child(1),#join_container .info_btn li:nth-child(1){border: 1px solid #bdbdbd;}
#join_container .info_btn > div:nth-child(2) div,#join_container .info_btn li:nth-child(2){border: 1px solid #456DFD; background-color:#456DFD; color: #fff;}
#join_container .info_btn > div:nth-child(3) div,#join_container .info_btn > li:nth-child(3){border: 1px solid #000; background-color: #000; color: #fff; margin-right: 0;}
.join_info .info_list li strong{width: calc(100% - 170px); display: inline-block;}
.join_info .info_list li strong.width10{width: 85px; display: inline-table;}
#join_container .join_info .info_list .auth_phone button{width: 77.5px;}
.join_info .info_list li strong:nth-child(3){width: 100%; display: inline-table;}
.line_Type{padding: 5px 15px; background-color: #fbfbfb; border: 1px solid #e1e1e1;}
.line_Type p{padding: 10px 0; font-weight: bold;}
.line_Type p i{font-size: 10px; margin-right: 5px;}
/**************************** join3 ****************************/
#join_container .join_finish{padding: 180px 0; text-align: center;}
#join_container .join_finish .tit{font-size: 20px; color: #000;}
#join_container .join_finish .desc{font-size: 15px; color: #000; margin: 15px 0 20px; line-height: 1.3;}
#join_container .join_finish .email_add{font-size: 16px; color: #000; margin: 48px 0 40px; line-height: 1.5;}
#join_container .join_finish .finish_btn{padding: 18px 0; width: 277px; font-size: 16px; color: #fff; background-color:#456DFD; margin: 0 auto;}
#join_container .join_finish .noti {font-size: 14px; color: #000; margin: 22px 0 33px; line-height: 1.5; padding: 14px 20px; border: 1px; border-style: dotted;}
#join_container label.time{color: #456DFD; font-size: 14px;}
/**************************** info_change ****************************/
.infochange_box{width: 100%; margin-top: 30px; border-top: 2px solid #456DFD;}
.infochange_list{position: relative; margin: 40px auto; padding: 58px 69px 69px; border: 1px solid #e5e5e5; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; box-sizing: border-box; background-color: #fff; width: 80%; height: auto;}
.infochange_list img{vertical-align: middle; margin-right: 6px; width: 5px;}
.infochange_list li{margin-bottom: 20px; font-size: 13px;}
.infochange_list li .left_tit{font-weight: bold; font-size: 13px; width: 100%; display: inline-block; margin-right: 30px;}
.infochange_list input{margin: 5px 0;}
.infochange_list .Box_wrap > div{width: 33%; display: inline-block;}
.infochange_list label{margin-left: 5px;}
.infochange_list .visit_reason .Box_wrap > div{width: 50%; display: inline-block;}
.infochange_list input,.infochange_list label{font-size: 13px; vertical-align:middle;}
.infochange_list input[type="text"],.infochange_list input[type="password"]{width: 100%; height: 48px; border: none; border-bottom: 1px solid #e1e1e1; margin: 10px 0; outline: none; font-size: 14px;}
.infochange_list input::placeholder{font-size: 13px; color: #959595;}
.infochange_list li strong:nth-child(3) #zipcode {width: 100%;}
.mainling_event{font-size: 12px; color: #a5a5a5; margin-left: 10px;vertical-align:middle}
.infochange_list li .loca_right{vertical-align:middle}
.email_input{margin-bottom: 8px;}
.infochange_btn{margin-top: 50px; text-align: center;}
.infochange_btn li{width: 222px; font-size: 15px; padding: 16px 0; display: inline-block;}
.infochange_btn li:nth-child(1){background-color: #fff; text-align: center; margin-right: 15px; border: 1px solid #bdbdbd;}
.infochange_btn li:nth-child(2){text-align: center; margin-right: 15px; border: 1px solid #456DFD; background-color: #456DFD; color: #fff;}
.infochange_btn li:nth-child(3){background-color:#456DFD; width:140px; color: #fff; border: 1px solid #456DFD;}
.infochange_list li .width10{width: 80px;}
.infochange_list input[type="checkbox"]{width: 18px!important; height: 14px; background-color: #f3f3f3; border: 2px solid #e1e1e1; padding-left: 14px; margin: 5px 0; outline: none; font-size: 14px; vertical-align: middle;}
.infochange_list label.member_bold{font-size: 16px; font-weight: bold; line-height: 40px; letter-spacing: 0;}
.infochange_list .email label{width: auto;}
.infochange_list .zipcode button{float: right; border: 1px solid #cccccc; background-color: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; padding: 5px 20px; font-size: 15px; line-height: 1.5;}
.infochange_list .Box_wrap label {margin-right:15px;}
.Box_wrap{width: 100%; margin: 10px 0; outline: none; font-size: 14px; display: inline-block;}
.infochange_list li strong{width: 100%; display: inline-block;}
.infochange_list li strong.width10{width: 80px; display: inline-table;}
.infochange_list li strong.width10 button{margin-right: 5px;}
.infochange_list li strong:nth-child(3){width: 100%; display: inline-table;}
.infochange_list .line_Type div{width: 33%; display: inline-block;}
/**************************** pass_change ****************************/
#join_container .join_info .pass_box{height: 100%;}
#join_container .join_info .pass_list li .pass{width: 76%;}
#join_container .join_info > .info_call{margin: 200px auto!important;}
#join_container .join_info > .info_call li:nth-child(3){border: 1px solid #778899; background-color: #778899; color: #fff;}
#join_container .join_info > .info_call li:nth-child(4){border: 1px solid #000; background-color: #000; color: #fff; margin-right: 0;}
#join_container .join_info > .info_call h2{font-size: 15px; font-weight: bold; letter-spacing: -0.8px; padding: 20px 0;}
.info_btn_wrap{margin-bottom: 20px;}
.info_btn_wrap input{width: 80%!important; font-size: 15px; color: #555; padding: 10px!important;}

/**************************** login ****************************/
#login {min-height: 800px!important;}
#login .login_box{background-color: #fff; width: 480px; height: auto; margin: 50px auto 0; padding: 60px 70px; border: 1px solid #e5e5e5;}
#login .login_box .tit{font-size: 24px; text-align: left; margin-bottom: 30px;}
#login .login_box .ip_tit{font-size: 14px; color: #333341; display: inline-block;}
#login .login_box ul:after{content:"";display:block;clear:both}
#login .login_box .find_ip{float: right; font-size: 13px; height:20px;line-height:20px}
#login .login_box .find_ip a{width:auto;color:#456DFD;}
#login .login_box input[type="text"],#login .login_box input[type="password"]{width: 100%; height: 53px; border: none; border-bottom: 1px solid #ebebeb; margin: 5px 0; outline: none; caret-color: #456DFD; box-sizing: border-box; line-height: 1.5; background-color: #fff; font-size: 15px;color: #989898;}
#login .login_box .find_radio{text-align: center; margin: 20px 0;}
#login .login_box .find_radio label {font-weight: bold; font-size: 14px; margin-right: 8px;}
#login .login_box .find .auth_phone button {width: 100%; height: 56px; background: none; border: none; padding: 18px 0; background-color: #456DFD; color: #fff; text-align: center; font-size: 16px; cursor: pointer;}
#login .login_box .autologin-wrap{margin-top:20px}
#login .login_box li.autologin{float:left;height:20px;font-size: 14px; line-height: 1.4;}
#login .login_box li.autologin input[type="checkbox"] {display:none;}
#login .login_box li.autologin input[type="checkbox"] + label span{width: 18px; height: 16px; display:inline-block; border: 1px solid #e1e1e1; margin-right: 5px; cursor: pointer;vertical-align:middle;}
#login .login_box li.autologin input[type="checkbox"]:checked + label span{border: 1px solid #456DFD; background-image: url(../images/checked.png); background-repeat: no-repeat; background-position: center;}
#login .login_box li.autologin span{font-size: 15px; color: #666666;vertical-align:text-top}
#login .login_box .login_btn{width: 100%; height: 56px; background: none; border: none; padding: 18px 0; background-color:#456DFD; color: #fff; text-align: center; font-size: 16px; cursor: pointer;margin: 20px 0;}
#login .login_box .check{width:100%;border-bottom: none;}
#login .login_box .check > li{padding: 0;}
#login .login_box .check li:nth-child(1){text-align: center; color: #bcbcbc; font-size: 15px; margin: 22px 0; padding: 0;}
#login .login_box .check li:nth-child(1) .line{width: 132px; height: 1px; display: inline-block; background-color: #bcbcbc; margin: 0 12px 5px;}
#login .login_box .check li strong{font-size:13px;}
#login .login_box .join_btn{width: 100%; padding: 16px 0; font-size: 15px; text-align: center; margin-top: 10px;letter-spacing: -1px;border: 1px solid #456DFD;}
#login .login_box .join_btn i{float: left;width: 17%;position: relative;left: 0;text-align: center;margin-right: -10%;}
#login .login_box .join_btn img {width: 11px; float: left; margin-left: 7%; margin-right: -5%;}
#login .login_box .join_btn:last-child{margin:0; color:#456DFD;}
#login .login_box .signin_google{background-color: #FA5A44; color: #fff; border: none;}
#login .login_box .signin_facebook{background-color: #3B5999; color: #fff; border: none;}
#login .login_box .signin_kakao{background-color: #FFD800; color: #3F1918; border: none;}
#login .login_box .signin_naver{background-color:#2DB400; color: #fff; border: none;}
#login .login_box input:focus{border-bottom: 1px solid #456DFD;}
#login .connect_sns{border: 1px solid #456DFD; margin: 0 auto; margin-top: 20px; font-size: 14px; border-top: 25px solid #456DFD; text-align: center;}

/**************************** find_id ****************************/
#login .find_id_box{padding: 30px 60px;}
#login .login_box .find_id_tit{margin-bottom: 18px;}
#login .login_box .desc{font-size: 14px; color: #666666; margin-bottom: 10px; line-height: 1.3;}
#login .login_box input[type="text"].cer_num{width: 100%; margin-right: 12px;}
#login .login_box .cer_time{font-size: 14px;}
#login .login_box .cer_finish{margin: 10px 0; text-align: center; font-size: 16px; color:#456DFD;}
#login .login_box .email_btn{width: 100%; height: 50px; background: none; padding: 17px 0; border: 1px solid #000; font-size: 14px; text-align: center; margin: 10px 0 20px; cursor: pointer; background-color: transparent;}

/**************************** find_pass ****************************/
#login .find_pass_box{padding: 30px 50px; height: auto; margin-top: 10%;}

/**************************** signin_process ****************************/
 .release_Wrap .release_Noti{margin-top: 100px; text-align: center;}
 .release_Wrap .release_Noti .icon_N {font-size: 45px; background-color: #456DFD; border-radius: 45px; -webkit-border-radius: 45px; -moz-border-radius: 45px; padding: 19px; width: 93px; margin: 0 auto 20px; color: #fff;}
 .release_Wrap .release_Noti p {font-size: 16px; line-height: 1.4;font-weight: bold;}
 .release_Wrap .release_Noti p .red{color: #456DFD; font-weight: bold;}
 #login .release_Box .dormant_release {background-color: #456DFD; color: #fff; border: 1px solid #456DFD;}
 #login .release_Box .cancel {border: 1px solid #456DFD; color: #456DFD;}

/**************************** nomemver ****************************/
#join_container .nm_list{padding: 42px 30px; background-color: #f6f6f6; display: inline-block; margin-top: 30px;}
#join_container .nm_box li{line-height: 1.5; font-size: 16px; text-align: left; margin-bottom: 30px;}
#join_container .nm_box li strong{color:#456DFD;}
#join_container .nm_box li span{font-size: 14px; display: inline-block; margin-left: 22px;}
#join_container .nm_box input[type="checkbox"] {visibility: hidden; width: 0}
#join_container .nm_box input[type="checkbox"] + label{width: 20px; height: 20px; border: 1px solid #fff; vertical-align: bottom; margin-right: 10px; cursor: pointer;}
#join_container .nm_box input[type="checkbox"]:checked + label{background-image: url(../images/w_checked.png); background-position: center; background-repeat: no-repeat; background-color:#456DFD; border-color:#456DFD;}
#join_container .nm_box .nm_check{padding: 22px 24px; background-color: #242424; display: inline-block; text-align: left; font-size: 16px; color: #fff; margin-bottom: 50px; width: 718px;}
#join_container .nm_box .nm_btn{display: inline-block;}
#join_container .nm_box .nm_btn li{width: 276px; padding: 11px 0; float: left; text-align: center; font-size: 20px; cursor: pointer; margin-bottom: 80px;}
#join_container .nm_box .nm_btn li:nth-child(1){background-color:#456DFD; color: #fff; border: 1px solid #456DFD; margin-right: 10px;}
#join_container .nm_box .nm_btn li:nth-child(2){border: 1px solid #000;}
#join_container .nm_box .nm_confirm{background-color: #fff; width: 570px; height: 340px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 103;}
#join_container .nm_box .nm_bg{background-color: rgba(0,0,0,0.5); width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 102;}
#join_container .nm_box .nm_stit{padding: 14px 12px; font-size: 20px; color: #fff; background-color:#456DFD; text-align: left;}
#join_container .nm_box .nm_close_btn{width: 50px; padding: 12px 0; display: inline-block; position: absolute; top: 0; right: 0; cursor: pointer;}
#join_container .nm_box .nm_desc{font-size: 32px; margin: 82px 0 60px;}
#join_container .nm_box .nm_confirm,.nm_bg{display: none;}
#join_container .nm_box .nm_confirm .nm_btn2 li{text-align: center; font-size: 21px; float: left; width: 195px; padding: 12px 0; cursor: pointer;}
#join_container .nm_box .nm_btn2{display: inline-block; }
#join_container .nm_box .nm_btn2 li:nth-child(1){color: #fff; background-color:#456DFD; border: 1px solid #456DFD; margin-right: 10px;}
#join_container .nm_box .nm_btn2 li:nth-child(2){border: 1px solid #000;}


/**************************** mailing ****************************/
.mailing_section{padding: 0 26px; width: 700px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.mailing_section .mailing_head{border-bottom: 1px solid #e1e0e2; margin-bottom: 40px;}
.mailing_section .mailing_head .sns li{float: right;}
.mailing_section .mailing_body .mailing_logo{float: left;}
.mailing_section .mailing_body .date{float: right; font-size: 14px; color: #323132; text-align: right;}
.mailing_section .mailing_body .date p{font-size: 11px; color: #ff3000; margin-bottom: 12px;}
.mailing_section .mailing_box{width: 648px; text-align: center; background-color: #f3f1f3; padding: 72px 0 66px; margin: 42px 0 135px;}
.mailing_section .mailing_box .mailing_tit{font-size: 20px;}
.mailing_section .mailing_box .mailing_desc{font-size: 16px; color: #7e7c7c; line-height: 1.5; margin: 18px 0 30px;}
.mailing_section .mailing_box .mailing_num{font-size: 16px; color: #7e7c7c; margin-bottom: 10px;}
.mailing_section .mailing_box .mailing_num span{color: #1d1c1c; display: inline-block; margin-right: 10px;}
.mailing_section .mailing_box .mailing_num strong{border-bottom: 1px solid #25221b;}
.mailing_section .mailing_box .mailing_btn{width: 127px; padding: 12px 0; color: #fff; background-color: #1d1c1c; font-size: 14px; display: inline-block; margin-top: 25px; cursor: pointer;}
.mailing_section .mailing_box .join_mailing_btn{margin-top: 0;}
.mailing_section .mailing_footer .copy{font-size: 11px; margin-top: 14px; float: left;}
.mailing_section .mailing_footer .f_support{font-size: 11px; float: right;}

/**************************** purchase ****************************/
#sub3_container .con_tit{font-weight: bold; font-size: 15px; color: #333333;}
#sub3_container .purchase_con table{margin: 10px 0;}
#sub3_container .purchase_con table th{font-size: 14px; text-align: center; background-color:#456DFD; color: #fff; padding: 15px 0;}
#sub3_container .purchase_con table tr{border: 1px solid #ddd;}
#sub3_container .purchase_con table td{font-size: 14px; text-align: center; position: relative;vertical-align: middle;}
#sub3_container .purchase_con table td:nth-child(1), #sub3_container .purchase_con table td:nth-child(3), #sub3_container .purchase_con table td:nth-child(4), #sub3_container .purchase_con table td:nth-child(5), #sub3_container .purchase_con table td:nth-child(6){width: 12%;}
#sub3_container .purchase_con table td:nth-child(2){height: 30px; overflow: hidden; vertical-align: middle; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; width: 100%; padding: 20px; border: none; font-weight: 500;}
#sub3_container .purchase_con table td:nth-child(4){font-weight: bold; text-align: right;}
#sub3_container .purchase_con table .refund{cursor: pointer;}
#sub3_container .purchase_con table .refund i{color:#456DFD;}
#sub3_container .purchase_con table .analysis i,#sub3_container .purchase_con table .refund i{margin-right: 4px;}
#sub3_container .refund_popup,#sub3_container .refund_book_popup{background-color: rgba(0,0,0,0.4); width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 102; display: none;}
#sub3_container .refund_popup .refund_pop,#sub3_container .refund_book_popup .refund_pop{width: 900px; float:right; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #fff;}
#sub3_container .refund_popup .tit,#sub3_container .refund_book_popup .tit{padding: 14px 0; background-color:#456DFD; color: #fff; font-size: 20px; width: 100%; height: 51px; text-align: center; float: none; margin: 0;}
#sub3_container .refund_popup .list1 select{font-size: 14px; width: 100%; border: 2px solid #dedfe3;}
#sub3_container .refund_popup .refund_pop .refund_box,#sub3_container .refund_book_popup .refund_pop .refund_box{padding: 0 20px;}
#sub3_container .refund_popup .refund_pop .list .stit,#sub3_container .refund_book_popup .refund_pop .list .stit{font-size: 14px; color: #363636; margin-bottom: 10px; margin-top: 30px;}
#sub3_container .refund_popup .refund_pop .list input,#sub3_container .refund_book_popup .refund_pop .list input{width: 100%; height: 46px; border: 2px solid #dedfe3;}
#sub3_container .refund_popup .refund_pop .list textarea,#sub3_container .refund_book_popup .refund_pop .list textarea{background: none; resize: none; width: 100%; height: 200px; border: 2px solid #dedfe3; cursor: text; padding: 14px 10px; font-size: 12px; line-height: 1.4;}
#sub3_container .refund_popup .refund_pop li:nth-child(1),#sub3_container .refund_book_popup .refund_pop li:nth-child(1){font-size: 14px; float: left;}
#sub3_container .refund_popup .refund_pop li:nth-child(2),#sub3_container .refund_book_popup .refund_pop li:nth-child(2){font-size: 14px; color:#456DFD; float: right;}
#sub3_container .refund_popup .refund_pop .list2,#sub3_container .refund_book_popup .refund_pop .list2{margin-bottom: 25px;}
#sub3_container .refund_popup .refund_pop .refund_btn_box,#sub3_container .refund_book_popup .refund_pop .refund_btn_box{text-align: center; margin: 48px 0 37px;}
#sub3_container .refund_popup .refund_pop .refund_btn,#sub3_container .refund_book_popup .refund_pop .refund_btn{display: inline-block;}
#sub3_container .refund_popup .refund_pop .refund_btn li,#sub3_container .refund_book_popup .refund_pop .refund_btn li{font-size: 14px; width: 192px; padding: 14px 0; text-align: center; cursor: pointer;}
#sub3_container .refund_popup .refund_pop .refund_btn li:nth-child(1),#sub3_container .refund_book_popup .refund_pop .refund_btn li:nth-child(1){border: 1px solid #000; margin-right: 10px;}
#sub3_container .refund_popup .refund_pop .refund_btn li:nth-child(2),#sub3_container .refund_book_popup .refund_pop .refund_btn li:nth-child(2){background-color:#456DFD; color: #fff; border: 1px solid #456DFD;}
#sub3_container .refund_book_popup .refund_pop .choice_refund select{width: 100%; margin-bottom: 40px; border: 2px solid #dedfe3;}
#sub3_container .purchase_con .table>tbody>.condition_list2>th{background-color: lightgrey; color: #000; font-size:12px; vertical-align: middle;}
#sub3_container .purchase_con .table>tbody>.condition_list2>td{background-color: #fff; font-size:13px; padding: 12px;}
#sub3_container .purchase_con .table>tbody>.condition_list2>td>ul>li{list-style: circle; font-size: 14px; text-align: left; margin-left: 30px; padding: 3px 0;}
#sub3_container .purchase_con .table>tbody>.condition_list2>td>ul>li>span{margin-left: 5px;margin-right: 5px;}
#sub3_container .purchase_con .table>tbody>.condition_list2>td>ul>li>.dv_btn{width: auto; margin-left: 5px; padding: 3px 7px; background-color: #456DFD; color: #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; font-size: 12px;}
#sub3_container .purchase_con .table>tbody .delivery_state {height: 60px; font-size: 14px; color: darkgray;}
#sub3_container .purchase_con .table>tbody .delivery_state i {margin: 0 17px;}
#sub3_container .purchase_con .table>tbody .delivery_state i:last-child{margin: 0 0 0 5px;}
#sub3_container .purchase_con .table>tbody .delivery_state .date{padding: 10px 28px;border: 1px solid #d9d9d9;border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; background-color: #fff;width: 450px; margin: 0 auto;}
#sub3_container .purchase_con .table>tbody .delivery_state .dv_ready{color: #456DFD; font-weight: bold;}
#sub3_container .single_table th.player_th{padding: 22px 6px 12px;}
#sub3_container .detail_pop .tit{margin-top: 10px; width: 100%; padding:10px; background-color: #fff; color: #000; font-size: 15px; float: none; letter-spacing: -1px; font-weight: 600;}
#sub3_container .container .con1_wrap1{width: 100%; margin-top: 30px;}
#sub3_container .container .con1_wrap2{width: 100%; margin-top: 10px;}
.no{width: 1px; height: 14px; background-color: #dfe0e1; display: inline-block; float: right;}
.detail_table{display: none;}
.detail_pop .con3{margin-top: 0; font-size: 13px;}
.detail_pop .con{margin: 0 20px;}
.detail_pop .con1{margin-top: 91px;}
.detail_pop .a_level{font-size: 14px; color: #fff; background-color:#456DFD; padding: 4px 8px; display: inline-block; position: absolute; top: -30px; left: 0;}
.detail_pop .list li:nth-child(1){font-size: 14px; color:#456DFD; margin-bottom: 10px;}
.detail_pop .list li:nth-child(2){margin: 0 0 10px; font-size: 20px; color: #222222;}
.detail_pop .list li:nth-child(3){font-size: 16px; color: #222222; line-height: 1.5;}
.detail_pop .slist > li{padding: 12px 0;}
.detail_pop .slist > li:nth-child(1){background-color: #ececec; text-align: center; padding: 12px 0; font-size: 13px; color: #333333; font-weight: bold;}
.detail_pop .slist .s_list li{font-size: 14px; color: #000; text-align: center;font-weight: 400;}
.detail_pop .slist .s_list{border-bottom: 1px solid #e6e6e6;}
.detail_pop .slist .s_list:last-child{text-align: right;}
.refund_request{padding: 10px 72px; background-color: #fff; border: 1px solid #c0c1c1; display: inline-block;cursor: pointer; margin-right: 10px; font-size: 13px; font-weight: bold; color: #707070;}
.join_info .info_list li .width10{width: 80px; display: inline-table;}
.join_info .info_list li strong:nth-child(3){width: 100%; display: inline-table;}
.join_info .info_list #zipcode {width: 100%;}
.text-align-left{text-align: left!important;padding-left:10px!important;}
.text-align-right{text-align: right!important;padding-right:10px!important;}
/**************************** index_popup ****************************/
.index_popup{background-color: rgba(0,0,0,0.4); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 102;}
.index_popup .index_pop{width: 630px; background-color: #fff; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 24px 20px;}
.index_popup .index_pop .pop_box{border: 1px solid #e8e8e8; padding: 30px 0; text-align: center;}
.index_popup .index_pop .index_close{position: absolute; top: 0; right: 0;}
.index_popup .index_pop .indexpop_tit{font-size: 20px; color: #292c31;}
.index_popup .index_pop .indexpop_stit{font-size: 16px; color: #424242; margin: 14px 0 20px;}
.index_popup .index_pop .indexpop_date{font-size: 16px; color:#456DFD; border-bottom: 1px solid #456DFD; display: inline-block; padding-bottom: 8px;}
.index_popup .index_pop .discount_list{margin: 40px 0 56px;}
.index_popup .index_pop .discount_list li{font-size: 16px; color: #242424; margin-bottom: 14px;}
.index_popup .index_pop .discount_list li:last-child{margin-bottom: 0;}
.index_popup .index_pop .discount_list li span{color: #767676}
.index_popup .index_pop .discount_list li strong{color:#456DFD;}
.index_popup .index_pop .indexpop_notice{font-size: 16px; color: #767676;}
.index_popup .index_pop .indexpop_notice strong{color:#456DFD;}
.index_popup .index_pop .noread{margin-top: 30px;}
.index_popup .index_pop .noread li input[type="checkbox"] {visibility: hidden; width: 0}
.index_popup .index_pop .noread li input[type="checkbox"] + label{width: 18px; height: 18px; border: 1px solid #000; cursor: pointer; vertical-align: middle;}
.index_popup .index_pop .noread li input[type="checkbox"]:checked + label{background-image: url(../images/indecpop_check.png); background-position: center; background-repeat: no-repeat;}
.index_popup .index_pop .noread li{font-size: 14px;}
.index_popup .index_pop .noread li:nth-child(1){float: left; margin-top: 14px;}
.index_popup .index_pop .noread .indexpop_close{width: 158px; padding: 16px 0; border: 1px solid #000; font-size: 14px; text-align: center; float: right; cursor: pointer;}
.index_popup .index_pop .index_close{cursor: pointer;}

.pc-popup{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 102; margin:0; display:none;}
.pc-popup .pcpop_bg{position: relative; width: 100%;margin: 0px auto; padding: 0; box-sizing: border-box;}
.pc-popup .notice_close .owl-nav [class*='owl-']:hover{color: #000;}
.pc-popup .popowl .owl-nav {position: absolute;width: 100%;top: 45%; cursor: pointer;}
.pc-popup .popowl .owl-next {background: none;right: 0;float: right;padding: 10px 10px;filter: invert(1); position: relative; right: -50px;}
.pc-popup .popowl .owl-prev{background: none; left: 0; float: left; padding: 10px 10px;filter: invert(1); position: relative; left: -50px;}
.pc-popup .popowl .owl-nav [class*='owl-']{color: #FFF; font-size: 14px; margin: 5px; padding: 9px 13px; display: inline-block; cursor: pointer; border-radius: 50px; background-color: #e5e5e5c7;}
.pc-popup .notice_close{display: flex; font-size: 14px; background-color: #fff;}
.pc-popup .notice_close label{flex: none; font-weight: normal;}
.pc-popup .notice_close > a{display: flex; flex-flow: column; padding: 13px 0; text-align: center; background-color: #fff; font-weight: 600; border-right: 1px dotted #898989;}
.pc-popup .notice_close > a:last-child{border-right: none;}
.pc-popup .notice_close input{margin: 1px 5px 0 0;}
.pc-popup .POPback_bg{background-color: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
.t_banner img{width: 100%; height: 100%;}
.t_banner form{position: absolute;top:0; color: #fff;background-color: rgba(0,0,0,0.3);width: auto;;right: 0;}
.t_banner .notice_close{font-size: 12px; padding: 5px 10px; line-height: 20px; text-align: right;}
.t_banner .notice_close > input{top: 3px; position: relative;}
.t_banner .notice_close > label {margin-left: 5px;}
.t_banner .notice_close > a{width: auto; display: inline-block; text-align: right;}

.b_banner img{width: 100%; height: 100%;}
.b_banner form{position:absolute; bottom: 0; color: #fff;background-color: rgba(0,0,0,0.3);width: auto;right: 0;}
.b_banner .notice_close{font-size: 12px; padding: 5px 10px; line-height: 20px; text-align: right;}
.b_banner .notice_close > input{top: 3px; position: relative;}
.b_banner .notice_close > label {margin-left: 5px;}
.b_banner .notice_close > a{width: auto; display: inline-block; text-align: right;}

.banner_Box{margin-top: 10px;}
.banner_Box img{width: 100%;}
#sub3_container .banner_Box{margin-bottom: 20px; margin-top: 0;}

.live_banner {font-size: 15px; position: fixed; width: 100%; max-width: 100%; height: auto; padding: 25px 0; overflow-x: hidden; overflow-y: hidden; z-index: 99; left: 0; bottom: 0; background-color: #456DFD;}
.live_banner .track {position: absolute; white-space: nowrap;will-change: transform;animation: marquee 10s linear infinite; width: 100%;}
.live_banner .content {position: relative; bottom: 13px; color: #fff;letter-spacing: 1px;  font-weight: 400; line-height: 1.5;}
@keyframes marquee {
from { transform: translateX(0); }
to { transform: translateX(100%); }
}

/**************************** m_popup ****************************/
#notice_layer .bx-viewport{height: auto!important;}
.pop-conts .bx-wrapper{max-width: 100% !important;margin: 0;border: none;}
.pop-conts.bx-wrapper img{width: 100% !important;}
.pop-conts .bx-wrapper .con4_slide li{ height: auto;}
.pop-conts .bx-wrapper img{width: 100%;height: auto;}
.pop-layer p.title {color: #fff;line-height: 40px;background-color:#456DFD; text-align:center;font-size:1.2em;}
.pop-layer p.ctxt {color: #666;padding: 5px;}
.pop-layer .btn-r {width: 100%;padding-top: 5px;text-align: right;}
.pop-layer {display: none;position: absolute;top: 50%;left: 50%;width: 340px;height: auto;background-color: #fff;z-index: 10;}
.dim-layer {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.dim-layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.dim-layer .pop-layer {display: block;}
a.btn-layerClose {display: inline-block;height: 30px;padding: 0 14px 0;border: 1px solid #456DFD; background-color: #456DFD; font-size: 13px;color: #fff;line-height: 25px;}
.text-close, .text-close input{margin: 2px 5px; font-size: 12px;float: right;}
.text-close input{position: relative; top: -2px;}
.red_bar {width: 2px; height: 12px; background-color: #456DFD; display: inline-block; margin-right: 8px;}

/**************************** confirm_answer ****************************/
#notice_view_container .left_con .desc .desc_con2{border-top: 1px solid #292929;}
#notice_view_container .left_con .stit{text-align: left; margin-top: 30px;}

/**************************** scroll ****************************/

::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {background-color: #f0f0f0;}
::-webkit-scrollbar-thumb {background: #7e7e7e;}
::-webkit-scrollbar-button {display: none;}

.m_menu::-webkit-scrollbar {width: 0;}
.m_menu::-webkit-scrollbar-thumb {background: #fff;}

.sub_header::-webkit-scrollbar {width: 0;}
.sub_header::-webkit-scrollbar-thumb {background: #fff;}

.dropD-content::-webkit-scrollbar {width: 7px;}
.dropD-content::-webkit-scrollbar-thumb {background: #858585; border-radius: 4px;}
.dropD-content::-webkit-scrollbar-button {display: block; height: 2px;}
/**************************** coupon popup ****************************/

#pay_container .coupon_popup{background-color: rgba(0,0,0,0.4); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 102; display: none;}
#pay_container .coupon_popup .tit{font-size: 15px; padding: 8px 0; width: 100%; text-align: center; margin: 0;}
#pay_container .coupon_popup .analysis_pop{width: 50%; position: absolute; top: 50%; left: 50%; background-color: #fff; height: auto; transform: translate(-50%, -50%); border: 1px solid #000000; border-radius: 10px;}
#pay_container .coupon_popup .analysis_pop .con{padding: 0 20px;}
#pay_container .coupon_popup .close_btn{width: 20px; height: 20px;position: absolute; top: 7px; right: 7px; cursor: pointer;}
#pay_container .coupon_popup .close_btn img{position: absolute; top: 50%; left: 50% ; margin: -12.5px 0 0 -12.5px; width: 20px; height: 20px;}
#pay_container .coupon_popup .con3{padding: 40px;}
.coupon_box{height: 232px; border-bottom: 1px solid #e9e9e9;}
.select_coupon{background-color: #f7f7f7; border: 1px solid #d3d3d3; padding: 18px 25px; overflow-y: scroll; height: 210px; font-size: 14px;}
.select_coupon li{cursor: pointer; margin-bottom: 15px;}
.select_coupon li:last-child{margin-bottom: 0;}
.select_coupon li p{display: inline-block;}
.select_coupon .coupon_circle{width: 10px; height: 10px; border: 1px solid #818283; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin-bottom: 0; margin-right: 10px; position: relative;}
.select_coupon .coupon_circle span{width: 6px; height: 6px; background-color: #818283; display: none; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.select_coupon li p:nth-child(2){font-weight: bold; font-size: 14px;}
.select_coupon li p:nth-child(3){font-size: 13px; color: #808080; float: right;margin-top: 5px;}
.select_coupon label{font-size: 13px;}
.select_coupon .used_cp_txt{vertical-align: middle; font-size: 11px; border: 1px solid #456DFD; border-radius: 10px; -webkit-border-radius: 10px; padding: 0 5px; margin-left: 5px; color: #456DFD; text-align: center;}
.select_coupon .pr{font-weight: 700;}
.select_coupon input[type="radio"]{vertical-align: middle; cursor: pointer;}
.coupon_price{background-color: #f7f7f7; border: 1px solid #d3d3d3; padding: 18px 25px;}
.coupon_price li{margin-bottom: 20px;}
.coupon_price li:nth-child(1){padding-bottom: 18px; border-bottom: 1px solid #dddddd;}
.coupon_price li:last-child{margin-bottom: 0;}
.coupon_price li .cou_text{float: left; font-size: 13px;}
.coupon_price li .cou_price{float: right; font-size: 15px;}
.coupon_total{padding: 0 20px; margin-top: 20px;}
.coupon_total li:nth-child(1){float: left; font-weight: bold; font-size: 15px;}
.coupon_total li:nth-child(2){float: right; font-weight: bold; font-size: 18px; color:#456DFD;}
.coupon_btn{text-align: center;}
.coupon_btn p{display: inline-block; margin-top: 10px; font-size: 14px; color: #fff; padding: 15px 0; width: 100%; text-align: center; background-color:#456DFD; cursor: pointer;}


/**************************** sitemap ****************************/
#sitemap_container{background-color: #eeeeee; margin-top: -109px; padding-top: 169px;}
#sitemap_container .tit{font-size: 20px; text-align: center;}
#sitemap_container .desc{font-size: 14px; color: #666666; margin: 18px 0 70px; text-align: center;}
#sitemap_container .stit{margin-bottom: 27px; font-size: 21px; color: #292c31;}
#sitemap_container .s_tit{margin-bottom: 14px; font-size: 14px; color: #292c31;}
#sitemap_container .smenu li{font-size: 14px; color: #555555; margin-bottom: 10px;}
#sitemap_container .smenu{border-left: 1px solid #555555; padding-left: 8px; margin-bottom: 40px;}
#sitemap_container .smenu li{font-size: 14px; color: #555555;}
#sitemap_container .s_tit,#sitemap_container .smenu li{border-bottom: 1px solid transparent;}
#sitemap_container .s_tit2:hover,#sitemap_container .smenu li:hover{color:#456DFD;}
#sitemap_container .s_tit2:hover a,#sitemap_container .smenu li:hover a{border-bottom: 1px solid #456DFD;}
#sitemap_container .site_box{text-align: center; margin-bottom: 85px;}
#sitemap_container .site_box > ul{display: inline-block; text-align: left;}
 
/**************************** single ****************************/
#sub3_container .single_loca{height: 45px;}
#sub3_container .left_con .single_box{border-top: 2px solid #456DFD; margin-top: 10px; background-color: #fff;}
#sub3_container .left_con .single_box .details{margin-top: 15px; border: none; padding: 0;}
#sub3_container .left_con .single_box .details .single_remain{width: auto; float: none; display: inline-block; font-size: 15px; font-weight: bold; margin-left: 18px;}
#sub3_container .left_con .single_box .details .single_remain span{color: #d3d3d3;}
#sub3_container .left_con .single_box .details .my_period{font-weight: 400; text-align: left; font-size: 14px; margin-bottom: 0; overflow: visible; display: inline-block; height: 18px; width: auto;}
#sub3_container .left_con .single_box .details .my_period2 {border: none; margin-left: 10px;}
#sub3_container .left_con .single_box .details .live_TIME{cursor: pointer; position: relative; text-align: right; display: inline-block; float: inline-end; margin-bottom: 12px; padding: 5px;}
#sub3_container .left_con .single_box .details .live_TIME span{font-size: 12px; width: 100%; display: block; margin-bottom: 2px; color: #ffffff; text-align: center; border: 1px solid; padding: 5px; border-radius: 20px; background-color: #456DFD;}
#sub3_container .left_con .single_box .details .live_BTN{font-size: 15px; display: inline-block; padding: 4px; color: #456DFD; font-weight: 600;}
#sub3_container .left_con .single_box .details .live_BTN .fa-caret-right{color:#456DFD;}
#sub3_container .total_pro{font-size: 13px!important; font-weight: bold; color: #606060!important; border-bottom: none!important; padding-bottom: 4px!important; width: 100%!important; text-align: right; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; height: 39px; overflow: hidden; margin: 20px 0 10px; line-height: 1.3;}
#sub3_container .total_pro .single_per{font-weight: bold; font-size: 24px; color:#456DFD; margin-left: 8px;}
#sub3_container .left_con .single_box .details .single_name{font-weight: bold; font-size: 16px; color: #454d54; margin: 16px 0 10px;   border-top: 1px solid #dedede; padding-top: 15px;}
#sub3_container .single_desc{font-size: 14px; color: #000; line-height: 1.5; float: left; margin: 12px 0 0 0; padding: 12px 12px 18px; background-color: #F4F4F4; width: 100%; min-height: 100px;}
#sub3_container .package_tab{float: right;}
#sub3_container .tit_desc{font-size: 15px;font-weight: 500; color: #6b6b6b; margin-left: 24px;}
#sub3_container .single_table{width: 100%; background-color: #fff; margin-bottom: 30px;}
#sub3_container .single_table th{width: 15%;font-weight: bold; font-size: 14px; border-bottom: 1px solid #d9d9d9; padding: 20px 5px; text-align: center;}
#sub3_container .single_table td{font-size: 14px; color: #575757; padding: 20px 5px; text-align: center; border-bottom: 1px solid #f2f2f2; vertical-align: middle;}
#sub3_container .single_table td:nth-child(3) .time_box {margin-top: 25px;}
#sub3_container .single_table td:nth-child(4){font-size: 13px; z-index: 2;}
#sub3_container .single_table thead .t_course, #sub3_container .single_table tbody .t_course {width: 10%;}
#sub3_container .single_table thead .t_course input, #sub3_container .single_table tbody .t_course input{margin: 5px 5px 0 0;vertical-align: text-top; width: 16px; height: 16px; border-radius: 4px;}
#sub3_container .single_table thead .t_class_name, #sub3_container .single_table tbody .t_class_name {width: 40%;}
#sub3_container .single_table tbody .t_class_name {color: #000; padding-left:10px; text-align: left; line-height: 1.3;font-size: 15px; font-weight: 600;}
#sub3_container .single_table thead .t_progress {width: 20%;}
#sub3_container .single_table tbody .t_progress{width: 100%; margin: 10px 0;}
#sub3_container .single_table thead .t_limit_lesson, #sub3_container .single_table tbody .t_limit_lesson {width: 8%;}
#sub3_container .single_table thead .t_play, #sub3_container .single_table tbody .t_play {width: 17%;}
#sub3_container .single_table td .low i{font-size: 14px; margin-right: 5px; color: #456DFD;}
#sub3_container .single_table td .high i{font-size: 14px; margin-right: 5px; color: #fff;}
#sub3_container .single_table td span{padding: 5px 10px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; font-size: 13px; border: 1px solid #456DFD; color:#456DFD; display: inline-block; text-align: center; cursor: pointer; font-weight: 500;}
#sub3_container .single_table td .high{background-color: #456DFD; color: #fff;}
#sub3_container .single_table td .cir_process{background-color: #e7e7e7; display: inline-block; width: 48px; padding: 2px 0; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; position: relative; margin: 0 6px;}
#sub3_container .single_table td .little_cir{background-color:#456DFD; display: inline-block; width: 80%; height: 22px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; position: absolute; top: 0; left: 0;}
#sub3_container .single_table td .cir_process span{border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; cursor: text; font-size: 12px; font-weight: bold; padding: 2px 0; width: 44px; background-color: #fff; position: relative; z-index: 1;}
#sub3_container .single_table td span.lec_file_M{border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; margin-left: 9px; padding: 0 0 0 7px; border: none; border-left: 1px solid #d3d3d3;}
#sub3_container .single_table td span.lec_file{border: none;color: #575757; font-size: 14px;}
#sub3_container .single_table2{display: none;}
i.fa-closed-captioning {font-size: 16px; vertical-align: text-bottom; margin-left: 5px; color: #456DFD; font-weight: 700;}
.search_popup {display: none;}
.single_right{margin-top: 30px;}
.single_tname{float: left; font-size: 13px; font-weight: bold; color: #606060; margin: 15px 0;}
.ques{text-align: center; padding: 3px 8px; border: 1px solid #606060; font-size: 12px; letter-spacing: -1px; color: #606060; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; float: left; margin: 13px 0 8px 5px; cursor: pointer;}
span.review_btn{text-align: center; padding: 1px 8px; border: 1px solid #606060; font-size: 12px; letter-spacing: -1px; color: #606060; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; float: none; margin: 13px 0 8px 5px; cursor: pointer;}
.content_wrap {clear:both; display:block; overflow:hidden; margin:25px 20px 0 20px; padding:5px; font-size: 12px; line-height:130%; height:100%;min-height:160px;border:1px solid;}
.btn_more {cursor: pointer; display: block; margin: 10px 0 0 0; text-align: center; font-size: 12px; font-weight: 600; color:#9d9d9d;}
.SynopsisText {line-height: 1.25;}
.SynopsisText p{font-weight: 600; letter-spacing: -1px; height: auto;}
.single_list{padding:12px 12px 18px ; margin-bottom: 30px; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.single_list .l_tit{font-weight: bold; width: 10%; position: relative;}
.single_list .l_tit i{vertical-align: middle; width: 20px; margin-right: 12px; text-align: center; font-size: 17px; line-height: 1; color:#456DFD;}
.single_list .l_desc{width: 88%;}
.single_list .l_desc a{overflow: hidden; vertical-align: middle; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; width: calc(100% - 200px);font-weight: 500;}
.single_tit{font-weight: bold; font-size: 15px; margin: 20px 0 10px; padding-bottom: 10px;}
.red_bar{width: 2px; height: 12px; background-color:#456DFD; display: inline-block; margin-right: 8px;}
.curri_tit{width: 100%; text-align:center;}
.curri_tit p{background-color:#456DFD; padding: 15px 0; width: 100%;font-size: 14px;color: #fff;}
.curri_tit p .pnt{padding-right: 0;}
.packagelist_con .curri_tit{display: none;}
.review_qbtn{width: 100%; text-align: right;}
.review_qbtn a{width: auto; padding: 6px 10px; font-size: 13px; letter-spacing: -0.5px; font-weight: 600; border: 1px solid #456DFD; color: #456DFD; border-radius: 20px; margin-top: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
#btn_active:active{opacity: 0.5;}
#sub3_container .single_table .tooltip input{display: none;}
#sub3_container .single_table .tooltip label{width: 42px;height: 25px;display: inline-block;cursor: pointer;vertical-align: middle;}
#sub3_container .single_table .tooltip label i {color: #a6a6a6; font-size: 17px;}
#sub3_container .single_table .tooltip{position: relative;display: table-cell; line-height: 25px; opacity: 1; z-index: 2;}
#sub3_container .single_table .tooltip .tooltiptext{display: none; width: 135px; line-height: 1.2; background-color:#efefef; color: #808080; text-align: center; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; padding: 5px 0; position: absolute; z-index: 1; top: 70px; left: -25px; font-size: 12px; letter-spacing: -1px;}
#sub3_container .single_table .time_check{border: none; font-size: 17px;background-color: #fff0;}
#sub3_container .single_table .bold-time{font-size: 13px; font-weight: 700;color: #456DFD;}

/**************************** package ****************************/
#sub3_container .left_con .package_box{margin-bottom: 10px;}
#sub3_container .left_con .package_box .details{border-bottom: none; padding-bottom: 10px;}
#sub3_container .ptab1{font-size: 14px; font-weight: normal; color: #6d6c6c; display: inline-block; cursor: pointer;padding: 6px 9px; border: 1px solid #b1b1b1; border-radius: 5px;}
#sub3_container .ptab1 i{margin-right: 3px;}
#sub3_container .ptab1.ptc1{color: #ffffff; background-color: #456DFD; border: 1px solid #456DFD;}
#sub3_container .package_tab a{width: auto;}
#sub3_container .tab_circle{width: 16px; height: 16px; border: 1px solid #6d6c6c; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; display: inline-block; position: relative; margin-bottom: 0; margin-right: 6px; color: #6d6c6c; vertical-align: text-bottom;}
#sub3_container .tab_circle.ptc2{border-color:#456DFD;}
#sub3_container .tab_circle span{width: 9px; height: 9px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color:#456DFD; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#sub3_container .packagelist_con .plist_tit span.class_tit{font-size: 15px; font-weight: 600; width: calc(100% - 300px); display: inline-block; vertical-align: middle;}
#sub3_container .packagelist_con .plist_tit span.pnt{float: none; padding-right: 20px; font-size: 15px; width: 236px; display: inline-block; text-align: right; vertical-align: middle;}
#sub3_container .packagelist_con .plist_tit{font-size: 15px; padding: 20px 0; cursor: pointer; margin-bottom: 0; background-color: #f9f9f9; border: 1px solid #d8d8d8; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
#sub3_container .package_tab .chk_all_btn{float: right;}
#sub3_container .packagelist_con .plist_tit span.pnt strong{vertical-align: middle;margin-right: 6px;}
#sub3_container .packagelist_con .plist_tit span.pnt span{vertical-align: middle;}
#sub3_container .package_tab .chk_all_btn>div{cursor: pointer; margin: 0; width: 27px; height: 27px; border-color: #456DFD; padding: 0 3px; border: 1px solid #456DFD; margin-left: 10px; padding: 5px;border-radius: 4px;}
#sub3_container .tab_circle2 .scir2{position: absolute; display: block; border-bottom: 2px solid #456DFD; border-left: 2px solid #456DFD; border-image: initial; width: 11px; height: 7px; border-top: none; border-right: none; transform: rotate(-45deg); transform-origin: left top; background-color: rgba(255, 255, 255, 0); left: 1px; top: 50%;}
#sub3_container .package_tab .chk_all_btn .tab_circle2 .scir2{left: 6px;}
.package_tab .view_chk_all{color:#456DFD; padding:0;}
#sub3_container .packagelist_con .pdown_arr{width: 45px; height: 12px; background-image: url(../images/mobile_downarrow.png); vertical-align: middle; background-size: 20%; background-position: center; background-repeat: no-repeat; display: inline-block; margin-left: 10px;}
#sub3_container .packagelist_con .plist_tit.click_slide1 .pdown_arr{background-image: url(../images/white_downarr.png);}
#sub3_container .packagelist_con .plist_tit.click_slide1 .tab_circle2{border-color:#fff;}
#sub3_container .packagelist_con .plist_tit.click_slide1 .tab_circle2 .scir2{border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff;}
#sub3_container .packagelist_con .plist_tit:hover .pdown_arr{background-image: url(../images/white_downarr.png);}
#sub3_container .packagelist_con .plist_tit.click_slide1{background-color: #456DFD; color: #fff;border-bottom-left-radius: 0;  border-bottom-right-radius: 0; border-bottom: 0;}
#sub3_container .packagelist_con .plist_tit:hover{background-color:#456DFD; color: #fff;}
#sub3_container .packagelist_con .detail_box{margin-bottom: 10px; box-shadow: 2px 2px 2px #e5e5e6;}
#sub3_container .packagelist_con .detail_list{background-color: #fff; padding: 10px; border: 1px solid #e5e5e5; display: none;}
#sub3_container .packagelist_con .package_list{border: 1px solid #e5e5e5; padding: 20px; position: relative;}
#sub3_container .packagelist_con .package_list .ask{position: absolute; top: 3px; right: 20px;}
#sub3_container .packagelist_con .single_tit{margin: 0; margin-top: 10px;}
#sub3_container .packagelist_con .tit_desc{margin: 0;}
.detail_btn{display: inline-block; float: right;}
.detail_btn .class_allck, .detail_btn .class_down{margin-left: 5px; padding: 3px 9px; font-size: 14px; border: 1px solid #5b5b5b; margin-bottom: 10px;}
.detail_btn .class_down{border: 1px solid #5b5b5b; padding: 3px 9px; font-size: 14px; background-color: #5b5b5b; color: #fff; margin-bottom: 10px;}
#sub3_container .packagelist_con .single_table{border: 1px solid #e5e5e5;}
#sub3_container .packagelist_con{margin-bottom: 5px;}
#sub3_container .slideclose{display: none; bottom: 27%; right: 562px; cursor: pointer; z-index: 9999; width: 45px; height: 45px; background-color: #4FC4FF;}
#sub3_container .package_con{padding-bottom: 10px; margin-bottom: 30px;}
#sub3_container .pnt .tab_circle{float: right; border-color:#456DFD; margin-left: 30px;}
#sub3_container .pnt .tab_circle .scir{width: 9px; height: 9px; background-color:#456DFD; position: absolute; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#sub3_container .pnt .tab_circle.bc{border-color: #fff;}
#sub3_container .pnt .tab_circle .scir.sbc{background-color: #fff;}
#sub3_container .tab_circle2{width: 22px; height: 22px; border-radius: 4px; border: 1px solid #6d6c6c; display: inline-block; position: relative; margin-bottom: 0; margin-right: 6px; color: #6d6c6c; vertical-align: text-bottom; float: right; border-color: #456DFD; margin-left: 15px;}
#sub3_container .pnt .tab_circle2 .scir2{position: absolute; display: block; border-bottom: 2px solid #456DFD; border-left: 2px solid #456DFD; border-image: initial; width: 11px; height: 7px; border-top: none; border-right: none; transform: rotate(-45deg); transform-origin: left top; background-color: rgba(255, 255, 255, 0); left: 4px; top: 50%;}
#sub3_container .packagelist_con .plist_tit:hover .tab_circle2{border-color:#fff;}
#sub3_container .packagelist_con .plist_tit:hover .tab_circle2 .scir2{border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff;}
li.qty_fix input{color:#a5a5a5!important; font-weight: 400; border:1px solid #e5e5e5!important;}
.qtyplus,.qtyminus{line-height: 14px; background-color: #fff; border: 1px solid #e6e6e6; height: 25px; width: 25px; padding: 0; vertical-align: middle; color: #000; font-size: 15px;}
.qty{border: 1px solid #e6e6e6; text-align: center; width: 36px; height: 25px; vertical-align: middle; color: #000; font-size: 13px; font-weight: 600;}
.pnt{float: right; padding-right: 20px;font-size: 15px;}

/**************************** point ****************************/
#sub3_container .info2 .point_list{text-align: center;flex-direction: unset}
#sub3_container .info2 .point_list > li{padding: 30px 20px; cursor: pointer; }
#sub3_container .info2 .point_list > li .info2_desc{margin-bottom: 0;}
#sub3_container .info2 .point_list > li:last-child .info2_desc{border-left: none;}
#sub3_container .info2 .point_list > li.on {color: #456DFD; border-bottom:2px solid #456DFD;}
#sub3_container .info2 .point_list li ul li{display: inline-block; }
#sub3_container .info2 .point_list .info2_tit{font-size: 15px; margin: 10px 10px 0; letter-spacing: 0;}
#sub3_container .info2 .point_list .info2_text1 span{margin-right: 5px; color:#456DFD; font-size: 20px;}
#sub3_container .info2 .point_list .info2_text1{margin: 5px 10px 0; font-size: 15px; float: right;cursor: pointer; color: #000;}
.point_con .tab_con table{width: 100%; border: 1px solid #e5e5e5;}
.point_con .tab_con th{text-align: center; background-color: #f5f5f5; padding: 15px 0; border-top: 2px solid #456DFD; border-bottom: 1px solid #e5e5e5; font-weight: bold; font-size: 14px;}
.point_con .tab_con td{text-align: center; padding: 15px 0; border-bottom: 1px solid #e5e5e5; background-color: #fff; color: #787878; font-size: 14px;}
.point_con .coupon td:nth-child(1){text-align: left;padding-left:10px;}
.point_con .tab_con td:nth-child(2){color: #575757; font-weight: bold;}
.point_con .coupon_regi{border: 1px solid #e5e5e5; margin-bottom: 20px; padding: 30px 10px; font-size: 13px; text-align: center;}
.point_con .coupon_regi .coupon_tit{width: 100%; margin-right: 10px; font-size: 14px; font-weight: bold; margin-bottom: 20px; color: #5a5a5a;}
.point_con .coupon_regi .coupon_tit i {font-size: 17px; color:#456DFD; margin-right: 4px;}
.point_con .coupon_regi span{margin-right: 10px; font-size: 15px; font-weight: bold;}
.point_con .coupon_regi input{width: 250px; height: 30px; line-height: 30px; border: none; border-bottom: 1px solid #000000;}
.point_con .coupon_regi button{width: 72px; height: 30px; margin-left: 7px; font-weight: bold; background-color: #456DFD; color: #fff; box-shadow: none; border: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
/*********************** review write *************************/
#sub3_container .review_bg{background-color: rgba(0,0,0,0.4); position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 102; display: none;}
#sub3_container .review_box{position: fixed; width: 40%; top: 0; right: -200%; background-color: #fff; height: 100%; padding: 0 15px; z-index: 1000;overflow:auto}
#sub3_container .review_box .tit{color:#000; font-size:16px; margin-top: 40px; border-bottom: 1px solid #292929; padding: 0 0 8px 0; float: none;}
#sub3_container .review_box .stit{font-size: 15px; color: #363636; margin: 36px 0 16px;}
#sub3_container .review_box .review_list li{float: left;}
#sub3_container .review_box .review_list li select{background-color: #fff; border: 3px solid #dedfe3; padding: 0; padding-left: 16px; font-size: 14px; color: #363636;}
#sub3_container .review_box .review_list li img{margin: 0 20px;vertical-align:middle}
#sub3_container .review_box .review_tit input{width: 100%; height: 44px; border:3px solid #dedfe3; height: 28px; font-size: 14px; padding: 5px;}
#sub3_container .review_box .review_require textarea{width: 100%; height: 294px; border: 3px solid #dedfe3; background: none; resize: none; cursor: text; padding: 8px; font-size: 12px; line-height: 1.4;}
#sub3_container .review_box .review_bts li{width: 47%; display: inline-block; font-size: 14px; padding: 15px 0; text-align: center; margin-top: 30px; cursor: pointer;}
#sub3_container .review_box .review_bts li:nth-child(1){margin-right: 10px; border: 3px solid transparent; background-color:#456DFD; color: #fff;}
#sub3_container .review_box .review_bts li:nth-child(2){border: 1px solid #456DFD;}

/**************************** tnc ****************************/
.tnc_box{padding: 30px 5px;}
.tnc_desc{font-size: 13px; color: #333333; line-height: 1.5;}

/**************************** event ****************************/
.event_box{text-align: center;}
.event_con_full{width: 100%; margin: 0 auto;}
.event_con_1140{width: 1140px; margin: 0 auto;}
.event_con_1280{width: 1280px; margin: 0 auto;}
.event_desc{text-align: left;}
.event_desc .lec_list > div {margin-bottom: 20px;}

/**************************** button ****************************/
.exec_player{cursor:pointer;}
.del_file{padding-left:5px;cursor:pointer;}
/**************************** ajax loading ****************************/
.ajax_wrap {
display:none;
position:absolute;
padding:0;
margin:0;
top:0;
left:0;
width:100%;
height:100%;
z-index:1000;
/*   background-color:grey;*/
/*    opacity: .7;*/
}

.ajax_wrap .ajax_loader {
width: 30px!important;
}

/**************************** postcode ****************************/
#post_wrap{
display:none;
position:absolute;
border:1px solid;
margin:0;
padding:0;
top:0;
left:0;
width:90%;
height:90%;
z-index:999;
}
/**************************** lang ****************************/
i {font-family:"Font Awesome 5 Free"!important}
@import url(/include/css/font.css);
:lang(ko) {font-family: "Noto Sans KR", sans-serif;}/*font-family: "Noto Sans KR", sans-serif;*/
:lang(jp) {font-family: Meiryo!important; font-weight: 600; font-size: 12px;}

/**************************** jp ****************************/
:lang(jp) #view4_container .details > li.twoLine{line-height: 2.5;}
:lang(jp) .device_ch {width: 82px;}
:lang(jp) .dc_price{width: calc(100% - 87px);}
:lang(jp) i {font-family:"Font Awesome 5 Free"!important}

/**************************** etc ****************************/
.boldtext {color:#456DFD; font-weight: bold; }
.alert {width: 250px; height: 50px; line-height: 30px; position: fixed; left: 50%; margin-left:-125px; top: 70%; z-index: 9999; background-color: #5b5b5b; color: #F0F0F0; font-size: 15px; padding: 10px; text-align:center; border-radius: 2px; -webkit-box-shadow: 0 0 24px -1px rgba(56, 56, 56, 1); -moz-box-shadow: 0 0 24px -1px rgba(56, 56, 56, 1); box-shadow: 0 0 24px -1px rgba(56, 56, 56, 1); }
