.wrap_main_login {margin-bottom:10px;}
.wrap_main_login .login_box {position:relative; height:160px; color:#555; padding:10px 10px; background-color:#F4F4F4; border:1px solid #e2e2e2;}
.wrap_main_login .login_box .login_head_line {padding:0 0 5px 0; margin:0 0 8px 0; border-bottom:1px solid #e2e2e2;}
.wrap_main_login .login_box .login_head {margin:0 0 10px 0; width:100%;}
.wrap_main_login .login_box .login_body {margin:5px 0 0 0;}
.wrap_main_login .login_box .login_body .form-control {position:relative;}
.wrap_main_login .login_box .login_body .form-control:focus {z-index:2;}
.wrap_main_login .login_box .login_txt {width:100%; text-align:center; color:#666; font-size:13px; letter-spacing:-1px;}
.wrap_main_login .login_box .logged_txt {font-size:14px;}
.wrap_main_login .login_box .mymenu {margin:5px 0; display:block;}
.wrap_main_login .login_box .mymenu .label {font-size:11px;}
.wrap_main_login .login_box .login_btn {position:absolute; top:39px; right:10px; height:59px; display:block;}
.wrap_main_login .login_box input[type="text"] {width:100%; margin-bottom:-1px; border-bottom-left-radius:0; border-bottom-right-radius:0;}
.wrap_main_login .login_box input[type="password"] {width:100%; border-top-left-radius:0; border-top-right-radius:0;}

.wrap_main_login .login_box .btn_login {width:278px; max-width:100%; height:48px; margin:0 auto; font-size:17px; font-weight:bold; color:#FFF; letter-spacing:-1px; text-align:center; cursor:pointer; background-color:#F98145; border:1px solid #EB6C37;}
.wrap_main_login .login_box .btn_login span {display:inline-block; border-bottom:1px solid #FDE1D6; margin-top:9px;}
.wrap_main_login .login_box hr {width:278px; max-width:100%; margin:10px auto; border-top:1px solid #E2E2E2; border-bottom:1px solid #FFF;}
.wrap_main_login .login_box .join_option {text-align:center;}
.wrap_main_login .login_box .join_option div {display:inline-block; width:90px; max-width:32%; height:33px; margin:0; padding:5px; line-height:1.5em; border-radius:2px; font-size:12px; border:1px solid #E2E2E2; background-color:#FFF; font-weight:700; cursor:pointer;}
.wrap_main_login .login_box .join_option .btn_join span {display:inline-block; width:100%; height:21px; padding-left:20px; background:url('/layouts/bskrx_tv1/image/icon_default_login.png') no-repeat 0 center;}
.wrap_main_login .login_box .join_option .btn_naver span {display:inline-block; width:100%; height:21px; padding-left:20px; background:url('/layouts/bskrx_tv1/image/icon_naver_login.png') no-repeat 0 center;}
.wrap_main_login .login_box .join_option .btn_kakao span {display:inline-block; width:100%; height:21px; padding-left:20px; background:url('/layouts/bskrx_tv1/image/icon_kakao_login.png') no-repeat 0 center;}

.wrap_main_login .login_box .login_option {margin:8px 10px 0 0; font-size:12px; position:relative;}
.wrap_main_login .login_box .bell_box {width:150px; color:#F97433; font-weight:bold; margin-top:15px; cursor:pointer;}
.wrap_main_login .login_box .bell {width:20px; height:20px; display:inline-block; padding:1px 4px; background-color:#F97433; border-radius:50%;}
.wrap_main_login .login_box .bell i {color:#FFF;}
.wrap_main_login .login_box .noselect {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.wrap_main_login .login_box .mynotice {position:absolute; z-index:100; top:30px; left:-11px; width:311px; height:250px; padding:10px; border:2px solid #F97433; background-color:#FFF; display:none;}
.wrap_main_login .login_box .mynotice_tit {color:#F97433; font-weight:bold; width:100px; margin-bottom:10px;}
.wrap_main_login .login_box .mynotice_x {width:30px; cursor:pointer; color:#555;}
.wrap_main_login .login_box .mynotice_body {height:200px; overflow-y:auto;}
.wrap_main_login .login_box .mynotice_body ul {padding-left:15px;}
.wrap_main_login .login_box .data_loader {position:absolute; left:140px; top:90px;}
.wrap_main_login .login_box .nodata {position:absolute; left:0; top:90px; width:100%; text-align:center;}
.wrap_main_login .login_box .by_nic {font-weight:bold;}
.wrap_main_login .login_box .mynotice_body ul li {min-height:25px; padding:3px 0; line-height:1.5em; position:relative;}
.wrap_main_login .login_box .notice_item {display:block; width:90%;}
.wrap_main_login .login_box .notice_del {display:block; position:absolute; top:7px; right:5px; cursor:pointer; width:15px; height:14px; background-image:url('/_core/image/_public/ico_x_01.gif');}
.wrap_main_login .login_box .join a {font-size:12px;}
.wrap_main_login .login_box .join a:hover {text-decoration:underline;}
.wrap_main_login .login_box .btn-info {width:48%; border-radius:0px; color:#555; background-color:#EBEBEB; border-color:#CCC;}
.wrap_main_login .login_box .btn-info:hover {color:#555; background-color: #DDD; border-color: #CCC;}

.notice_box {width:100%; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice_box span {font-size:11px; background-color:#F97433;}

.wrap_main_ban {margin:20px 0 20px 0; max-height:280px; background-color:#FFF;}
.wrap_main_ban .main_ban img {width:100%; height:200px;}
.wrap_main_content1 {padding:10px 0 10px 0;}
.wrap_main_content2 {padding:0 0 30px 0; background-color:#F4F4F4;}
.wrap_main_content3 {padding:0;}

.main_ban_box {margin:0 0 20px;}
.main_ban_tit {height:30px; font-size:16px; font-weight:bold; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_ban_img {width:100%; overflow:hidden; position:relative;}
.main_ban_img img {width:100%; height:145px; transition: all 0.2s linear;}
.main_ban_img:hover img {transform: scale(1.05);}
.main_ban_img .tv_img {height:175px; background-color:#F4F4F4; border-radius:5px;}
.main_ban_img .icon_play {position:absolute; right:15px; bottom:7px; color:#FFF; font-size:25px;}
.main_ban_btm {height:30; margin-top:5px; overflow:hidden;}
.main_ban_txt {width:100%;font-size:14px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap;}
.main_ban_txtgray {font-size:12px; color:#999;}
.main_ban_label {background-color:#F97433;margin-right:5px;font-size:12px;border-radius:0.4em;display:inline-block;min-width:60px;}

.main_con_tit {margin:20px 0 7px 4px !important; font-size:16px; color:#333; font-weight:bold;}
.main_more {float:right; display:inline-block; width:65px; height:25px; line-height:25px; text-align:center; cursor:pointer; font-size:14px; color:#777; font-weight:normal; position:relative;}
.main_more .arrow {position:absolute; top:5px; right:3px; width:0; height:11px;}
.main_more .arrow::before {content:''; position:absolute; width:0; height:2px; background:#777; top:7px; right:0;}
.main_more .arrow::after {content:''; border-top:1px solid #777; border-right:1px solid #777; position:absolute; top:4px; right:0px; width:7px; height:7px; transform:rotate(45deg) translatez(0);}
.main_more:hover i {animation:main01 0.7s linear infinite; -ms-animation:main01 0.7s linear infinite;}
@keyframes main01 {0% {right:3px} 50% {right:0px} 100% {right:3px}}

.mid_ban1 {height:47px; line-height:45px; border-bottom:3px solid #d4d4d4; padding-left:15px; overflow:hidden; display:block; background-image:url(/layouts/bskrx_tv1/image/banner_bg.png); background-color:#ec6123; cursor:pointer;}
.mid_ban2 {height:47px; line-height:45px; border-bottom:3px solid #d4d4d4; padding-left:15px; overflow:hidden; display:block; background-image:url(/layouts/bskrx_tv1/image/banner_bg.png); background-color:#2fbfeb; cursor:pointer;}
.mid_ban3 {height:47px; line-height:45px; border-bottom:3px solid #d4d4d4; padding-left:15px; overflow:hidden; display:block; background-image:url(/layouts/bskrx_tv1/image/banner_bg.png); background-color:#3dbea4; cursor:pointer;}
.mid_ban1_icon {height:100%; background:url('/layouts/bskrx_tv1/image/banner_icon01_ywca.png') no-repeat left center;}
.mid_ban2_icon {height:100%; background:url('/layouts/bskrx_tv1/image/banner_icon01.png') no-repeat left center;}
.mid_ban3_icon {height:100%; background:url('/layouts/bskrx_tv1/image/banner_icon03.png') no-repeat left center;}
.mid_ban_txt {color:#FFF; font-size:18px; letter-spacing:-1px; font-weight:bold; background:url('/layouts/bskrx_tv1/image/banner_arr.png') no-repeat right center;}

.main_con {height:350px; border:1px solid #e2e2e2; padding:15px 20px; position:relative; background-color:#FFF;}
.main_con ul {width:100%; padding:0; margin:0; list-style:none;}
.main_con ul li {height:40px; padding:7px 0; font-size:14px;}
.main_con .con_wrap {overflow:hidden; float:left; max-width:100%;}
.main_con .con_wrap .con_a {display:block; padding:2px 0 3px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main_con .con_wrap .con_a .con_cate {display:inline-block; margin-right:5px; color:#777; letter-spacing:-1px;}
.main_con .new {float:right; position:relative; font-size:85%; margin:0 2px 0 5px; top:5px; color:#ff0000;}

.main_con_img {height:350px; border:1px solid #e2e2e2; padding:25px 20px; position:relative; background-color:#FFF;}
.main_con_img ul {width:100%; padding:0; margin:0; list-style:none;}
.main_con_img ul li {height:85px; padding:0 0 0 150px; margin-bottom:20px; position:relative; font-size:14px;}
.main_con_img ul li .noimg {background-color:#F9F9F9;}
.main_con_img .pic_wrap {position:absolute; top:0; left:0; width:135px; height:85px; overflow:hidden;}
.main_con_img .pic_wrap img {width:100%;}
.main_con_img .pic_wrap .icon_play {position:absolute; right:7px; bottom:2px; color:#FFF; font-size:25px;}
.main_con_img .txt_wrap {}
.main_con_img .txt_wrap .sbj {max-height:60px; line-height:2rem; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main_con_img .txt_wrap .etc {height:25px; color:#ff0000; font-size:85%; overflow:hidden;}

.btm_gcourse {height:350px; border:1px solid #e2e2e2; padding:15px 20px; position:relative; background-color:#FFF;}
.btm_gcourse ul {width:100%; padding:0; margin:0;}
.btm_gcourse ul li {height:56px; margin-bottom:10px; list-style:none; background:url('/layouts/bskrx_tv1/image/group_course/bt_dashedLine.gif') repeat-x 0 bottom;}
.btm_gcourse ul li dl {margin:0; padding:2px 15px 2px 0; background:url('/layouts/bskrx_tv1/image/group_course/icon_linkArrow.gif') no-repeat 98% 18px;}
.btm_gcourse ul li dl a:focus {color:inherit; text-decoration:none;}
.btm_gcourse ul li dl a:hover {text-decoration:none;}
.btm_gcourse ul li dl dt {font-weight:bold; letter-spacing:-0.5px; text-overflow:ellipsis; overflow:hidden;}
.btm_gcourse ul li dl dd {color:#858585; letter-spacing:-0.5px; line-height:1.6em; text-overflow:ellipsis; overflow:hidden;}
.btm_gcourse ul li dl dd .label {display:inline-block; font-size:11px; border-radius:0; width:55px;}

.btm_tv {height:300px; margin-top:30px; border:1px solid #e2e2e2; background-color:#FFF; overflow:hidden; position:relative;}
.btm_tv .con_head {height:40px; padding:7px 10px 7px 15px; font-size:16px; font-weight:bold; border-bottom:1px solid #e2e2e2;}
.btm_tv .con_main {padding:30px 20px}
.btm_tv .con_main ul {width:100%; padding:0; margin:0; list-style:none;}
.btm_tv .con_main ul li {height:85px; padding:0 0 0 160px; margin-bottom:26px; position:relative; font-size:14px;}
.btm_tv .con_main .pic_wrap {position:absolute; top:0; left:0; width:150px; height:85px; overflow:hidden;}
.btm_tv .con_main .pic_wrap img {width:100%;}
.btm_tv .con_main .pic_wrap .icon_play {position:absolute; right:7px; bottom:2px; color:#FFF; font-size:25px;}
.btm_tv .con_main .txt_wrap {}
.btm_tv .con_main .txt_wrap .sbj {max-height:60px; margin-bottom:3px; line-height:2rem; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.btm_tv .con_main .txt_wrap .etc {height:25px; padding:5px 0 0 0; color:#777; font-size:12px; letter-spacing:-0.05em; overflow:hidden;}

.btm_notice {height:300px; margin-top:30px; border:1px solid #e2e2e2; background-color:#FFF; overflow:hidden; position:relative;}
.btm_notice .con_head {height:40px; padding:7px 10px 7px 15px; font-size:16px; font-weight:bold; border-bottom:1px solid #e2e2e2;}
.btm_notice .con_main {padding:13px 20px}
.btm_notice .con_main ul {width:100%; padding:0; margin:0; list-style:none;}
.btm_notice .con_main ul li {height:40px; padding:0; font-size:14px;}
.btm_notice .con_main .con_wrap {overflow:hidden; float:left; max-width:100%;}
.btm_notice .con_main .con_wrap .con_a {display:block; padding:2px 0 3px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.btm_notice .con_main .con_wrap .con_a span {display:inline-block; margin-right:7px; min-width:65px; color:#999; font-size:13px; letter-spacing:-1px;}
.btm_notice .con_main .con_wrap .new {float:right; position:relative; font-size:85%; margin:0 2px 0 5px; top:5px; color:#ff0000;}
.btm_notice .con_foot {position:absolute; left:0; bottom:0; width:100%; height:70px; line-height:69px; font-size:16px; font-weight:bold; text-align:center; border-top:1px solid #e2e2e2;}
.btm_notice .con_foot .sns_tit {display:inline-block; margin-right:10px;}
.btm_notice .con_foot .sns_icon {overflow:hidden;}

.btm_cs {height:300px; margin-top:30px; border:1px solid #e2e2e2; text-align:center; background-color:#FFF; overflow:hidden; position:relative;}
.btm_cs .con_head {height:40px; line-height:40px; font-size:16px; border-bottom:1px solid #e2e2e2; font-weight:bold;}
.btm_cs .con_head .con_tit {position:relative; float:left; width:120px; height:43px; text-indent:-9999px; background:url('/layouts/bskrx_tv1/image/bumo_sns_title.gif') no-repeat center 2px;}
.btm_cs .con_main {padding:35px 20px;}
.btm_cs .con_main .cs_in_top {width:280px; max-width:100%; margin:0 auto;}
.btm_cs .con_main .cs_in_top .cs_num {width:100%; font-size:16px; line-height:1.5em;}
.btm_cs .con_main .cs_in_top .cs_num span {font-size:23px;}
.btm_cs .con_main .cs_in_top .num1 {margin-bottom:10px;}
.btm_cs .con_main .cs_in_btm {padding:10px 0; color:#777; font-size:12px;}
.btm_cs .con_main .cs_in_btm span {display:inline-block;}
.btm_cs .con_foot {position:absolute; left:0; bottom:0; width:100%; height:70px; border-top:1px solid #e2e2e2;}
.btm_cs .con_foot a {display:block; width:50%; height:100%; line-height:69px; font-size:16px; font-weight:bold; float:left; background:url('/layouts/bskrx_tv1/image/group_course/icon_linkArrow.gif') no-repeat 70% 30px;}
.btm_cs .border_right {border-right:1px solid #e2e2e2;}

.btm_blank {height:20px;}
