@charset "UTF-8";

@font-face{
	font-family:'Noto';
	font-style:normal;
	font-weight:400;
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face{
	font-family:'Noto';
	font-style:normal;
	font-weight:600;
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
/* reset */
html{height:100%}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button{margin:0;padding:0}
fieldset, img{border:0 none;vertical-align:top}
dl, ul, ol, menu, li{list-style:none;font-weight: normal;}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
input, select, textarea, button{vertical-align:top}
input::placeholder{color:#ccc;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
button{border:0 none;background-color:transparent;cursor:pointer}
body{height:100%;background:#fff}
body, th, td, input, select, textarea, button{font-size:12px;font-family:"noto", sans-serif;color:#000}
table{width:100%;border-collapse:collapse;border-spacing:0}
table td{word-break:break-all;line-height:1.2}
img{margin-bottom:0;vertical-align:top}
a{color:#000;text-decoration:none}
a:active, a:hover{text-decoration:none}
address, caption, cite, code, dfn, em, var{font-style:normal;font-weight:normal}
.sr{width:0;height:0;line-height:0;visibility:hidden;overflow:hidden;white-space:nowrap}
/* form */
select{padding:6px 5px;border:1px solid #e4e4e4}
*:first-child + html select{vertical-align:middle}
/* ie7 */
input{padding:7px 5px;border:1px solid #e8e8e8;box-sizing:border-box;}
input[type="checkbox"], input[type="radio"], input[type="file"]{padding:0;border:0;vertical-align:middle}
.placeholder{font-size:11px;color:#929292}
.filebox label{background-color:#b2b2b2;padding:3px;font-size:11px;color:#fff;float:left;cursor:pointer}
.filebox .upload-name, .filebox input[type="text"][disabled]{background-color:#fff;border:0;padding:3px 5px;font-size:11px;color:#929292;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.filebox input[type="file"]{width:0;height:0;margin:0;padding:0;overflow:hidden;position:absolute}
/* margin */
.mt0{margin-top:0 !important}
.mt3{margin-top:3px !important}
.mt5{margin-top:5px !important}
.mt7{margin-top:7px !important}
.mt8{margin-top:8px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt80{margin-top:80px !important}
.mb0{margin-bottom:0 !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb50{margin-bottom:50px !important}
.mb60{margin-bottom:60px !important}
.mb80{margin-bottom:80px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}
.mr35{margin-right:35px !important}
.mr40{margin-right:40px !important}
.ml0{margin-left:0 !important}
.ml5{margin-left:5px !important}
.ml7{margin-left:7px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml35{margin-left:35px !important}
.ml40{margin-left:40px !important}
/* padding */
.p0{padding:0 !important}
.pt0{padding-top:0 !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important}
.pt25{padding-top:25px !important}
.pt30{padding-top:30px !important}
.pt35{padding-top:35px !important}
.pt40{padding-top:40px !important}
.pt45{padding-top:45px !important}
.pt50{padding-top:50px !important}
.pt60{padding-top:60px !important}
.pt80{padding-top:80px !important}
.pt100{padding-top:100px !important}
.pb0{padding-bottom:0 !important}
.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb25{padding-bottom:25px !important}
.pb30{padding-bottom:30px !important}
.pb35{padding-bottom:35px !important}
.pb40{padding-bottom:40px !important}
.pb45{padding-bottom:45px !important}
.pb50{padding-bottom:50px !important}
.pb60{padding-bottom:60px !important}
.pb80{padding-bottom:80px !important}
.pb100{padding-bottom:100px !important}
.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px !important}
.pr25{padding-right:25px !important}
.pr30{padding-right:30px !important}
.pr35{padding-right:35px !important}
.pr40{padding-right:40px !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl25{padding-left:25px !important}
.pl30{padding-left:30px !important}
.pl35{padding-left:35px !important}
.pl40{padding-left:40px !important}
/* float */
.f_l{float:left !important;}
.f_r{float:right !important;}
.pos_a{position:absolute !important}
.pos_r{position:relative !important}
.pos_s{position:static !important}
.o_f{overflow:hidden !important;}
/* text */
.t_l{text-align:left !important}
.t_r{text-align:right !important}
.t_c{text-align:center !important}
/* display */
.show{display:block}
.hide{display:none}
.hide_text{width:1px;height:1px;font-size:1px;position:absolute;left:-9999px;line-height:0;}
.txt_hide{white-space:nowrap;text-overflow:ellipsis;line-height:1.2;height:1.2em;text-align:left;word-wrap:break-word;/*ie*/display:inline-block;/**/display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.txt_hide2{white-space: normal;text-overflow:ellipsis;line-height:1.2;height:auto;max-height:2.5em;text-align:left;word-wrap:break-word;/*ie*/display:inline-block;/**/display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.txt_hide3{white-space: normal;text-overflow:ellipsis;line-height:1.2;height:auto;max-height:3.6em;text-align:left;word-wrap:break-word;/*ie*/display:inline-block;/**/display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
/* font */
.fs11{font-size:11px !important}
.fs12{font-size:12px !important}
.fs13{font-size:13px !important}
.fs14{font-size:14px !important}
.fs15{font-size:15px !important}
.fs16{font-size:16px !important}
.fs18{font-size:18px !important}
.fs20{font-size:20px !important}
.fs28{font-size:28px !important}
*{font-family:"noto", sans-serif;}
.line1{line-height:1.2}
.inner{width:1100px;margin:0 auto;}
.after:after{content:'';display:block;clear:both;}
h2.sec_tit{padding:10px 0;font-size:25px;color:#231f20;}
.line_map{text-align:right;font-size:14px;color:#555;margin-top:-43px;}
textarea{padding:10px;box-sizing:border-box;resize: none; /* 사용자 임의 변경 불가 */}
/*input = radio*/
input[type="radio"]{display:none;}
input[type="radio"] + label{color:#f2f2f2;font-family:Arial, sans-serif;font-size:16px;cursor:pointer;}
input[type="radio"] + label span{display:inline-block;width:26px;height:26px;margin:-1px 4px 0 0;vertical-align:middle;border:1px solid #ccc;border-radius:50px;cursor:pointer;position:relative;}
input[type="radio"]:checked + label span:after{content:'';width:18px;height:18px;background:#019ca6;position:absolute;top:50%;left:50%;margin-top:-9px;margin-left:-9px;border-radius:50px;}
/*input = checkbox*/
.input-sp{display:inline-block;position:relative;overflow:hidden;color:#898989;font-size:15px;cursor:pointer;vertical-align:middle;}
.input-sp input{position:absolute;top:0;left:-99999px;}
.input-sp input + i{display:inline-block;width:20px;height:20px;background:#ccc url('https://cdn.hackers.com/b2bchamp-cdn/images/img/lectureInsert/lecture_spr.png') no-repeat -233px -25px;vertical-align:middle;border-radius:30px;overflow:hidden;}
.input-sp input[type='checkbox']:checked + i{background-color:#019ca6;}
/*select*/
.select_wrap{display:inline-block;}
.select_wrap select{width:170px;margin-right:14px;padding:10px 5px;border-radius:7px;border:1px solid #e1e1e1;font-size:14px;color:#444;box-sizing:border-box;}
.select_wrap select{-webkit-appearance:none; -moz-appearance:none;appearance:none;background:#f4f6f7 url('https://cdn.hackers.com/b2bchamp-cdn/images/img/css/select_arrow.png') no-repeat 95% 50%;}
.select_wrap select::-ms-expand{ display:none; }
/* IE 10, 11의 네이티브 화살표 숨기기 */
.select_wrap input{width:330px;height:38px;margin-right:3px;border-radius:7px;}
.select_wrap button{width:60px;height:40px;line-height:38px;background:#555;border-radius:7px;border:1px solid #e1e1e1;font-size:14px;color:#fff;}
/*ico*/
.ico{background:url("https://cdn.hackers.com/b2bchamp-cdn/images/img/lectureInsert/lecture_spr_v2.png") no-repeat;display:inline-block;}
.ico.ico-search{width:82px;height:64px;background-position:0 0;}
.ico.ico-re{display:inline-block;width:23px;height:18px;background-position:-104px 0;vertical-align:middle;}
.ico.lecture-btn-search{width:24px;height:24px;background-position:0 -76px;vertical-align:middle;text-indent:-9999px;}
.ico.ico-check{width:24px;height:24px;background-position:-134px 1px;vertical-align:middle;}
.ico.ico-check-c{width:24px;height:24px;background-position:-259px -22px;vertical-align:middle;}
.ico.ico-list{width:32px;height:32px;background-position:-29px -73px;vertical-align:middle;}
.ico.ico-box{width:32px;height:32px;background-position:-60px -73px;vertical-align:middle;}
.ico.lect-list1{width:22px;height:22px;background-position:-159px 1px;vertical-align:middle;}
.ico.lect-list2{width:22px;height:22px;background-position:-183px 1px;vertical-align:middle;}
.ico.lect-list3{width:22px;height:22px;background-position:-207px -23px;vertical-align:middle;}
.ico.lect-list4{width:22px;height:22px;background-position:-282px -23px;vertical-align:middle;}
.ico.ico-mobile{width:22px;height:22px;background-position: -305px -23px;vertical-align:middle;}
.ico.ico-pmp{width:22px;height:22px;background-position: -330px -23px;vertical-align:middle;}
.ico.ico-o{width:16px;height:16px;background-position:-131px -26px;vertical-align:middle;}
.ico.ico-x{width:16px;height:16px;background-position:-108px -26px;vertical-align:middle;}
.ico.ico-print{width:22px;height:22px;background-position:-93px -81px;vertical-align:middle;}
.ico.ico-down{width:22px;height:22px;background-position:-105px -47px;vertical-align:middle;}
.ico.ico-note{width:22px;height:22px;background-position:-131px -47px;vertical-align:middle;}
.ico.ico-play{width:22px;height:22px;background-position:-157px -47px;vertical-align:middle;}
.ico.ico-edit{width:22px;height:22px;background-position:-183px -49px;vertical-align:middle;}
.ico.ico-del{width:22px;height:22px;background-position:-208px -49px;vertical-align:middle;}
.ico.bookmark{width:22px;height:22px;background-position:-233px -49px;vertical-align:middle;}
.ico.bookmark.on{background-position:-259px -49px;}

/*btn*/
.btn_wrap a{width:100%;}
/*버튼 2개일때 class="v2" 추가 */
.btn_wrap.v2 a{width:49%;display:inline-block;}
.btn_wrap.v2 a:nth-child(2){float:right;}
/*버튼 2개일때 class="v3" 추가 */
.btn_wrap.v3 a{width:32%;float:left;}
.btn_wrap.v3 a:nth-child(2){margin:0 2%;}
/* ---- */
.btn{display:block;border-radius:10px;box-sizing:border-box;text-align:center;}
.btn.btn_w{border:1px solid #c5c5c5;color:#c5c5c5;}/*white*/
.btn.btn_g{border:1px solid #555;color:#555;}/*gray*/
.btn.btn_c{border:1px solid #019ca6;color:#019ca6;}/*border-color*/
.btn.btn_type1{background:#019ca6;border:1px solid #019ca6;color:#fff;}/*color*/
.btn.btn_type2{background:#292929;border:1px solid #292929;color:#fff;}/*black*/
.btn.btn_type3{background:#8b8b8b;border:1px solid #8b8b8b;color:#fff;}/*gray*/
.btn.btn_type4{background:#f7f7f7;border:1px solid #f7f7f7;color:#555;}/*light-gray*/
.btn.btn_submit{width:150px;height:50px;line-height:50px;margin:0 auto;font-size:20px;}/*단독버튼*/

/* header */
.header .inner{position:relative}
.header > .inner{height:90px;}
.header .inner *{box-sizing:border-box;}
.header .inner h1{position:absolute;top:50%;left:10%;transform:translate(-50%, -50%);/*margin-top:-15.5px;*/}
.header .top-wrap{background:#f9f9f9;}
.header .top-wrap .inner{height:auto;}
.header .top-wrap:after{content:'';display:block;clear:both;}
.header .top-wrap > ul > li{float:left;}
.header .top-wrap .top_svc{float:right;overflow:hidden;}
.header .top-wrap .top_svc li{float:left;padding:10px 0 10px 20px;background:url(https://pimg.hackers.com/land/layout/header/top_svc_line.gif) no-repeat 10px 50%;position:relative;color:#9d9d9d;}
.header .top-wrap .top_svc li:first-child{background:none;padding-left:0;}
.header .top-wrap .top_svc li a{color:#969696;font-size:13px;margin:0 5px;}
.header .top-wrap .top_svc li.point a{color:#019ca6;}
.header .search-box{position:absolute;top:26px;left:262px;height:38px;}
.header .search-box .search-ipt{display:inline-block;border:1px solid #d6d6d6;border-radius:10px;overflow:hidden}
.header .search-box .search-ipt select{width:86px;height:36px;padding:0 5px;font-size:14px;color:#424242;border:none;}
.header .search-box .search-ipt select{-webkit-appearance:none; -moz-appearance:none;appearance:none;background:url('https://cdn.hackers.com/b2bchamp-cdn/images/img/css/select_arrow.jpg') no-repeat 95% 50%;}
.header .search-box .search-ipt select::-ms-expand{ display:none; }
/* IE 10, 11의 네이티브 화살표 숨기기 */
.header .search-box .search-ipt input[type="text"]{width:300px;height:36px;padding:0;border:none;border-left:1px solid #d6d6d6;text-indent:10px;font-size:14px;color:#222;vertical-align:middle;}
.header .search-box .search-ipt input[type="text"]::placeholder{color:#a0a0a0;font-size:14px;}
.header .search-box .search-ipt .btn-search{width:25px;height:24px;background:url("https://cdn.hackers.com/b2bchamp-cdn/images/img/css/sp_ico.png") no-repeat 0 0;position:absolute;top:50%;left:355px;margin-top:-13px;font-size:0;text-indent:-99999999999em;}
.header .login-box{position:absolute;top:30px;right:0;}
.header .login-box input{width:108px;margin-right:15px;padding:7.5px 0;border:0;border-bottom:1px solid #c3c3c3;font-size:14px;}
.header .login-box input::placeholder{color:#969696;}
.header .login-box a{width:70px;height:30px;line-height:30px;background:#019ca6;border-radius:5px;display:inline-block;font-size:13px;color:#fff;text-align:center;}
.header .login-box p{margin-top:5px;font-size:16px;color:#969696;}
.gnb{height:56px;background:#f4f6f7;position:relative;border-top:1px solid #dde2e3;border-bottom:1px solid #dde2e3;}
.gnb > ul{width:1100px;margin:0 auto;}
.gnb > ul > li{float:left;width:220px;position:relative;text-align:center;}
.gnb > ul > li > a{display:inline-block;height:56px;line-height:56px;font-size:18px;font-weight:600;color:#3b3f42;letter-spacing:-1px;}
.gnb > ul > li .sub{box-shadow:0 4px 9px 0 rgba(0, 0, 0, 0.1);}
.gnb > ul > li .sub ul{float:left;}
.gnb > ul > li .sub ul li{width:166px;}
.gnb > ul > li .sub ul li a{color:#636363;line-height:35px;font-size:16px;font-weight:normal;}
.gnb > ul > li .sub ul li:hover a{font-weight:600;color:#019ca6;}
.gnb > ul > li:hover .sub{display:block;}
#company_logo {width:auto;max-width:200px;height:auto;max-height:70px;}
/* footer */
.bnr_cont{height:320px;background:url('https://cdn.hackers.com/b2bchamp-cdn/images/img/css/footer_bnr.jpg') no-repeat center 0;}
.bnr_cont p.tit{padding-top:60px;font-size: 44.5px;color:#fff;}
.bnr_cont p.ex{font-size:16px;font-weight: 400;color:#fff;opacity:0.6;}
.bnr_cont span{display:block;font-size:12px;font-weight: 400;color:#fff;opacity:0.3;}
.ft_area{padding:48px 0;border-top:1px solid #e1e1e1;}
.ft_area .inner{font-size:11px;overflow:hidden}
.ft_area .inner .f_t{margin-bottom:15px;}
.ft_area .inner .f_l{width:100%;}
.ft_area .inner .f_l .ft_logo{margin-bottom:25px}
.ft_area .inner .f_l .ft_link{margin-bottom:15px;overflow:hidden;}
.ft_area .inner .f_l .ft_link ul{overflow:hidden}
.ft_area .inner .f_l .ft_link ul li{float:left;font-size:15px;}
.ft_area .inner .f_l .ft_link ul li a{display:inline-block;height:23px;line-height:23px;margin:0 14px;vertical-align:middle;font-weight:600;color:#656565;}
.ft_area .inner .f_l .ft_link ul li.support a span{display:inline-block;width:17px;height:16px;background:url('https://cdn.hackers.com/b2bchamp-cdn/images/img/css/footer_ico.png') no-repeat 0 0;margin-right:3px;}
.ft_area .inner .f_l .ft_link ul li.first a{margin-left:0}
.ft_area .inner .f_l{width:750px}
.ft_area .inner .f_l span{font-weight:normal !important;}
.ft_area .inner .f_l .ft_info{margin-bottom:15px;line-height:20px;font-size:13px;font-weight:400;color:#adadad;}
.ft_area .inner .f_l .ft_brand{color:#8c8c8c;}
.ft_area .inner .f_l .ft_brand img{float:left;margin-right:10px;}
.ft_area .inner .f_r{width:270px;}
.ft_area .inner .f_r .lg_logo{margin-bottom:22px}
.ft_area .inner .f_r .lg_logo img{margin-top:2px;margin-right:10px}
.ft_area .inner .f_r .lg_logo a{float:right;display:inline-block;padding:4px 3.5px;border:1px solid #bbb;font-size:13px;color:#656565;}
.ft_area .inner .f_r .lg_txt{line-height:18px;font-size:13px;font-weight:400;color:#959595;}
/* 퀵메뉴 */
.quick-menu{width:110px;position:absolute;top:202px;left:50%;margin-left:580px;border:1px solid #b9babb;border-top-right-radius:10px;border-bottom-right-radius:10px;box-shadow:0 0 11px 3px rgba(0, 0, 0, 0.15);overflow:hidden;z-index:100;}
.quick-menu > div{line-height: 22px;background:#434649;padding:15px;border-bottom:1px solid #b9babb;font-size:18px;font-weight:600;color:#fff;}
.quick-menu li{background:#fff;}
.quick-menu li:nth-child(6) a{border-bottom:0;}
.quick-menu li a{display:block;margin:0 10px;border-bottom:1px solid #b9babb;}
.quick-menu.fixed{position:absolute;}
.quick-menu .btn-quick-lock{height:40px;line-height:40px;background:#434649;margin:0;border-bottom:0;font-weight:600;color:#fff;text-align:center;}
.quick-menu .btn-quick-lock i{display:inline-block;width:16px;height:23px;background:url('https://cdn.hackers.com/b2bchamp-cdn/images/img/css/quick_ico.png') no-repeat;position:relative;top:-4px;left:-6px;vertical-align:middle;}
.quick-ico-unlock{background-position:0 0;}
.quick-ico-lock{background-position:100% 0 !important;}
/* tab */
.tab_section{width:100%;}
.tab_section .js-tab-type1{overflow:hidden;}
.tab_section .js-tab-type1.tab2 li{float:left;width:50%;}
.tab_section .js-tab-type1.tab3 li{float:left;width:33.33%;}
.tab_section .js-tab-type1.tab4 li{float:left;width:25%;}
.tab_section .js-tab-type1.tab5 li{float:left;width:20%;}
.tab_section .js-tab-type1 li a{display:block;text-align:center;}
.tab_section .js-tab-type1-con{display:none;}
.tab_section .js-tab-type1-con.on{display:block;}

.tab_section .js-tab-type1{overflow:visible;height: 50px;}
.tab_section .js-tab-type1{border-radius:10px;border:1px solid #c5c5c5;}
.tab_section .js-tab-type1 li:first-child a{border-top-left-radius:8px;border-bottom-left-radius:8px;}
.tab_section .js-tab-type1 li:last-child a{border-top-right-radius:8px;border-bottom-right-radius:8px;}
.tab_section .js-tab-type1 li a{height: 50px;line-height: 49px;border-left:1px solid #c5c5c5;font-size:16px;color:#888;}
.tab_section .js-tab-type1 li:first-child a{border-left:0;}
.tab_section .js-tab-type1 li.on a,
.tab_section .js-tab-type1 li a:hover{background:#019ca6;font-weight:600;color:#fff;}
.tab_section .js-tab-type1-con{padding:50px 0;}
/*guide_txt*/
.guide_txt{position:relative;display:inline-block;padding-left:27px;color:#555;font-size:16px;}
.guide_txt.txt_r{color:#e80000;}
.guide_txt span{display:inline-block;width:20px;height:20px;line-height:19px;position:absolute;top:2.5px;left:0;margin-right:5px;border-radius:50px;border:1px solid #b9b9b9;font-size:16px;color:#b9b9b9;text-align:center;}
.guide_txt ~ .btn{width:142px;height:41px;line-height:39px;border-color:#bbb;border-radius:6px;font-size:14px;}

/*font color style*/
.point{color:#019ca6;}
.point_r{color:#e70202 !important;}
.board-wrap table{width:100%;border-top:1px solid #000;}
.board-wrap table th{background:#f9f9f9;font-weight:400;color:#222;}
.board-wrap table td{color:#555;}
.board-wrap table th, .board-wrap table td{padding:18px 0;border-bottom:1px solid #b5b5b5;font-size:16px;text-align:center;}
.table-wrap-horizontal table{width:100%;border-top:1px solid #000;}
.table-wrap-horizontal th{background:#F9F9F9;font-weight:400;}
.table-wrap-horizontal th, .table-wrap-horizontal td{padding:15px 20px;border-bottom:1px solid #ededed;font-size:16px;text-align:left;}
.table-wrap-horizontal td{color:#444;}
/*입력란*/
.input_t tr td em{line-height:44px;}
.input_t tr td input, .input_t tr td select{width:100%;padding:8.5px 5px;border-radius:7px;font-size:16px;color:#444;}
.input_t tr td select{height:43px;margin:0;}
.input_t .phone input{width:30.6%;}
.input_t .input_btn{display:inline-block;width:172px;height:43px;line-height:43px;background:#555;margin-left:10px;text-align:center;border-radius:7px;color:#fff;}
/* 페이징 */
.paginate-wrap{position:relative;text-align:center;line-height:20px;font-size:0;}
.paginate-wrap a{display:inline-block;font-size:14px;color:#999;vertical-align:middle;}
.paginate-wrap [class^='btn-page']{width:12px;height:17px;background:url("https://cdn.hackers.com/b2bchamp-cdn/images/img/lectureInsert/lecture_spr.png") no-repeat;}
.paginate-wrap a .blind{font-size:0;text-indent:9999px;}
.paginate-wrap .btn-page-first{width:19px;margin-right:10px;background-position:-212px 0;}
.paginate-wrap .btn-page-last{width:19px;margin-left:10px;background-position:-279px 0;}
.paginate-wrap .btn-page-prev{background-position:-244px 0;}
.paginate-wrap .btn-page-next{background-position:-259px 0;}
.btn-number-box{display:inline-block;margin:0 13px;vertical-align:middle;}
.btn-number-box a{width:25px;height:25px;}
.btn-number-box em, .btn-number-box strong{display:inline-block;width:25px;height:25px;background:#f4f6f7;border-radius:50px;font-size:16px;font-weight:normal;color:#000;vertical-align:middle;}
/*array btn*/
.arr_btn{display:inline-block;width:67px;vertical-align:middle;float:right;}
.arr_btn li{width:32px;height:32px;border:1px solid #000;opacity:0.2;}
.arr_btn li:last-child{margin-left:-1px;}
.arr_btn li.on{opacity:1;}
/*pop layer*/
.pop-layer{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:900;}
.pop-layer .bg{display:block;width:100%;height:100%;background:#000;position:absolute;top:0;left:0;content:'';opacity:0.5;}
.pop-layer .pop-wrap{background:#fff;position:absolute;top:50%;left:50%;box-shadow: 3px 7px 16px 2px rgba(0,0,0,0.3);}
.pop-layer .pop-wrap-noshadow{background:#fff;position:absolute;top:50%;left:50%;}.pop-layer .title{height:54px;line-height:54px;background:#019ca6;font-size:22px;color:#fff;}
.pop-layer .btn-close{display:inline-block;width:19px;height:19px;background:url('https://cdn.hackers.com/b2bchamp-cdn/images/img/icon/Old_B2B/sp_btn.png') no-repeat -127px -92px;position:absolute;top:15px;right:13px;text-indent:-99999px;}
.pop-layer .cont{padding:30px 40px;}
.pop-layer .cont p{font-size:16px;}
.pop-layer .main_pop .layer_close{display:inline-block;width:101px;height:35px;position:absolute;top:-42px;right:0;line-height:35px;border-radius:23px;background:rgba(0,0,0,0.5);text-align:center;color:#fff;}