@charset "utf-8";
@import url("normalize.css");
@import url("common.css");
@import url("Member.css");

html {height:100%;}
body {font: 14px/1.4 ng,'NanumGothic', 나눔고딕,"돋움",Dotum,AppleGothic,Arial Unicode MS,sans-serif !important;font-size:13px !important;color:#333333 !important; line-height:120% !important; letter-spacing: -0.05em;}
#wrapper {width:100%; position:relative;}
html,body{height:100%}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,aside,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;}
/* body{-webkit-text-size-adjust:none;font-size:0.9em;color:#444;font-family:'돋움',Dotum,AppleGothic,Arial Unicode MS,sans-serif;overflow-y:scroll;*overflow-y:visible} */
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:1em}
dl,ul,ol,li{list-style:none}
button{border:0 none;background-color:transparent;cursor:pointer;margin:0;font-family:나눔고딕,NanumGothic,ng,"돋움",Dotum,AppleGothic,Arial Unicode MS,sans-serif}
input,select,textarea,button{font-size:100%;vertical-align:middle; border: 1px solid #bebebe; color: #555; padding: 5px;}
table{border-collapse:collapse;border-spacing:0;}
table{ word-break:break-all;}/*2015-09-21 추가*/
th{text-align: center;}
caption,legend { visibility:visible; width:0; height:0; overflow:hidden; font-size:0; line-height:0; text-indent:-3000em;}
input[type=text],input[type=password],input[type=submit],input[type=search],input[type=tel],input[type=email]{-webkit-appearance:none;border-radius:0}
input:checked[type=checkbox]{background-color:#666;-webkit-appearance:checkbox}button,input[type=button],input[type=submit],input[type=reset],input[type=file]{-webkit-appearance:button;border-radius:0;cursor:pointer;border:none;/*height:22px;*/}
input[type="radio"], input[type="checkbox"] { margin: 0;}

li img{vertical-align:top;/* For IE image margin */}
input.type_img {vertical-align:middle;/* For IE image margin */}
tbody td{color:#272727;}
a{color:#444;text-decoration:none}
a:active,a:hover{color:#444;text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;}
fieldset,.section{padding-bottom:20px}

img { -ms-interpolation-mode: bicubic;}
img	{vertical-align:middle;}

a { color: #333333; text-decoration: none; }
a:link { color: #333333; text-decoration: none; }
a:visited { color: #333333; text-decoration: none; }
a:hover { color: #1785d2; text-decoration: none; }
a:active { color: #1785d2; text-decoration: none; }
a:focus { color: #1785d2; text-decoration: none; }

input[type=radio] {width:auto; border:none !important;}
input[type=image] {width:auto; border:none !important;padding: 0;}
input{border: solid 1px #ddd; padding: 6px 8px; }

.Tcenter {text-align:center !important;}
.Tjustify {text-align:center !important;}
.Tleft {text-align:left !important;}
.Tright {text-align:right !important;}
.fright {float:right !important;}
.clearboth {clear:both;}
.Tbold {font-weight:bold !important;}
.color_basic {color:#0899a1 !important;}
.C_red {color:#cd1f58 !important;}
.C_blue {color:#2d62b8 !important;}
.C_dyellow {color:#e47c02 !important;}
.C_greensky {color:#07a17f !important;}
.color_basic2 {color:#0054a6 !important;}
.C_wh{color:#fff !important;}
.tccfcolor{color: #443d8b!important;}
.big_txt{font-size: 28px; }
.left					{text-align:left !important;}
.center					{text-align:center !important;}
.right					{text-align:right !important;}
.border-left	{border-left:1px solid #dddddd}
.border-right	{border-right:1px solid #dddddd}
.border-top		{border-top:1px solid #dddddd}
.border-bottom	{border-bottom:1px solid #dddddd}
.bold			{font-weight:bold}
.bg_bagic{background: #443d8b;}
table.board_tcenter td{text-align:center !important;}
.txt_big{font-size: 2em;}
.txt_lg{font-size: 1.6em;}
.txt_md{font-size: 1.3em;}
.txt_sm{font-size: 0.9em;}
.txt_xs{font-size: 0.7em;}

.shadow {
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	}
.t_raudis {
-webkit-border-radius: 7px 7px 7px;
-moz-border-radius: 7px 7px  7px;
border-radius: 7px 7px  7px;
}


.F11 {font-size:11px !important;}
.F12 {font-size:12px !important;}
.F17 {font-size:17px !important;}

.pR50 {padding-right:50px !important;}
.pR20 {padding-right:20px !important;}

.pL10 {padding-left:10px !important;}
.pL20 {padding-left:20px !important;}
.pL30 {padding-left:30px !important;}
.pL50 {padding-left:50px !important;}
.pL100 {padding-left:100px !important;}
.pLR30{padding:10px 30px !important;}
.pd50{padding: 30px !important;}
.pT5 {padding-top:5px !important;}
.pT10 {padding-top:10px !important;}
.pd0{padding: 0px !important;}
.pB10 {padding-bottom:10px !important;}

.mT0 {margin-top:0px !important;}
.mT3 {margin-top:3px !important;}
.mT5 {margin-top:5px !important;}
.mT7 {margin-top:7px !important;}
.mT8 {margin-top:8px !important;}
.mT9 {margin-top:9px !important;}
.mT10 {margin-top:10px !important;}
.mT15 {margin-top:15px !important;}
.mT16 {margin-top:16px !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;}

.mB0 {margin-bottom:0px !important;}
.mB10 {margin-bottom:10px !important;}
.mB20 {margin-bottom:20px !important;}

.mL10 {margin-left:10px !important;}
.mL15 {margin-left:15px !important;}
.mL20 {margin-left:20px !important;}
.mL30 {margin-left:30px !important;}
.mL40 {margin-left:40px !important;}
.mL50 {margin-left:50px !important;}
.mL100 {margin-left:100px !important;}

.width40 {width:40px !important; box-sizing: border-box;}
.width60 {width:60px !important; box-sizing: border-box;}
.width70 {width:70px !important; box-sizing: border-box;}
.width100 {width:100px !important; box-sizing: border-box;}
.width110 {width:110px !important; box-sizing: border-box;}
.width120 {width:120px !important; box-sizing: border-box;}
.width150 {width:150px !important; box-sizing: border-box;}
.width200 {width:200px !important; box-sizing: border-box;}
.width260 {width:260px !important; box-sizing: border-box;}
.width500 {width:500px !important; box-sizing: border-box;}
.width97p {width:98% !important; box-sizing: border-box;}
.width100p {width:100% !important; box-sizing: border-box;}


.blindtext {visibility:visible;width:0;height:0;overflow:hidden;font-size:0;line-height:0;text-indent:-3000em;position:absolute;}


/* header */

/* header */

#header { background:#ffffff; min-width: 1080px;}
#header .logo{width:1080px; margin:0 auto;}
#header .logo h1{position:absolute; top:16px; z-index:9999;}

#top {position:relative; width:1080px; margin:0 auto; height:110px;}

/* 상단로그인 */
#top .loginarea {float:right; margin:33px 0 0 0;}
#top .loginarea .loginbox {overflow:hidden; }
#top .loginarea .loginbox li {float:left;}
#top .loginarea .loginbox .inputcol {float:left;}
#top .loginarea .loginbox .btncol {float:left; margin-left:0;}

#top .loginbox li input {font-family:나눔고딕,NanumGothic,ng,"돋움",Dotum, "verdana";width:100px; background-color:#fff;border:1px solid #b3bbc0;color:#808080;font-size:1.0em; padding:6px;-webkit-border-radius:0; -moz-border-radius:0; border-radius:0; box-sizing: border-box; line-height: 1.2; height: 33px;}
#top .loginbox .btncol button{padding: 0; margin-left: 4px;}
#top .loginbox li .btn_check {padding:6px 8px; background-color:#221e1f; vertical-align:middle;color:#fff; display:inline-block;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-sizing:border-box; border: 1px solid #221e1f; width: 74px; height: 33px;}
#top .loginarea .textcol {width:100%; color:#bababa; font-size:12px; line-height: 200%;}
#top .loginarea .textcol span.txt_l {}
#top .loginarea .textcol span.txt_r {padding:0 10px;}
#top .loginarea .textcol span.txt_s {color:#333333;}
#top .loginarea .textcol input{vertical-align: text-top;}
#top .loginarea .textcollogin {float:left; text-align:right; margin-top: 0;}
#top .loginarea .textcollogin strong{font-size:14px;color:#7c78ae !important;}
#top .loginarea .textcollogin p {margin:10px 0 0 -9px;}
#top .loginarea .textcollogin .btn_check {padding:8px 10px; background-color:#443d8b;border:1px solid #443d8b; color:#fff; display:inline-block;  -webkit-border-radius: 2; -moz-border-radius: 2; border-radius: 2px; text-align:center; box-sizing:border-box; vertical-align:top;}
#top .btn_myclass, #top .btn_memberedit, #top .btn_logout, #top .btn_login, #top .btn_allmenu{box-sizing: border-box; vertical-align: middle; padding: 8px 10px; display: inline-block; line-height: 1.2; border-radius: 2px; height: 33px;}
#top .btn_myclass, #top .btn_memberedit{background:#fafafa; color: #333; border: 1px solid #cccccc;   }
#top .btn_logout, #top .btn_login, #top .btn_allmenu{background:#221e1f; color: #fff; border: 1px solid #221e1f;}
#top .btn_memberedit .member_edit{ font-weight: normal;}
#top .loginarea_fpacademy {margin:33px 74px 0 0;}
#top .loginarea .find_idpw{display: none;}
#top .loginarea .btn_gray_small{padding:6px; font-size:13px; height: 33px; box-sizing: border-box; vertical-align: middle; line-height: 1.5;}

#loginclose li a{font-size: 14px; padding: 8px 14px; color: #333; display: inline-block; box-sizing: border-box; font-weight: 600;}

.m_search {width:250px; height:40px; position:absolute; top:33px; left:310px;}
.m_search li {float:left;}
.m_search .inputcol { float:left; vertical-align:top;}
.m_search .inputcol input {font-family:나눔고딕,NanumGothic,ng,"돋움",Dotum, "verdana";width:218px;height:36px;background-color:#ffffff;border:1px solid #b3bbc0; border-right:none;color:#808080;font-size:1.0em; padding:5px 0 5px 10px; margin:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; box-sizing: border-box;}
.m_search .btncol{position:absolute; left:218px; top:0px; border-left: 0;background: #221e1f; width: 36px; height: 36px; text-align: center; padding:0; box-sizing: border-box;}
.m_search .btncol input:active, .m_search .btncol input:focus, .m_search .btncol input:hover{background: #4d4f5c;}
label {position:absolute;left:-9999px;background-color:#fff;z-index:99999999999;} 

.textcol .gtxt {font-size:11px;}
.textcol .gtxt a{color:#bababa;}
.textcol .gtxt span{margin:0 3px 0 6px; color:#666666;}
.loginbox label {position:absolute;left:-9999px;background-color:#fff;z-index:99999999999;}
/* 상단로그인 */

/* 전체메뉴보기 */
.allmenu_area{position:absolute; width:1080px; right:0; top:0px; display: none;}
.btn_allmenu{position:absolute; right:0px; }
.btn_allmenu a{background: url(/images/common/btn_sitemap.png) no-repeat center center;     width: 126px;
    height: 52px;
    border-right: solid 1px #625aa1;
    border-left: solid 1px #625aa1;
    display: inline-block;}
.btn_allmenu span, .btn_allmenu img{display: none;}
.allmenu_box{width:1080px; border: solid 1px #aaa; position:absolute; top:52px; left:-6px; z-index:151000; background:#fff; padding:10px 10px 30px 10px;}
.allmenu_list>ul{width:260px; height:200px; float:left; border-right:solid 1px #ddd; padding :0 10px; box-sizing: border-box; margin-bottom: 30px;}
.allmenu_list>ul:nth-child(4){border-right:none;}
.allmenu_list .menu_top{font-size:16px; font-weight:bold; background: #0060a0; color: #fff; padding:10px 0; margin-bottom:10px; text-align:center;}
.allmenu_list > .menu_sub{padding: 20px; margin: 20px 0 }
.allmenu_list .menu_sub ul li{line-height:160%; padding: 0 20px;}
 /* //전체메뉴보기*/



/* GNB */ 
#gnb_area { width:100%; clear:both; z-index:11; height: 50px; background:#fff; box-sizing: border-box; border-top: solid 1px #dddddd;}
#gnb {position:relative; }
#gnb .sub_menu { display:none; }
#gnb .btnClose { display:none; }
#gnb {font: 18px/1.2 ng, '나눔고딕',NanumGothic,ng, '돋움', Dotum, '굴림', Gulim, Helvetica,sans-serif; width:1080px; margin:0 auto; padding:0; position:relative; }


/* GNB */ 
#gnb ul.top_menu, #gnb ul.top_menu, #gnb ul.top_menu li {margin: 0; padding: 0;}
#gnb ul.top_menu {position:relative; width:1080px; margin:auto; }
#gnb ul.top_menu li {float: left; margin: 0; font-size: 13px; width:14.2%; }
#gnb ul.top_menu li a {display: block; height: 48px; padding:14px 0 0 0; text-decoration:none;font-size:16px; text-align:center; font-weight:bold; color: #000; box-sizing:border-box;}
#gnb ul.top_menu li a.dc-mega {position: relative;}
#gnb ul.top_menu li.on a, #gnb ul.top_menu2 li.on a:focus {color: #fff550;}

#gnb .sub_menu {position:absolute;  top:48px; width:1080px; padding:0;margin-left:0; z-index:150000;font: 13px/1.2 ng, '나눔고딕',NanumGothic,ng, '돋움', Dotum, '굴림', Gulim, Helvetica,sans-serif;  background:#ffffff; border:1px solid #344194; box-sizing: border-box;} 
#gnb .sub_menu li a {font-weight: normal; color: #000; font-size: 16px; line-height: 200%;}
body:first-of-type #gnb .sub_menu li {list-style: none; }
body:first-of-type #gnb .sub_menu li:last-of-type {margin-right: 0;}
#gnb .sub_menu li.s_tit {width:14.2%; height:250px; float: left; overflow:hidden; padding:10px 0; box-sizing: border-box;}
#gnb .sub_menu li.s_tit.last {border-right:none;}
#gnb .sub_menu a {background: none; border: none; text-shadow: none; color: #000; padding: 4px 0; display: block; float: none; text-decoration: none; }
#gnb .sub_menu a:hover, a:active {color: #ed1c24;}
#gnb .sub_menu li.s_tit a:hover {color: #ed1c24 !important; text-shadow: none; font-weight:normal; border-bottom: solid 1px #ed1c24; display: inline-block;}
#gnb .sub_menu li.s_tit ul li{padding:0 10px; text-align: center; height: 40px;}

#gnb .sub_menu li.s_tit ul li a:hover, a:active {color: #00babc;}
#gnb .sub_menu li.s_tit ul li.on a, #gnb .sub_menu li.s_tit ul li.on a:focus {color:red;}


/*  푸터 */

#footer {margin:0; padding:0; width:100%; min-width:1080px; min-height: 150px; clear: both; font-size: 13px; border-top: solid 1px #e5e5e7; line-height: 1.6;}
#footer .footermenu { width: 1080px; padding-top: 30px; letter-spacing: -0.01em; margin: 0 auto;}
#footer .footermenu > div{float: left; margin-right: 20px;}
#footer .footermenu  div.footer_sns{float: right;}
#footer .footermenu  div.footer_sns span{margin-left: 10px;}
#footer .footermenu ul {margin:0 auto; position: relative;}
#footer .footermenu ul li.btn_footermenu{font-size: 1.2em; font-weight: 600; padding-top: 10px;}
#footer .footermenu ul li.tel strong{font-size: 1.3em;}
#footer .footermenu ul li.tel strong span{letter-spacing: 0;}
#footer .footermenu ul li.tel p{background: #e2defe; padding: 6px 14px; border-radius: 50px; letter-spacing: -0.02rem; margin-top: 8px;}
#footer .footermenu ul li p.footermenu_btn {font-size:13px; margin-left:200px;}
#footer .footermenu ul li p.footermenu_btn a {padding:0 4px;}
#footer .footermenu ul li p.footermenu_btnbox { font-size: 14px; font-weight: 600;}
#footer .footermenu ul li p.footermenu_btnbox span{ font-size: 13px; font-weight: normal;}
#footer .footermenu ul li p.footermenu_btnbox a {padding:0 6px 0 0; color: #0b2754;}


#footer .footercompany {width:100%; height:120px; background:#fff; margin:0; padding:20px 0 0; margin-bottom: -20px;  }
#footer .footercompany ul {position:relative; width:1080px; margin:0 auto; }
#footer .footercompany ul li {display: inline-block; vertical-align: top;}
#footer .footercompany ul li.copyright { width: 100%; color:#0b2754; text-align:center; font-weight: 400; letter-spacing: -0.02rem; font-size: 13px;}
#footer .footercompany ul li.copyright strong{text-transform:uppercase; font-weight: 400;}

/*.copyright{clear:both; padding:15px 0 0 2px;font:normal 11px 'verdana';color:#808080; border-top: solid 1px #dddddd; }*/
/*#footer {clear:both; position:relative; margin:0 auto 0 auto; width:100%; min-height:20px; padding:0; /*background:url(/Images/Common/bg_footer.png) repeat-x left top;}*/
#footer .familysite_area {position:relative; top:10px; float:right; height:auto; z-index:100;}
#footer .familysite_area select{border:solid 1px #ccc; padding: 5px; font-size: 12px; box-sizing: border-box;}
#footer .familysite_area select option{padding: 0;}
/*  //푸터 */


/* ----    서브페이지 부분  ----- */
#container_lmenu{position:relative; width:1080px; margin:0 auto; clear:both;}
#container_lmenu #lnb{float: left; min-height: 500px; width:210px; box-sizing: border-box;}
#container {position: relative; float: right; width: 870px;  padding: 30px 0 50px 49px;  background: #ffffff; z-index: 10;
    overflow: hidden; min-height: 600px; box-sizing: border-box; border-left: solid 1px #ddd;}
/*#container #contentsfull {position:relative;width:100%; margin:0 auto; overflow:hidden; clear:both;}*/
#container #contentsfull, #container #contents {position:relative; margin:0 auto; padding:0px 0px 40px 0px; clear:both; min-height: 600px;}


/*h2 {font-size:20px; font-weight:bold; color:#0899a1; line-height: 120%;}*/
#sub_nev {width:100%; margin-bottom:30px; border-bottom:1px solid #afafaf; padding-bottom:10px; clear:both; overflow:hidden;}
#sub_nev h2 {float:left; font-size:20px; height:23px; padding-top:5px; color:#3b89da; font-weight:bold;}
#sub_nev #location {float:right; margin-top:5px; font-size:12px;}
h3 {font-size:18px; font-weight:bold; padding:5px 0; color:#004098; margin-top: 20px;}
h3 span {color:#333333;}
h3 span.class_review_txt {font-size:13px; color:#979797; font-weight:normal;}
.h3_sub {font-size:14px; color:#333333; margin-top:7px; font-weight:normal; line-height: 160%;}
.h3_lec {font-size:14px; color:#333333; margin-top:7px; font-weight:bold; line-height:160%;}

.class_review h3 {font-size:14px; color:#333333; margin-top:7px; font-weight:bold;}


/*  회원가입 */
#member_join {width:100%; ;margin:20px auto 0; padding:0; display:inline-block;border:none;}
#member_join .joinStep {width:100%; margin:0 auto; text-align: center;}
#member_join h4 {font-size:1.5em;font-weight:bold; color:#222743; text-align:left; line-height:1.8em; margin:10px 0 5px 0; font-size:15px;}
#member_join h4 span {font-size:12px; font-weight:normal;}
#member_join .joinStep .check_agree{text-align:right; margin:10px 10px 5px 0;font-size:1.1em;font-weight:bold;}
#member_join > p {text-align:center;margin:30px auto;}
#member_join #joinStep0 > p {text-align:center;margin:30px auto;}
#member_join #joinStep1 > p {text-align:center;margin:30px auto;}
#member_join #joinStep2 > p {text-align:center;margin:30px auto;}

#member_join .board_view {width:100%; padding:0px;border-top:2px solid #6a971c;margin:15px 0}
#member_join .board_view table {width:100%; padding:0px;}
#member_join .board_view th {color:#272727; font-weight:bold; text-align:right; font-size:1em; line-height:18px; padding:6px 10px 5px 0; border-bottom:1px solid #dadada; background-color:#f5f5f5 !important;}
#member_join .board_view td {font-size:1.0em; text-align:left; line-height:18px; padding:6px 0 5px 10px; border-bottom:1px solid #dadada; background:none;}
#member_join .board_view th.subject {color:#989898; text-align:right; font-weight:bold; font-size:0.9em; line-height:18px; letter-spacing:-0.1em; padding:6px 10px 5px 0; border:0px; background:url('/Images/Common/bg_th_bar.gif') no-repeat right 12px;}
#member_join .board_view td.subject2 {font-size:1.0em; text-align:left; font-weight:bold; line-height:18px; padding:6px 0 5px 10px; border:0px; background:none;}

#member_join .right{float:right; margin-bottom:4px;}
#member_join .step{background: #f5f5f5; width: 100%; padding: 0; text-align: center; height: 68px; box-sizing: border-box;}
#member_join .step li{width:5%; display: inline-block; text-align: center; vertical-align: middle;}
#member_join .step li.step01, #member_join .step li.step02, #member_join .step li.step03{width:29%; height: 68px; text-align: left; box-sizing: border-box; padding:17px 20px 0 90px; font-size:16px; line-height: 120%; font-weight: bold;}
#member_join .step li.step01{background:url('/images/common/join_step01.png') no-repeat 40px center;}
#member_join .step li.step02{background:url('/images/common/join_step02.png') no-repeat 40px center;}
#member_join .step li.step03{background:url('/images/common/join_step03.png') no-repeat 40px center;}
#member_join .step li.on{border: solid 2px #0899a1; color: #0899a1; background-color: #fff; padding-top: 14px;}
#joinStep1, #joinStep2{width:100%; margin:0 auto;}

#joinStep1 div {width:100%; margin:0 auto; background:#f6f6f6 url('/Images/Common/icon_join.png') no-repeat 98% 4px; padding:20px 20px; box-sizing: border-box;}
#joinStep1 div p {font-size:1.2em;}

.join_box {width:100%; padding:50px; border:1px solid #cccccc; overflow:hidden; box-sizing: border-box;}
.join_box .btn {text-align:center;}
.box_tit1 {font-size:15px; font-weight:bold;}
.box_tit2 {margin-top:20px; line-height:150%;}
.box_tit3 {font-size:20px; font-weight:bold; text-align:center; color:#4995d5;}
.box_tit4 {font-size:15px; text-align:center; margin-top:20px;}
.box_tit5 {font-size:12px; color:#646464;}

.Tboard {border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; font-size:13px;}
.Tboard th {padding:7px 10px; background:#f5f5f5; border-left:1px solid #cccccc;}
.Tboard td {padding:7px 10px; border-right:1px solid #cccccc;}
.Tboard td span {font-size:12px;}

.Tboard input {width:230px; border:1px solid #cccccc; padding:5px;}
.Tboard input:hover, input:active, input:focus {background:#faffbd;}
.Tboard select {border:1px solid #cccccc; padding:5px;}

.input_error input{color:#e54343; border:1px solid #e54343;}
.input_error span {color:#e54343;}

.Tboard input.width80 {width:80px;}
.Tboard input.width130 {width:130px;}
.Tboard input.width450 {width:450px; margin:2px 0;}
.Tboard input[type=radio] {width:auto; border:none;}



.join_box .login_text {margin:40px 0 0 0; clear:both;}
.join_box .login_text ul { float:left; margin:0;}
.join_box .login_text .btn_login{float:left; margin:0;}
.join_box .login_text .id {font-size:13px;font-weight:bold;margin:0 7px 5px 0; letter-spacing:5px;}
.join_box .login_text .pass {font-size:13px;font-weight:bold;margin:0 5px 10px 0;}
.join_box .login_text .id_save{font-size:12px; padding:0 0 0 55px; margin:0;}
.join_box  .btn_member {padding:15px 0 0 55px; clear:both;}

.login_data input {width:230px; border:1px solid #cccccc; padding:10px;}
.login_data input:hover, input:active, input:focus {background:#faffbd;}
.login_data select {border:1px solid #cccccc; padding:5px;}
.login_data input[type=checkbox] {width:auto; border:none;}
.login_data input.width150 {width:150px;}


/* 서브 공통적용 */

.contents_notice { padding:20px 20px 20px 40px; margin-bottom:15px; border:1px solid #cccccc; overflow:hidden; background:url(/images/common/icon_notice.png) no-repeat 20px 22px; clear:both;}
/*width:858px; 삭제 2015-09-30*/

/* 기본 리스트 */

.board_s {width:100%; padding:0px; border-top:1px solid #555;}
.board_s th, .board_s td {padding: 10px 4px; border-bottom:1px solid #cccccc; font-size:1em;}
.board_s th {  background:#f5f5f5;}
.board_s td {text-align:center;}
.board_s th.first {border-left:1px solid #cccccc;}
.board_s th.last {border-right:none;}

/*커리큘럼 리스트*/
.board_s1 {position:relative; width:100%; padding:0px; border-top:2px solid #7a7a7a; border-bottom:2px solid #7a7a7a;}
.board_s1 th {border-bottom:1px solid #e5e5e5;height:30px; background-color:#f5f5f5;}
.board_s1 td {line-height:18px; padding:4px; border-bottom:1px solid #e5e5e5; background:none;}
/*.board_s1 td input {width:98%;} 2015-09-21 삭제*/
.board_s1 td input {width:auto;}
.board_s1 td textarea {width:97%; padding:10px;}
.board_s1 span.board_s1_btn {float:right; display:inline-block; margin-bottom:10px;}
.board_s1_list th {background:#ffffff;}
.board_s1_b1 {border-bottom:1px solid #e5e5e5;}

.board_s1 input {width:230px; border:1px solid #cccccc; padding:5px;}
.board_s1 input:hover, input:active, input:focus {background:#faffbd;}
.board_s1 select {border:1px solid #cccccc; padding:4px;}
.board_s1 textarea {border:1px solid #cccccc;}

.board_s1 .textinfo p {height:200px; overflow-y:scroll;}
.board_s1 .textinfo1 p {height:400px; overflow-y:scroll;}

.board_s2 {width:100%; padding:0px; border-top:1px solid #7a7a7a;}
.board_s2 th {border-bottom:1px solid #d1d1d1;height:30px; background-color:#f5f5f5;}
.board_s2 td {text-align:center; line-height:18px; padding:15px 10px; border-bottom:0px solid #e5e5e5; background:none;}
.board_s2 td.reply {background:url(/images/common/iconbg_reply.png) no-repeat 10px 13px; padding-left:29px;}
.board_s2 tr.myclass_top td {background:#ECFAFF; color:#1393E0; font-weight:bold;}

.board_s6 {width:100%; padding:0px; border-top: 2px solid #555;}
.board_s6 th, .board_s6 td {padding: 10px 4px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; font-size:1.1em;  
	word-wrap: break-word; word-break: keep-all;}
.board_s6 th { background:#f5f5f5;}
.board_s6 td {text-align:center;}
.board_s6 th:last-child, .board_s6 td:last-child{border-right: none;} 
.board_s6.tdcolor2nd td:nth-child(2){background: #fffbdd;}
.board_s6.tdcolorlast td:last-child{background: #fffbdd; font-weight: 600;}
.board_s6 tfoot th, .board_s6 tfoot td{background: #fffbdd!important; font-weight: 600;}
.tdbg{background: #fffbdd !important;}
.thbg{background: #c5efdd !important;}
.tbodythbg tbody th{background: #d9e2f7;}
.C_dkgray{color:#333;}
/* mk유튜브 */

.board_mk {width:100%; border-top: solid 1px #0060a0;}
.board_mk th {border-bottom:1px solid #f2f2f2; font-weight: normal; }
.board_mk td { line-height:18px; border-bottom:1px solid #ddd; background:none; box-sizing: border-box;}
.board_mk th, .board_mk td{ padding: 20px 10px 10px;}
.board_mk li{margin: 0 0 6px 0; padding: 0; vertical-align: middle; font-size: 14px; line-height: 140%; display: inline-block;}
.board_mk li.table_number{display: none;}
.board_mk .table_click, .board_mk .reply_click, .board_mk .table_like, .board_mk .reply_like{ width:80px; text-align: center;}
.board_mk li.table_user, .board_mk .reply_user{ font-weight: normal; width: 60px; text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.board_mk li.table_like img{vertical-align: middle; }
.board_mk li.table_title, .board_mk .reply_title{ text-align: left;  padding: 0;  width: 430px; 
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.board_mk .table_day, .board_mk .reply_day{width: 90px; text-align: center;}
.board_mk li.table_attach, .board_mk li.reply_attach{text-align: center; width: 30px;}
.board_mk li.table_attach img, .board_mk li.reply_attach img{vertical-align: text-bottom; margin-left: 4px; width: 20px;}
.board_mk li.table_content{width: 100%; text-align: left; line-height: 160%; color: #333; box-sizing: border-box; margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 3.2em;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}
.board_mk .review{font-size: 12px; }
.board_mk .reply_click  { }
.snslink{text-align: right; margin-bottom: 14px; display: none;}

/* 영상보기 */

/*상세페이지*/
.movie_area{width: 748px; height: 420px; background: #000; position: relative;}
.movie_area .btn_play{position: absolute; z-index: 10; top:40%; left:45%;}
.movie_area .time_box{position: absolute; z-index: 10; right:0; bottom:10px; background:rgba(61, 204, 217, 0.8); padding: 8px 16px; color: rgba(0, 0, 0, 1);}
.movie_area .time_box img, .social img{vertical-align: middle; }
.movie_area .time_box, .social{font-size: 14px; }
.movie_area .movie_thumb{width: 748px; height: 420px; overflow: hidden; border: solid 1px #666; box-sizing: border-box;} 
.movie_area .movie_thumb img{width: 748px; height: 420px;}

.movie_title{font-size: 18px; margin: 30px 0; font-weight: bold;}
.tab_area{position: relative;}	
.btn_golist_area{width:150px; position: absolute; right: 0; top:0; background: #3dccd9;}
.btn_golist_area.inline-block{position: relative; }
.btn_golist_area a{color: #fff; }
.movie_tab{width:100%; background: #3dccd9; color: #fff; }
.btn_golist_area, .movie_tab{text-align: center; height: 50px; box-sizing: border-box; border-radius: 2px;  font-size:15px; line-height: 20px; font-weight: bold; padding-top: 16px;}
.movie_tab li{float:left; width: 33%; border-right: solid 1px #fff;}
.movie_tab li:last-child{border-right: none;}
.movie_tab li.ui-state-active a{color: #fff;}
.movie_tab li a{color:#fff;}
.btn_golist_area a, .movie_tab li a{display: inline-block;}
.tabs_cont{margin: 30px 20px; border-bottom: solid 1px #ddd;}
.tabs_cont{font-size: 14px; line-height: 160%;}
.tabs_cont .filedown{background: #e2f7e1; box-sizing: border-box; padding: 20px; margin: 20px 0; width: 100%;}
.tabs_cont .filedown .file{margin:2px 10px; display: inline-block; background: url(/images/common/black_30.png) no-repeat 0px 10px; padding-left: 10px;}
.btn_like{background: url(/images/common/icon_like_gr.png) no-repeat 8px center; border: solid 1px #ccc; display: inline-block; font-size: 13px; padding: 6px 10px 6px 30px; box-sizing: border-box; }
.btn_like_disable{background: url(/images/common/icon_like_gray.png) no-repeat 8px center; border: solid 1px #ccc; display: inline-block; font-size: 13px; padding: 6px 10px 6px 30px; box-sizing: border-box; }
.metcast_review{border-top:none !important; margin-top: 0 !important; padding: 0 !important;}

/*리스트페이지20220429*/
.movie_list {width: 32%; height: 230px; float:left; box-sizing: border-box; padding: 5px 10px;}
.movie_list .movie_box{background: #000; position: relative;overflow: hidden; box-sizing: border-box;}
.movie_list .movie_box .btn_play{position: absolute; z-index: 10; top:40%; left:45%; }
.movie_list .movie_box .btn_play img{width: 60px;}
.movie_list .movie_box .time_box{position: absolute; z-index: 10; right:0; bottom:10px; background:rgba(61, 204, 217, 0.8); padding: 8px 16px; color: rgba(0, 0, 0, 1);}
.movie_list .movie_box .time_box img, .movie_list .social img{vertical-align: text-bottom; margin-bottom: -1px;}
.movie_list .movie_box .time_box, .movie_list .social{font-size: 14px;  }
.movie_list .movie_box .movie_thumb img{width: 100%; height: 100%;}
.movie_list .movie_title{font-size: 15px;
    margin: 8px 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.2;
    height: 1.2em;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.movie_list .movie_title strong{margin-right: 10px;}
.movie_list .social{text-align: left;}
.movie_list .social .name{margin-right: 10px; font-weight: normal;}

/*  리스트형2 */
.listtype_list2 {width:100%; font-size:13px; margin:0 0 10px 0; padding-bottom:10px; border-bottom:1px solid #efefef; position:relative; overflow:hidden;}
.movie_list.listtype_list2 {width: 100%; height: auto;}
.movie_list.listtype_list2 .movie_box{display: none; }
.movie_list.listtype_list2 .social {display:none;}
.movie_list.listtype_list2 .movie_title_box {height:auto; width: 60%; display: inline-block; vertical-align: top;}
.movie_list.listtype_list2 .movie_title_box .movie_title{font-size: 1.2em;}
.movie_list.listtype_list2 .price_box {display: inline-block; vertical-align: top; width: 30%; float: right; text-align: right;}
.movie_list.listtype_list2 .price_box .cardoption{font-size: 1.1em; margin-bottom: 4px;}
.movie_list.listtype_list2 .price_box .cardoption strong{font-size: 1.4em; font-weight: 600; color: #f20024;}
.movie_list.listtype_list2 .price_box .cardoption span{margin-left: 10px;}
.movie_list.listtype_list2 .price_box .discount{font-size: 0.9em;}
.movie_list.listtype_list2 .price_box .discount span strong{font-size: 1.1em; color: #f20024; }
.movie_list.listtype_list2 .price_box .discount span del.arr::after{content: ""; width: 20px; height: 14px; background: url(/images/common/arr_r.png) no-repeat center center; display: inline-block; margin:0 6px; vertical-align: text-bottom;}


/*내강의실 무비 플레이어*/
.myclass_moviebox{display: none;  /* background: rgba(0, 0, 0, 0.8);*/  position: fixed; top:15%; left: 26%; z-index: 999; border: 14px solid #0060a0;}
.myclass_moviebox .myclass_movie{width: 888px !important; height: 500px !important; margin: auto 0; }
.myclass_moviebox .btn_cls{width: 140px; background: #0060a0; color: #fff; font-weight: bold; position: absolute; bottom: -44px; right: -14px; text-align: center;
 line-height: 200%; border-radius: 0px; font-size: 15px; cursor: pointer;}
.skin-mcvod .mpv-close-openlayer-btn{display: none !important;}

/* 마이페이지 내강의실 장바구니 */
.board_s3 {width:100%; padding:0px; border-left:1px solid #d1d1d1; }
.board_s3 th {border:1px solid #d1d1d1;  height:30px; background-color:#f0f0f0;}
.board_s3 tr.txtmyclass td.on a{color:#0899a1; font-weight:bold; font-size: 120%;}
.board_s3 td {text-align:center; line-height:18px; padding:3px 10px; border:1px solid #e5e5e5; background:none;}
.board_s3 td.reply {background:url(/images/common/iconbg_reply.png) no-repeat 10px 13px; padding-left:29px;}

.board_s4 {width:100%; padding:0px; }
.board_s4 th {border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; height:36px; background-color:#fff;}
.board_s4 td {text-align:center; line-height:18px; padding:3px 10px; border-bottom:1px solid #cccccc; background:none; height:36px;}
.board_s4 th.first {border-left:none;}
.board_s4 th.last {border-right:none;}

span.ing_ok {width:55px; height:23px; padding-top:2px; text-align:center; display:inline-block; background:url(/images/myclass/iconbg_ok.png) no-repeat 0 0; color:#ffffff;}
span.ing_ing {width:55px; height:23px; padding-top:2px; text-align:center; display:inline-block; background:url(/images/myclass/iconbg_ing.png) no-repeat 0 0; color:#ffffff;}
span.ing_no {width:55px; height:23px; padding-top:2px; text-align:center; display:inline-block; background:url(/images/myclass/iconbg_no.png) no-repeat 0 0; color:#ffffff;}
span.class_ok {width:55px; height:23px; padding-top:2px; text-align:center; display:inline-block; background:url(/images/myclass/iconbg_classok.png) no-repeat 0 0; color:#ffffff; }
span.class_vod {padding:2px 5px; border:1px solid #b4b4b4; text-align:center; display:inline-block; background: #ffffff; color:#176ca7; -webkit-border-radius: 2; -moz-border-radius: 2; border-radius: 2px; font-weight:normal;}
span.class_vod a {color:#176ca7;}
span.class_vod a:hover {color:#333333;}

.sub_cont .price del{font-size: 14px;}
.sub_cont .price strong{font-weight: bold; color:#00a4b2;}
table tr.bgBG td{background: #e1f3f2;}
ul.textindent li, dl.textindent dd{text-indent: -0.8em; padding-left:0.8em;}
dl.process{clear: both;}
dl.process dt{border-radius: 50px; width: 50px; height: 40px; border: solid 6px #ccc; float: left; margin: 0 10px 10px 0; text-align: center; padding-top: 0px; font-size: 18px; font-weight: bold; box-sizing: border-box;} 
dl.process dd{float: left; margin-top: 4px;}
dl.process dt.n1{color: #f9a44a; border-color: #f9a44a;}
dl.process dt.n2{color: #f35f67; border-color: #f35f67;}
dl.process dt.n3{color: #48a5d9; border-color: #48a5d9;}
dl.process dt.n4{color: #48a5d9; border-color: #48a5d9;}
.sub_title_b {font-size: 16px; margin:40px 0 20px 0; font-weight: bold;}
.sub_title_b strong{color:#00a4b2; }

.borderT2 {border-top:2px solid #7a7a7a; }
.myclass_classtitle {border:1px solid #dddddd; padding:20px; overflow:hidden;}
.myclass_classtitle .class_bar {float: left; width: 40%;  text-align: center;  margin-top: 15px;}
.myclass_classtitle .class_bar strong {color:#e4002b;}
.myclass_classtitle .class_bar .class_bararea {position:relative; width:302px; height:49px; background:url(/images/myclass/myclass_barbg.png) no-repeat 0 0; margin:10px auto 0; overflow:hidden;}
.myclass_classtitle .class_bar .class_bararea .bararea {position:absolute; top:19px; left:1px; width:300px; height:12px; display:inline-block;}
.myclass_classtitle .class_bar .class_bararea .bararea .bar {position:absolute; left:0; height:12px; background:#05c3de; display:inline-block;}
.myclass_classtitle .board_myclasstitle {float:right; width:420px;}
.myclass_classtitle .board_myclasstitle th {text-align:left; border-bottom:1px solid #cccccc; height:30px; padding:2px 0 0 17px; background:url(/images/myclass/bl_myclass.png) no-repeat 0 13px;}
.myclass_classtitle .board_myclasstitle td {text-align:left; line-height:18px; padding:2px 0; border-bottom:1px solid #cccccc; }
.myclass_classtitle .class_bar .study_prog{display: inline-block; font-size: 15px; font-weight: bold; }
.myclass_classtitle .class_tit{float: right; width: 56%; margin-top: 15px;	}	
.myclass_classtitle .study_date{margin: 10px auto 0;  padding: 10px; width: 280px;}
.myclass_classtitle .study_date span{font-size: 15px; font-weight: bold;}

/* CEP 응시현황 및 결과 */
.exam_bararea {width: 100%; text-align: left;}
.exam_bararea .bararea{position:relative; width:90%; height:20px; overflow:hidden; background: #eee; margin: 4px 0; display: inline-block; text-align: center;}
/*.exam_bararea .bararea {position:absolute; top:0; left:0; width:100%; display:inline-block; }*/
.exam_bararea .bararea .point{position: absolute; z-index: 1; text-align: center;}
.exam_bararea .bararea .bar {position:absolute; left:0; height:20px; background:#5bdaec; display:inline-block;}
.exam_bararea .bararea .bar_average {position:absolute; left:0; height:20px; background:#95e46e; display:inline-block; }
.score, .score_average{text-align: right; font-weight: bold;} 

/* //CEP 응시현황 및 결과 */


.cart_order {width:100%; box-sizing: border-box; font-size:17px; text-align:right; padding:15px 3%; margin:20px 0; border:1px solid #dddddd; clear:both;}
.cart_order span.txt_pay {width:150px; font-weight:bold; display:inline-block;}

.cart_order_end {width:100%; box-sizing: border-box; font-size:25px; font-weight:bold; line-height:130%; text-align:center; padding:15px 3% 20px 3%; margin:20px 0; border:2px solid #dddddd; clear:both;}

.cart_bank {width:100%; margin:20px 0; font-size:14px; text-align:center; line-height:140%;}
.cart_bank .bank_info {font-weight:bold; color:#3679ae;}
.cart_bank .bank_num {font-size:18px;}

ul.order_area {width:100%; box-sizing: border-box; border:1px solid #dddddd; padding:3%; margin-bottom:10px; overflow:hidden; clear:both;}	
ul.order_area li.ordertitle {float:left; width:13%; font-weight:bold; font-size:16px; color:#176ca7; text-align:left; vertical-align:top;}
ul.order_area li.orderwrite {float:left; width:80%;}

.board_order {width:100%; margin:12px 0 10px 0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc;}
.board_order th {border-right:1px solid #cccccc; border-top:1px solid #cccccc; background-color:#f5f5f5; text-align:center;}
.board_order td {text-align:left; line-height:18px; padding:5px 5px; border-right:1px solid #cccccc; border-top:1px solid #cccccc;}
.board_order input {border:1px solid #cccccc; padding:5px; background:#f5f5f5;}
.board_order input:hover, input:active, input:focus, input:visited {background:#ffffff;}
.board_order select {border:1px solid #cccccc; padding:5px; }

/* 회원정보수정 부분 테이블  */
.fpapacademy_edit .board01 {width:100%; border-top:1px solid #cccccc; border-left:1px solid #cccccc; padding:0px; margin:0px; letter-spacing:0px;}
.fpapacademy_edit .board01 th {text-align:center; padding:10px; vertical-align:middle; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; background-color:#f5f5f5;}
.fpapacademy_edit .board01 td {font-size:1em; padding:10px 0 10px 17px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; letter-spacing:0px;}
.fpapacademy_edit .board01 td div {margin:5px 0 0 0; clear:both;}
.fpapacademy_edit .board01 td p {margin:8px 0 0 0; clear:both; }
.fpapacademy_edit .board01 td span {margin:0 0 0 10px;}
.fpapacademy_edit .board01 ul li {width:116px; float:left; margin:5px 0 0 0;}

.fpapacademy_edit .board01 input {width:230px; border:1px solid #cccccc; padding:5px;}
.fpapacademy_edit .board01 input:hover, input:active, input:focus {background:#faffbd;}
.fpapacademy_edit .board01 select {border:1px solid #cccccc; padding:4px;}
.fpapacademy_edit .board01 input[type=radio] {width:auto; border:none !important; margin-left:10px; vertical-align:middle;}

.fpapacademy_edit .board01 .forigner {width:500px; padding:0px; margin:0px }
.fpapacademy_edit .board01 .forigner li {float:left; line-height:18px; margin:0 0 0 0; padding:0 0 0 0;}
.fpapacademy_edit .board01 .forigner li.address {width:600px;}
.fpapacademy_edit .board01 .forigner li.phone {width:220px;}
.fpapacademy_edit .board01 .forigner li.phone2 {width:200px; padding:18px 0 0 0;}
.fpapacademy_edit .board01 .forigner li p {margin:0px;}

/*
.board_myclasstitle {width:100%; padding:0px;}
.board_myclasstitle th {border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; height:30px; background-color:#eeeeee;}
.board_myclasstitle td {text-align:center; line-height:18px; padding:7px 10px; border-bottom:1px solid #cccccc; background:none;}*/


/* 페이징스타일 */
.paging_s1 {width:100%; margin:30px 0; font-size:13px; text-align:center; clear:both;}
.paging_s1 a {margin:0 6px; padding-top:2px;}
.paging_s1 a.on {color:#0060a0; font-weight:bold;}
.paging_s1 a.box {font-size:0.7em; padding:2px; border:1px solid #cccccc;}
.paging_s1 a.box:hover {background:#0060a0; color:#fafafa;}

.paging_s2 {width:100%; margin:30px 0; font-size:12px; text-align:center; clear:both;}
.paging_s2 a {margin:0 5px; padding:4px 8px; border:1px solid #cccccc;}
.paging_s2 a:hover {background:#0060a0; color:#ffffff;}
.paging_s2 a.on {background:#0060a0; color:#ffffff; font-weight:bold;}


/*  상담내역 팝업 */
#pop_counsel {width:590px; height:590px; border:5px solid #00babc; background:#ffffff; padding:30px; position:absolute; z-index:2; top:200px; left:100px; clear:both;}
#pop_counsel h6 {font-weight:bold; font-size:16px; margin-bottom:15px;}

/* 기간검색 */
.search_date {text-align:center; padding:20px 0; border:1px solid #cccccc; clear:both;}
.search_date input {width:90px; text-align:center; border:1px solid #cccccc; padding:5px;}
.search_date input:hover, input:active, input:focus {background:#faffbd;}
.search_date select {border:1px solid #cccccc; padding:5px;}


/*  강사소개  */
.tab {width:100%; display:inline-block; margin:5px auto 20px;}
.tab ul{ border-left: 1px solid #ddd; height: 50px;}
.tab li {float:left; width: 24.95% ;height:50px; font-weight:bold; font-size:16px; display:inline-block;border-right:0; text-align:center;}
.tab li a {padding:16px 0 0; width: 100%; height:100%; color:#333; font-weight:bold; border-right: 1px solid #ddd; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd;font-size:16px; float:left;  text-align:center; display: inline-block;}
.tab li a:hover, .tab li.on a, .tab li.on a:hover, .tab li.on a:active, .tab li.on a:focus,
.tab li.on a:focus, .tab li.on a:hover, 
.tab li.ui-state-active a{ border-top:2px solid #bd005c; border-bottom:none;}
/* 페이지 위로가기 버튼 */
.btn_top{display: none; width: 40px; height: 40px; position:fixed; right:20%; bottom:25%; z-index: 999;}
.btn_top img{width: 100%;}

.subject{text-align: center; margin:80px 0 50px; border-top: solid 1px #443d8b;}
.subject span{background: #443d8b; font-size: 2em; line-height: 1.6; display: inline-block; font-weight: 500; padding: 0 50px; color: #fff;}
.teacherlist .teacher_box{width: 100%; box-sizing: border-box; margin-bottom: 20px; padding:0 30px}
.teacherlist .teacher_box dt, .teacherlist .teacher_box dd{ display:inline-block; vertical-align:top;}
.teacherlist .teacher_box .teacherpic_box{background: #fff; width: 200px; height: 220px; border:solid 1px #ccc; margin-right: 40px;}
.teacherlist .teacher_box .teacherpic{ width:100%; height:100%; box-sizing: border-box; overflow: hidden; }
.teacherlist .teacher_box .teacherinfo{margin-bottom: 20px; line-height: 1.6; background:url("/images/sub_page/icon_arrow3.png") no-repeat left 6px; padding-left:70px;width: 65%; margin-top: 6px;}
.teacherlist .teacher_box .teachername{font-size: 1.6em; margin-bottom: 30px; color:#443d8b; font-weight:600; line-height: 1.4;}
.teacherlist .teacher_box .teachername span{font-size: 0.8em; padding-bottom: 2px; margin-bottom: 10px; border-bottom:solid 1px #443d8b; letter-spacing: -0.1em;}  
/* //강사소개 */
/* 합격자명단 */
.winner ul{ width: 100%; }
.winner ul.winnerlist li{width: 49%; display: inline-block; padding:0 5px 10px; text-align: center;}
.winner ul.winnerlist li div{width: 100%; background-size: 100%; box-sizing: border-box; padding: 27% 0 10% 44%; font-size: 2em; text-align: left; line-height: 1.2; color: #443d8b; font-weight: 600;}
.winner ul li div span{font-size:0.7em; }
.winner ul.winner01 li div{background: url("/images/sub_page/winner01_bg.png") no-repeat left top;}
.winner ul.winner02 li div{background: url("/images/sub_page/winner02_bg.png") no-repeat left top;}
.winner ul.winner03 li div{background: url("/images/sub_page/winner03_bg.png") no-repeat left top;}
.winner ul.winner04 li div{background: url("/images/sub_page/winner04_bg.png") no-repeat left top;}
.winner ul.winner05 li div{background: url("/images/sub_page/winner05_bg.png") no-repeat left top;}
/* //합격자명단 */


/*  학습지원센터-모바일이용안내  */
  #tab-1 .tabs1_cont{width:753px; height:449px; margin:0 auto; }
  #tab-1 .btn_area{position:absolute; top:380px;}  

/* 이벤트 */
#event_area {margin:20px 0; overflow:hidden;}
.event_list {float:left; width:412px; height:160px; padding:9px; margin:4px; border:1px solid #dddddd;}
.event_list img {float:left; width:150px; margin-right:20px;  border:1px solid #dddddd;}
.event_list ul {float:left; width:230px;}
.event_list ul .etitle {height:51px; line-height:50px; font-size:15px; font-weight:bold; border-bottom:1px solid #dddddd; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.event_list ul .einfo {padding-top:16px; height:60px; overflow:hidden; margin-bottom:14px; line-height:160%;}
.event_list ul .edate {font-size:12px; color:#585858;}

/* faq */

.faq_area {width:99%; margin:20px auto 0; border-left:1px solid #dddddd; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; overflow:hidden;}

.faq_area dt {padding:15px 10px 10px 50px; font-size:15px; background:#f5f5f5 url(/Images/Customer/faqbg_q.png) no-repeat 7px 7px; border-top:1px solid #dddddd; }
.faq_area dt.over { cursor:pointer; }
.faq_area dt.selected {cursor:default;}

.faq_area dd {padding:10px 50px; border-top:1px solid #dddddd; background:url(/Images/Customer/faqbg_a.png) no-repeat 7px 7px;}



/*  수강후기 */
.input_classtitle {position:absolute; top:100px; left:230px; width:560px; border:1px solid #cccccc; clear:both; overflow:hidden; background:#ffffff;}
.input_classtitle .class_area {margin:7px; padding:15px; border:4px solid #00babc;}
.input_classtitle .class_area h2 {height:20px; padding:5px 0; margin-bottom:5px; font-size:15px; color:#333333; font-weight:bold;}
.pupup_btn_box{border-top:solid 1px #7a7a7a; padding-top:20px; text-align:center;}/*2015-09-21 추가*/

/* 버튼 */

.btn_vod {background:#ffffff url(/Images/course/btn_vod1.png) no-repeat 10px 3px; display:inline-block; border:1px solid #bbbbbb; font-size: 14px; font-weight:bold; padding:5px 20px 5px 45px; -webkit-border-radius: 2; -moz-border-radius: 2; border-radius: 2px;}
.btn_class {background:#0060a0 url(/Images/course/btn_vod2.png) no-repeat 10px 3px;  background-size:20px 20px; display:inline-block; border:1px solid #0060a0; font-size: 14px; font-weight:bold; color:#ffffff !important; padding:5px 20px 5px 45px; -webkit-border-radius: 2; -moz-border-radius: 2; border-radius: 2px;}
.btn_class:hover {background:#1085BF url(/Images/course/btn_vod2.png) no-repeat 10px 3px;}
.btn_cart {background:#ffffff url(/Images/course/btn_vod3.png) no-repeat 10px 3px;background-size:21px 19px;  display:inline-block; border:1px solid #bbbbbb; font-size: 14px; font-weight:bold; padding:5px 20px 5px 45px; -webkit-border-radius: 2; -moz-border-radius: 2; border-radius: 2px;}
.btn_reviewok {background:#4dbaa9 url(/Images/course/icon_review.png) no-repeat 10px 22px; display:inline-block;  clear:both; padding:24px 20px 24px 40px;  font-size: 14px; font-weight:bold; color:#ffffff !important;  -webkit-border-radius: 2; -moz-border-radius: 2; border-radius: 2px;}
*:first-child+html .btn_reviewok {margin-top:10px;}


/* 메인롤링 배너  */

.m_Rbanner {position:relative;  width:356px; height:468px; z-index:1;}

.m_Rbanner div.autoOff { /* 정지, 시작 */
  z-index: 3;
  position: absolute;
  top:445px;
  right:8px;
}
.m_Rbanner div.autoOff a { 
  width: 18px;
  height: 18px;
  text-indent: -999px;
  overflow: hidden;
  display: block;
}
.m_Rbanner div.autoOff .stop {
  background: url(/Images/Common/slide_auto_stop.png) 0 0 no-repeat;
}
.m_Rbanner div.autoOff .play {
  background: url(/Images/Common/slide_auto_play.png) 0 0 no-repeat;
}

.m_Rbanner .m_Rbanner_slide {
  position: relative;
  z-index: 2;
  width:356px;
  height:468px;
 text-align:right;;
}
.m_Rbanner .m_Rbanner_slide dt { /*  자동 버튼  */
  position: relative;
  top: 445px;
  right:28px;
  z-index: 2;
 display: inline-block;
}

*:first-child+html .m_Rbanner .m_Rbanner_slide dt { /*  자동 버튼  */
  position: relative;
  top: 445px;
  left:10px;
  z-index: 2;
 display: inline-block;
 float:left;
}

.m_Rbanner .m_Rbanner_slide dt a {
  display: inline-block;
  width: 18px;
  height: 18px;
  text-indent: -99999999px;
  font-size:0px;
  overflow: hidden;
  *display: block;
  background: url(/Images/Common/mb_off.png) 0 0 no-repeat;
}
.m_Rbanner .m_Rbanner_slide dt .on {
  background: url(/Images/Common/mb_on.png) 0 0 no-repeat;
}
.m_Rbanner .m_Rbanner_slide dd {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width:356px;
  height:468px;
  text-align: left;
}
.m_Rbanner .m_Rbanner_slide .Mbanner_show1,
.m_Rbanner .m_Rbanner_slide .Mbanner_show2,
.m_Rbanner .m_Rbanner_slide .Mbanner_show3,
.m_Rbanner .m_Rbanner_slide .Mbanner_show4,
.m_Rbanner .m_Rbanner_slide .Mbanner_show5,
.m_Rbanner .m_Rbanner_slide .Mbanner_show6,
.m_Rbanner .m_Rbanner_slide .Mbanner_show7,
.m_Rbanner .m_Rbanner_slide .Mbanner_show8,
.m_Rbanner .m_Rbanner_slide .Mbanner_show9,
.m_Rbanner .m_Rbanner_slide .Mbanner_show10 {display: none;}

/* //메인롤링 배너  */



.btn_sky_big {
background: #0060a0; display:inline-block; text-align:center; border:1px solid #0060a0; color: #fff !important; font-size: 16px; font-weight:bold; padding: 12px 24px; text-decoration: none;
}

.btn_sky_big:hover {
  background: #1085BF; color: #fff !important; text-decoration: none;
}

*:first-child+html .btn_sky_small, *:first-child+html .btn_white {display:inline-block; padding:3px 10px;}


.btn_sky_small {
background: #0060a0; display:inline-block; text-align:center;  color: #fff !important; font-size: 13px; font-weight:bold; padding:6px 15px; text-decoration: none; margin:0;
}

.btn_sky_small:hover {
  background: #1085BF; color: #fff !important; text-decoration: none;
}

.btn_sky_middle {
background: #0060a0; border:1px solid #0060a0; display:inline-block; text-align:center;  color: #fff !important; font-size: 14px; font-weight:bold; padding:10px 20px; text-decoration: none;
}

.btn_sky_middle:hover {
  background: #1085BF; border:1px solid #1085BF; color: #fff !important; text-decoration: none;
}

.btn_skygreen_small {
background: #00babc; display:inline-block; text-align:center; border:1px solid #38959a;  color: #fff !important; font-size: 13px; padding:5px 10px; text-decoration: none;
}

.btn_after {
background: #ee9d00; display:inline-block; width:180px; text-align:center; border:1px solid #cb7400;  color: #fff !important; font-size: 16px; font-weight:bold; padding: 12px 0; text-decoration: none;
}

.btn_after:hover {
  background: #1085BF; color: #fff !important; text-decoration: none;
}


.btn_skygreen_small:hover {
  background: #1085BF; color: #fff !important; text-decoration: none;
}

.btn_listok {
background: #00babc; display:inline-block; text-align:center; border:1px solid #38959a; -webkit-border-radius: 2; -moz-border-radius: 2; border-radius: 2px; color: #fff !important; font-size: 12px; font-weight:bold; padding:2px 4px; text-decoration: none;
}

.btn_listok:hover {
  background: #1085BF; color: #fff !important; text-decoration: none;
}

.btn_listno {
  background: #cccccc; font-size:12px; display:inline-block;  border:1px solid #a9a9a9; -webkit-border-radius: 2; -moz-border-radius: 2; border-radius: 2px; padding:2px 4px; text-decoration: none;
}

.btn_listno:hover {
  background: #cccccc; color:#0f0f0f; font-size:12px; border:1px solid #a9a9a9; text-decoration: none;
}

.btn_sky_login {
background: #0060a0; display:inline-block; width:100px; text-align:center; border:1px solid #0060a0; color: #fff !important; font-size: 16px; font-weight:bold; padding: 22px 0; text-decoration: none;
}

.btn_sky_login:hover {
  background: #1085BF; color: #fff !important; text-decoration: none;
}

.btn_gray_small {
  background: #fafafa; font-size:13px; display:inline-block;  border:1px solid #cccccc;   padding: 5px 10px; text-decoration: none;
}

.btn_gray_small:hover {
  background: #e8e8e8; font-size:13px; border:1px solid #cccccc; text-decoration: none;
}


.btn_gray_big {
background: #fafafa; display:inline-block; width:200px; text-align:center; border:1px solid #cccccc; color: #0060a0 !important; font-size: 16px; font-weight:bold; padding: 12px 0; text-decoration: none;
}

.btn_gray_big:hover {
  background: #e8e8e8; color: #0060a0 !important; text-decoration: none;
}

.btn_gray_middle {
background: #efefef; border:1px solid #9c9c9c; display:inline-block; text-align:center;  color: #333 !important; font-size: 14px; font-weight:bold; padding:10px 20px; text-decoration: none;
}

.btn_gray_middle:hover {
  background: #e8e8e8; border:1px solid #9c9c9c; color: #333 !important; text-decoration: none;
}


.btn_sky_small2 {
background: #e5e5e5; display:inline-block; text-align:center; border:1px solid #9c9c9c;  color: #333333 !important; font-size: 13px; font-weight:bold; padding:3px 15px; text-decoration: none;
}

.btn_sky_small2:hover {
  background: #1085BF; color: #fff !important; text-decoration: none;
}

.btn_dgray_small {
  background: #cccccc; font-size:12px; display:inline-block;  border:1px solid #a9a9a9;  padding: 5px 10px; text-decoration: none;
}

.btn_dgray_small:hover {
  background: #cccccc; color:#0f0f0f; font-size:12px; border:1px solid #a9a9a9; text-decoration: none;
}

.btn_dblue_small {
  background: #3985a5; color:#fafafa !important;  display:inline-block; font-size:12px; border:1px solid #dadada; padding: 5px 10px; text-decoration: none;
}

.btn_dblue_small:hover {
  background: #3985a5; font-size:12px; color:#32c2ff !important; border:1px solid #dadada; text-decoration: none;
}

.btn_lgray_big {
background: #fafafa; display:inline-block; width:200px; text-align:center; border:1px solid #bbbbbb; color: #333333 !important; font-size: 16px; font-weight:bold; padding: 12px 0; text-decoration: none;
}

.btn_lgray_big:hover {
  background: #fafafa; color: #333333 !important; text-decoration: none;
}


.btn_list {padding:6px 10px; font-size:14px; border:1px solid #9c9c9c; background:#efefef; text-align:center; display:inline-block; }
.btn_list.reply{background:#0060a0; color:#ffffff; border:1px solid #0060a0; margin:0 4px;}
.btn_list.reply:hover{background:#1085BF; color:#fff !important; text-decoration: none;}
*:first-child+html  .btn_list {width:80px;}


.btn_white {
  background: #ffffff; color: #585858; font-size: 12px; padding: 6px 10px; border: solid #cccccc 1px; text-decoration: none;
}

.btn_white:hover {
  background: #ededed; text-decoration: none;
}

.btn_navy {
  background: #3a3c54;  color: #fff !important; font-size: 14px; font-weight:bold; padding: 8px 12px 8px 12px; text-decoration: none;
}

.btn_navy:hover {
  background: #1085BF; color: #fff !important; text-decoration: none;
}

.btn_navy_big {
  background: #0060a0;  color: #fff !important; font-size: 14px; font-weight:bold; padding: 12px 18px 12px 18px; text-decoration: none;
}

.btn_navy_big:hover {
  background: #1085BF; color: #fff !important; text-decoration: none;
}


/*레이어리스트용*/
#layercontainer{width:748px;}
#layercontainer #layercontents{width:748px; padding:5px 0 0 17px;margin:0;overflow:hidden;}

/*#container #contents03{position:relative;width:748px; float:right; padding:0;margin:0;overflow:hidden;min-height:800px;padding:25px;border:1px solid #d3d3d3;}*/
#container #contents02{position:relative;width:766px;float:right; padding:0;margin:0;overflow:hidden; background:#fff; padding:0 10px 0 10px;}

#container #lnb {position:absolute;float:left;top:50px; left:14px; bottom:54px;width:196px;min-height:500px;background:url(../../images/main/bg_lnb.gif) repeat left top;}


/* Left Menu_2014 */
.top_submenu{ width: 100%; background: #f3f3f3; height: 50px;}
.left_title{width:100%; padding:34px 0 50px;text-align:center; margin:0; box-sizing: border-box; border-bottom: solid 1px #afafaf;
}
.left_title h2{color:#333;font-weight:bold;font-size:24px; margin-top: 0; margin-bottom: 0;}
.left_title_hr{width: 20px; border: none; border-top:solid 2px #fff;  margin-bottom: 20px;}
#leftbox {width:100%; background: #fff; box-sizing: border-box; border-bottom: solid 1px #afafaf; margin-top: 27px;}
#leftbox dl {width:100%;margin:0px; padding:10px 0;  box-sizing: border-box;}
#leftbox dt {position:relative;display:block;cursor:pointer;line-height:40px;font-size:16px;text-indent:15px;font-weight:500;color:#333;height:40px;border-bottom:1px solid #ddd;}/*라인*/
#leftbox dt a, #leftbox dt a:active, #leftbox dt a:focus, #leftbox dt a:visited {color:#333;}
#leftbox dt a:hover, #leftbox dt:hover{color:#ed1c24;}
#leftbox dt img {position:absolute;top:12px;right:8px;}
#leftbox #select {background-color:#fafafa;color:#333;border-bottom:2px solid #ddd;}
#leftbox dd {margin:0;padding:6px 0;background:#f5f5f5; } /*라인*/
#leftbox dd .l_sub_m {	margin:0;text-indent:23px;padding:4px 0;font-size:13px;color:#333; line-height: 130%;}
#leftbox dd .l_sub_m p{	margin:0; padding:0; text-indent:23px;font-size:13px;color:#333; line-height: 130%;}
#leftbox dd .l_sub_m a, #leftbox dd .l_sub_m a:visited {color:#333;}
#leftbox dd .l_sub_m a:hover {color:#ed1c24;}
.left2d_select {color:#79dbff;}



/* 메뉴 Mouse effect  */
figure.effect-honey {position: relative; background: #222743; width:244px; height:256px;}
figure.effect-honey img {opacity: 1; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; width:244px; height:256px;}
/*figure.effect-honey:hover img {opacity: 0.8; width:244px; height:256px;}*/
figure.effect-honey figcaption::before {position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; 
/*background: #fff; 201505114 수정 */
content: ''; -webkit-transform: translate3d(0, 45px, 0); transform: translate3d(0, 45px, 0);}
figure.effect-honey h2 {position: absolute; top:-2px; left:-15px; padding: 1em 1.5em; width: 100%; font-size:1.5em;font-weight:bold; color:#222743; text-align:left; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}
figure.effect-honey h2 img{position: relative; width:60px; height:32px; top:-4px; left:4px; }
figure.effect-honey h2 a:hover { opacity: 0.9; color:#1953aa;} /* ' 2015-03-12 */
figure.effect-honey figcaption::before, figure.effect-honey h2 {-webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s;}
figure.effect-honey:hover figcaption::before, figure.effect-honey:hover h2 {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
figure.effect-honey a { color:#222743;}
/* .menubox li a, .menubox li a:active, .menubox li a:focus {display:block;width:200px;height:200px;} */



/* layer_popup */
.layer_popup {position:relative;width:370px;min-height:300px; color:#4c4c4c;text-align:center; border:1px solid #c6c6c6;padding:0;background:#f7f8fa url(/Images/Common/bgline_ptop.png) no-repeat left top;}

.p_tit {font-size:15px;font-weight:bold; color:#006ec8; text-align:left;padding:12px 30px 6px 16px; height:45px; line-height:20px;}

.p_vod {position:relative; padding:10px;min-height:110px; background-color:#d8e7f4;}
.p_vod li{height:25px;border-bottom:1px solid #e8e8e8;font-size:13px;font-weight:normal;padding-top:7px;}
.p_vod li:first-child{margin-top:12px;}
.p_vod li:last-child{border:none;}
.p_vod img{vertical-align:middle;margin-right:8px;}
.p_image{position:relative; margin-right:20px;width:300px;float:left; margin:0 15px 5px 5px; width:150px;}

/*right*/
.p_right{position:relative; text-align:left; margin:10px 0 0 160px; top:-20px;}
.p_right li{height:16px;color:#272727; padding-top:2px; vertical-align:top; display:inline-block;}
.p_right .view_teacher {float:left;}
.p_right .view_day {float:left; text-align:left;}
.p_right .view_day  span {color:#999;}
.p_right .view_time{float:left;}
.p_right .view_how{float:left;}
.p_right .view_file{float:left;}
.p_right p{float:right; margin-right:50px;margin-top:12px;}

.p_txt{text-align:left; margin:10px 15px; line-height:18px;}

.pbtn_play {position:absolute; left:60px; top:40px;}
.pbtn_close {position:absolute; top:3px; right:0;}



/*install_popup*/
/*
.install_popup {position:relative;width:385px;height:496px; color:#4c4c4c;text-align:center; border:1px solid #c6c6c6;padding:0;background:#f7f8fa url(/Images/main/bg_install.jpg) no-repeat left top;}
.install_popup .send_phone img{padding:5px;margin-top:2px;}
.install_popup .send_phone input{border:1px solid #b3b3b3; height:20px; width:170px; padding:5px 10px;}
*/

/* small_btn */
.small_btn {
  background: #40414f; color: #fff !important; font-size: 11px; padding: 3px 10px 3px 10px; text-decoration: none;}

.small_btn:hover {
  background: #55b0e9; color: #fff !important; text-decoration: none;}





/* Style of Board */
.paging {text-align:center;margin:12px 0 35px 0;padding-top:15px;}
.paging button {display:inline-block;*display:inline;*zoom:1;width:25px; height:25px; background:url(/Images/Common/board/bg_paging.gif) no-repeat left top; cursor:pointer; vertical-align:top;}
.paging ul {display:inline-block;*display:inline;*zoom:1;margin:0 auto;font-size:11px; line-height:16px; vertical-align:top;}
.paging ul li { display:inline-block;*display:inline;*zoom:1;*width:25px;*padding-left:1px;*padding-right:1px;*margin-right:2px;}
.paging ul li span,
.paging ul li a { display:block; width:14px; text-align:center; color:#595959; background:url(/Images/Common/board/bg_paging.gif) no-repeat left top; width:25px; height:25px; line-height:25px; }
.paging ul li.select span,
.paging ul li.select a { color:white; background:#0060a0; }

/* 별점 */
.star_rating{width:67px;height:14px;background:url(/Images/Common/board/bg_starpoint_off.gif) no-repeat 1px 1px ; }/* IE 8 */
.star_rating{#width:67px;#height:14px;#background:url(/Images/Common/board/bg_starpoint_off.gif) no-repeat 0 4px ;}/* IE 7 */
.star_rating{_width:67px;_height:14px;_background:url(/Images/Common/board/bg_starpoint_off.gif) no-repeat 0 4px ; }/* IE 6 */

.star_rating span{display:block;height:14px;background:url(/Images/Common/board/bg_starpoint_on.gif) no-repeat 1px 1px;}/* IE 8 */
.star_rating span{#display:block;#height:14px;#background:url(/Images/Common/board/bg_starpoint_on.gif) no-repeat 0 4px;}/* IE 7 */
.star_rating span{_isplay:block;_height:14px;_background:url(/Images/Common/board/bg_starpoint_on.gif) no-repeat 0 4px;}/* IE 6 */
.star_rating .point{display:none}
.tit_area .icon_good {float:right; font-size:11px;font-weight:normal; color:#aaa; }
.icon_good .good_on {background:url(/Images/Common/board/icon_good_on.gif) no-repeat; padding:1px 0 0 18px; float:left;display:inline;width:50px }
.icon_good .good_on .on {color:#fe2200;}
.icon_good .good_off {background:url(/Images/Common/board/icon_good_off.gif) no-repeat; padding:1px 0 0 18px; float:left;display:inline;width:50px }
.good_on{display:inline-block;width:19px; height:13px;background:url(/Images/Common/board/icon_good_on.gif) no-repeat 5px 0;}
.good_off{display:inline-block;width:19px; height:13px;background:url(/Images/Common/board/icon_good_off.gif) no-repeat 5px 0;}
.comment_area .cb_section .good ul {float:left; display:inline; }
.comment_area .cb_section .good ul li {float:left; display:inline; vertical-align:middle;}
.comment_area .cb_section .good ul li.txt {padding:5px 0 0 0 }

/* Style of Pattern */
.patternText { display:inline-block; text-align:center; background-repeat:no-repeat; background-position:left top; background-color:transparent;/* vertical-align:top; */}
/*.patternText:hover { text-decoration:underline; }*/
.patternText em { display:block; font-family:'mgb'; font-size:12px;line-height:22px; vertical-align:top;padding-bottom:5px; }
.patternText.type01 {  /* 정방형 사각형 */
	display:table; color:white; width:60px; height:60px; position:relative; 
	background-image:url(/Images/Common/blet/icoPattern_01.gif); 
}
.patternText.type01 em { display:table-cell; vertical-align:middle; }
.patternText.type01 em .new { position:absolute; right:-8px; top:0; }
.patternText.type02 { color:white; width:124px; line-height:21px; background-image:url(/Images/Common/blet/icoPattern_02.gif); } /* 양쪽 리본 */
.patternText.type03 { 
	font-size:11px; color:white; line-height:11px; letter-spacing:-1px; min-width:79px; text-align:center; 
	background-position:right top; 
}
.patternText.type03 em { font-family:'Dotum'; background-position:left top; background-repeat:no-repeat; padding:3px 0 2px;}
.patternText.type03.vari01 { background-image:url(/Images/Common/blet/icoPattern_03_r.gif); }
.patternText.type03.vari01 em { background-image:url(/Images/Common/blet/icoPattern_03_l.gif); }
.patternText.type03.vari02 { background-image:url(/Images/Common/blet/icoPattern_04_r.gif); }
.patternText.type03.vari02 em { background-image:url(/Images/Common/blet/icoPattern_04_l.gif); }
.patternText.type03.vari03 { background-image:url(/Images/Common/blet/icoPattern_05_r.gif); }
.patternText.type03.vari03 em { background-image:url(/Images/Common/blet/icoPattern_05_l.gif); }
.patternText.type03.vari04 { background-image:url(/Images/Common/blet/icoPattern_06_r.gif); }
.patternText.type03.vari04 em { background-image:url(/Images/Common/blet/icoPattern_06_l.gif); }
.patternText.type03.vari05 { background-image:url(/Images/Common/blet/icoPattern_07_r.gif); }
.patternText.type03.vari05 em { background-image:url(/Images/Common/blet/icoPattern_07_l.gif); }
.patternText.type03.vari06 { background-image:url(/Images/Common/blet/icoPattern_08_r.gif); color:#666666; min-width:48px; }
.patternText.type03.vari06 em { background-image:url(/Images/Common/blet/icoPattern_08_l.gif); }
.patternText.type03.vari06 { background-image:url(/Images/Common/blet/icoPattern_08_r.gif); color:#666666; min-width:48px; }
.patternText.type03.vari06 em { background-image:url(/Images/Common/blet/icoPattern_08_l.gif); }
.patternText.type04 { background:url(/Images/Common/blet/icoPattern_09_r.gif) no-repeat right top; color:#666666; font-size:11px; letter-spacing:-1px; }
.patternText.type04 em { background:url(/Images/Common/blet/icoPattern_09_l.gif) no-repeat left top; padding:0 10px; line-height:19px; padding-top:1px; }
.patternText.type04.post em span { display:block; background:url(/Images/Common/blet/post_01.gif) no-repeat left 5px; padding-left:13px; }
.patternText.type04.anc01 em span { display:block; background:url(/Images/Common/blet/anc_12.gif) no-repeat left 6px; padding-left:13px; }
.patternText.type05 { width:75px; height:25px; line-height:25px; color:white; } 
.patternText.type05.red { background-image:url(/Images/Common/blet/icoPattern_10_red.gif); }
.patternText.type05.gray { background-image:url(/Images/Common/blet/icoPattern_10_gray.gif); }
.patternText.type05.green { background-image:url(/Images/Common/blet/icoPattern_10_green.gif); }
.patternText.type06 { width:75px; line-height:56px; height:56px; color:white; cursor:pointer; } 
.patternText.type06 em { font-size:12px; }
.patternText.type06.red { background-image:url(/Images/Common/blet/icoPattern_11_red.gif); }
.patternText.type06.gray { background-image:url(/Images/Common/blet/icoPattern_11_gray.gif); }
.patternText.type07 { width:48px; height:25px;/* line-height:25px; */color:white;} 
.patternText.type07.red { background-image:url(/Images/Common/blet/icoPattern_12_red.gif); }
.patternText.type07.gray { background-image:url(/Images/Common/blet/icoPattern_12_gray.gif);}
.patternText.type07.gray02 { background-image:url(/Images/Common/blet/icoPattern_12_gray02.gif);}
.patternText.type07.green { background-image:url(/Images/Common/blet/icoPattern_12_green.png); }
.patternText.type08 { background:url(/Images/Common/blet/icoPattern_13_r.gif) no-repeat right top; color:#666666; line-height:21px; font-size:11px; letter-spacing:-1px; }
.patternText.type08 em { background:url(/Images/Common/blet/icoPattern_13_l.gif) no-repeat left top; padding:0 10px; }
.patternText.type08.home em span { display:block; background:url(/Images/Common/blet/ico_home_01.png) no-repeat left 5px; padding-left:13px; }
.patternText.type08.map em span { display:block; background:url(/Images/Common/blet/ico_map_01.png) no-repeat left 5px; padding-left:13px; }
.patternText.type08.star01 em span { display:block; background:url(/Images/Common/blet/ico_star_01_off.png) no-repeat left 4px; padding-left:13px; }
.patternText.type08.star01.on em span {background-image:url(/Images/Common/blet/ico_star_01_on.png);}
.patternText.type09 {  /* 정방형 사각형 */
	display:table; color:white; width:52px; height:54px; position:relative; 
}
.patternText.type09 em { display:table-cell; vertical-align:middle; letter-spacing:-1px;font-family:'mgb';}
.patternText.type09 em .new { position:absolute; right:-8px; top:2px; }
.patternText.type09.green { background-image:url(/Images/Common/blet/icoPattern_14_green.png); }
.patternText.type09.red { background-image:url(/Images/Common/blet/icoPattern_14_red.png); }
.patternText.type09.orange { background-image:url(/Images/Common/blet/icoPattern_14_orange.png); }
.patternText.type09.purple { background-image:url(/Images/Common/blet/icoPattern_14_purple.png); }
.patternText.type10 { width:87px; height:20px; line-height:20px; color:white; } 
.patternText.type10 em { font-size:11px;  }
.patternText.type10.gray { background-image:url(/Images/Common/blet/icoPattern_15_gray.gif);}
.patternText.type10.gray02 { background-image:url(/Images/Common/blet/icoPattern_15_gray.gif); margin:0 0 1px 0;}
.patternText.type10.blue {background-image:url(/Images/Common/blet/icoPattern_10_blue.png);}
.patternText.type11 { width:119px; height:25px; line-height:25px; color:white; } 
.patternText.type11.red { background-image:url(/Images/Common/blet/icoPattern_16_red.png); }
.patternText.type11.blue { background-image:url(/Images/Common/blet/icoPattern_17_blue.png); }

/* FP center 
.tab { width:100%; display:inline-block; margin:15px auto 10px 4px;}
.tab .depth {height:35px; position:relative;}
.tab li { float:left;width:244px;height:33px; border:1px #ccc solid;color:#242b69;font-weight:600;font-size:14px; display:inline-block;border-right:0;line-height: 33px;text-align:center;}
.tab li a { width: 244px; height:33px; color:#666;font-weight:600;font-size 14px; float:left border-right:0;line-height:33px;text-align:center; }
.tab li.end { border-right: 1px #ccc solid;}
.tab li.on, .tab li.on1{border:none;width:244px;height:37px;background:#242b69;color:#fff;}
.tab li.on a, .tab li.on1 a{color:#fff;}
.tabcontent{display:none;width:720px;}*/


.vod_study p{padding:10px;width:720px;font-size:13px;line-height:25px;}
.fptitle {margin:15px 0 12px 0;padding:0 0 0 20px;color:#0078de;font-weight:bold;font-size:1.2em;}
.imgstyle {width:100%;margin:10px auto 0 auto;text-align:center;}
.fptable {width:690px;margin:0 auto 10px auto;color:#272727;}
.fptable thead th {background:#666666;}
.fptable tbody th {padding:5px 0;background-color:#efefef;color:#000;border-bottom:1px solid #ccc;}
.fptable td {border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.pdfdownstyle {width:720px;margin:10px auto 0 auto;}
.pdfdownstyle ul {width:710px;margin:10px 0 0 10px;}
.pdfdownstyle ul li {display:inline-block;*display:inline;*zoom:1;}
.fppdf_t {margin-left:5px;padding:5px 5px 6px 0;font-weight:bold;font-size:1.1em;letter-spacing:-0.1em;color:#272727;}
.btn_pdf {margin:0 0 0 3px;padding:5px 5px 6px 25px;background:url('/images/icon_down.jpg') no-repeat 6px 4px;border:1px solid #66b6dc;}




/*상품겔러리*/
.gallery_box li{float:left;}
.gallery_qh{width:265px;height:266px;}

/*검색*/
.top_table{width:100%; display:inline-block; margin:0 0 10px;}

.search {width:60%;margin:10px auto;text-align:left;}

/* .bottom_search li:first-child{margin-left:260px;} */
.search input{border:1px solid #CCC; padding: 7px; box-sizing: border-box;}
.search select {border:1px solid #cccccc; padding:6px; box-sizing: border-box;}
.search li {display:inline-block;*display:inline;*zoom:1;margin-right:5px; vertical-align: middle;}
.search li.inputtext {width: 60%;}
.search li.inputtext input{width: 100%;}
.search li .btn_search{background: #0060a0; color: #fff; padding: 8px 12px;}

.left_search {float:left; width:60%;margin:0 auto;text-align:left;}
/* .bottom_search li:first-child{margin-left:260px;} */
.left_search input, .right_search input{border:1px solid #CCC;}
.left_search, .right_search {margin:0 0 5px 0; padding:0;}
.left_search li,.right_search li {display:inline-block;*display:inline;*zoom:1;margin-right:5px; vertical-align: top;}
.left_search li button,.right_search li button {*vertical-align:base-line;margin-top:0px;*padding:0px 0 5px 0;}

.right_search {float:right; width:70%;margin:0 auto;text-align:right;}
.right_search select{border: 1px solid #cccccc; padding:4px;}
.right_search input {border:1px solid #cccccc; padding:5px;}
.right_search input:hover, input:active, input:focus {background:#faffbd;}

.right_btns {width:230px;  padding:0; float: right; text-align: right; display: none;}
.right_btns p { margin:0 0 0 2px; display:inline-block; }


.top_table input:hover, input:active, input:focus {background:#faffbd;}
.top_table input[type=checkbox] {width:auto; border:none;}
.top_table input.width150 {width:150px;}




/*리스트스타일*/
.content_table {position:relative; /*min-height:600px;*/}
thead{color:#333333; }
tr th{background: #fff /*url(/images/common/Board/bg_th.png) repeat-x 0 0 !important*/;}
.event_board{width:100%;}

td{ vertical-align:middle;}
/*td img{float:left; margin:0 10px 0 5px; vertical-align:middle;display:block;}*/

.table_number{text-align:center;color:#272727;*border-bottom:1px solid #d1d1d1;}
.table_click{text-align:center;color:#272727;*border-bottom:1px solid #d1d1d1;}
.table_click img{float:right; text-align:center; vertical-align:middle; margin:0 5px 3px 5px;}
.table_title {position:relative; padding:6px 0 6px 6px;color:#272727; line-height:18px; font-size:13px; *border-bottom:1px solid #d1d1d1; }
.sbtn_play {position:absolute; left:42px; top:26px;}
.table_day{text-align:center;color:#272727;*border-bottom:1px solid #d1d1d1;}
.table_attach{text-align: center;}
.table_vedio{text-align:center;*border-bottom:1px solid #d1d1d1;}
.table_icon{float:right;text-align:center;*border-bottom:1px solid #d1d1d1;}
.fpcenter{margin:-50px -30px 0 0;}
.t_left{text-align:left; padding-left:5px;}
.t_center{text-align:center; line-height:30px;}

.list_btnarea {margin:20px 0 0 0; clear:both;}
.list_btnarea .btn_cancle {float:left; width:50%; text-align:left;}
.list_btnarea .btn_write {float:right; width:50%; text-align:right;}


/*영업 교육 상단 컨텐츠 보기 영역*/
.content_box{position:relative;width:100%; padding:15px; margin:20px 0;border:2px solid #dddddd;display:inline-block; box-sizing: border-box;}
.content_box .right_box {position:relative; float:left; width:500px; margin:0; padding:0;}
.content_box .right_box li{line-height:1.5em;font-size:13px;*color:#444444;}
.content_box .right_box li.txt{line-height:1.5em; font-size:13px;*color:#444444; border-bottom:1px solid #e8e8e8; background:url('/images/common/bl_01.png') no-repeat 3px 6px;padding:3px 0 3px 18px; line-height:18px;}
.content_box .right_box li b{font-weight:bold;font-size:16px; letter-spacing:-1px; display: inline-block; margin: 10px 0; }
.content_box .right_box p {width:100%; margin:15px 0 0 0 ; text-align:center;}
.content_box .thum_img {position:relative; float:left; margin:0 26px 0 0; width:250px; border:solid 1px #dddddd;}
.content_box .thum_img>img{width:251px;}
.content_box .btn_play {position:absolute; left:94px; top:66px;}
.content_box img {vertical-align:top !important;}
.star {color:#979797;}
.star_no {color:#d5d5d5;}

/* 상세페이지  */
.teacher_info {padding-top:20px; margin-top:25px;  border-top:1px solid #cccccc; overflow:hidden; clear:both;}
.teacher_info .teacher_img {float:left; width:170px; margin:20px 35px 20px 0; text-align:center;}
.teacher_info .teacher_img span {font-size:12px; color:#777777; padding-top:10px; display:inline-block;}
.teacher_info .teacher_txt {margin:20px 0; float:right;}
.teacher_info .teacher_txt ul {margin-bottom:20px; overflow:hidden; clear:both;}
.teacher_info .teacher_txt ul .Ttitle {float:left; width:70px;}
.teacher_info .teacher_txt ul .Ttxt {float:left; width:605px;}

.test_guide {padding:20px 0; margin-top:25px;  border-top:1px solid #cccccc; overflow:hidden; clear:both;}

.class_review {padding:20px 0; margin-top:25px;  border-top:1px solid #cccccc; overflow:hidden; clear:both;  box-sizing: border-box;}

.class_review input {width:230px; border:1px solid #cccccc; padding:5px;}
.class_review input:hover, input:active, input:focus {background:#faffbd;}
.class_review select {border:1px solid #cccccc; padding:5px;}
.class_review input[type=radio] {width:auto; border:none;}

.review_input {border:1px solid #cccccc; padding:10px;}
.review_input p strong {padding-right:20px;}
.review_input p input {margin-left:8px;}
.review_input p textarea {border:1px solid #cccccc; margin:10px 5px 0 0; width:85%; vertical-align:bottom;}
.review_detail {margin-top:15px;}
.review_detail .detail_list li {padding:18px 0 4px; }
.review_detail .detail_list span.date {float:right;}
.review_detail .detail_list span.text {padding-top:10px; display:inline-block;}




.cart_layer {position:absolute; left:430px; top:0; width:251px; height:161px; padding:7px; border:1px solid #aaaaaa; margin:0; background:#ffffff;}
.cart_layer ul {width:219px; height:129px; border:4px solid #00babc; padding:12px; margin:0;}
.cart_layer ul li.title {border-bottom:1px solid #cccccc; width:219px; height:20px; padding:7px 0; font-size:15px; font-weight:bold; margin:0;}
.cart_layer ul li.txt {padding:10px 0; text-align:center;}
.cart_layer ul li.btn {text-align:center;}
.cart_layer ul li.btn a {margin:0 2px;}

.teacher_info {padding-top:20px; margin-top:25px;  border-top:1px solid #cccccc; overflow:hidden; clear:both;}
.teacher_info .teacher_img {float:left; width:170px; margin-right:35px; text-align:center;}
.teacher_info .teacher_img span {font-size:12px; color:#777777;}
.teacher_info .teacher_txt {float:left; }
.teacher_info .teacher_txt ul li {float:left;} 
.teacher_info .teacher_txt ul li p {width:95px; }

.lecturepreview{margin:0 15px 15px 0;}

.content_box01 {position:relative;padding:15px 0 0 0; width:99%; margin:0 auto 15px;border:2px solid #dddddd;display:inline-block;}
.right_box01 {position:relative; width:545px; margin:0 10px 0 185px; top:0px}
.right_box01 li{line-height:1.5em;font-size:13px;*color:#444444;}
.right_box01 li.date{line-height:1.5em; font-size:11px;color:#a1a1a1;padding:0 0 3px 0; line-height:15px;}
.right_box01 li b{font-weight:bold;font-size:16px;}
.right_box01 p {width:100%; padding:20px 0 0 140px;}
.thum_img {position:relative; float:left;margin:0 15px 15px 15px; width:150px;}

.content_box02 {position:relative;padding:15px 0 0 0; width:99%; margin:0 auto 15px;border:2px solid #dddddd;display:inline-block;}
.right_box02 {width:96%; padding:0 0 10px 15px;}
.right_box02 li{line-height:1.5em;font-size:13px;*color:#444444; }
.right_box02 li.date{line-height:1.5em; font-size:11px;color:#a1a1a1;padding:0 0 3px 0; line-height:15px;}
.right_box02 li b{font-weight:bold;font-size:16px;}

.content_box03 {position:relative;padding:20px; width:100%; margin:0 auto 15px;border:2px solid #dddddd; box-sizing: border-box;}

/*공지사항 상단 컨텐츠 보기 영역*/
.community {min-height:680px;}
.community_box{padding:15px;margin:10px 0 10px 0;border:2px solid #d3d3d3;min-height:140px;}
.community_box li{line-height:1.5em;font-size:13px;}
.community_box li:first-child{font-weight:bold;font-size:16px;margin-bottom:5px;}
.community_box img{vertical-align:middle;margin-right:8px;}
.community > h3{display: none;}
/*Sales_View*/

.view_title{margin-top:3px;font-size:22px;font-weight:bold;width:100%;height:30px;border-bottom:2px solid #242b69;color:#242b69;}
.view_content01,.view_content02,.view_content03,.view_content04{color:#272727;padding-top:10px;line-height:1.8em;font-size:13px;margin-bottom:15px;}
.view_content01 .title,.view_content02 .title,.view_content03 .title,.view_content04 .title{font-weight:bold;}
.title img{vertical-align:middle;margin-right:5px;}
.view_btn_list{height:40px;margin:30px 0 15px 0;border-bottom:1px solid #F3F3F3;}

.view_top{width:720px;padding:10px;min-height:225px;border:3px solid #F7F7F7;margin:15px 0 15px 0;}
.view_top li{height:25px;border-bottom:1px solid #e8e8e8;font-size:13px;font-weight:bold;padding-top:7px;}
.view_top li:first-child{margin-top:12px;}
.view_top li:last-child{border:none;}
.view_top img{vertical-align:middle;margin-right:8px;}
.view_image{margin-right:20px;width:300px;float:left;}

.view_text_right{width:375px;float:left;}
.view_print{height:20px;margin-top:10px;margin-bottom:10px;}
.btn_red{margin:15px 0 15px 0;}
.text_100{margin-top:7px;}
.text_100 input{border:1px solid #CCC;}
.list_beaf{width:100%;margin:20px 0 30px 0;border-top:2px solid #E8E8E8;padding-top:1px;color:#272727;}
.list_beaf ul{height:25px;background-color:#F7F7F7;border-bottom:1px solid #E8E8E8;padding-top:3px;}
.list_beaf ul{padding-left:15px;}
.list_beaf ul li:first-child {font-weight:bold;background-image:url(/Images/Common/blet/icon_before);}
.btn_red{text-align:center;}

.view_text_top li{height:20px; border-bottom:1px solid #ccc;color:#272727;background-color:#e8e8e8;padding-top:7px;}
.view_text_top li img{vertical-align:middle;margin-right:8px;}
.view_text_top .view_teacher {float:left;width:374px;}
.view_text_top .view_day {float:right;width:374px;text-align:right;}
.view_text_top .view_day  span {color:#999;}
.view_text_top .view_time{clear:both;height:20px;}
.view_text_top .view_how{float:left;width:115px;}
.view_text_top .view_file{clear:both;height:20px;}
.btn_blue{flot:left}
.btn_blue .patternText.type10.blue{margin-top:-3px;}

.content_box li img{vertical-align:bottom !important;margin-right:8px;}
.content_box .preview_teacher {float:left;width:374px;height:23px;color:#272727;}
.content_box .preview_day {float:right;width:374px;text-align:right;}
.content_box .preview_day  span {color:#999;}
.content_box .preview_time{clear:both;height:20px;}
.content_box .preview_how{float:left;width:115px;}
.content_box .preview_file{clear:both;height:20px;}
.content_box .preview_vod{float:right;padding:10px;width:300px;height:20px;}


/*변액보험 판매관리사 시험안내*/
.test_info{margin-top:50px;width:730px;}
.test_info .icon{margin-left:530px;margin-bottom:5px;}
.test_info .head{font-size:15px;font-weight:bold;height:25px;background-color:#F0F0F0;vertical-align:middle;padding-top:5px;padding-left:10px;margin-left:0px;}
.test_info p{margin-bottom:15px;margin-left:15px;line-height:20px;}
.test_info span{font-weight:bold;font-size:13px;}
.test_info table{clear:both;border:1px solid #CCC;}
.test_info table td{border:1px solid #CCC;text-align:center;}
.test_info table td:first-child {font-weight:bold;}
.test_info table th{font-size:14px;border:1px solid #CCC; color:#FFF;background-color:#666666;}


/*board_View*/
.board_list button{text-align:center;margin-top:30px;margin-left:347px;}
.board_day,.board_file{height:20px; border-bottom:1px solid #ccc;padding-top:7px;}
.board_day img, .board_file img{vertical-align:middle;margin-right:8px;}
.board_contents ul{font-size:13px;line-height:1.2em;margin-top:20px;}
/*
.board_contents img{margin:15px 0 15px 0px;}
*/

/*변액*/
.variable {width:720px;height:200px;padding:10px;border:none;font-size:20px;}
.variable_01{width:310px;background:url(/Images/Common/blet/vi_bg.png) no-repeat; float:left;height:80px;margin-right:10px;vertical-align:middle;padding:20px;text-align:center;color:#FFFFFF;border:1px solid #CCC;}
.variable_02{width:310px;background-color:#242b69;background:url(/Images/Common/blet/vi_bg.png) no-repeat;float:left;height:80px;vertical-align:middle;padding:20px;text-align:center;color:#FFFFFF;border:1px solid #CCC;}
.variable_01 img{text-align:center;margin-top:20px;}
.variable_02 img{text-align:center;margin-top:20px;}

/*덧글달기*/
.btn_listup button{margin:0px 0 0 10px;}
.btn_radio_01,.btn_radio_02{margin-top:6px;}
.btn_radio_01{margin-left:5px;}
.btn_radio_02{margin-right:5px;}
.txt{margin-bottom:10px;}
.icon_good{margin-top:20px;}

/*회원정보수정*/
.mem_info {width:740px;}
.mem_table{width:730px;left-margin:-10px;border-top:1px solid #ccc;}
.mem_table caption{text-align:left;font-size:13px;font-weight:bold;margin-bottom:15px;}
.mem_table th, .mem_table td{border-bottom:1px solid #ccc;}
.mem_table th{text-align:left;border-right:1px solid #ccc;}
.mem_table th img{vertical-align:middle;margin-right:8px;margin-left:8px;}
.mem_table td{border-left:none;border-right:none;padding-left:8px;}
.mem_table th{background-color:#f9f9f9;}
.mem_info input{font-size:13px;border:1px solid #ccc;}
.mem_info .icon_change{border:none;margin:20px 0 0 300px;}
.mem_info .btn{vertical-align:middle;}
.mem_info input text{margin-top:-10px;}

/*우편번호 찾기 팝업*/
#pop_wrap{margin-left:0px;margin-top:0px;}
#pop_content{width:421px;min-height:380px;background:url('/Images/bg_address.jpg') no-repeat;}
.search_area input:first-child{margin:160px 0 0 20px;height:20px;vertical-align:middle;border:1px solid #CCC;}
.search_area .btn_search{margin:160px 0 0 5px;vertical-align:middle;width:60px;height:24px;background-color:#666666;color:#FFFFFF;}
.address_table{font-size:13px;margin:15px 0 0 15px;}
.address_table table tr, .address_table table td{border-bottom:1px solid #CCC;}
.address_table caption{text-align:left;font-size:13px;font-weight:bold;margin:15px 0 15px 0px;}
.address_table th{font-weight:bold;background-color:#666666;color:#FFFFFF;height:25px;}
.address_table th:first-child{border-right:1px solid #CCC;}
.address_table tr{height:25px}
.address_table td{border-right:1px solid #CCC;}
.address_table td:first-child{border-left:1px solid #CCC;}
.txtcenter{width:80px;text-align:center;}
.txtcenter02{width:300px;padding-left:5px;}
.bottom_bg{height:50px;background:#ececec;}

/*강의 팝업*/
#layercontents #navigation{margin-top:-9px;}

/*패스워드찾기 찾기 팝업*/
#find_password{width:430px;height:500px;background:url('/Images/bg_find_pass.jpg') no-repeat 0 0;margin:0;}
.password_text input[type=text]{border:1px solid #CCC;margin-left:10px;}
.password_text img{vertical-align:middle;margin-right:8px;}
.password_text span{font-weight:bold;}
.password_text ul{padding-top:180px;padding-left:40px;}
.password_text li{margin-bottom:15px;list-style:none;font-size:13px;}
.password_text .btn_find_pass{margin:20px 0 0 75px;}

/*서브타이틀&네비변경*/
#navigation{position:absolute; text-align:right; top:30px; right: 40px;  color:#666;z-index:10;}
#subtitle {font-size:1.6em; padding:32px 0 30px 10px; margin-bottom: 20px; color:#666; font-weight:bold; z-index:0;}
#subtitle span {font-size: 14px; display: block; margin-bottom: 10px; margin-top: -25px; font-weight: normal;}
.subtitle{font-size:20px; padding:36px 0 20px; margin-bottom: 20px; color:#333; font-weight:bold; border-bottom:1px solid #afafaf;z-index:0; text-align: center;}
.subtitle span{font-size: 14px; color: #6174e2;}
/*페이지로딩바*/
#preloader{z-index:1000; top:300px;left:575px;width:100px;height:100px;position:absolute;}



/* 서브메인 레이어*/
#boardpop{
	position:absolute;	
	top:10px;
	left:10px;
	width:780px;
	height:7700px;
	display:none;
	opacity:0;
	}
#boardpop #closepop{
	position:relative;
	background:url(/Images/Common/board/btn_bgcloselayer.gif) repeat-x left top;
	text-align:right;
	width:783px;
	height:27px;	
}

#boardpop #closecontent{
		position:relative;
		background-color:#ffffff;
		left:0px;
		width:780px;
		height:740px;
		border-bottom:#f96817 2px solid;
		border-left:#f96817 2px solid;
		border-right:#f96817 2px solid;		

}
#boardpop #closecontent #closelist{width:780px;height:705px; }
#boardpop #closecontent #closeimg{width:780px;height:700px;text-align:center;padding-top:10px;color:#444444\9;text-align:center; }
#boardpop #closecontent #closebtn{width:780px;height:30px;}
#closebtn ul{ width:160px;	height:30px;margin-left:610px; }
#closebtn ul li{	float:left;	width:80px;}

/* 게시판용 컨텐츠*/

/*공지사항 본문보기 스타일*/
.GlobalboardView table{ position: relative; width: 100%; padding: 0px; border-top: 2px solid #7a7a7a;}
.GlobalboardView table  td.boardCon, .GlobalboardView table  td {padding:10px 10px 10px 10px;}
.GlobalboardView table  td.EventboardCon {vertical-align:top; line-height:20px !important; min-height:180px; border-bottom:1px solid #e5e5e5; }
.GlobalboardView table  td.EventboardCon tr{border-bottom:none !important;}
.GlobalboardView table  td p {padding:0;}
.GlobalboardView table th{border-bottom: 1px solid #e5e5e5; height: 30px; background: #f5f5f5 !important;}
.boardCon .reply {width:700px; padding:0 0 20px 0; background:url('/Images/Common/bg_replybox2.gif') no-repeat left bottom;}
.boardCon .reply dl {width:674px; padding:16px 0 0 26px; background:url('/Images/Common/bg_replybox1.gif') no-repeat left top;}
.boardCon .reply dl dt {font-weight:bold;} 
.boardCon .reply dl dd {margin:10px 0 0 0; padding:0px;}
.GlobalboardView table td.EventboardCon table{border: solid 1px #ccc;}
.GlobalboardView table td.EventboardCon th, .GlobalboardView table td.EventboardCon td{border: solid 1px #ccc;}
 
/* 게시판용 컨텐츠   기존 테이블 스타일 감춤 150831 
.GlobalboardView {width:100%; padding:0px;}
.GlobalboardView table  td.boardCon {padding:10px 10px 10px 10px;}
.GlobalboardView table  td.EventboardCon {vertical-align:top; line-height:20px !important; min-height:180px;}
.GlobalboardView table  td.EventboardCon tr{border-bottom:none !important;}
.GlobalboardView table  td p {padding:0;}
.boardCon .reply {width:700px; padding:0 0 20px 0; background:url('/Images/Common/bg_replybox2.gif') no-repeat left bottom;}
.boardCon .reply dl {width:674px; padding:16px 0 0 26px; background:url('/Images/Common/bg_replybox1.gif') no-repeat left top;}
.boardCon .reply dl dt {font-weight:bold;} 
.boardCon .reply dl dd {margin:10px 0 0 0; padding:0px;}*/

/* 게시판 하단*/
.boardFoot {width:720px; height:22px; text-align:center; overflow:hidden; position:relative; padding:5px 0 10px 0; margin:22px 0 0 0;}
.boardFoot .paging {width:auto; margin:0px;}
.boardFoot .rbtn {position:absolute; top:0px; right:0px;}
.boardFoot img {vertical-align:top;}

.boardFoot2 {width:100%; text-align:left; overflow:hidden; margin:10px 0 20px 0;}
.boardFoot2 div {width:auto; float:left;}
.boardFoot2 .rbtn {width:100%; display:inline; text-align:center;}
.boardFoot img {vertical-align:top;}

/* 이전, 다음페이지 */
.boardPrev01 {width:100%; padding:0px;  border-top:1px solid #aeaeae; background:#f8f8f8;}
.boardPrev01 th {color:#989898; font-weight:bold; text-align:right; font-size:0.9em; line-height:18px;letter-spacing:-0.1em; padding:8px 10px 7px 0; border-bottom:1px solid #dadada; background:none}
.boardPrev01 td {font-size:1.0em; text-align:left; line-height:18px; padding:8px 0 7px 10px; border-bottom:1px solid #dadada; background:none;}

/* 댓글 */
.comments {width:100%; color:#656565; font-size:0.9em; letter-spacing:-0.1em; position:relative; margin:20px 0 0 0; padding:12px 0 0 16px; background:url('/Images/Common/bg_comments.gif') no-repeat left top; box-sizing: border-box;}
.comments .count {position:absolute; top:-12px; right:80px;}
.comments .count span {color:#ff5400;}
#tail_comments{top:5px;width:700px; display:inline-block; float:left;}
.comments div {margin:-5px 0 10px 0; padding-left:12px;}
.comments div img {vertical-align:middle; margin-left: 8px;}
.comments div textarea {width:606px; height:35px; overflow:auto; padding:3px; border:1px solid #cccccc;}
.comments div strong {float:left;margin:0 5px;}
.comments div div {width:80px; float:left; margin:-3px 0 0 10px; background:url('/Images/Common/Icon/bg_star.gif') no-repeat right 5px;}
.comments div div input {vertical-align:middle; margin:0px;}
.comments div div img {vertical-align:middle;margin:0 4px;}

.comments_list {width:100%; font-size:0.9em; letter-spacing:-0.1em; margin:5px 0 0 0; border-top:1px solid #e7e7e7; border-bottom:1px solid #aeaeae; background:#fff;}
.comments_list table {width:100%;}
.comments_list caption{display:none;}
.comments_list table td {line-height:15px; padding:10px 0 9px 0; border-bottom:1px solid #e7e7e7;}
.comments_list table td p {float:left;}
.comments_list table td span {color:#9c9c9c; float:left; margin:0 0 0 10px;}
.comments_list table td span.recommend_date{margin-left: 20px; float: none;}
.comments_list table td.name {color:#989898; text-align:center; font-weight:bold; vertical-align:middle;}
.comments_list table td div.recommend_detail {background:url('/Images/Common/Icon/bg_star.gif') no-repeat left center;}
.comments_list table td div img {vertical-align:middle;}

/* 대댓글 */
.view-reply .view-body {border-top: 1px solid #dddddd; border-style: dashed; padding-top: 10px;}
.view-reply .view-body .reply_username{background: #ccecfb; }
.view-reply .view-body .reply_username, .view-reply .rereply-view-body .reply_username{padding:6px 10px 4px; line-height: 178%;}
.view-reply .rereply-view-body .view-body {border-top:0; padding-top: 0;}
.view-reply .rereply-view-body .reply_username{background: #ececec; padding-left:34px;}
.view-reply .rereply-view-body {position: relative;}
.rereply-view-body img.level, .rereply-view-body img.icon_reply{position: absolute; top:10px; z-index: 1; left: 12px;}


/* 게시판 View 페이지 내부 태그 속성 */

.boardView01 table td table {margin:0px; padding:0px; border:none; }
.boardView01 table td table th {margin:0px; padding:0px; border:none; background:none;}
.boardView01 table td table td {margin:0px; padding:0px; border:none;}
.boardView01 table td p {margin:auto; } 

.boardView02 table td table {margin:0px; padding:0px; border:none; }
.boardView02 table td table th {margin:0px; padding:0px; border:none; background:none;}
.boardView02 table td table td {margin:0px; padding:0px; border:none;}
.boardView02 table td p {margin:auto; } #contents .exam_info #tab02_01contents .boardCon02 td {
	right: 5px;
}
.p 01 {text-align:right}

/*검색결과 페이지*/
#contents .search01 {margin-bottom:20px; position:relative;}
.search01 h4 {position:relative; text-align:center; border:1px solid #cccccc; padding:10px 0;font-size:1.2em; font-weight:bold; margin:0px ! important;}
/*.search01 h4 span {position:absolute; right:10px; top:8px;}*/
.search01 h4.h4_all {margin:20px 0 0 0 ! important; padding:0px; position:relative; background:none;}
.search01 h4.h4_all span {position:absolute; left:70px; top:4px;}
.search01 h5 {font-size:1.2em; font-weight:bold; color:#3762af; margin:30px 0 0 0; padding:0 0 0 17px; background:url('/Images/Common/Bul/bl_h4.gif') no-repeat left top;}
.search01 h5.h5_all {color:#565656; font-size:1.1em; margin:30px 0 10px 0; padding:0 0 0 15px; position:relative; background:url('/Images/Common/Bul/bl_h5.gif') no-repeat left 4px;}
.search01 h6 {font-size:1.2em; font-weight:bold; color:#565656; margin:20px 0 0 0; padding:0 0 0 20px; background:url('/Images/Common/Bul/bl_h5.gif') no-repeat 5px 4px;}

/* 테이블 리스트 타입 01 */
.searchList01 {width:100%; padding:0px; margin:8px 0 5px 0; border-top:2px solid #717171;}
.searchList01 th {font-weight:bold; font-size:0.9em; text-align:center; padding:10px 0 0 0; vertical-align:top; border-bottom:1px solid #d9d9d9;}
.searchList01 th.subject {color:#4b4a4a;text-align:left; padding:10px 0 0 18px; vertical-align:top; border-bottom:1px solid #d9d9d9;}
.searchList01 td { font-size:0.9em; text-align:left; line-height:18px; padding:4px 0 4px 10px; border-bottom:1px solid #d9d9d9;background:none;}
/*.searchList01 td strong {color:#F96F00;}*/
.searchList01 td img {float:right; padding:0 10px 0 0;background:none;}

/* 테이블 리스트 타입 02 */
.searchList02 {width:780px; overflow:hidden; clear:both; margin:12px 0 0 0; padding:0px;border-top:2px solid #717171;}
.searchList02 .book_tit {color:#3275ad; font-size:1.0em;font-weight:bold; padding:0px 0 0 35px; position:absolute; left:110px;}
.searchList02 td {padding:0; border-bottom:1px solid #d9d9d9;background:none;}
.searchList02 dl {width:620px; padding:15px 35px 0 15px;}
.searchList02 dl dt {float:left;}
.searchList02 dl dd {width:500px; float:right; padding: 0 0 20px 20px;}
.searchList02 dl dd ul {width:500px; padding: 20px 0 0 0;}
.searchList02 dl dd ul li {width:160px; float:left; position:relative; padding:6px 0 6px 80px; background:url('/Images/Common/bg_dot.gif') repeat-x left bottom;}
.searchList02 dl dd ul li p {font-size:0.9em; position:absolute; top:7px; left:0px; padding:0 0 0 10px; background:url('/Images/Common/Bul/bl_blue.gif') no-repeat left 5px;}
.searchList02 dl dd ul li .price {color:#666666; margin:0px; text-decoration:line-through;}
.searchList02 dl dd ul li.last {width:350px; background:none;padding:6px 0 6px 80px;}
.searchList02 dl dd ul li ul {width:330px; clear:both; float:none; padding:0px;}
.searchList02 dl dd ul li ul li {width:100%; padding:0 0 5px 0px; clear:both; float:none; background:none;}
.searchList02 dl dd .btnSet {width:auto; margin:10px 0 0 0;}


/*  이용약관 개인정보취급방침 */
.member-info01{line-height:180%;}
.member-info01 .member-info01-01 {margin:25px 0 10px 0;}
.member-info01 .member-info01-01 p {font-weight:normal; margin-top:8px}
.sub-list01 {padding-left:20px; font-weight:bold; background:url(/images/common/icon_notice.png) no-repeat left center;}
.sub-color-t01 {color:#4187b7}
.list_dp1{padding-left:16px;}
.list_dp2{padding-left:26px;}
.list_dp1 span{margin:0 6px 0 -16px;}
.list_dp2 span{margin:0 6px 0 -26px;}
.graybox{width:auto; padding:30px; background:#f5f5f5; }
/*  이용약관 개인정보취급방침 */

/*페밀리사이트 리스트*/
.familysite_view .title{margin:0; width:auto;}
/*수강후기*/
.font_small{font-size:80%;}
.font_small strong{color:#176ca7;}
.box_dd2{border:solid 2px #dddddd;}
.review_box{height:140px; padding:30px 40px; margin:20px 0 30px 0;}
.review_box ul li{clear:both;}
.review_box ul li strong{float:left; margin-right:16px; padding:5px 0;}
.review_box ul li ul{float:left; margin-bottom:20px;}
.review_box ul li ul li{padding:5px 0;}
.pR0{padding-right:0 !important;}

/*커리큘럼 종합과정 강의목록*/
.lecture_list {padding-top:20px; margin-top:25px;  border-top:1px solid #cccccc; overflow:hidden; clear:both;}
.badge{display:inline-block; font-size:12px; line-height:140%; padding:2px 6px; color:#333333; border:solid 1px #cccccc; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;-ms-border-radius:2px; background:#f5f5f5; background:linear-gradient(180deg, #ffffff, #f5f5f5); background:-webkit-gradient(linear, 180deg, from(#ffffff), to(#f5f5f5)); 
background:-moz-linear-gradient(180deg, #ffffff, #f5f5f5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5');}
.mR5{margin-right:5px;}
.float-left {float:left; !important;}
td.txtellipsis, th.txtellipsis{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.search_resultn{font-size:24px; text-align:center; padding:40px;}
.search_resultn span{font-weight:bold; color:#176ca7;}

/*캘린더*/
#calendar>table{border:solid 1px #cccccc !important;}
#calendar>table tr td>table{width:200px !important; margin:0 5px; }
#calendar>table tr{border-bottom:none !important;}
#calendar #content>table{font-size:11px !important;}
.mR20 {margin-right:20px !important;}


/*변액보험인증과정*/
.studyroom_area{position:relative; width:972px; border-top:solid 8px #003781; background:#ffffff;}
.studyroom_area .top{height:63px; border-bottom:solid 1px #b2b2b2;}
.studyroom_area .top_ci{position:absolute; z-index:1; right:0;}
.studyroom_area .top_ci img{height:63px;}
.studyroom_area .curriculum{display:inline-block;  width: 600px; font-size:17px; line-height:24px; font-weight:bold; color:#0060a0; padding:20px; vertical-align:top;}
.studyroom_area .contain{border-top:solid 6px #eeeeee; padding:20px 18px;}
.studyroom_area .studyroom_title{background:url(/images/common/studyroom_title_bg.png) no-repeat 0 0;}
.studyroom_area .studyroom_title h4{float:left; font-size:18px; font-weight:bold; color:#0271cf; margin:24px 20px 0 70px;}
.lecture_state_box{width:330px; min-height:200px; padding:10px 16px; float:left; overflow-x:hidden;}
.lecture_state_box{border:solid 1px #cccccc; margin-bottom:14px;}
.studyroom_area .class_bar {float:left; width:420px; text-align:center; margin-top:23px;}

.state_graph{margin-bottom:12px; background:url(/images/common/studyroom_graph_bg.png) no-repeat 0 30px; border-bottom:solid 1px #ddd;}
.state_graph .progress{position:relative; width:300px; height:76px;}
.state_graph .progress .progress_bar{position:absolute; z-index:1; top:35px; left:1px; height:12px; background:#05c3de;}
.state_graph .state_text{font-size:16px; text-align:center; font-weight:bold; margin-top:10px;}
.state_graph .state_text span{padding-left:10px; font-size:15px; font-weight:bold; color:#e4002b;}
.upfile_box{border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; margin-bottom:10px;}
.upfile_top{position:relative; background:#f5f5f5; padding:10px;}
.upfile_list li{line-height:30px;}
.upfile_list li a{display:block;}
.upfile_list li span{display:inline-block; max-width:85%; background:url(/images/common/icon_dot.png) no-repeat 0 center; text-overflow:ellipsis;
  white-space:nowrap; overflow:hidden; padding-left:10px;}
.upfile_list li img{padding:10px 6px;} 
.lecture_info_box{width:530px; min-height:200px; float:right; padding:10px; border:solid 1px #ccc; margin-bottom:10px;}
.lecture_info{padding-top:5px; line-height:22px;}
.lecture_info strong{font-size:13px; color:#666666; padding-right:10px;}
.lecture_info a.submit_n{color:#f4791f; font-weight:bold; display:inline-block;}
.lecture_list_box{clear:both; width:902px; padding:16px; border:solid 1px #cccccc;}
.lecture_list_box .class_title{background:#FAFAFA; padding-left:10px;}
.lecture_list_box .class_title strong{color:#0271cf; padding-left:10px;}

.label{display:inline-block; padding:0 6px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; background:#fafafa; color:#999999;}
.label.class_num{background:#0271cf; color:#ffffff;}
.studyroom_badge{height:24px; display:inline-block; text-align:center; line-height:22px; color:#ffffff; font-weight:bold}
.studyroom_badge.badge_success{width:60px; background:url(/images/common/badgebg_success.png) no-repeat 0 0;}
.studyroom_badge.badge_progress{width:60px; background:url(/images/common/badgebg_progress.png) no-repeat 0 0;}
.studyroom_badge.badge80_success{width:80px; background:url(/images/common/badgebg80_success.png) no-repeat 0 0;}
.submit_paper{color:#05c3de; font-weight:bold;}
.lecture_list_box .lecture_list{margin-bottom:200px;}
span.btn_submit_dis{padding:2px 5px 2px 22px; border:1px solid #b4b4b4; text-align:center; display:inline-block; background:url(/images/common/icon_submit_disable.png) #ddd no-repeat 5px 5px; color:#176ca7; -webkit-border-radius: 2; -moz-border-radius: 2; border-radius: 2px; font-weight:normal;}
span.btn_submit{padding:2px 5px 2px 22px; border:1px solid #b4b4b4; text-align:center; display:inline-block; background:url(/images/common/icon_submit.png) #fff no-repeat 5px 5px; color:#176ca7; -webkit-border-radius: 2; -moz-border-radius: 2; border-radius: 2px; font-weight:normal;}

/*내강의실 필수과정, 선택과정, 오프라인과정*/
h4.title_myclass{font-size:14px; font-weight:bold; padding:10px; margin:20px 0 15px; background:#4b4e53; color:#fff;}
.line_myclass{border:none; border-top:solid 1px #ccc; margin:10px 0 30px;}

/*왼쪽메뉴 로그인

#lnb .mschool_logo{margin:72px 0 0 35px; min-height: 30px;}
#lnb .loginarea {height: 134px;padding:14px 18px; width: 160px; }
#lnb .loginbox li input {font-family:나눔고딕,NanumGothic,ng,"돋움",Dotum, "verdana";width:146px;height:14px;background-color:#fff;border:1px solid #ccc;color:#333;font-size:1.0em; padding:4px 5px;-webkit-border-radius:0; -moz-border-radius:0; border-radius:0; margin-bottom: 4px;}
#lnb .loginbox li.btncol button{padding:0;}
#lnb .loginbox li .btn_check {width:148px;height:18px;padding:5px; line-height: 160%; background-color:#1785d2; vertical-align:middle;color:#fff; display:inline-block;}
#lnb .loginarea .textcol {margin:6px 0 0 80px; color:#bababa; font-size:12px;}
#lnb .loginarea .textcol span.txt_l {}
#lnb .loginarea .textcol span.txt_r {padding:0 10px;}
#lnb .loginarea .textcol span.txt_s {color:#333333;}
#lnb .loginarea .textcollogin strong{font-size:13px;color:#0060a0 !important;}
#lnb .loginarea .textcollogin {text-align:center;position: relative; height: 90px; line-height: 160%;}
#lnb .loginarea .textcollogin a font{color:#333 !important;}
#lnb .loginarea .textcollogin p {margin:10px 0 0 -9px;}
#lnb .loginarea .textcollogin .btn_check {display: inline-block; border: none; padding: 4px 2px; background: none;}
#lnb .bgmyclass { position: absolute; bottom:10px; left:8px; z-index: 1;  width:136px; height: 24px; background: #1785d2;
    color: #fff; border-radius: 0; font-size: 13px; text-decoration: none; border: none; padding: 4px; font-weight: bold;}
#lnb .bgedit {display: inline-block; border: none; padding: 4px 12px 4px 4px; background: url(/images/common/bgmyclass.png) no-repeat right 50%;}
#lnb .loginarea_fpacademy {margin:0;}
#lnb .loginarea .find_idpw{display: none;}
*/
/*수상자*/
#m_winnerbox {height:40px; margin-bottom:15px; background:#fff; clear:both; padding:10px 20px; border: solid 1px #a4a4a4; }
#m_winnerbox ul li {float:left; height: 40px;}
#m_winnerbox ul li a{color:#333; display: inline-block; margin-top: 6px; padding-right: 20px; font-size: 12px;}
#m_winnerbox ul li span{color:#333; display: inline-block; margin-top: 6px; font-size: 12px;}
#m_winnerbox ul li span.winner {font-size:15px;}
#m_winnerbox ul li.mbcontents1, #m_winnerbox ul li.mbcontents2, #m_winnerbox ul li.mbcontents3{width: 180px; padding-left:52px; margin-left:14px;}
#m_winnerbox ul li.mbcontents1 {background:url(/images/main/mbannerlist_bg01.png) no-repeat left center;}
#m_winnerbox ul li.mbcontents2 {background:url(/images/main/mbannerlist_bg02.png) no-repeat left center;}
#m_winnerbox ul li.mbcontents3 {background:url(/images/main/mbannerlist_bg03.png) no-repeat left center;}
#m_winnerbox ul li.mbcontents3 a {border-right: 0;}

/*교육일정*/
.subc_detial_pdno{margin-left: 10px;}
.subc_detial_pdno .edu_calendar_area {position:relative; background:url(/images/sub/bg_cal01.png) no-repeat;width:750px; height:36px;  padding:72px 0 8px 0}
.calendar_period {text-align:center; }
.calendar_period .point {font-weight:bold; font-size:18px; padding:0 10px; color:#222; display:inline; vertical-align:bottom; }
.calendar_period .btn {display:inline; }

.cal {background:url(/images/sub/bg_cal02.png) repeat-y center bottom; width:750px; padding:0 0 50px 0; min-height:480px; height:auto !important; height:480px;float:left; }
.cal table{margin:0 auto; border:1px solid #b7b7b7; width:700px; padding:0 25px 10px 25px; table-layout:fixed; border-collapse:collapse; background:#fff }
.cal table caption{display:none}
.cal table th {height:22px; padding:1px 0 0 0; background:#f5f5f5; border-top:1px solid #b7b7b7;border-right:1px solid #b7b7b7;border-left:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;} 
.cal table th.sun_area {color:#cd0202; font-size:13px; font-weight:bold; background:#eaeaea;}
.cal table th.weekday_area {font-size:13px; font-weight:bold; background:#eaeaea; color:#333;} 
.cal table th.sat_area {font-size:13px; color:#009db4; font-weight:bold; background:#eaeaea;} 
.cal table th, .cal table td{word-break:break-all;}
.cal table td{padding:5px;border:1px solid #c6c8cd; font-size:11px; color:#727272; line-height:140%; height:90px; vertical-align:top;  }
.cal table td strong {color:#91919; display: block; margin-bottom: 5px;}
.cal table td.today {background:#e5f2ff;}
.cal table td a{display:inline-block; padding-top:2px;}
.cal table .sun {color:#cd0202;}
.cal table .sat {color:#009db4;}
.calendar_label1, .calendar_label2{ font-weight:bold; padding:3px 8px; display:inline-block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.calendar_label1{background:#26d021; color:#fff; }
.calendar_label2{background:#10a2ed; color:#fff; }
.cal table td p{margin-bottom:5px;}

/*강의주제 제목에 아이콘넣기*/
.icon_title{display: inline-block; float:left; margin:2px 10px 0 0; padding-bottom: 4px;}

/*개인정보제공활용*/
.personalinfo{width:100%;}
.personalinfo .form-control{width:100%; height:180px; padding:10px; margin-bottom:10px; font-size:13px; box-sizing: border-box;}
.personalinfo p strong{margin-right:10px;}
.personalinfo th, .personalinfo td{padding:10px 5px;}
.personalinfo th{text-align:left;}


/*오프라인 강의신청*/
.lecture_off strong{margin-left:5px; color:#e47c02; font-weight:bold;}
.lecture_off_box{position:relative; width:100%; margin:10px 0; display:inline-block;}
.lecture_off_title{font-weight:bold; font-size:16px; margin:30px 0 20px; line-height:160%; letter-spacing:-1px;}
.lecture_off_box .txt{position:absolute; top:10px; right:10px;}
.teacher_info .teacher_img{width:170px; min-height:150px; background:url(/images/common/teacher_img_bg.jpg) no-repeat 0 0; }
hr.gray1{border:none; border-top:solid 1px #ccc;}
#contentsfull .domes01 {width:100%; margin:16px 0 0 0; position:relative; line-height:130%;}
.domes01 h4 {padding:12px 0 11px 14px; position:relative; margin: 0; background: url('/Images/Domes/bg_h4.gif') no-repeat left top;}
.domes01 h4 span {position: absolute; right: 20px; top: 7px;}
.btnCen {margin: 40px 0; padding: 0px; text-align: center;}
.domes01 .course h6 {font-size:14px; color:#333333; margin: 10px 0; font-weight: bold; line-height: 160%;}
/*.domes01 .course {width: 880px; margin: 20px 0 0 0;} 2016-05-13 수정*/
.domes01 .course {width: 770px; margin: 20px 0 0 0;}
/*.course .course_guide { width: 840px; padding: 10px; margin: 10px 0 0 0;} 2016-05-13 수정*/
.course .course_guide { width: 100%; padding: 10px; margin: 10px 0 0 0;}
.domes01 .add_file {width: 770px; padding:10px ; margin: 30px 0 0 0; background: #f6f6f6; border:solid 1px #ccc;}
.add_file dd{padding-left:120px;}
.add_file dt{width:100px; float:left; border-right:solid 1px #ccc; text-align:center;}
.course .teaching_list {width:700px; overflow:hidden; clear:both; margin:0; padding:0px;}
.teaching_list li {letter-spacing:-0.1em; border-bottom:1px solid #e8e8e8;}
.teaching_list li dl {width:700px; overflow:hidden;}
.teaching_list li dl dt {width:144px; padding:10px 0 0 0; float:left; text-align:center;}
.teaching_list li dl dt p img { padding:3px; margin:0 0 5px 0; border:1px solid #e8e8e8;}
.teaching_list li dl dt strong {color:#284c9d;}
.teaching_list li dl dd {width:537px; float:right; display: block!important;}
.teaching_list li dl dd ul {width:537px; margin:5px 0 0 0;}
.teaching_list li dl dd ul li {width:438px; line-height:18px; position:relative; padding:10px 0 8px 89px; border-bottom:0px; background:url('/Images/Common/bg_dot.gif') repeat-x left top;}
.teaching_list li dl dd ul li.first {background:none;}
.teaching_list li dl dd ul li p {font-size:0.9em; position:absolute; top:10px; left:0px; padding: 0 0 0 10px; background:url('/Images/Common/Bul/bl_blue.gif') no-repeat left 7px;}
.teaching_list li dl dd ul li span {line-height:1.8em;}
.ordertitle {font-weight: bold; font-size: 16px; color: #176ca7; text-align: left;  vertical-align: top;}
.domes01 table input{border: 1px solid #cccccc; padding: 5px;}
.lecture_off_result .coment{
    position: relative;
    text-align: center;
    border: 1px solid #cccccc;
    padding: 30px 0;
    font-size: 1.2em;
    font-weight: bold;
	line-height:160%;
	margin-top:20px;
}
.lecture_off_result .coment span {
    font-weight: bold;
    color: #176ca7;
}
.seminar_finish{
	font-size:20px;
	font-weight:bold;
    text-align:center;
    padding-bottom:20px;
}
.seminar_finish span{color:#176ca7;}

/*오프라인 강의신청 끝*/



/* 작은탭메뉴 */
.tab_small { width:100%; height:29px; display:inline-block; margin:5px auto 20px; border-bottom:solid 1px #3b89da; }
.tab_small .depth {height:30px; position:relative;}
.tab_small li { float:left; height:30px; font-size:13px; display:inline-block; line-height:30px; text-align:center; background:#fefefe; }
.tab_small li a { padding:0 14px; height:28px; color:#555; font-weight:bold; font-size:13px; float:left; line-height:28px; text-align:center; border:solid 1px #cccccc; border-bottom: solid 1px #3b89da;}
.tab_small li a:hover {padding:0 14px; height:28px; color:#333333; background:#fafafa; }
.tab_small li.on a {padding:0 14px; height:28px; color:#3b89da; background:#fff; border:solid 1px #3b89da; border-bottom:solid 1px #fff;}
.tab_small li.on a:hover {color:#3b89da; background:#fff; border:solid 1px #3b89da; border-bottom:solid 1px #fff;}

/* 작은탭메뉴 end

/* GNB2
#nav_menu {width: 1080px; margin: 0 auto; }
#nav_menu > ul > li {text-align: center; display: inline-block; height: 52px;}
#nav_menu > ul > li > a {display: inline-block; color:#333; font-size:18px; padding-right:16px; box-sizing: border-box; margin-top: 18px; }
#nav_menu > ul > li:last-child > a{border: none;}
#nav_menu > ul > li > a:hover { color:#FFEB3B; }
#nav_menu ul li .nav_depth2 {display:none; position:absolute; top:142px; left: 0; width: 100%; background-color:#fff; z-index: 12; border-bottom: solid 1px #aaa;}
#nav_menu ul li .nav_depth2 ul{ background: #fff; margin: 0 auto; height:100px; width: 1040px; text-align: left; font-size: 16px;}
#nav_menu ul li:hover .nav_depth2  {display: block;}
#nav_menu ul li .nav_depth2 ul li {display: inline-block; text-align: left;margin:0 10px; padding-top: 10px; vertical-align: top;}	
#nav_menu ul li .nav_depth2 ul li a {display: inline-block;  }	
#nav_menu > ul > li .nav_depth2 .title{width: 1040px; text-align: left; font-size: 1.5em; color:#0060a0; border-bottom: solid 1px #ddd; font-weight: bold; padding: 20px 10px; box-sizing: border-box; margin: 10px auto;}
*/

/* GNB2*/
#gnb_area {	height: 50px; background-color:#fff; border-bottom: solid 1px #ccc; border-top:solid 1px #ccc; width: 100%; position: relative;}
#gnb_area #nav_menu {width: 1080px; margin: 0 auto; box-sizing: border-box; clear: both;}
#nav_menu > ul > li {text-align: center; float: left; width: calc(100% / 9);}
#nav_menu > ul > li > a {display: inline-block;  width:100%; height: 49px; color:#222; font-size:16px; padding: 16px 0; box-sizing: border-box; font-weight: 600;}
#nav_menu > ul > li > a:hover { color:#fff; background: rgba(241, 97, 78, 0.9); height: 48px; font-weight: 600; }
#nav_menu > ul > li .nav_depth2 {display:none; position:absolute; top:48px; left: 0; width: 100%; background:rgba(241, 97, 78, 0.9); z-index: 12; box-sizing: border-box;}
#nav_menu > ul > li .nav_depth2 .nav_d2cont{ width: 100%; margin: 0 auto; text-align: left; }
#nav_menu > ul > li .nav_depth2 ul{ width: 1000px; box-sizing: border-box; text-align: center; margin:0 auto; padding: 16px 0 26px;}
#nav_menu > ul > li:hover .nav_depth2  {display: block;}
#nav_menu > ul > li .nav_depth2 ul li {display: inline-block; margin:0 9px; padding-top: 10px; vertical-align: top; }
#nav_menu > ul > li .nav_depth2 ul li a {display: inline-block; font-size: 1.4em; line-height: 180%; color: #fff;}	
#nav_menu > ul > li .nav_depth2 ul li a::after{content: ''; height: 10px; margin-left: 20px; background: #fff; width: 1px; display: inline-block;}
#nav_menu > ul > li .nav_depth2 ul li:last-child a::after{display: none;}
#nav_menu > ul > li .nav_depth2 .nav_banner{position: absolute; top: 46px;}
#nav_menu > ul > li .nav_depth2 .title{display: none;  width: 100%; font-size: 1.7em; color: #ffffff; border-bottom: solid 1px #ddd; font-weight: 400; padding: 24px 0px; box-sizing: border-box; margin: 0 auto; background: #606060; text-align: center;}

#nav_menu > ul > li.type2 > a:hover { color:#fff; background: rgb(68, 61, 139, 0.9); height: 48px; font-weight: 600; }
#nav_menu > ul > li.type2 .nav_depth2 {display:none; position:absolute; top:48px; left: 0; width: 100%; background:rgb(68, 61, 139, 0.9); z-index: 12; box-sizing: border-box;}
#nav_menu > ul > li.type2:hover .nav_depth2  {display: block;}


.right_nav{ position: relative; width: 1080px; margin: 0 auto;}
.right_nav ul{position: absolute; right: 0; top:-70px; z-index: 13;}
.right_nav ul > li {text-align: center; display: inline-block;}
.right_nav ul > li img{vertical-align: middle;}
.right_nav ul > li > a {display: inline-block; color:#161616; font-size:16px; padding: 0 4px; box-sizing: border-box; border-right: solid 1px #fff;}
.right_nav ul > li:last-child > a{border: none;}


/*앱설치안내*/
.setup_mobile{padding-top:10px; text-align: center;}
.setup_mobile img{margin-bottom: 5px;}
.setup_mobile_lmenu{width:120px; height: 120px; background: #f1f1f1; border: solid 1px #e3e3e3; text-align: center; margin: 20px 44px; padding-top: 20px; box-sizing: border-box;}


/*내공부방*/
a.btn_on_small{background: #0060a0; color: #fff; font-size: 12px;  padding: 6px 10px;  border: solid #0060a0 1px;  text-decoration: none;}
/*탭메뉴*/
.tab_myclass{ width:100%; height:36px; display:inline-block; margin:5px auto 20px; border-bottom:2px solid #0054a6; border-left:1px solid #cccccc;}
.tab_myclass .depth {height:36px; position:relative; }
.tab_myclass li { float:left; height:36px; font-size:13px; display:inline-block; line-height:36px; text-align:center; background:#fafafa; }
.tab_myclass li a { padding:0 20px; height:36px; color:#555; font-weight:normal; font-size:14px; float:left; line-height:34px;text-align:center; border:solid 1px #cccccc; border-left:none; border-bottom:none; letter-spacing: -1px;width:231px;}
.tab_myclass li a:hover {height:35px; color:#333333; background:#efefef; }
.tab_myclass li.on a, .tab li.on1 a {height:35px; color:#fff; background:#0054a6; border:solid 2px #0054a6; border-bottom:none; font-weight:bold; }
.tab_myclass li.on a:hover, .tab li.on1 a:hover {background:#0054a6; font-weight:bold;}
.tab_myclass li.on:after{content:""; position: absolute; bottom:-10px; left:0; width:100%; height: 30px; }

/* 3번째메뉴 텝메뉴 */
.tab_green {width:100%; margin:10px 0 30px; box-sizing: border-box; }
.tab_green .depth { position:relative;}
.tab_green li { display:inline-block; line-height:36px; text-align:center; width:24% !important;  }
.tab_green li a { padding:2px; color:#333; font-weight:600; font-size:16px; float:left; line-height:34px;text-align:center; letter-spacing: -1px; border: solid 1px #ccc; border-radius:2px; width: 100%;}
.tab_green li a:hover { background: #443d8b; box-sizing: border-box; color: #fff; border: solid 1px #443d8b;}
.tab_green li.on a, .tab_green > li.on1 a, .tab_green li.on a:hover, .tab_green li.on1 a:hover  { color:#fff; background: #443d8b; box-sizing: border-box; border: solid 1px #443d8b;}
.tab_green li.ui-state-active a{ color:#fff; background: #443d8b; box-sizing: border-box; border: solid 1px #443d8b;}
/* //내공부방*/

/* 상품검색 */
.top_search {width:100%; text-align:center; }
.top_search input{border:1px solid #CCC;height:16px;}
.top_search li {display:inline-block; margin-right:5px;}
/* //상품검색 */

/*상품-카테고리 썸네일*/
.cate_thumb{display:inline-block; padding:0 0 8px 4px;}
/* //상품-카테고리 썸네일*/

/*찜하기*/
.btn_zzim, .btn_nozzim{display: inline-block;font-size: 13px; font-weight: bold; padding-left: 22px; height: 18px; line-height: 18px; margin: 0 10px;}
.btn_zzim{background:url(/images/common/icon_zzim.png) no-repeat 0 0;}
.btn_nozzim{background:url(/images/common/icon_nozzim.png) no-repeat 0 0;}

/*로그인페이지*/
#login_container{margin-top: 5vh;}
#login_container > #contents > #footer{text-align:center; margin-top: 20px; border: none; }
#login_container{ padding-top: 80px; box-sizing: border-box; }
.login_box h1, .login_box .metcampus{ text-align: center; margin-bottom: 30px;}
.login_box{width:600px;margin: 0 auto; background: rgba(255, 255, 255, 0.8); padding: 50px 0; box-sizing: border-box; position: relative;}
.login_box .login_text{position:relative; width: 450px; margin:0 auto;}
.login_box .btn_findid{background:url(/images/common/Bul/bl_tri.gif) no-repeat left 1px; padding-left:16px;}
.login_box .btn_login{position:absolute; top:0; right:90px; background: #bd005c; color: #fff; font-size: 15px; font-weight: 700; width: 88px;
    height: 80px; border-radius: 2px; text-align: center; box-sizing: border-box; }
.login_box .login_text .snslogin{text-align: right; margin-top: 6px;}
.login_box .login_text .snslogin a{display: inline-block; width: 82%; margin-left: 0.5%; background: #ffeb00; text-align: center; border-radius: 2px;}
.login_box .login_text .snslogin a img{height: 44px}
.login_box .btn_join{position: absolute; top: 0; right: 0; background: #443d8b; color: #fff; font-size: 14px; font-weight: 600;
    width: 88px; height: 80px; border-radius: 2px; text-align: center; padding-top: 33px; box-sizing: border-box;}
.login_box .id, .login_box .pass{margin-top:6px;}
.login_box .id span, .login_box .pass span{display:inline-block; width:80px; font-size:14px;}
.login_box .id input, .login_box .pass input{width:186px; border:solid 1px #ccc; padding:10px; box-sizing: border-box;}
.login_box .id_save{padding:10px 0 0 80px;}

/*메인 자격시험공부하기 로그인*/
.loginbox2{position:absolute; top:160px; left:50px; background:#f5f5f5; width:600px; padding:30px 80px; box-sizing: border-box;}
.loginbox2 .btn_login{top:104px; right:105px;}
.loginbox2 .login2_text{margin-bottom:30px; font-size:16px; line-height: 140%;}
.loginbox2 .btn_area{position:absolute; top:20px; right:10px; margin-top:0;}
.loginbox2 .btn_area .btn_white{padding:8px 12px; }
.login2_text strong{color:#0077D4;}

/* 강사 및 과목소개 */

/*테이블*/
table.board_s5 {width:100%; padding:0px; border-top:1px solid #333; border-collapse: separate;}
table.board_s5 thead{border: none;}
table.board_s5 th, table.board_s5 td{border-bottom:1px solid #ccc;}
table.board_s5 th.table_tleft, table.board_s5 td.table_tleft{text-align: left !important;}
table.board_s5 th {background:#fff; padding: 10px 0;}
table.board_s5 td {line-height:140%; padding:10px; background:none;}
ul.list_indent li{text-indent: -10px; padding: 4px 0; margin-left: 10px; line-height: 160%;}
ul.list_indent2 li{text-indent: -16px; padding: 4px 0; margin-left: 16px; line-height: 160%;}
/* // 강사 및 과목소개 */

/*학습자료실 도구 다운로*/
.down_box{text-align: center;}
.down_box dl{width: 500px; height: 300px; position: relative; display: inline-block; margin: 10px;}
.down_box dt{display: none;}
.down_box dd {position: absolute; right: 0; top:160px;}
.down_box dd a{display: inline-block;}
.down_box .down_mplayer{background: url(/images/common/download_bg_mplayer.png) no-repeat 0 0;}
.down_box .down_acrobat{background: url(/images/common/download_bg_acrobat.png) no-repeat 0 0;}
.down_box .down_starplayer{background: url(/images/common/download_bg_starplayer.png) no-repeat 0 0;}
.down_box .down_hancomviewr{background: url(/images/common/download_bg_hancomviewr.png) no-repeat 0 0;}
.down_box .down_starplayer dd a{margin-bottom: 2px;}
.down_box .down_starplayer dd{top:140px;}
/* //학습자료실 도구 다운로드*/
			  
/* 영상보기 */
/*상세페이지*/
.movie_area{width: 748px; height: 420px; background: #000; position: relative;}
.movie_area .btn_play{position: absolute; z-index: 10; top:40%; left:45%;}
.movie_area .time_box{position: absolute; z-index: 10; right:0; bottom:10px; background:rgba(61, 204, 217, 0.8); padding: 8px 16px; color: rgba(0, 0, 0, 1);}
.movie_area .time_box img, .social img{vertical-align: middle; }
.movie_area .time_box, .social{font-size: 14px; }
.movie_area .movie_thumb{width: 748px; height: 420px; overflow: hidden; border: solid 1px #666; box-sizing: border-box;} 
.movie_area .movie_thumb img{width: 748px; height: 420px;}

.movie_title{font-size: 18px; margin: 30px 0; font-weight: bold;}
.tab_area{position: relative;}	
.btn_golist_area{width:150px; position: absolute; right: 0; top:0; background: #3dccd9;}
.btn_golist_area.inline-block{position: relative; }
.btn_golist_area a{color: #fff; }
.movie_tab{width:100%; background: #3dccd9; color: #fff; }
.btn_golist_area, .movie_tab{text-align: center; height: 50px; box-sizing: border-box; border-radius: 2px;  font-size:15px; line-height: 20px; font-weight: bold; padding-top: 16px;}
.movie_tab li{float:left; width: 33%; border-right: solid 1px #fff;}
.movie_tab li:last-child{border-right: none;}
.movie_tab li.ui-state-active a{color: #fff;}
.movie_tab li a{color:#fff;}
.btn_golist_area a, .movie_tab li a{display: inline-block;}
.tabs_cont{margin: 30px 20px; border-bottom: solid 1px #ddd;}
.tabs_cont{font-size: 14px; line-height: 160%;}
.tabs_cont .filedown{background: #e2f7e1; box-sizing: border-box; padding: 20px; margin: 20px 0; width: 100%;}
.tabs_cont .filedown .file{margin:2px 10px; display: inline-block; background: url(/images/common/black_30.png) no-repeat 0px 10px; padding-left: 10px;}
.btn_like{background: url(/images/common/icon_like_gr.png) no-repeat 8px center; border: solid 1px #ccc; display: inline-block; font-size: 13px; padding: 6px 10px 6px 30px; box-sizing: border-box; }
.btn_like_disable{background: url(/images/common/icon_like_gray.png) no-repeat 8px center; border: solid 1px #ccc; display: inline-block; font-size: 13px; padding: 6px 10px 6px 30px; box-sizing: border-box; }
.metcast_review{border-top:none !important; margin-top: 0 !important; padding: 0 !important;}

/* 영상보기 */
/*멤버십소개*/
.membershipinfo{width:1080px; height: 2068px; background: url("/images/sub_page/membership_info.png") no-repeat center top;}
/* //멤버십소개*/
/*소모임*/
.somoim_table{
}
.somoim_table>h4{
    font-size: 1.4em; font-weight: 600;
    color: #999;
}
.somoim_table>h4>span{
    color: #005bac; font-weight:600;
}
.somoim_table>table thead tr th, .somoim_table>table tbody tr td{overflow: hidden; border-bottom: 1px solid #cccccc; font-size:1em; text-align:center; padding: 10px 4px;}
.somoim_table>table tbody tr td.table_title{ padding: 0 10px; }
.somoim_table>table thead tr th{background: #f5f5f5;}
.somoim_table>table tr:hover{background-color: #f5f5f5;}
.somoim_table>table{ width: 100%; border-bottom: 0;  border-top: 2px solid #555; box-sizing: border-box; font-size:1em; text-align:center; margin:10px 0 0 0;}
.somoim_table>.Tbtn .btn {background: #fff; border: solid 1px #ccc; padding: 4px 10px; box-sizing: border-box; font-size: 1.1em;}


/* //소모임*/
h1, .h1, h2, .h2, h3, .h3 { margin-top: 0px; margin-bottom: 0px;}
.form-control{border-radius:0; border: 1px solid #bebebe; padding: 3px;}

/*과제제출 탭메뉴*/
.tab-group .tab-list {float:left;width:140px;text-align:center;font-weight:bold;height:44px; padding:15px 5px 0 ;background-color:#ededed;cursor:pointer} 
.bgcolron{background-color:#0060a0!important;color:#FFF;}
.bgcolroff{background-color:#ededed;color:#333;}
/* //과제제출 탭메뉴*/

/* 이미지업로드팝업 */
.btn_white_middle {
    background: #fff;
    border: 1px solid #9c9c9c;
    display: inline-block;
    text-align: center;
    color: #333 !important;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    text-decoration: none;
}
.btn_white_middle:hover{background:#efefef; }
.pop_tit_02{background: #4ebbaa url("/images/common/icon_wverl.png") no-repeat 14px center; padding: 14px 0 14px 24px; box-sizing: border-box; width: 100%; font-size: 1rem; font-weight: bold; text-align: left; color: #fff;}
.pop_tit_02 h2, .pop_tit_02 h3, .pop_tit_02 h4{color: #fff;}
.popuploadimg_cont{ padding: 30px 20px; box-sizing: border-box; width: 100%;}
.popuploadimg_cont input{margin: 0 auto;}
.pop_closbtn_box{height: 50px; width: 100%; box-sizing: border-box; text-align: center; border-top:solid 1px #ddd; padding-top: 10px; position: absolute; bottom:0;}
/* //이미지업로드팝업 */
/* 쪽지팝업 */
.pop_message table th{ text-align: center;}
.pop_message input{
    border: 1px solid #cccccc;
    padding: 5px;
    height: 30px;
    box-sizing: border-box;
}
/* //쪽지팝업 */


/* 동영상이어보기 팝업 */
.go_box{position: relative !important; height: 300px  !important;}
.go_box table{ position: absolute; top: 164px; left:40px ;}
.go_box > table td input[type=radio]{margin: 0 4px 0 0;}
.go_box p {
    position: absolute !important;
    background: url(/Images/Popup/popbullet_1.gif) no-repeat 15px 2px !important;
    padding: 0px 0 0 30px;
    color: #4b7600;
    top: 120px !important;
    width: 380px;
    height: 35px;
    font-weight: bold;
}
.popFrame h1{ padding: 8px 0 0 24px !important;}
/* //동영상이어보기 팝업 */

#temp_list {z-index:999999;background-color:#FFF;width:500px;margin-top:2px;border:1px solid #666}


    .submaintitle {
    font-size: 18px;
    padding: 36px 0 20px 10px;
    margin-bottom: 20px;
    color: #0060a0;
    font-weight: bold;
    border-bottom: 1px solid #afafaf;
    z-index: 0;
    line-height: 120%;
}
    .submaintitle span {
    font-size: 0.8em;
    margin-left: 6px;
}
  /* 행사공지스타일*/
    .board_slide a{display: inline-block; }
    
    .board_thumb{width: 340px; height: 340px; float: right; margin-top: -80px;}
    .board_thumb img{width: 340px; }
    .board_cont{width: 740px; float:left; height: 140px; box-sizing: border-box; padding-bottom: 30px; margin-right: 50px;
    overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.6; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;  }
    .board_slide{margin: 0 20px 60px;}
    .board_slide .board_title{width: 740px; font-size: 32px; margin-bottom: 30px;}
/* //행사공지스타일*/
/* 행사공지롤링 */
.bx-controls{border-top:solid 3px #3a3b40; position: relative; padding-top: 20px; height: 80px; width: 740px; margin-top: -80px;}
    .bx-wrapper .bx-pager { display: none;} 
    .bx-wrapper .bx-pager-item,
    .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline;}
    .bx-wrapper .bx-pager-item {font-size: 0; line-height: 0;}
    /* DIRECTION CONTROLS (NEXT / PREV) */
    .bx-wrapper .bx-prev { left: 10px; background: url('/images/main2/controls.png') no-repeat 0 -45px;}
    .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: 0 0; }
    .bx-wrapper .bx-next {left: 108px; background: url('/images/main2/controls.png') no-repeat -45px -45px; }
    .bx-wrapper .bx-next:hover,
    .bx-wrapper .bx-next:focus {background-position: -45px 0; }
    .bx-wrapper .bx-controls-direction a { position: absolute; top: 30px; margin-top: -16px; outline: 0; width: 45px; height: 45px;
      text-indent: -9999px; z-index: 50;}
    .bx-wrapper .bx-controls-direction a.disabled { display: none; }
    /* AUTO CONTROLS (START / STOP) */
    .bx-wrapper .bx-controls-auto { text-align: center; }
    .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 11px; height: 12px; outline: 0; background: url('/images/main2/controls.png') -103px -1px no-repeat; margin: 0 3px; }
    .bx-wrapper .bx-controls-auto .bx-start:hover,
    .bx-wrapper .bx-controls-auto .bx-start.active,
    .bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -103px -12px; }
    .bx-wrapper .bx-controls-auto .bx-stop {display: block; text-indent: -9999px;  width: 10px; height: 13px; outline: 0; background: url('/images/main2/controls.png') -103px -34px no-repeat; margin: 0 3px; }
    .bx-wrapper .bx-controls-auto .bx-stop:hover,
    .bx-wrapper .bx-controls-auto .bx-stop.active,
    .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -103px -47px;}
    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { left: 64px; width: 35px; position: absolute; z-index: 50; }
/* //행사공지롤링 */

/* 서브 슬로건 */
.nav_slogan{width: 100%; height: 200px; font-size: 16px; line-height: 160%; color: #fff; padding: 26px 0; box-sizing: border-box; text-align: center; background: url(/images/common/sub_bg.jpg) repeat-x center top;}
.nav_slogan p span{font-size: 14px; }
.nav_slogan p strong{font-weight: 700; font-size: 36px; line-height: 1.5;}
/* //서브 슬로건 */

/* 본문스타일 */
.sub_title {padding:60px 0 0 0; text-align: center; line-height: 150%;box-sizing: border-box;  font-size:24px; color:#443d8b; font-weight: 600;}
.sub_cont{width: 100%; min-height: 300px; box-sizing: border-box; font-size: 14px; line-height: 1.5; position: relative;}
.sub_cont_title{padding:30px 0 0 0; text-align: center; box-sizing: border-box; }
.sub_cont_title span{line-height: 1; font-size:2.3em; color:#333; font-weight: 600; border-bottom: solid 1px #333;}
.sub_cont p{padding: 8px 0;}
.sub_cont .stress{font-size:1.6em; line-height:1.4; font-weight: bold; color: #443d8b;}
.sub_cont .stress strong{color:#0054a6;}
.sub_cont .stress span{font-size: 1rem; color: #333;}
.fontup{font-size: 1.15em;}
.fontdown{font-size: 0.8em;}
.sub_cont .writer{ font-weight: 600;}
.sub_cont.ty1_1{background: url(/images/sub_page/sub01_01_img1.jpg) no-repeat 0 0px; padding: 120px 0 40px 370px;  }
.sub_cont.ty1_2{background:#8e8dca url(/images/sub_page/sub_bg01.jpg) no-repeat 0 0px; padding: 60px !important;  }
.sub_cont .ty_tabscont .tabs_contentbox{background:#8e8dca url(/images/sub_page/sub_bg01.jpg) no-repeat 0 0; padding: 60px; }
.sub_cont .ty_tabscont .tabs_contentbox .sub_cont_title{background: #f2f2f2; padding: 30px 0; }
.sub_cont .ty_tabscont .tabs_contentbox section{background: #fff; padding: 50px; min-height:400px; }
.sub_cont .tabs_contentbox img{max-width: 100%;}
.sub_cont.ty_nostyle{padding: 30px 10px;}
.sub_cont.ty_pic{padding: 20px 0 20px 370px;  }
.sub_cont .history li{text-indent: -120px; padding-left: 120px; margin: 20px 0; line-height: 160%; font-size: 14px;}
.sub_cont .history li strong{margin-right: 54px;font-size: 16px;}
.sub_cont .picture{position: absolute; top:30px; left:10px; z-index: 1; text-align: center; width: 300px; font-size: 13px; line-height: 150%;}
.sub_cont .picture img{margin-bottom: 10px;}
.sub_cont .picture strong{font-size: 16px; font-weight: bold;}
.sub_cont .leftimg_list{border-top: solid 1px #afafaf; border-bottom: solid 1px #afafaf;}
.sub_cont .leftimg_list ul{float:right; width: 760px; padding: 60px 10px 0 0; box-sizing: border-box;}
.sub_cont .leftimg_list ul li{background: url(/images/sub_page/sub2_3_icon.png) no-repeat 0 4px; padding:0 0 30px 30px;}
.sub_cont h4 { font-size: 18px; color:#00a4b2; font-weight: bold; line-height: 140%; padding: 0 0 20px 16px; box-sizing: border-box; background: url(/images/common/icon_h4.png) no-repeat left 5px;}
.sub_cont .contbox{background:#fff; /*padding:50px;*/}
.sub_cont.ty1_2 img{margin:0 auto; display:block;}
.sub_cont > img{max-width: 100%;}
.onlineclass_linkbox{padding-top: 40px;}
.onlineclass_linkbox ul li{width: 100%; margin-bottom: 24px; height: 120px;}
.onlineclass_linkbox ul li dt{font-size: 1.5em; color: #fff; background: url("/images/sub_page/icon_onlineclasstitle.png") no-repeat left 62px; float: left; padding: 48px 0 0 60px ; }
.onlineclass_linkbox ul li dd{width: 200px; height: 120px; float: right; padding: 24px 0 0 0; text-align: center; font-weight: 600; color: #333; font-size: 1.1em; line-height: 1.8;}
.onlineclass_linkbox ul li dd a{width: 65%; background:#443d8b; color: #fff; display: inline-block; padding: 6px 0; margin-top: 4px;}
.onlineclass_linkbox .onlineclass01{background:#f2f2f2 url("/images/sub_page/onlineclass_img03.jpg") no-repeat left center;}
.onlineclass_linkbox .onlineclass02{background:#f2f2f2 url("/images/sub_page/onlineclass_img02.jpg") no-repeat left center;}
.onlineclass_linkbox .onlineclass03{background:#f2f2f2 url("/images/sub_page/onlineclass_img01.jpg") no-repeat left center;}
.onlineclass_linkbox .onlineclass04{background:#f2f2f2 url("/images/sub_page/onlineclass_img04.jpg") no-repeat left center;}
.onlineclass_linkbox .onlineclass05{background:#f2f2f2 url("/images/sub_page/onlineclass_img05.jpg") no-repeat left center;}
.onlineclass_linkbox .onlineclass06{background:#f2f2f2 url("/images/sub_page/onlineclass_img06.jpg") no-repeat left center;}

.sectiontitle{font-size: 1.5em; margin: 50px 0 20px; font-weight: 700; padding-left:50px;}
.sectiontitle.icon{margin-left: -50px; background: url("/images/sub_page/icon_sectiontitle.png") no-repeat 0 center;}
.sectiontitle strong{color:#bb292f; font-weight: 700;}
.sectiontitle2{margin-top: 30px; text-align: center;}
.sectiontitle2 span{font-size: 2.8em; line-height: 3; font-weight: 700; border-bottom: solid 1px #bb292f; padding-bottom: 4px;}
.sectiontitle2 span strong{color:#bb292f; }
.sectiontitle2 span strong  .strongb{color:#000; }
.contslogan{font-size: 3em; line-height:1.2; color:#bb292f; font-weight: 700;}
.contslogan span{font-size:0.65em; font-weight:400;}
.contslogan2{font-size: 2.5em; line-height:1.2; color:#bb292f; font-weight: 700;}
.contslogan2 span{font-size:0.6em; font-weight:600; color: #000;}
.studyclass{text-align: center;}
.studyclass li{display: inline-block; width:19.5%; border:solid 2px #dfdfdf; border-top:solid 2px #bb292f; padding: 0 20px 20px; box-sizing: border-box; vertical-align: text-top;  height: 380px; }
.classinfo{/*text-align: center;*/ padding-bottom: 80px;}
.classinfo > ul li{display: inline-block; width:32%; box-sizing: border-box; vertical-align: text-top;  height: 380px; }
.classinfo > ul li span{font-size: 1.2em; font-weight: 600; line-height: 2; border-bottom: solid 1px #ddd; display: block; margin: 0 30px;}
/* 담당강사 */
.classteacher .teacher_box{width: 100%; border: solid 1px #ddd; box-sizing: border-box;   margin-bottom: 10px; height: 240px; text-align: left;}
.classteacher .teacher_box .teachername{font-size: 1.6em; }
.classteacher .teacher_box .teachername span{font-size: 0.65em; background: #bb292f; padding: 2px 24px; border-radius: 80px; display: inline-block; color: #fff; margin-bottom: 10px;} 
.classteacher .teacher_box .teachername, .classteacher .teacher_box .teacherinfo{ margin: 20px 20px 0px 20px; float: right;  width: 530px;}
.classteacher .teacher_box .teacherpic_box{width: 200px; height: 240px; float: left; border-right: solid 1px #ddd; overflow: hidden;}
.classteacher .teacher_box .teacherpic img{width: 100%;}
.classteacher .teacher_box .teacherinfo{ line-height: 1.6; }
.classteacher .teacher_box .teacherinfo p{margin-bottom: 20px;}
.classteacher .teacher_box .reply{clear: both; height: 70px; margin-top: 36px;}
.classteacher .teacher_box .reply li{background:url("/images/common/icon_arrow2.png") no-repeat 4px 22px; padding: 20px 0 0 30px;  width: 47.5%; box-sizing: border-box; float: left; margin: 0 1%; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.6;  height: 5em; text-align: left; word-wrap: break-word;
    display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; border-top:solid 1px #ddd;}
/* //담당강사 */
.contpara ul li{padding-left: 80px; margin: 20px 0 40px;}
.contpara ul li.para1{background: url("/images/sub_page/icon_redbgnum1.png") no-repeat left top;}
.contpara ul li.para2{background: url("/images/sub_page/icon_redbgnum2.png") no-repeat left top;}
.contpara ul li .paratitle{font-size: 1.8em; font-weight: 600; padding-bottom: 20px;}
.contpara ul li dl dt {color: #0b2754; background: #dfdfdf; font-size: 1.3em; padding: 8px 30px; min-width:40%; margin: 10px 0; display: inline-block; font-weight: 600;}
.contpara ul li dl dd{margin-bottom: 10px;}
.cont_classcard {background: #f5f5f5; text-align: center; padding-bottom: 60px;}
.cont_classcard ul{padding: 50px;}
.cont_classcard ul li{display: inline-block; text-align: center; width: 30%; margin: 0 1%;}
.cont_classcard ul li img{width: 100%; max-width: 200px; margin-bottom: 26px;}
.eclasinfo{width: 100%; height: 440px; background:url("/images/sub_page/sub03_06_img1.jpg") no-repeat center bottom; margin-top: -50px; padding: 80px 50px 20px; box-sizing: border-box; }
.eclasinfo ul{width: 400px; }
.eclasinfo li{ display: inline-block; width: 46%; margin: 0 1%; background: rgba(255, 255, 255, 0.9) url("/images/sub_page/icon_arrow3.png") no-repeat center top; font-size: 1.1em; padding: 60px 20px 20px; text-align: center; box-sizing: border-box;}
.eclasinfo2{border-bottom: solid 1px #dddddd; padding: 50px 0; }
.eclascont1{background: url("/images/sub_page/sub03_06_img3.png") no-repeat center top; width: 100%; height: 746px; margin: 0 auto; padding-top: 290px;}
.eclascont2{background: url("/images/sub_page/sub03_06_eclas3.png") no-repeat center 186px; width: 100%; margin: 0 auto; }
.eclascont2 ul{width: 90%; margin: 0 auto;}
.eclascont2 ul li{width: 29%; display: inline-block; vertical-align: top;}
.eclascont2 ul.eclascont2_1 li{background:url("/images/sub_page/sub03_06_eclas1.png") no-repeat center top; padding: 26px 0 50px;}
.eclascont2 ul.eclascont2_2 li{background:url("/images/sub_page/sub03_06_eclas2.png") no-repeat center top; padding: 80px 0 0; margin: 52px auto; }
.eclascont2 ul li p{padding-top: 30px;}
.eclasbook{text-align: left; margin-bottom: 30px;}
.eclasbook dt{background: #0b2754; border-radius: 50px; padding: 8px 40px; display: inline-block; color: #fff; font-size: 1.4em; font-weight: 500; margin-bottom: 10px;}
.eclasbook ul li{display: inline-block; vertical-align: top; text-align: center;}
.eclasbook ul li span{display: block; width: 148px; height: 218px; overflow: hidden; border: solid 1px #ddd;}
.eclasbook ul li span img{width:100%; height: 100%;}
.eclasbook ul li p{margin-top: 10px; }
/* 사진, 그래프 등*/
.contpic{width:100%; text-align: center;padding: 20px 0;}

/*지도*/
.map_how {width:100%; height:35px; line-height:35px; text-align:center; color:#ffffff; background:#0b2754;}
.Tmap {width:100%; }
.Tmap th {background:#f2f1f0; padding:7px 0; border-bottom:1px solid #cccccc; text-align: center; font-weight: bold;}
.Tmap td {padding:10px; border-bottom:1px solid #cccccc; text-align: left;}
.root_daum_roughmap{width: 100% !important; height: 350px;}
.C_green {color:#009D3E !important;}
/*설명회신청하기버튼*/
a.applybtn{background: #0b2754; padding: 6px 14px; text-align: center; color: #fff; display: inline-block; box-sizing: border-box; font-size: 14px;  border: solid 1px #0b2754; border-radius: 0;}
a.applybtn:hover{ background: #143e82;}
.edu_apply{box-sizing: border-box; padding: 20px 30px 10px;}
.popup_title{ text-align: center; font-size: 1.3em; line-height: 1.3; font-weight: 600; color: #27344e; padding-bottom: 10px;}
/* //본문스타일 */
/* 프로그램안내 */
.curiculum_year{text-align: center;}
.curiculum_year img, .flowchart1 img{display: inline-block !important;}
.curiculum_year li{width: 24%; display: inline-block; vertical-align: top; background: #e3e0fb; border-radius: 30px; padding: 20px 10px; height: 350px;}
.curiculum_year li dl dt{padding-bottom: 16px;}
.curiculum_year li dl dd{text-align: left; text-indent: -6px; margin-left: 6px;}
.flowchart1{font-size: 15px; font-weight: 600; text-align: center; background: #e3e0fb; border-radius: 30px; padding: 10px;}
.banner_event_box{padding-top:20px; text-align: center; width: 101%;}
.banner_event_box ul{background: url(/images/sub_page/sub02_02_banner5bg.jpg) no-repeat center top; background-size: cover; text-align: center; padding: 20px; width: 98%; margin: 10px auto;}
.banner_event_box img{display: inline-block !important; width: 48%; margin: 0.5% !important;}
/* //프로그램안내 */
.btn_mobilesetup{display: inline-block; font-weight: 600; padding: 6px 18px; border: solid 1px #ccc; border-radius: 2px; background: #fff;}

/* 원프특강 */
.classarea .classtitle{background: #f1f1f1; text-align: center; font-size: 1.2em; line-height: 1.4; padding: 20px; margin-bottom: 10px;}
.classarea .classtitle strong{font-weight: 600; font-size: 1.4em; display: block;}
.classinfo{border: solid 1px #666; padding: 30px;  font-size: 1.2em; line-height: 1.6;}
.classinfo .classthumb{width: 410px; display: inline-block;}
.classinfo .classthumb img{width: 100%;}
.classinfo .classorder{width: 300px; vertical-align: top; display: inline-block; margin-left: 30px; line-height: 1.8;}
.classinfo .classorder span{display: inline-block; margin-right: 10px;}
.classinfo .classorder span img{vertical-align: middle; }
.classinfo .classorder strong{font-weight: 600; margin-left: 6px;}
.classinfo .classorder .price{border-top: solid 1px #afafaf; padding: 10px 0 0; margin-top: 20px; font-size: 0.95em; letter-spacing:-0.05em}
.classinfo .classorder .price p{clear:both;}
.classinfo .classorder .price span{text-align: right; float: right; margin: -2px 0 0 0;}
.classinfo .classorder .price span strong{color:#ff556e; font-size: 1.1em; font-weight: 600;}
.classinfo .classorder .price .pricebtn{margin:0; text-align: center;}
.classinfo .classorder .price .pricebtn a{width: 49%; text-align: center; background: #333; display: inline-block; color: #fff; padding: 8px 0; margin-bottom: 4px;}
.classinfo .classorder .price .pricebtn a.btnbuy{background:#e43851; color: #fff; width: 100%;}
.classdetail iframe{width: 100%; display: inline; height: 850px;}
.classinfo .classorder .discount{font-size: 0.75em; color: #999;}

.cardoption{display: inline-block; width: 100%;}
.classinfo .classorder .price p.cardoption{font-weight: 600; font-size: 1em;}
.classinfo .classorder .price p.cardoption span strong{font-size: 1.4em; font-weight: 600; color:#f20024; line-height: 1.2;}
.cardoption_infocont{font-size: 1.2em; line-height: 1.6;}
.cardoption_infocont h2{text-align: center; margin: 10px 0;}
.cardoption_infocont h2 span{font-size: 1.6em; font-weight: 600; display: inline-block; border-bottom: solid 1px #333;}
.cardoption_infocont p{font-size: 1.2em; font-weight: 600; background: #f5f5f5;padding: 10px; text-align: center;}
.cardoption_infocont ul, .cardoption_infocont dl{margin: 20px 10px;}

.saleprice{display: inline-block; width: 100%;}
.classinfo .classorder .price p.saleprice{font-weight: 600; font-size: 1em;}
.classinfo .classorder .price p.saleprice span strong{font-size: 1.4em; font-weight: 600; color:#f20024; line-height: 1.2;}
.saleprice_infocont{font-size: 1.2em; line-height: 1.6;}
.saleprice_infocont h2{text-align: center; margin: 10px 0;}
.saleprice_infocont h2 span{font-size: 1.6em; font-weight: 600; display: inline-block; border-bottom: solid 1px #333;}
.saleprice_infocont p{font-size: 1.2em; font-weight: 600; background: #f5f5f5;padding: 10px; text-align: center;}
.saleprice_infocont ul, .saleprice_infocont dl{margin: 20px 10px;}


/* 강의소개 */
.classdetail .classcont{padding: 30px 0;}
.classdetail .classcont img{width: 100%; max-width: 812px;}
.classrecom{border-top: solid 1px #ccc; padding: 40px 0px 30px; text-align: center; margin-top: 30px;}
.classrecom .classrecomtitle{font-size: 1.8em; font-weight: 600; margin-bottom: 30px;}
.classrecom ul li{display: inline-block; vertical-align: top; width: 32%; margin: 0 0.5%;}
.classrecom .classrecomthumb{border-radius: 20px; overflow: hidden;}
.classrecom .classrecomthumb img{width: 100%;}
.classrecom .classrecomsubtitle{font-size: 1.3em; font-weight: 600; margin: 16px 0 0; width: 100%; display: inline-block; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.classrecom .classrecomname{ margin: 10px 0 0;}
.classrecom .classrecomprice{ margin: 4px 0 0; font-size: 1.3em; font-weight: 600;}
.classrecom .classrecomprice span{font-size: 0.8em; font-weight: 400; text-decoration: line-through; margin-right: 4px; color: #888;}
/* //강의소개 */



/* 카드뉴스 레이어팝업 이미지*/
#CARDNEWS_LAYER #layerpop_area .layerpop_con.cardnews div img{margin: 0 auto;}
#layerpop_area{height: 200% !important;}
#layerpop_area {position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.5); z-index:99999;}
#layerpop_area .layerpop::after{content: ''; clear: both;}
#layerpop_area .layerpop .layerpop_tit {padding: 10px 35px 10px 20px;}
#layerpop_area .layerpop_close {display:inline-block; position:absolute; top:4px; right:10px; /*background:#eeeeee;*/ width:33px; height:33px; text-align:center; /*border-radius:50px;*/ padding:0;}
#layerpop_area .layerpop_close{background: url(/images/common/icon_cls_dkgray.png) no-repeat center center; background-size: 20px;}
#layerpop_area .layerpop_close span {font-size:18px;}
#layerpop_area .layerpop_close span.glyphicon.glyphicon-remove {display: none;}
/* #layerpop_area .layerpop {width:100%; max-width:1024px; height:auto; background:#ffffff; border-radius:15px; padding:15px 0; margin:0 auto; position:absolute;  left:50%; transform:translate(-50%,-50%); } */
#layerpop_area .layerpop {width:100%; max-width:900px !important; height:auto; background:#ffffff; border-radius:15px; padding:5px 0 15px 0; margin:0 auto; position:absolute;   }
#layerpop_area .layerpop .course_listinfo{max-height: 86vh; overflow-y:auto; margin: 0px 0 25px !important;}
#layerpop_area .layerpop .lec_open{ width: 100%; margin-bottom: 10px;}
#layerpop_area .layerpop .lec_open > div > div{ width: auto;}
#lectureTailPopup{ width: 890px !important; z-index: 100000; border: solid 1px #ccc; box-shadow: 1px 1px 6px rgba(0,0,0,0.1);}
#lectureTailPopup h4{text-align: right; padding: 0 10px; font-size: 0;}
#lectureTailPopup h4 a{float: right; font-size: 16px;}
#lectureTailPopup a.btn_reload{margin-top: 0;}
#lectureTailPopup .listinfo_title{font-size: 1.1em; font-weight: 600; padding: 10px 0; border-bottom: solid 1px #ccc; color: #3e55c2;}
.cardnewsgomschool > a{background: url(/img/common/logo2.png) no-repeat left center; width: 220px !important; height: 20px; padding-left: 80px; float: left; background-size: auto 100%; margin: 10px 0 0 10px; font-weight: 700; color: #888; font-size: 1.2em; line-height: 1.2em;}
.layerpop_close2 a{ color: #fafafa; }
.layerpop_con .detailCon-next, .layerpop_con .detailCon-prev{ cursor: pointer;}
.layerpop .layerpop_btn{margin: 0 !important;}
.layerpop #bx-page{margin: 0px 10px 0 0 !important;}
.layerpop_close2 a{ color: #fff; }
.layerpop_con .detailCon-next, .layerpop_con .detailCon-prev{ cursor: pointer;}

/* 검색 */
.SearchBox_playList {width:100%; margin:20px 0; padding: 0 !important; margin-bottom: 10px !important; overflow:hidden;}
.SearchBox_playList div {margin:0; padding:0;}
.SearchBox_playList input {border:1px solid #cccccc; width: 50%; display: inline-block; vertical-align: top;}
.SearchBox_playList .control_search {display:inline-block; padding: 6px 10px; border-radius:4px; text-align:center; margin:0 0 0 5px; background:#e0e0e0; color:#949494;}
.SearchBox_playList .control_search.textinput{background:#ff7d00; color:#ffffff;}
.SearchBox_playList .lineupbtnbox{float: right;}
.SearchBox_playList .lineup_btn {display:inline-block;padding: 5px 8px;  border-radius:4px; text-align:center; margin:0 0 0 2px; background: #fff; border: solid 1px #ababab; color: #6f6f6f;}
.SearchBox_playList .lineup_btn.on{border:1px solid #ff7d00; color:#ff7d00; background:#ffede4; }
.SearchBox_playList .right_btns p a{display: inline-block; padding: 5px 8px; border-radius: 4px; text-align: center; margin: 0 0 0 2px;
    font-size: 14px;}
.SearchBox_playList .right_btns p a.right_btnson{border: 1px solid #ff7d00; color: #ff7d00; background: #ffede4;}
.SearchBox_playList_searchBtn{ cursor: pointer; display: inline-block; padding: 0px 14px; border-radius: 4px; text-align: center;
    margin: 0 0 0 5px; background: #0060a0; color: #fff; font-size: 14px; font-weight: 600; line-height: 34px;}
.SearchBox_playList_searchBtn.textinput, .SearchBox_playList_searchBtn:hover{background:#1085BF; color:#ffffff;}

/* 썸네일 리스트 */
.lec_open {display: inline-block; vertical-align: top; padding: 1% 0.5%; width: calc((100% / 3) - 0.5%);}
.lec_open > div{margin: 0;}
.lec_open > div > div {width: 100%; padding: 0;}
.lec_open .lec_open_img, .lec_open .lec_title{position:relative; }
.lec_open .lec_open_img{width: 100%; height: calc((830px / 3) * 0.56);} 
.lec_open .lec_open_img img{width: 100%; height: 100%; }
.lec_open .lec_open_img .icon4depth_s1 {position:absolute; bottom:0; right:0; height:22px; line-height:22px; border-radius:8px 8px 0 8px; padding:0 10px; display:inline-block; text-align:center; color:#ffffff; background:#304390; font-size: 0.85em}
.lec_open .title4depth {position:relative;}
.lec_open .title4depth .icon4depth_m1 {font-size:0.95em; font-weight:600; height:26px; line-height:26px; border-radius:8px 8px 0 8px; padding:0 10px; display:inline-block; text-align:center; color:#ffffff; background:#304390;}

/*.lec_open .lec_left {position:relative; background:red; overflow:hidden;}
.lec_open .lec_left .title4depth_info {position:absolute; bottom:10px; left:0;}*/
.lec_open .title4depth_tit {font-size:1em; font-weight:600; padding:5px 0; letter-spacing:-1px; line-height:130%;}
.lec_open .title4depth_tit a{color:#1a1a1a; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.3; height: 1.5em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 15px;}
.lec_open .title4depth_tit a:hover, .lec_open .title4depth_tit a:hover, .lec_open .title4depth_tit a:active, .lec_open .title4depth_tit a:focus {color:#1785d2;}
.lec_open .title4depth_info {padding:0; font-size: 14px;}
.title4depth_info .date::after{content: ''; width: 1px; height: 8px; border-right: solid 1px #ccc; margin:0px 6px 0 10px; display: inline-block; vertical-align: middle;}
.title4depth_info .date:nth-last-of-type(1)::after {display: none;}
.lec_open .title4depth_info .review{display: block;}

.lec_open_btn {display: inline-block; width:100%; background:#fff; border:solid 1px #aaa; border-radius:5px; height:auto; text-align:center; color:#676767; margin:5px 0; padding: 8px 0; font-weight: 700;}
.lec_open_btn span {background:url(/img/course/arrow_down.png) no-repeat center center; display:inline-block; width:25px !important; height:25px !important; margin:-5px 0 0 5px; vertical-align:middle;}
.lec_open_btn:hover{color: #000;}

.lec_infobox .listinfo_info {margin:0;}

.lec_open .lec_open_img .icon4depth_s2 {position:absolute; bottom:0; right:0; height:18px; border-radius:8px 8px 0 8px; padding:0 6px; display:inline-block; text-align:center; color:#ffffff; background:#1f78d4; font-size: 10px; line-height: 18px;}
.lec_open .lec_open_img .icon4depth_s3 {position:absolute; bottom:0; right:0; height:18px; border-radius:8px 8px 0 8px; padding:0 6px; display:inline-block; text-align:center; color:#ffffff; background:rgba(0,0,0,0.7); letter-spacing:0; font-size: 10px; line-height: 18px;}

.lec_open .lec_open_img .icon4depth_s3_ok {position:absolute; bottom:0; right:0; height:18px; border-radius:8px 0 8px 8px; padding:0 6px; display:inline-block; text-align:center; color:#ffffff; background:rgba(0,0,0,0.7); letter-spacing:0; font-size: 10px; line-height: 18px;}
.badge_watch, .badge_watching {font-size:9px !important; padding: 2px 6px !important;}
.bggray {background:#f0f0f0 !important;}
.lec_open .lecview{margin-bottom: 10px;}