@charset "utf-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);/* 나눔고딕 */
/*@import url(http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);*/ /* 나눔스퀘어 */

/* reset 
* {margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:none}
body,th,td,input,select,textarea,button {font-family:Dotum,Arial,'Sans-serif';font-size:12px;line-height:1.4;color:#333}
fieldset,img {border:0 none;vertical-align:top}
dl,dt,dd,ul,ol,li,menu {list-style:none}
header,main,section,article,aside,footer {display:block}
table {border-collapse:collapse;border-spacing:0}
input,select,textarea,button,a {vertical-align:top}
input[type="checkbox"] {vertical-align:middle}
button {border:0 none;outline:none;background-color:transparent;cursor:pointer;position:relative;overflow:visible}
legend,caption {display:none}
a {color:#333;text-decoration:none;outline:none}
a:active,a:hover {text-decoration:none}
em {font-style:normal}
.sr {width:0;height:0;line-height:0;visibility:hidden;overflow:hidden;white-space:nowrap}
*/

/* common */
.bg_bul {background:url('../img/common/bul.png') no-repeat;display:inline-block}
.ico_new {background-position:0 4px;width:10px;height:12px;margin-left:5px;vertical-align:top}
.ico_home {background-position:0 -18px;width:10px;height:12px}
.ico_img {background-position:0 -40px;width:16px;height:14px;margin-left:5px}
.ico_file {background-position:0 -60px;width:13px;height:14px}
.ico_lock {background-position:0 -80px;width:9px;height:11px;margin-right:5px}
.ico_comment {background-position:0 -130px;width:15px;height:15px;margin-right:5px;float:left}
.ico_reply {background-position:0 -150px;width:15px;height:15px;margin-right:5px;float:left}
.ico_reply_c {background-position:0 -170px;width:20px;height:15px;margin-right:5px;float:left}
.ico_arrow {background-position:0 -190px;width:11px;height:11px;margin-right:5px}




