@charset "utf-8";

/*only_IE8,9 */
.ie9  input[type="text"], .ie8 input[type="text"]{height:40px; width:330px; border:1px solid #CCC; padding-left:20px; vertical-align:middle; line-height:20px;}
.ie9 .plusminus_wrap input[type="text"], .ie8 .plusminus_wrap input[type="text"]{padding-left:0;}
.ie9 select, .ie8 select{background:#FFF !important; padding:0 0 0 5px !important; line-height:35px; vertical-align:middle;}
/* End only_IE8,9 */

article *{box-sizing:border-box;}
h2{font-size:25px; line-height:1em;}

select{-webkit-appearance:none; border:none; -moz-appearance:none;}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {display: none;}
select{background:URL('/images/branch/bg_select.png') no-repeat 102% -1px #FFF; width:auto; height:40px; padding-right:45px; border:1px solid #ccc; line-height:23px; vertical-align:middle;}

input[type="text"], input[type="password"]{width:auto; height:40px; background:#FFF; vertical-align:middle; border:1px solid #ccc; box-sizing:border-box; padding:5px 10px; -webkit-box-shadow: 0 0 0 1000px white inset;}

input[type="radio"]{width:0; height:0;}
input[type="radio"] + label{vertical-align:middle; height:20px; line-height:20px; font-size:15px; color:#666666; padding-left:25px; margin-right:10px; background:URL('/images/mall/bg_radio.png') no-repeat 0 -21px; display:inline-block;}
input[type="radio"]:checked + label{background-position:0 0;}

input[type="checkbox"]{width:0; height:0; position:absolute;}
input[type="checkbox"] + label{background:URL('/images/mall/bg_chk.png') no-repeat 0 -21px; padding-left:25px; height:21px; font-size:0; display:block; margin:0 auto;}
input[type="checkbox"] + label.view_text{font-size:15px; display:inline-block; margin-right:10px;}
input[type="checkbox"]:checked + label{background-position:0 1px;}

#wrapTown{background:#FFF;}
#Contents{min-height:500px;}

.cont_wrap{width:1100px; margin:0 auto; background:#FFF; padding:0 0 50px;}
.cont_wrap > h3, .cont_wrap .cont > h3{font-size:18px; margin-top:40px; background:url('/images/membership/ico_title.gif') no-repeat 0 6px; padding-left:20px;}

a.btn_order:active{background:#8c8c8c}

.cont{position:relative;}


/*datepicker*/
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{height:30px; background:URL('/images/branch/bg_select30.jpg') no-repeat 102% -1px #FFF; padding-right:35px;}


/*header*/
/* header{background:#f2f2f2;}*/
header {
    background: #fff;
    border-bottom: 1px solid #ededed;}
header .header_wrap{position:relative; height:100px;}
header .header_wrap h1{width:404px;}
.btn_gohome{background:URL('/images/branch/bg_gohomebtn.png') no-repeat 10px 7px #8b4b98; width:206px; height:55px; padding:8px 0 0 64px; display:block; position:absolute; bottom:10px; right:0; color:#FFF; box-sizing:border-box; font-size:13px; letter-spacing:-0.02em; line-height:1.4em; word-break:keep-all; border-radius:28px;}

.go_btn{border:1px solid #ccc; color:#666; padding:5px 10px; font-size:13px; vertical-align:middle; margin-left:10px;}
.point_icon{border:1px solid #666; color:#666; background-color: #FE9A2E; padding:2px 5px; font-size:9px; vertical-align:middle; border-radius: 6px;}

.infor_wrap .go_btn{position:absolute; right:0; top:0}
.group_wrap .go_btn{position:absolute; right:0; top:0}

.login_menu{margin-top:0;}
.login_menu *{font-size:14px; color:#666; font-weight:normal;}
.login_menu ul:after{content:""; display:inline-block; clear:both;}
.login_menu li{float:left; vertical-align:middle; display:inline-flex;}
.login_menu li + li{margin-left:20px}
.login_menu li + li:before{content:""; width:1px; height:9px; vertical-align:middle; display:inline-block; background:#ededed; margin:5px 20px 0 0;}
.login_menu li button{font-weight:bold;}

/*전페이지 공통*/
.common_tab{/* border-top:1px solid #ededed; border-bottom:1px solid #ededed;*/ margin:30px 0 40px; font-weight:bold;}
.common_tab ul{width:1100px; margin:0 auto; background:#f5f5f5;}
.common_tab ul:after{content:""; display:block; clear:both;}
.common_tab ul li{width:14.28%; float:left; text-align:center; font-size:18px; height:50px; line-height:50px; position:relative}
.common_tab ul li a{display:block; width:100%; height:100%;}
.common_tab ul li:hover{background:#ff8437;}
.common_tab ul li:hover a{color:#FFF;}
.common_tab ul li + li:before{content:""; display:block; width:1px; height:30px; position:absolute; top:10px; left:0; background:#dcdcdc;}
.common_tab ul li + li.on:before, .common_tab ul li + li:hover:before{background:#ff8437;}
.common_tab ul li:after{content:URL('/images/mall_mypage/bu_commontab_on.png'); position:absolute; left:50%; bottom:5px; margin-left:-5px; height:13px; display:none;}

/*각 페이지별 메뉴 On 상태로..*/
.home_wrap .home, .infor_wrap .infor, .contract_wrap .contract, .sales_wrap .sales, .group_wrap .group, .notice_wrap .notice, .qna_wrap .qna , .reference_wrap .reference{background:#ff8437;}
.home_wrap .home a, .infor_wrap .infor a, .contract_wrap .contract a, .sales_wrap .sales a, .group_wrap .group a, .notice_wrap .notice a, .qna_wrap .qna a , .reference_wrap .reference a{color:#FFF;}
.home_wrap .home:before, .infor_wrap .infor:before, .contract_wrap .contract:before, .sales_wrap .sales:before, .group_wrap .group:before, .notice_wrap .notice:before, .qna_wrap .qna:before, .reference_wrap .reference:before{background:#ff8437;}
.home_wrap .home:after, .infor_wrap .infor:after, .contract_wrap .contract:after, .sales_wrap .sales:after, .group_wrap .group:after, .notice_wrap .notice:after, .qna_wrap .qna:after, .reference_wrap .reference:after{display:block;}

/*리스트 페이지 공통*/
.list_table *{font-size:14px;}
.list_table{width:100%;margin-top:30px;border-collapse:collapse;border-top:2px solid #2bb5b6;}
.list_table th, .list_table td{padding:10px;border:1px solid #ddd; text-align:center;color:#666;}
.list_table th{background:#f9f9f9;}
.list_table th.tit{font-size:16px;}
.list_table td.tit{text-align:left;}
.list_table td.tit a:hover{font-weight:bold;}
.list_table td button.down span{font-size:0; line-height:0;}
.list_table td button.down:before{content:""; width:20px; height:20px; background:URL('/images/mall_mypage/btn_filedown.png') no-repeat #5554a1; display:inline-block; vertical-align:middle;}
.list_table td p.plusminus_wrap button{width:30px; height:30px; border:1px solid #c2c2c2; font-size:0; position:absolute; background-color:#FFF;}
.list_table td img.thum{width:auto; height:auto; max-width:80px; max-height:113px;}

.list_table.notice td{text-align:left;}
.list_table.notice td + td{text-align:center;}

.list_table tr.n_top td{background:#f1f1ff;; font-weight:bold;}
.list_table tr.n_new td.tit:after{content:"N"; width:15px; height:15px; line-height:15px; display:inline-block; text-align:center; font-size:12px; font-weight:bold; margin-left:5px; border-radius:3px; background:#ff8437; color:#FFF;}

.list_table .done{color:#009fa0; font-weight:bold;}
.list_table td.nodata{height:150px; font-weight:bold;}

.cancel_step{color:#b82a3c; font-weight:bold;}

.book_infor{display:table; margin:10px;}
.book_infor li{display:table-cell;vertical-align:middle;text-align:left;}
.book_infor li strong{font-size:17px;}
.book_infor li p{margin-top:10px;}
.book_infor li p + p{margin-top:3px;}
.book_infor li p:before{content:""; display:inline-block;vertical-align:middle; width:3px; height:3px; background:#ff8437;margin-right:5px;}
.book_infor li p span{font-weight:bold;}
.book_infor li + li{padding-left:20px;}

.sch_box{padding:10px 20px; text-align:center;}
.sch_box h4{display:inline-block; vertical-align:middle; font-size:15px;}
.sch_box ul{display:inline-block; vertical-align:middle; margin-right:10px; width:800px}
.sch_box ul:after{content:""; display:block; clear:both;}
.sch_box ul li{float:left; font-size:14px; line-height:1.2em;}
.sch_box ul li input[type="text"].date{padding:5px 27px 5px 5px; height:30px; width:150px; background:URL('/images/mall_mypage/icon_calendar.png') no-repeat 120px center #FFF; border:1px solid #bfbfbf; display:inline-block; vertical-align:middle;}
.sch_box ul li input[type="text"]{padding:5px; height:30px; width:200px; border:1px solid #e4e4e4; display:inline-block; vertical-align:middle;}
.sch_box ul li p{display:inline-block; vertical-align:middle;}
.sch_box ul li p.btn_date_wrap{margin-left:10px;}
.sch_box ul li p.btn_date_wrap button{width:50px; margin-left:5px; background:#ededed; border:1px solid #e4e4e4; padding:5px 0; color:#666; display:block; float:left;}
.sch_box ul li p.btn_date_wrap button.on{background:#5554a1; color:#FFF; border:1px solid #5554a1}
.sch_box ul li + li{float:right;}

.btn_sch{background:#333; color:#FFF; padding:5px 20px; height:40px; display:inline-block;vertical-align:middle; font-size:15px;}
.btn_view{border:1px solid #1267aa; color:#1267aa; padding:5px 10px; font-size:13px;}

/*뷰 페이지 공통*/
.view_table{width:100%;border-collapse:collapse;border-top:2px solid #2bb5b6; margin-top:30px; color:#666;}
.view_table th{border:1px solid #ddd; background:#f9f9f9; font-size:14px;}
.view_table td{border:1px solid #ddd; padding:15px; font-size:14px;}

.view_table_wrap input[type="text"]{height:30px; border:1px solid #CCC; padding-left:20px; vertical-align:middle; line-height:20px;}
.view_table textarea{border:1px solid #CCC; width:655px; padding:10px; font-size:14px; line-height:1.4em; box-sizing:border-box;}

.content_td div{min-height:100px; padding:10px; vertical-align:middle;}
button.btn_down{font-weight:bold; font-size:14px; color:#666;}
button.btn_down:hover{text-decoration:underline;}
button.btn_down:after{content:""; width:20px; height:20px; background:URL('/images/mall_mypage/btn_filedown.png') no-repeat #5554a1; display:inline-block; vertical-align:middle; margin-left:10px;}

.view_table td.manage-permissions input[type="checkbox"] + label.view_text{margin-top:10px;}

.list_priview{border:#666 2px solid; border-left:0; border-right:0;padding:5px 10px;}
.list_priview ul{}
.list_priview ul li{padding:10px;}
.list_priview ul li + li{border-top:1px solid #ededed;}
.list_priview ul li span{margin-right:20px}
.list_priview ul li span.prev{background:none;}
.list_priview ul li span.prev:after{content:"▲"; display:inline-block; margin-left:5px;}
.list_priview ul li span.next{background:none;}
.list_priview ul li span.next:after{content:"▼"; display:inline-block; margin-left:5px;}
.list_priview ul li a:hover{color:#333; font-weight:bold;}

.btn_wrap{text-align:center; padding:35px 0;}
.btn_wrap:after{content:""; display:block; clear:both;}
.btn_wrap a{font-size:21px; width:227px; height:55px; box-sizing:border-box; display:inline-block;}
.btn_wrap a + a{margin-left:10px;}
.btn_wrap button{font-size:21px; width:227px; height:55px; box-sizing:border-box; display:inline-block;}
.btn_wrap button + button{margin-left:10px;}
.btn_wrap .chk{background:#5554a1; color:#FFF;}
.btn_wrap .cancel{background:#8c8c8c; color:#FFF;}
.btn_wrap .list{border:1px solid #5554a1; color:#5554a1;}
.btn_wrap .right{float:right;}
.btn_wrap .left{float:left;}
.btn_wrap .small_gray_right{float:right; font-size:17px; background:#777; color:#FFF; width:auto; height:auto;  font-weight:bold; padding:10px 20px;}
.btn_wrap .small_gray_center{font-size:17px; background:#777; color:#FFF; width:150px; line-height:1em; height:auto; font-weight:bold; padding:10px 20px; margin:0 auto; display:block;}
.btn_wrap .small{font-size:17px; width:150px; height:auto; padding:10px 20px; text-align:center;}


/*페이징*/
.cont_wrap .paging{text-align:center;margin-top:50px;}
.cont_wrap .paging.under_btn{margin-top:0;}
.cont_wrap .paging ul{display:inline-block; vertical-align:middle; margin:0 20px;}
.cont_wrap .paging ul:after{content:""; display:block; clear:both;}
.cont_wrap .paging ul li{float:left;}
.cont_wrap .paging ul li a{width:25px; height:25px; line-height:18px; background:none; font-size:14px}
.cont_wrap .paging ul li a:hover, .cont_wrap .paging ul li a.on{background:none; font-weight:bold; color:#2bb5b6;}
.cont_wrap .paging button{width:25px; height:25px; vertical-align:middle; float:none;}
.cont_wrap .paging button:hover, .cont_wrap .paging button.on{background-position:center 0;}
.cont_wrap .paging button span{font-size:0;}

.first{background:URL('/images/mall_mypage/btn_paging_first.png') no-repeat center -26px;}
.last{background:URL('/images/mall_mypage/btn_paging_last.png') no-repeat center -26px;}
.next{background:URL('/images/mall_mypage/btn_paging_next.png') no-repeat center -26px;}
.prev{background:URL('/images/mall_mypage/btn_paging_prev.png') no-repeat center -26px;}

/*Login*/
.b_login_wrap{background:#f1f1f1; width:100%; min-height:100%; position:relative;}
.cont_wrap.login{background:#f1f1f1;}
.cont_wrap.login input[type="text"], .cont_wrap.login input[type="password"]{width:300px; height:40px; margin-bottom:10px; background:#FFF; border:1px solid #ccc; box-sizing:border-box; padding:5px 10px;  -webkit-box-shadow: 0 0 0 1000px white inset;}

.login_box{width:900px; height:500px; position:absolute; top:50%; left:50%; margin:-250px 0 0 -450px; background:#FFF; text-align:center; border:5px solid #dcdcdc}
.login_box h1{font-size:35px; margin-bottom:30px;}
.login_box h1:before{content:URL('/images/temp/logo.png'); width:220px; height:100px; display:block; margin:40px auto 20px}
.login_box button{display:block; width:300px; height:40px; background:#ff8437; color:#fff; font-weight:bold; font-size:18px; line-height:40px; margin:0 auto;}
.login_box a{margin-top:10px; display:inline-block; font-size:14px; margin-top:20px;}
.login_box a:hover{font-weight:bold}
.login_box a:before{content:""; display:inline-block; width:15px; height:15px; vertical-align:middle; background:URL('/images/branch/bu_idpw.png') no-repeat; margin-right:5px;}

/*아이디패스워드찾기*/
.idpw_wrap{border-top:1px solid #dfdfdf;}
.idpw_wrap .cont_wrap{width:700px; margin:70px auto 80px; padding:0;}
.idpw_box{margin:20px auto; position:relative;}
.idpw_box *{box-sizing:border-box; color:#666; font-size:14px;}
.idpw_box dt{position:absolute; top:0; width:50%;}
.idpw_box dt button{display:block; width:100%; text-align:center; padding:20px 0; font-size:16px; background:#f5f5f5; }
.idpw_box .pw_wrap dt{left:50%;}
.idpw_box .on{padding-top:65px;}
.idpw_box .on dt button{background:#eb604f; color:#FFF;}
.idpw_box .on dt button:after{content:URL('/images/branch/bu_commontab_on2.png'); position:absolute; left:50%; bottom:-11px; margin-left:-5px; height:13px;}
.idpw_box .on dd{display:block;}
.idpw_box dd{display:none; border:2px solid #CCC; padding:20px 0; margin-top:40px}
.idpw_box dd p{margin-bottom:20px; text-align:center; font-weight:bold; font-size:16px; border-bottom:1px dashed #cacaca; padding-bottom:20px;}
.idpw_box button.chk{display:block; width:150px; font-size:15px; color:#FFF; background:#0f70b7; padding:10px; margin:20px auto 0}
.idpw_box ul{margin:40px auto 20px; border-bottom:1px dashed #cacaca; padding-bottom:30px}
.idpw_box ul li{width:400px; margin:0 auto;}
.idpw_box ul li + li{margin-top:10px;}
.idpw_box ul li label{width:100px; display:inline-block; font-weight:bold;}
.idpw_box ul li input[type="text"]{width:300px;}


/*Home*/
.cont:after{content:""; display:block; clear:both;}
.layout_left{float:left; width:55%; padding-right:15px}
.layout_right{float:right;width:45%; padding-left:15px}

.home_tit_wrap{}
.home_tit_wrap:after{content:""; display:block; clear:both;}
.home_tit_wrap h2{margin-bottom:30px; display:inline-block;}
.home_tit_wrap .add_contract{float:right; color:#FFF; background:#666; font-size:15px; padding:10px;}

.user_infor{padding:20px 0 20px 40px; border:2px solid #ededed; }
.user_infor:after{content:""; display:block; clear:both;}
.user_infor dl{float:left; width:50%; padding:5px;}
.user_infor dd, .user_infor dt{float:left; vertical-align:middle; font-size:14px; color:#666;}
.user_infor dt{padding:5px; color:#333; font-weight:bold; font-size:16px;}
.user_infor dt:after{content:":"; display:inline; margin-left:10px;}
.user_infor dd{padding:5px;}
.user_infor dt:before{content:""; width:5px; height:5px; display:inline-block; background:#7bcef4; margin-right:10px; vertical-align:middle;}

.home_subtit_wrap{margin-top:30px;}
.home_subtit_wrap:after{content:""; display:block; clear:both;}
.home_subtit_wrap h3{margin-top:0; float:left; background-position:0 10px;}
.home_subtit_wrap h3 span{color:#0079b2}
.btn_more{border:1px solid #b3b3b3; padding:5px; display:block; width:30px; height:30px; float:right; text-align:center; line-height:1em; font-weight:bold; color:#35aba3; font-size:17px;}
.btn_more span{font-size:0;}
.btn_more:before{content:"+"; display:inline-block;}

.home_wrap .list_table{margin-top:10px;}

.main_sales_wrap{margin-top:10px;border:2px solid #ededed; padding:20px;}
.main_sales_wrap:after{content:''; display:block; clear:both;}
.main_sales_wrap dl{float:left; width:50%; font-weight:bold;}
.main_sales_wrap dl.total{}
.main_sales_wrap dl.detail{}

.main_sales_wrap dl + dl{padding-left:20px;}

.main_sales_wrap dt{text-align:center; font-size:16px; border-bottom:1px solid #ededed; padding-bottom:10px;}
.main_sales_wrap dd{}
.main_sales_wrap dl.total dd{font-size:28px; padding:20px 10px; text-align:center;}
.main_sales_wrap dl.detail dd{padding-top:20px; color:#666; font-size:14px;}
.main_sales_wrap dl.detail dd strong{font-size:15px; padding:7px;}
.main_sales_wrap dl.detail dd span{float:right;}

.no-date{height:128px;}

/*회원별 수수료 확인*/
.set_price_wrap{border-top:1px solid #dfdfdf;}
.set_price_wrap .sch_box{border-top:1px dashed #CCC; border-bottom:1px dashed #CCC; margin:30px 0; padding:20px;}
.set_price_wrap .sch_box p{margin-left:30px; font-weight:bold; padding-right:10px; font-size:17px; display:inline-block;}
.set_price_wrap .sch_box p:before{content:""; width:5px; height:5px; display:inline-block;  background:#7bcef4; margin-right:10px; vertical-align:middle;}
.set_price_wrap .sch_box p span{font-weight:normal; margin-left: 5px;}

.set_case_list{text-align:center;}
.set_case_list p{display:inline-block; font-size:16px; margin:0 10px; vertical-align:middle;}
.set_case_list p:before{content:"-"; display:inline-block; margin-right:10px;}
.set_case_list p + p{margin-left:20px;}
.set_case_list .done{color:#009fa0;}
.set_case_list span{font-weight:bold;}

.set_case_list button{width:30px; height:30px; vertical-align:middle;}
.set_case_list button span{font-size:0;}
.set_case_list .prev{background:URL('/images/branch/bg_prev.png') no-repeat center #CCC; margin-right:20px;}
.set_case_list .next{background:URL('/images/branch/bg_next.png') no-repeat center #CCC; margin-left:20px;}

.set_price td em{padding:0 20px 0 5px;}
.set_price td input[type="text"]{height:30px;}
.set_price td input[type="text"].price{width:100px; text-align:right;}
.set_price td input[type="text"].price_rate{width:50px;}


/*지사정보*/
.infor_tit_wrap{position:relative;}
.area_wrap p{display:inline-block;}
.area_wrap p + p:before{content:","; display:inline-block; margin-right:10px;}
.memo{border:1px solid #ccc; width:100%; min-height:150px; padding:10px; margin-top:20px; box-sizing:border-box; background:#f9f9f9;}

/*약정기간 관리*/
.contract_wrap h3{background:none; text-align:center;}
.contract_wrap .list_table{margin-top:0;}
.contract_wrap .sch_box{margin-top:10px; border:none;}

.t_num{margin-top:30px; font-weight:bold; margin-bottom:5px; font-size:15px; padding-left:5px; color:#222;}

/*매출관리*/
.sales_wrap .sch_box{text-align:left; border-top:2px solid #5554a1; border-bottom:1px dashed #dadada; margin:0 0 0; padding:30px 20px; background:#f5f5f5;}
.sales_wrap .sch_box:after{content:""; display:block; clear:both;}
.sales_wrap .sch_box h3{margin:0 0 30px;}
.sales_wrap .sch_box h4{margin-right:20px}
.sales_wrap .sch_box div{float:left; width:900px; padding-left:50px;}
.sales_wrap .sch_box ul + ul{margin-top:20px;}
.sales_wrap .sch_box ul li{}
.sales_wrap .sch_box select{height:30px; background-image:URL('/images/branch/bg_select30.jpg'); background-position:101% -1px;}
.sales_wrap .sch_box select.sales_group{width:360px;}
.sales_wrap .sch_box select.sales_group_book{width:300px;}
.sales_wrap .sch_box ul li input[type="text"]{height:30px; width:650px; border-color:#CCC;}
.sales_wrap .sch_box ul li input[type="text"].date{padding:5px 27px 5px 5px; height:30px; width:150px; background:URL('/images/mall_mypage/icon_calendar.png') no-repeat 120px center #FFF; border:1px solid #bfbfbf; display:inline-block; vertical-align:middle;}

.sales_wrap .sch_box .btn_sch{display:block; float:left; height:76px;}

.sales_btn_wrap{text-align:center;}
.sales_btn_wrap a{width:200px; height:50px; border-bottom:none;  display:inline-block; font-size:16px; font-weight:bold; line-height:50px; border-radius:10px 10px 0 0;}
.sales_btn_wrap a.on{color:#5554a1;position:relative}
.sales_btn_wrap a.on:after{content:URL('/images/branch/bu_commontab_on3.png'); position:absolute; left:50%; bottom:15px; margin-left:-5px; height:13px;}

.group_sales_total{border:2px solid #ededed; padding:20px 0; text-align:center; margin:20px 0;}
.group_sales_total p{display:inline-block; font-weight:bold; font-size:17px; vertical-align:middle; width:30%;}
.group_sales_total p + p{margin-left:3%;}
.group_sales_total p:before{content:""; width:5px; height:5px; display:inline-block; background:#7bcef4; margin-right:10px; vertical-align:middle;}
.group_sales_total p span{font-weight:normal; margin-left:5px;}

/*매출관리 추가 부분*/
.sales_total_wrap{margin:35px auto 30px; font-size:15px; border:2px solid #ededed; padding:30px 50px;}
.sales_total_wrap h3{font-size:1.7em; margin-bottom:10px;}
.sales_total_wrap h3 span{color:#5554a1}
.sales_total_wrap h3 + p{color:#868686; padding-bottom:30px; margin-bottom:30px; border-bottom:2px solid #5554a1}
.sales_total_wrap h4{margin-top:40px; font-size:1.15em; border-top:1px dashed #d2d2d2; padding-top:40px;}
.sales_total_wrap h4:before{content:''; display:inline-block; width:3px; background:#2bb5b6; height:1em; vertical-align:middle; margin-right:7px;}

.sales_notice{margin:15px 0;}
.sales_notice p{margin-top:5px; padding-left:14px; color:#626262; font-size:14px;}
.sales_notice p:before{content:''; display:inline-block; width:5px; height:5px; background:#ed4a14; border-radius:5px; margin-right:10px;}
.sales_notice p span{display:block; margin-top:10px;}
.sales_notice p strong{}

.sales_notice .notice{padding:20px 20px 20px 30px; background:#fffcf1; margin-bottom:20px; position:relative;}
.sales_notice .notice:before{content:''; display:inline-block; width:1.3em; height:1.3em; margin-right:3px; vertical-align:middle; background:URL('/images/branch/icon_notice.png') no-repeat center/90% auto;}
.sales_notice .notice > em{font-weight:bold; color:#ff7109;}
.sales_notice .notice ul{margin-top:15px;}
.sales_notice .notice ul li:before{content:"-"; margin-right:5px; vertical-align:middle; font-weight:bold;}
.sales_notice .notice ul li + li{margin-top:10px;}
.sales_notice .notice ul li span{display:block; padding-left:15px; font-size:0.9em; margin-top:5px; line-height:1.7; color:#7b7b7b;}


.sales_notice p.date strong{display:inline-block; position:relative;}
.sales_notice p.date strong:before{}

.sales_table{margin:40px 0 20px;}
.sales_table > p{text-align:right; color:#00a2b7; font-size:0.9em;}

.sales_table table{width:100%; margin-top:20px;}
.sales_table table th, .sales_table table td{border:1px solid #d5d5d5; padding:10px;}
.sales_table table th{line-height:2em; background:#f0f8ff; width:calc(100% / 3)}
.sales_table table td{text-align:right;}
.sales_table table td.align_center{text-align:center;}
.sales_table table td strong{font-size:1.2em;}

.sales_table table td button{font-weight:bold; color:#006fff; display:inline-block; position:relative; font-size:inherit; vertical-align:text-bottom;}
.sales_table table td button:before{content:''; display:block; position:absolute; bottom:-1px; left:0; height:1px; width:100%; background:#006fff}

.sales_total_wrap p.tel{text-align:center;}
.sales_total_wrap p.tel:strong{}
.sales_total_wrap p.tel:before{content:''; display:inline-block; width:22px; height:22px; vertical-align:middle; background:URL('/images/branch/icon_tel.png') no-repeat center; margin-right:10px;}

.body_scroll{overflow:hidden}
#sales_table_pop{display:none; position:fixed; top:0; bottom:0; left:0; right:0; z-index:999; background:rgba(0, 0, 0, 0.7)}
#sales_table_pop.on{display:flex; justify-content:center; align-items:center;}

#sales_table_pop .pop_box{background:#FFF; width:600px; position:relative;}
#sales_table_pop .pop_box h5{background:#794fbf; color:#FFF; padding:0 20px; line-height:60px; font-size:22px; font-family:'Nanum Gothic','sans serif';}
#sales_table_pop .close_pop{position:absolute; width:50px; height:60px; top:0; right:10px; background:URL('/images/main/btn_close.png') no-repeat center; font-size:0;}

#sales_table_pop .pop_cont_wrap{padding:15px 20px 30px; font-size:15px; max-height:70%;}

#sales_table_pop .pop_cont_wrap dl{display:table;}
#sales_table_pop .pop_cont_wrap dl + dl{padding-bottom:10px;}
#sales_table_pop .pop_cont_wrap dl:after{content:''; display:block; clear:both;}
#sales_table_pop .pop_cont_wrap dt, .pop_cont_wrap dd{display:table-cell; padding-top:5px}
#sales_table_pop .pop_cont_wrap dt{font-weight:bold; overflow:hidden; white-space:nowrap;}
#sales_table_pop .pop_cont_wrap dt:before{content:''; display:inline-block; width:5px; height:5px; border-radius:5px; background:#ff870f; vertical-align:middle; margin-right:10px;}
#sales_table_pop .pop_cont_wrap dd{word-break:keep-all; padding-left:5px; text-align:left;}

#sales_table_pop .table_wrap{padding-top:45px; margin-top:5px; position:relative; border-top:1px dashed #ededed;}
#sales_table_pop .table_wrap > p{position:absolute; top:10px; font-size:14px;}
#sales_table_pop .table_wrap .total{left:10px;}
#sales_table_pop .table_wrap .total span{font-weight:bold;}
#sales_table_pop .table_wrap .price{right:10px;}

#sales_table_pop .table_wrap .table_box{max-height:400px; overflow:auto; border:1px solid #ededed;}
#sales_table_pop .table_wrap .table_box table{width:100%; table-layout:fixed;}
#sales_table_pop .table_wrap .table_box table th, #sales_table_pop .table_wrap table td{padding:5px 10px; border:1px solid #ededed;}
#sales_table_pop .table_wrap .table_box table th{background:#f0f8ff; position:sticky; top:0;}
#sales_table_pop .table_wrap .table_box table td{text-align:center;}

#sales_table_pop .table_wrap .table_box table td:nth-child(3),#sales_table_pop .table_wrap .table_box table td:nth-child(4){text-align:right}

#sales_table_pop .table_wrap .table_box table td:nth-child(2){overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*공지사항*/
.notice_wrap{margin-bottom:30px;}
.notice_wrap .sch_box{border:none;}

/*1:1 문의*/
.answer_td{border-top:2px solid #2bb5b6;}
.answer_td th{background:#f3faff;}
.qna_contents_box{min-height:150px;}

.qna_box{border:2px solid #ededed; margin:0 0 30px}
.qna_box:after{content:""; display:block; clear:both;}
.qna_box dl{width:30%;padding:10px 20px;float:left; display:table;}
.qna_box dl + dl{margin-left:5%;}
.qna_box dl + dl:before{content:""; width:1px; height:20px; display:inline-block; background:#e4e4e4; vertical-align:middle; margin-left:-40px;}
.qna_box dt, .qna_box dd{width:50%; text-align:center; font-size:16px; display:table-cell;}
.qna_box dt{font-weight:bold; padding:10px 20px;}
.qna_box dt:before{content:""; width:5px; height:5px; display:inline-block; background:#7bcef4; margin-right:10px; vertical-align:middle;}

/*팝업*/
#popContents{background:#FFF;}
.pop_tit{background:#5554a1; color:#FFF; padding:10px 20px;}
.pop_tit h1{float:left; font-size:25px;}
.pop_tit:after{content:""; display:block; clear:both;}
.pop_tit .btn_close{background:URL('/images/mall/btn_pop_close.png') no-repeat; width:30px; height:30px; font-size:0; display:block; float:right; margin-top:5px;}

.pop_contents{padding:50px 30px 20px;}
#popContents .group table + table{margin-top:20px;}

#popContents table{width:100%;border-collapse:collapse; margin-top:0;}
#popContents table *{font-size:14px; color:#666;}
#popContents table th{border:1px solid #ddd; background:#f9f9f9; font-size:14px;}
#popContents table td{border:1px solid #ddd; padding:15px;}

#popContents table td.memo_td{}
#popContents table td.memo_td div{float:left; width:48%; font-weight:bold;}
#popContents table td.memo_td div + div{margin-left:4%;}
#popContents table td.memo_td div textarea{width:100%; border:1px solid #ccc; font-weight:normal;}
.h_memo textarea{background:#f7fbff;}

#popContents .btn_wrap{padding:10px; text-align:center; margin-top:30px;}
#popContents .btn_wrap button{height:auto; font-size:18px; text-align:center;  padding:10px 20px;  width:150px; background:#35aba3; color:#FFF; font-weight:bold;  display:inline-block;}
#popContents .btn_wrap .inactive{background:#777; color:#FFF; font-weight:bold; margin-left:10px;}


/*회원정보수정*/
.myinfor input[type="text"], .myinfor input[type="password"]{height:30px; padding:5px 10px; border:1px solid #DDD}
.myinfor input[type="password"]{width:190px;}
.myinfor input[type="checkbox"] + label{font-size:14px;}
.myinfor select{background:URL('/images/mall_mypage/bg_select_30.png') no-repeat right -1px #FFF; width:80px; height:30px; border:1px solid #e4e4e4; line-height:23px;}

.myinfor td ul{}
.myinfor td ul li{display:inline-block;}
.myinfor td a.post{background:#666; color:#FFF; display:inline-block; height:30px; margin-left:5px; line-height:30px; vertical-align:top; padding:0 10px;}

.disabled input[type="radio"] + label{background-image:URL('/images/mall/bg_radio_dis.png'); cursor:default;}

.myinfor input[type="radio"] + label, .license_wrap input[type="radio"] + label{font-size:14px;}

.good{display:inline-block; font-size:13px; font-weight:bold;}
.good:before{content:""; width:30px; height:30px; display:inline-block; background:URL('/images/mall_mypage/icon_o.png') no-repeat; vertical-align:middle;}
.bad{display:inline-block; font-size:13px; font-weight:bold;}
.bad:before{content:""; width:30px; height:30px; display:inline-block; background:URL('/images/mall_mypage/icon_x.png') no-repeat; vertical-align:middle;}

.email_td select{width:140px; height:30px; background-position:109px -1px}
.city_td select{width:110px; height:30px; background-position:80px -1px}
.tel_td input[type="text"]{width:70px;}
.tel_td input[type="text"].name{width:100px; margin-right:10px;}  
.licenseno_td input[type="text"]{width:80px;}

.post_group p{margin-top:5px;}
.post_group p input[type="text"]{width:65px;}
.post_group p + p input[type="text"]{width:390px;}

.agree{margin-top:10px; font-weight:bold; font-size:12px; color:#666;}
.agree em{color:#35aba3; font-weight:bold;}
.myinfor .agree input[type='checkbox'] + label{display:inline-block;}

.license_wrap{margin-bottom:30px;}
.license_wrap ul{border:2px solid #ededed; margin-top:20px; padding:20px 40px;}
.license_wrap ul li{display:inline-block;}
.license_wrap ul li label{padding-left:30px;}
.license_wrap ul li + li{padding-left:20px;}
.license_wrap .agree{margin-top:5px; font-size:14px; display:none;}
.license_wrap .agree.on{display:block}

.file_box{}
.file_box button.btn_del{background:#3d3d3d; color:#fff; width:70px; height:40px; margin-left:5px; vertical-align:middle;}

.btn_box{width:100px;height:40px;overflow:hidden; display:inline-block; vertical-align:middle;position:relative;margin-left:5px;}
.btn_box input[type="file"]{width:0; height:0; z-index:1; position:absolute; top:-100%; bottom:-100%;}
.btn_box label{width:100px; height:40px; display:block; line-height:37px; border:1px solid #ddd; text-align:center; font-weight:bold;}


/*전체 공통 팝업*/
.layer_pop_wrap{display:none; width:100%; height:100%; z-index:90; background:URL('/images/mall/bg_mall_pop_wrap.png'); position:fixed; top:0; left:0;}
.layer_pop_wrap.on{display:block;}
.layer_pop_wrap > div button.pop_close{position:absolute; top:-41px; right:0; width:30px; height:30px; background:URL('/images/mall/btn_pop_close.png') no-repeat; font-size:0; padding:0;}
.layer_pop_wrap > div > p{font-size:18px; text-align:center; font-weight:bold;}

.pop_in{text-align:center; margin-top:10px; font-size:14px; color:#666;}
.pop_in button.close{border:1px solid #666; background:#666; color:#FFF; display:block; margin:10px auto 0; padding:5px 10px;}




/*footer*/
#Footer{background:#6d6d6d}
#Footer .footer_info {padding:25px 0;background:#6d6d6d;}
#Footer .menu a{color:#FFF;}
#Footer .info p{color:#b4b4b4}


/*교육자료실*/

.tab_wrap ul{display: table; margin-left: auto; margin-right: auto; padding-bottom: 15px;}
.tab_wrap ul li:first-child{ margin-right: 10px; }
.tab_wrap ul li{float: left; background-color: #adadad; text-align: center; padding: 15px; display: block; color: #fff; width: 200px;color: #fff; font-size: 15px;cursor: pointer;}
.tab_wrap ul li.on{background-color: #7170b8; color: #fff;}

.video_List h3 { font-size: 20px; font-size: 20px; }
.video_List ul { overflow: hidden; display: table; table-layout: fixed; width: auto; min-width: 100%; }    
.video_List ul li { width: 20%; padding: 0.8em; border: 1px solid #cacaca; margin-right: -1px; background: #fff; text-align: center; display: table-cell; }
.video_List ul li a { font-size: 20px; display: block; }
.video_List ul li:hover a{ color: #235FB0; } 
.video_List ul li.on { border-color: #235FB0; border-bottom: 4px solid #235FB0; }
.video_List ul li.on a { color: #235FB0; font-weight: bold; border-color: #235fb0; }
.video_box { padding-top: 2em; display: none; }
.video_boxul { overflow: hidden; margin: 0 -20px; }
.video_boxul li { width: 33.3333%; float: left; box-sizing: border-box; padding: 0 10px; }    
.video_boxul li a:hover { color: inherit; }
.video { overflow: hidden; margin-bottom: 20px; border: 1px solid #b1b1b1; }
.video:hover { border-color: #3a80c7; }
.text { margin: 10px; text-overflow: ellipsis; overflow: hidden; text-align: center; font-size: 1em; line-height: 1.2; height: 3.1em; }
.text span { display: inline; font-weight: 700; font-size: 15px; }
.cover { position: relative; }
.video:hover .ytp-large-play-button-bg { -webkit-transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1); transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1); fill: #f00; fill-opacity: 1;}
.ytp-button { position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; margin-left: -34px; margin-top: -24px; -moz-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1); -webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1); transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1); z-index: 63; background: transparent; }
.cover svg { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }    

.eduref_content.on , .ref_content.on{ display: block; }  
.eduref_content, .ref_content {padding: 10px; display: none;}
.eduref_content{ padding:30px;  }