.select,
.input {height:21px;border:1px solid #ccc;padding-left:5px}
textarea {border:1px solid #ccc;padding:10px;resize:none}


a:link {
  text-decoration: none;
}

a.top {
  position: fixed;
  left: 90%;
  bottom: 120px;
  display: none;
  font-size: 1.5rem;
  color: #000;
  z-index: 99;
}

a.scrollDown {
  position: fixed;
  left: 90%;
  bottom: 50px;
  display: none;
  font-size: 1.5rem;
  color: #000;
  z-index: 99;
}
/* btn 
.btn_area {padding-top:10px;overflow:hidden}
.btn_area .left {float:left}
.btn_area .right {float:right}
.btn_area .center {text-align:center}

.btn {height:21px;margin:0 5px;padding:0 11px;font-size:11px;line-height:21px;font-weight:700;display:inline-block}
.btn2 {height:31px;border-radius:3px;margin:0 5px;padding:0 50px;line-height:31px;font-weight:700;display:inline-block}
.btn3 {height:25px;border-radius:3px;margin:5px 0;padding:0 10px;line-height:25px;font-weight:700;display:inline-block}
.btn4 {width:76px;height:60px;text-align:center;line-height:60px;font-weight:700;display:inline-block}

.btn_gray {background-color:#e7e7e7;border:1px solid #013d78;color:#333}
.btn_gray2 {
	border:1px solid #969696;color:#fff;
	background:#b2b2b2;
	background:-moz-linear-gradient(top,  #b2b2b2 0%, #969696 100%);
	background:-webkit-linear-gradient(top,  #b2b2b2 0%,#969696 100%);
	background:linear-gradient(to bottom,  #b2b2b2 0%,#969696 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#969696',GradientType=0 );
}
.btn_gray3 {background-color:#fff;border:1px solid #dadada;color:#333}
.btn_blue {background-color:#013d78;border:1px solid #013d78;color:#fff}
.btn_white {border-radius:3px;border:1px solid #ccc}
.btn_gold {
	border:1px solid #9d7d0e;color:#fff;
	background:#c4993d;
	background:-moz-linear-gradient(top,  #c4993d 0%, #9d7d0e 100%);
	background:-webkit-linear-gradient(top,  #c4993d 0%,#9d7d0e 100%);
	background:linear-gradient(to bottom,  #c4993d 0%,#9d7d0e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4993d', endColorstr='#9d7d0e',GradientType=0 );
	}
.btn_mint {
	border:1px solid #3393af;color:#fff;
	background:#7cbac4;
	background:-moz-linear-gradient(top,  #7cbac4 0%, #3393af 100%);
	background:-webkit-linear-gradient(top,  #7cbac4 0%,#3393af 100%);
	background:linear-gradient(to bottom,  #7cbac4 0%,#3393af 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cbac4', endColorstr='#3393af',GradientType=0 );
}
.btn_brown {background-color:#883b0c;border:1px solid #722d09;color:#fff}
.btn_orange {background-color:#ef5b07;border:1px solid #d44516;color:#fff}
*/
/* gnb 
#Wrap {width:100%;height:100%;min-width:1346px;position:relative}
.header {padding-top:128px;position:relative}
.header h1 {width:100%;text-align:center;position:absolute;left:0;top:53px;z-index:9}
.header .top_txt {margin-left:-495px;position:absolute;left:50%;top:5px}
.login_form {margin-right:-505px;position:absolute;right:50%;top:5px}
.login_form button {margin:0 12px 0 0;position:relative}
.login_form button:last-child {margin-right:0}
.login_form button:after {content:'';width:1px;height:11px;background-color:#a0a0a0;display:inline-block;position:absolute;right:-10px;top:4px}
.login_form button:last-child:after {display:none}
.login_form .save_id {padding-top:5px;display:inline-block}
.login_form .txt {padding-right:10px;font-family:'Nanum Gothic';font-size:14px;line-height:21px;color:#000;letter-spacing:-1px;display:inline-block}
.login_form .placeholder_id {background:url('../img/common/placeholder_id.gif') no-repeat}
.login_form .placeholder_pw {background:url('../img/common/placeholder_pw.gif') no-repeat}
.login_form .placeholder_id:focus,
.login_form .placeholder_pw:focus {background:none}

.gnb_wrap {width:100%;background-color:#f0f5fb;border-top:1px solid #cedae7;border-bottom:1px solid #cedae7;position:relative}
.gnb_wrap .gnb {width:1010px;height:36px;margin:0 auto;position:relative;right:-10px}
.gnb_wrap .gnb > li {padding-left:11px;float:left;position:relative}
.gnb_wrap .gnb > li.gnb_01 {width:166px}
.gnb_wrap .gnb > li.gnb_02 {width:186px}
.gnb_wrap .gnb > li.gnb_03 {width:196px}
.gnb_wrap .gnb > li.gnb_04 {width:171px}
.gnb_wrap .gnb > li.gnb_05 {width:135px}
.gnb_wrap .gnb > li.gnb_06 {width:136px}
.gnb_wrap .gnb > li > a {height:36px;font-family:'Nanum Gothic';font-size:14.52px;color:#000;font-weight:700;line-height:36px;display:block}
.gnb_wrap .sgnb_area ul {width:100%;height:100px;position:absolute;left:15px;top:53px;z-index:98;display:none}
.gnb_wrap .sgnb_area li a {font-family:'Nanum Gothic';font-size:13px;line-height:20px;color:#fff;white-space:nowrap;display:block}
.gnb_wrap .sgnb_area li a:hover {text-decoration:underline;color:#73e1ec}
.gnb_bg {width:1010px;height:152px;background-color:#003367;margin-left:-505px;position:absolute;left:50%;top:36px;z-index:97;display:none}
*/
/* tab 
.tab_type .ele .inner {display:none}
*/





/* main */
.visual{overflow:hidden;width:100%;height:402px}
.visual ul{position:relative}
.visual li{position:absolute;top:0;left:0}
.visual .visu1{width:100%;height:402px;margin:0px auto;display:block;background:url('../img/main/visual_img1.jpg') no-repeat 45.63% 0;background-size:1903px 402px}
.visual .visu1 .visuBnr{width:1010px;height:402px;margin:0px auto;position:relative}
.visual1_bg {background:url('../img/main/visual_img1_bt.gif') no-repeat;display:inline-block;vertical-align:top}
.visual .visu1 .visuBnr .visual1_bt1 {background-position:-112px 0;width:112px;height:101px;position:absolute;right:135px;bottom:21px}
.visual .visu1 .visuBnr .visual1_bt2 {background-position:0 0;width:112px;height:101px;margin-left:343px;position:absolute;right:23px;bottom:21px}
.visual .visu2{width:100%;height:402px;margin:0px auto;display:block;background:url('../img/main/visual_img2.jpg') no-repeat 45.63% 0;background-size:1903px 402px}
.visual .visu2 .visuBnr{width:1010px;height:402px;margin:0px auto;position:relative}
.visual .visu2 .visuBnr .visuBnrWrap{position:absolute;bottom:81px;right:52px}
.visual .visu2 .visuBnr a{display:inline-block;float:left;border:1px solid #535858;background-color:#fff;padding-top:13px;text-align:center;margin-left:8px;font-size:16px;font-weight:bold;font-family:'Nanum Gothic'}
.visual .visu2 .visuBnr a.bnr_visu1{width:119px;height:46px}
.visual .visu2 .visuBnr a.bnr_visu2{width:119px;height:46px}
.visual .visu2 .visuBnr a.bnr_visu3{width:79px;height:46px}
.visual .visu2 .visuBnr a.bnr_visu4{width:119px;height:46px}
.visual .visu2 .visuBnr a.bnr_visu5{width:79px;height:46px}

.main_wrap {width:1346px;margin:0 auto;padding:17px 0 20px 0;overflow:hidden;position:relative}

.main .teach{width:504px;height:320px;margin-left:190px;float:left;overflow:hidden;position:relative}
.main .teach > div{position:relative;position:absolute;top:0;left:0;width:504px;z-index:-1}
.main .teach > div ul li{width:167px;height:160px;margin-left:1px;float:left;position:relative;background:url('../img/main/bg_teacher.png') repeat-y 0 0}
.main .teach > div ul li a{display:block;padding:26px 0 0 16px}
.main .teach > div ul li a:first-child .tit em{color:#6df2ff;font-family:'Nanum Gothic'}
.main .teach > div ul li a:first-child .tit{position:relative;display:block;z-index:1;font-size:2em;font-family:'Nanum Gothic';font-weight:bold;color:#fff;text-decoration:none}
.main .teach > div ul li a:first-child .link{position:relative;display:block;z-index:1;font-size:13px;margin-top:20px;font-family:'Nanum Gothic';color:#fff;text-decoration:underline}
.main .teach > div ul li a .intro{position:relative;display:block;z-index:1;font-size:13px;line-height:16px;font-family:'Nanum Gothic';color:#fff}
.main .teach > div ul li a .name{position:absolute;bottom:15px;left:20px;display:block;z-index:1;font-size:16px;font-family:'Nanum Gothic';color:#fff;white-space:nowrap}
.main .teach > div ul li a .name em{font-size:13px}
.main .teach > div ul li .classNav{position:absolute;bottom:10px;left:21px;z-index:2}
.main .teach > div ul li .classNav button{width:10px;height:10px;margin-right:5px;float:left;background:url('../img/main/bg_btn_nav.png') no-repeat 0 -11px;text-indent:-9999px}
.main .teach > div ul li .classNav button.on{background-position:0 0}
.main .teach > div ul li .tImg{position:absolute;top:0;left:0;z-index:0}
.main .teach .class1.on{z-index:0}
.main .teach .class2.on{z-index:0}

.bnr_box2 {width:502px;height:320px;border:1px solid #bbb;border-left:0;border-top-right-radius:10px;border-bottom-right-radius:10px;padding:0 50px 0 70px;float:left}
.bnr_box2 .main_tab {position:relative}
.bnr_box2 .main_tab .tit ul {padding:12px 0 4px 0;border-bottom:1px solid #878787;overflow:hidden}
.bnr_box2 .main_tab .tit li {margin-right:30px;float:left;position:relative}
.bnr_box2 .main_tab .tit li:first-child:after {content:'';width:2px;height:16px;background-color:#5d5d5d;display:inline-block;position:absolute;right:-15px;top:3px}
.bnr_box2 .main_tab .tit li a {font-family:'Nanum Gothic';font-size:16px;font-weight:700;color:#8c8c8c}
.bnr_box2 .main_tab .tit li a:hover,
.bnr_box2 .main_tab .tit li.active a {color:#00134b}
.bnr_box2 .main_tab .ele .inner ul {padding:10px 0 12px 0}
.bnr_box2 .main_tab .ele .inner li {height:20px;color:#333;line-height:20px;position:relative}
.bnr_box2 .main_tab .ele .inner li .name {position:absolute;left:0;top:0}
.bnr_box2 .main_tab .ele .inner li .name:before {content:'+ '}
.bnr_box2 .main_tab .ele .inner li .subj {max-width:280px;padding-left:80px;color:#333;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;display:inline-block}
.bnr_box2 .main_tab .ele .inner li .subj:hover {text-decoration:underline}
.bnr_box2 .main_tab .ele .inner li .day {position:absolute;right:0;top:0}
.bnr_box2 .main_tab .ele .inner .more {font-family:'Nanum Gothic';color:#494949;position:absolute;right:0;top:15px}
.bnr_box2 .main_tab .ele .inner.type2 li .subj {max-width:300px;padding-left:0}
.bnr_box2 .main_tab .ele .inner.type2 li.noti .subj {font-weight:700}

.bnr_box3 {width:100%;background-color:#ededed;padding:10px 0}
.bnr_box3 ul {width:1010px;margin:0 auto;overflow:hidden;position:relative;right:-20px}
.bnr_box3 li {padding-left:10px;float:left}
.bnr_box3 li:first-child {padding-left:0}
.bg_bnr_box3 {background:url('../img/main/bnr_box3.png') no-repeat;display:inline-block}
.bnr_box3 li a {width:330px;height:114px}
.bnr_box3_1 {background-position:0 0}
.bnr_box3_2 {background-position:0 -120px}
.bnr_box3_3 {background-position:0 -240px}

/* footer */
.footer {border-top:1px solid #ededed}
.ft_wrap {width:1010px;margin:0 auto;position:relative;right:-20px}
.ft_wrap .nav ul {padding:30px 0;overflow:hidden}
.ft_wrap .nav li {margin-left:34px;float:left;position:relative}
.ft_wrap .nav li:before {content:'';width:1px;height:13px;background-color:#ccc;display:inline-block;position:absolute;left:-17px;top:3px}
.ft_wrap .nav li:first-child:before {display:none}
.ft_wrap .nav li a {font-family:'Nanum Gothic';font-size:14px;color:#404040;letter-spacing:-.3px}
.ft_wrap .info {padding-left:155px;position:relative}
.ft_wrap .info .call ul {overflow:hidden}
.ft_wrap .info .call li {margin-left:22px;font-family:'Nanum Gothic';font-size:13px;color:#6d6d6d;letter-spacing:-.4px;float:left;position:relative}
.ft_wrap .info .call li:first-child {margin-left:0}
.ft_wrap .info .call li:before {content:'';width:1px;height:10px;background-color:#868686;display:inline-block;position:absolute;left:-12px;top:4px}
.ft_wrap .info .call li:first-child:before {display:none}
.ft_wrap .info .call li span {font-weight:700;color:#e60111}
.ft_wrap .info .addr {padding-top:20px;font-family:'Nanum Gothic';font-size:13px;line-height:19px;color:#6d6d6d;letter-spacing:-.4px}
.ft_wrap .info .ft_logo {position:absolute;left:0;top:0}
.ft_wrap .ft_txt {padding:40px 0 30px 0;text-align:center}



/* lnb */
.section1 {max-width:1200px;margin:0 auto;overflow:hidden}
.section .lnb {width:215px;padding-right:15px;float:left}
.section .lnb ul {width:200px;background:url('../img/sub/lnb_middle.png') repeat-y;padding:0 36px 28px 36px}
.section .lnb li {border-bottom:1px dashed #ccc;padding:5px 0}
.section .lnb li:first-child {border-bottom:1px solid #ccc}
.section .lnb li:first-child a {font-weight:700;color:#000;cursor:default}
.section .lnb li a:before {content:'· '}
.section .lnb li:first-child a:before {display:none}
.section .lnb li a:hover,
.section .lnb li.active a {font-weight:700}
.bg_lnb {background:url('../img/sub/lnb_top.png') no-repeat;display:inline-block}
.lnb_top .bg_lnb {width:200px;height:85px}
.lnb_tit1 {background-position:0 0}
.lnb_tit13 {background-position:0 -90px}
.lnb_tit14 {background-position:0 -180px}
.lnb_tit15 {background-position:0 -270px}
.lnb_tit16 {background-position:0 -360px}
.lnb_tit17 {background-position:0 -450px}
.lnb_tit18 {background-position:0 -540px}
.section .lnb ul.else li {border:0;padding:1px 0;text-align:center}
.section .lnb ul.else li:first-child a {cursor:pointer}
.bg_lnb_bt {background:url('../img/sub/lnb_top_bt.png') no-repeat;display:inline-block}
.bg_lnb_bt_on {background:url('../img/sub/lnb_top_bt_on.gif') no-repeat;display:inline-block}
.bg_lnb_bt_on2 {background:url('../img/sub/room_make_on.gif') no-repeat;display:inline-block}
.lnb_bt1 {background-position:0 0;width:119px;height:24px}
.lnb_bt2 {background-position:0 -30px;width:119px;height:24px}
.lnb_bt3 {background-position:0 -60px;width:119px;height:24px}
.lnb_bottom {width:200px;height:292px;background:url('../img/sub/lnb_bottom.png') no-repeat;display:inline-block}

/* company */
.section .sub_cont {width:100%; padding:0}
.use_middle {position:relative}
.use_middle ul {position:absolute;left:88px;top:0}
.use_middle li {float:left}
.bg_use {background:url('../img/company/use_nav.png') no-repeat;display:inline-block}
.use_menu1 {background-position:0 0;width:62px;height:41px}
.use_menu2 {background-position:-70px 0;width:83px;height:41px}
.use_menu3 {background-position:-160px 0;width:113px;height:41px}
.use_menu4 {background-position:-280px 0;width:103px;height:41px}
.use_menu5 {background-position:-390px 0;width:127px;height:41px}
.use_menu6 {background-position:-530px 0;width:61px;height:41px}
.use_middle .tit li.active .use_menu1 {background-position:0 -50px}
.use_middle .tit li.active .use_menu2 {background-position:-70px -50px}
.use_middle .tit li.active .use_menu3 {background-position:-160px -50px}
.use_middle .tit li.active .use_menu4 {background-position:-280px -50px}
.use_middle .tit li.active .use_menu5 {background-position:-390px -50px}
.use_middle .tit li.active .use_menu6 {background-position:-530px -50px}

/* teacher */
h3.h3_type {height:51px;background:url('../img/teacher/h3_type_back.jpg') no-repeat;padding:10px 56px;color:#8a82bd;line-height:31px;letter-spacing:-1px}
h3.h3_type strong {color:#4084b3}
h3.h3_type strong.txt_wine {color:#a21e69}
.img_area {position:relative}
.img_area2 {margin-bottom:20px}
.start_bt {position:absolute;left:250px;bottom:25px}
.start_bt2 {position:absolute;left:280px;top:78px}
.cont_mg {padding:0 30px}
.teacher_cc {border:1px solid #e4f1f7;margin-bottom:10px;padding:20px 30px 15px 30px}
.teacher_cc li {margin-bottom:10px}
.teacher_cc strong {color:#975a22}
.teacher_time {overflow:hidden}
.teacher_time .time {float:left}
.teacher_time .tbl_type {*width:499px; float:left}
.teacher_time .tbl_type .tit {margin-bottom:5px;font-size:16px;font-weight:500}

/* table */
table {table-layout:fixed}
table td.subj a {max-width:300px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block}
table td.subj a:hover {color:#ff0000;text-decoration:underline}
table td .ico_reply_c {float:none;display:inline-block}
.notice {
	border-radius:3px;padding:3px 5px;font-size:11px;font-weight:500;color:#fff;
	background:#9c5cb7;
	background:-moz-linear-gradient(top,  #9c5cb7 0%, #44036c 100%);
	background:-webkit-linear-gradient(top,  #9c5cb7 0%,#44036c 100%);
	background:linear-gradient(to bottom,  #9c5cb7 0%,#44036c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c5cb7', endColorstr='#44036c',GradientType=0 );
}

.tbl_type table {width:100%;margin-bottom:10px}
.tbl_type table th {
	border-bottom:1px solid #ccc;padding:5px;font-weight:700;color:#525252;
	background:#e4e4e4;
	background:-moz-linear-gradient(top,  #e4e4e4 0%, #dbdbdb 50%, #e4e4e4 50%, #e4e4e4 50%, #dbdbdb 100%);
	background:-webkit-linear-gradient(top,  #e4e4e4 0%,#dbdbdb 50%,#e4e4e4 50%,#e4e4e4 50%,#dbdbdb 100%);
	background:linear-gradient(to bottom,  #e4e4e4 0%,#dbdbdb 50%,#e4e4e4 50%,#e4e4e4 50%,#dbdbdb 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#dbdbdb',GradientType=0 );
}
.tbl_type table td {border-bottom:1px solid #ccc;padding:10px}
.tbl_type table td.bold {text-align:center;font-weight:700}
.tbl_type table td.color {text-align:center;font-weight:700;color:#975a22}

.tbl_type2 table {width:100%;margin-bottom:10px}
.tbl_type2 table th {
	border-bottom:1px solid #6299bf;padding:5px;font-weight:700;color:#525252;
	background:#d8e6f8;
	background:-moz-linear-gradient(top,  #d8e6f8 0%, #d8e6f8 50%, #b2cbe6 51%, #b2cbe6 100%);
	background:-webkit-linear-gradient(top,  #d8e6f8 0%,#d8e6f8 50%,#b2cbe6 51%,#b2cbe6 100%);
	background:linear-gradient(to bottom,  #d8e6f8 0%,#d8e6f8 50%,#b2cbe6 51%,#b2cbe6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8e6f8', endColorstr='#b2cbe6',GradientType=0 );
}
.tbl_type2 table td {border-bottom:1px solid #ccc;padding:10px;text-align:center}
.tbl_type2 table tr.noline td {border-bottom:0}

.tbl_type3 table {width:100%;margin-bottom:10px;border:1px solid #ccc;border-bottom:0}
.tbl_type3 table th {background-color:#76b8df;border-bottom:1px solid #ccc;padding:5px 10px;font-weight:700;color:#fff}
.tbl_type3 table td {background-color:#fff;border-bottom:1px solid #ccc;padding:10px;text-align:center}
.tbl_type3 table td label {margin-right:10px;line-height:21px}
.tbl_type3 table td.subj {text-align:left;padding-left:10px}
.tbl_type3 table td.subj .num {margin-left:5px;font-size:10px;color:#3655a5}
.tbl_type3 table td .no {color:#999}
.tbl_type3 table td .cont {padding:20px;line-height:2}


.tbl_type4 {border-top:1px solid #777;}
.tbl_type4 > table {width:100%;}
.tbl_type4 a {text-decoration:none;}
.tbl_type4 caption {position:absolute; height:0; overflow:hidden; font-size:0; visibility: hidden;}
.tbl_type4 thead {display:none;}
.tbl_type4 tbody span {vertical-align:middle;}
.tbl_type4 tbody tr {display:block; border-bottom:1px solid #dbdee1; padding:13px 0; cursor:pointer; position:relative;}
.tbl_type4 tbody tr:after {content:''; display:block; clear:both;}

.tbl_type4 tbody td {display:block; padding:0; font-size:13px; color:#777;}
.tbl_type4 tbody .no {*display:none;}
.tbl_type4 tbody .category:before {content:'['; display:inline;}
.tbl_type4 tbody .category:after {content:']'; display:inline;}
.tbl_type4 tbody span.category {*display:block; *font-size:12px; float:left; color:#666; padding:3px 10px 2px 5px;}
.tbl_type4 tbody .subject {padding-bottom:5px;}
.tbl_type4 tbody .subject a {display:block; padding:0 5px 1px; font-size:14px; font-weight:600; color:#333; }
.tbl_type4 tbody .subject a span {vertical-align:middle; font-size:15px;}
.tbl_type4 tbody .subject a:hover {color:#000;}
.tbl_type4 tbody .subject i {display:inline-block; vertical-align:middle; font-size:0; margin:0 2px;}
.tbl_type4 tbody .subject img {vertical-align:middle; font-size:0; margin:0 2px;}
.tbl_type4 tbody .subject em {font-style: normal;}
.tbl_type4 tbody .subject span.num {color:#ff5e00; font-size:14px; font-weight:400; margin-left:5px;}
.tbl_type4 tbody .inline {float:left; position:relative; padding:0 10px 0 5px; margin-right:5px;}
.tbl_type4 tbody .inline:after {content:''; position:absolute; right:0; top:50%; width:1px; height:12px; margin-top:-6px; background-color:#ccc;}
.tbl_type4 tbody .inline:last-child:after {width:0;}
.tbl_type4 tbody tr.empty > td {padding:30px 0 !important; text-align:center; color:#999; font-size:14px;}

.tbl_type4 tbody .hit i {display:inline-block; margin:0 3px 0 0;}
.tbl_type4 tbody .vote i {display:inline-block; margin:0 3px 0 0;}

.tbl_type4 tbody .notice {background:#db5200; *padding-right:20px;}
.tbl_type4 tbody .notice .subject a {padding-top:4px;}
.tbl_type4 tbody .notice .removeNotice {
	position:absolute; display:block; right:10px; top:50%; width:20px; height:20px; margin-top:-10px;
	background-position:2px 2px;
}

@media (max-width:767px) {
	.tbl_type4 tbody .no {font-size:0; float:left;}
	.tbl_type4 tbody .no span.notice {display:inline-block; margin:0 5px; }
	.tbl_type4 tbody .inline {float:left; position:relative; padding:0 10px 0 5px; margin-right:5px;}
	.tbl_type4 tbody .inline:after {content:''; position:absolute; right:0; top:50%; width:1px; height:12px; margin-top:-6px; background-color:#ccc;}
	.tbl_type4 tbody .inline:last-child:after {width:0;}
}
@media (min-width:768px) {
	.tbl_type4 tbody .inline {float:none; position:static;}
	.tbl_type4 tbody .inline:after {display:none;}
	.tbl_type4 tbody .inline i {display:none;}
	.scbd .list_board {}
	.tbl_type4 > table thead {display:table-header-group;}
	.tbl_type4 > table thead th {
		background:#fff; border-bottom:1px solid #bbb; text-align:center; padding:15px 5px 14px;
		font-size:15px; color:#222; font-weight:500;
	}
	.tbl_type4 tbody tr {display:table-row; border-bottom:none; padding:0; cursor:auto;}
	.tbl_type4 tbody tr:after {display:none;}
	.tbl_type4 tbody td,
	.tbl_type4 tbody .no,
	.tbl_type4 tbody .notice1 {display:table-cell;}
	.tbl_type4 tbody .category {padding:0; display:inline;}
	.tbl_type4 tbody td {text-align:center; padding:12px 5px !important; font-size:15px !important; border-bottom:1px solid #dbdee1;}
	.tbl_type4 tbody .subject {text-align:left; padding-bottom:0;}
	.tbl_type4 tbody .subject a {font-size:15px; padding:0; display:inline; font-weight:normal;}
	.tbl_type4 tbody .subject a:hover {*font-weight:600;}
	.tbl_type4 tbody .inline {float:none; position:static;}
	.tbl_type4 tbody .inline:after {display:none;}
	.tbl_type4 tbody .inline i {display:none;}

	.tbl_type4 tbody .notice {}
	.tbl_type4 tbody .notice .removeNotice {position:static; display:inline-block; margin-top:0;}
	.tbl_type4 tbody tr.empty > td {padding:50px 0 !important; }
	.tbl_type4 .check {width:5%;}
	.tbl_type4 .no {width:12%;}
	.tbl_type4 .name {width:12%;}
	.tbl_type4 .date {width:15%;}
	.tbl_type4 .hit {width:10%;}
	.tbl_type4 .vote {width:10%;}
}































.tbl_type5 table {width:100%;margin-bottom:10px;border:1px solid #d9d9d9;border-bottom:0}
.tbl_type5 table tbody th {background-color:#ebf2fa;border-bottom:1px solid #d9d9d9;padding:10px;text-align:left}
.tbl_type5 table td {border-bottom:1px solid #d9d9d9;padding:10px;text-align:left}
.tbl_type5 table td .ex {padding:0 5px;line-height:21px}
.tbl_type5 table td label {margin-right:20px}

.tbl_type6 table {width:100%;margin-bottom:10px;border:1px solid #ccc;border-bottom:0}
.tbl_type6 table th {background-color:#f0eedf;border-bottom:1px solid #ccc;padding:10px;text-align:center}
.tbl_type6 table td {border-bottom:1px solid #ccc;padding:10px;text-align:center}

.tbl_sh {padding:10px 0;text-align:center}
.tbl_sh .keyword {margin-left:1px;padding:2px 3px 5px;border:1px solid #b5b5b5;font-size:12px;line-height:15px}







/* paginate */
.bg_pg {background:url('/images/common/sp-icons@2x.png') no-repeat; background-size:300px 250px; display:inline-block; }
.tbl_pg {padding:20px 0 10px; text-align:center}
/*
.tbl_pg a,
.tbl_pg strong {*padding:2px 3px; display:inline-block; vertical-align:top}
*/
.tbl_pg strong {color:#000}
.tbl_pg a.direction {background:0;border:none 0; padding:0 5px; *height:30px; line-height:8px; margin:0; padding:0 7px;box-shadow:0;border-radius:0}
.tbl_pg a, .tbl_pg strong {display:inline-block; padding:0 6px; *height:30px; line-height:28px;*margin:3px 3px;text-decoration:none;font-size:13px;letter-spacing:-1px;}
.tbl_pg a {color:#bbb;background:#fff}

.pg_prev {width:5px; height:8px; background-position:-26px 0; }
.pg_next {width:5px; height:8px; background-position:-26px -13px; }
.pg_first {width:10px; height:8px; background-position:-41px 0;}
.pg_last {width:10px; height:8px; background-position:-41px -13px}


/* free */
.free01_area ul {margin:-2%;overflow:hidden}
.free01_area ul li {width:25%; padding:2%;float:left}
.free01_area ul li:first-child {}
.free01_area .free01_wrap {border:1px solid #724e00;border-radius:10px;overflow:hidden}
.free01_area .free01_wrap .tit {
	height:29px;border-bottom:1px solid #724e00;text-align:center;line-height:29px;font-weight:500;color:#fff;
	background:#cdab58;
	background:-moz-linear-gradient(top,  #cdab58 0%, #ab7c09 100%);
	background:-webkit-linear-gradient(top,  #cdab58 0%,#ab7c09 100%);
	background:linear-gradient(to bottom,  #cdab58 0%,#ab7c09 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdab58', endColorstr='#ab7c09',GradientType=0 );
}
.free01_area .free01_wrap .cont {padding:10px}
.free01_area .free01_wrap .cont .live_bt {text-align:center}
.free01_area .free01_wrap .cont .live_txt,
.free01_area .free01_wrap .cont .live_txt2 {padding:10px 0;text-align:center;font-weight:700;line-height:24px}
.free01_area .free01_wrap .cont .live_txt {border-bottom:1px dashed #ccc;color:#975a22}

@media all and (max-width:767px){
.free01_area {padding:0 10px;}
.free01_area ul li {width:100%; padding:2%;} 

}




/* membership */
.mbs_txt {padding:40px 0; text-align:center; font-size:17px; font-weight:500; color:#000; letter-spacing:-0.04em; line-height:1.3em; word-break:keep-all;}
@media all and (max-width:767px){
	.mbs_txt {padding:30px 0; font-size:15px;}
}






.join01 {padding-top:30px}
.join01 .cont {width:100%;height:150px;border:1px solid #aaa;padding:10px;line-height:1.6;overflow-y:auto}
.join01 .check {padding:20px 0;text-align:center}
.join01 .check label {margin:0 20px}
.join01.terms .cont strong {color:#975a22;display:block}
.txt_mg {margin-bottom:20px}










/* rate */
.rate_item ul li {padding-top:20px}
.rate_item ul li strong {color:#975a22;display:block}
.rate_item ul li a {color:#0000ff}





/* pay */
body.bg {background-color:#eef3f9}
.pay_area {width:483px;margin:0 auto}
.pay_area ul li {padding:0 18px 20px 18px}
.pay_area ul li:first-child {padding-top:20px}
.pay_area ul li .tit {font-weight:700;color:#0000a8}
.pay_area ul li .cont {border:1px solid #bc8823;padding:10px}
.pay_area .img_area {text-align:center}

/* div pop */
.divpop {border:2px solid #333}
.divpop .divpop_txt {background-color:#fff; padding:0 5px;text-align:right; font-size:13px; line-height:26px; height:26px; letter-spacing:-0.03em; color:#666;}

/* img pop */
.layerpop {width:100%;height:100%;position:fixed;_position:absolute;top:0;left:0;z-index:99999;display:none}
.layerpop .bg {width:100%;height:100%;background-color:#000;position:absolute;top:0;left:0;opacity:1;filter:alpha(opacity=100)}
.layerpop .imgpop_cont {display:block}
.imgpop_cont {width:auto;height:auto;position:absolute;top:50%;left:50%;z-index:9;display:none}

/* admin */
.submit_area {padding-top:10px}

 .slider {
	 overflow: auto;
	 position: relative;
	 -ms-touch-action: pan-y;
	 touch-action: pan-y;
 }