html {height:100%;}
body {height:100%; font-size:12px; font-family:"Malgun Gothic","Dotum","san-serif" !important; line-height:1.5; letter-spacing:-0.02em;}
input,select,textarea {font-size:12px; font-family:dotum;}
label {cursor:pointer;}
a {text-decoration:none; color:#333;}
a:hover,a:focus {color:#777; text-decoration:none; outline:none;}
.content_wrap {min-height:calc(100% - 330px);}
#content {margin-top:25px;}
#content pre {font-family:inherit;white-space:pre-line;}

/* common attrs */
.pos-5 {position:relative;top:-5px !important;}
.pos-4 {position:relative;top:-4px !important;}
.pos-3 {position:relative;top:-3px !important;}
.pos-2 {position:relative;top:-2px !important;}
.pos-1 {position:relative;top:-1px !important;}
.pos1 {position:relative;top:1px !important;}
.pos2 {position:relative;top:2px !important;}
.pos3 {position:relative;top:3px !important;}
.pos4 {position:relative;top:4px !important;}
.pos5 {position:relative;top:5px !important;}

.check-label {font-weight:normal;margin-bottom:0;}
.check-label input[type="checkbox"] {vertical-align:middle;position:relative !important;top:-3px !important;}
.radio-label {font-weight:normal;margin-bottom:0;}
.radio-label input[type="radio"] {vertical-align:middle;position:relative !important;top:-3px !important;}

/* patch the layout of generic table */
.table { border-spacing:0; }
table th { text-align:center; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {vertical-align:middle;}
.table > thead > tr > th {border-bottom:0;}

/* patch the label position of checkbox */
.checkbox span {position:relative; top:-1px;}
.radiobox span {position:relative; top:-1px;}

/* patch the member layer boxes */
.mbrLayerBlock {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.mbrLayerBlock:* {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}

/* patch the admin-control bar */
#adminControl *{ -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
#adminControl *:before,
#adminControl *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#adminControl img {vertical-align:inherit;}

/** header **/
.header_icon {text-indent:-9999px; display:inline-block; vertical-align:middle; margin-top:-3px; cursor:pointer;}
.wrap_header {background-color:#FFF; height:80px;}
.wrap_header .container {position:relative;}
.wrap_header .logo {padding:15px 0;}
.wrap_header .icon_menu {position:absolute; width:24px; height:31px; right:20px; bottom:20px; background:url('/layouts/bskrx_tv1/image/icon_menu.png') no-repeat; background-position:center;}
.wrap_header .icon_menu_x {position:absolute; width:24px; height:31px; right:20px; bottom:20px; background:url('/layouts/bskrx_tv1/image/icon_close_b.png') no-repeat; background-position:center;}
.wrap_header .icon_search {position:absolute; width:31px; height:31px; right:70px; bottom:20px; background:url('/layouts/bskrx_tv1/image/icon_search_b.png') no-repeat; background-position:center;}
.wrap_header .icon_search_x {position:absolute; width:31px; height:31px; right:70px; bottom:20px; background:url('/layouts/bskrx_tv1/image/icon_close_b.png') no-repeat; background-position:center;}
.wrap_header_fixed {position:fixed; top:0px; z-index:200; width:100%; border-bottom:1px solid #DDD;}

/* header login */
.wrap_header .login_toggle {position:absolute; right:280px; bottom:15px; background-color:transparent;}
.wrap_header .login_toggle .btn-default {background-color:transparent; border-color:#CCC; border-radius:0;}
.wrap_header .login_toggle .dropdown-menu {left:auto; right:0; min-width:120px;}

/* header search pc */
.wrap_header .search {position:absolute; width:250px; right:15px; bottom:15px;}
.wrap_header .search .keyword_box {position:relative; padding:3px 40px 3px 12px; border:1px solid #F98145;}
.wrap_header .search .keyword_box .keyword {width:100%; height:26px; line-height:26px; color:#777; border:0; background-color:transparent; outline:none;}
.wrap_header .search .keyword_box .btn_search {position:absolute; right:5px; top:3px; width:30px; height:26px; text-align:center; line-height:26px; font-size:150%; color:#777; cursor:pointer;}
.wrap_header .search dl {overflow:hidden; text-align:center; margin:0;}
.wrap_header .search dl dt {width:70px; font-weight:bold; text-align:left; color:#1479CC; display:inline-block;}
.wrap_header .search dl dd {padding:0 8px; color:#777; display:inline-block;}
.wrap_header .search dl .recom_kw {cursor:pointer;}

/* header search mobile */
.wrap_search_m {position:absolute; z-index:200; width:100%; padding:35px 0; background-color:#F4F5F9; border-bottom:1px solid #CCC; display:none;}
.wrap_search_m .search {width:450px; max-width:90%; margin:0 auto; padding:0 20px;}
.wrap_search_m .search .keyword_box {position:relative; padding:0 40px 15px 0; margin-bottom:7px; border-bottom:1px solid #CCC;}
.wrap_search_m .search .keyword_box .keyword {width:100%; height:24px; font-size:15px; line-height:1.5em; color:#777; border:0; background-color:transparent; outline:none;}
.wrap_search_m .search .keyword_box .btn_search {position:absolute; right:0; top:0; width:40px; height:31px; background:url('/layouts/bskrx_tv1/image/icon_search_b.png') no-repeat; background-position:center;}
.wrap_search_m .search .recommend {font-size:14px; overflow:hidden;}
.wrap_search_m .search .recommend dt {width:98px; height:30px; font-weight:normal; text-align:center; line-height:30px; margin-right:15px; float:left; color:#FFF; background-color:#F06E3B;}
.wrap_search_m .search .recommend dd {line-height:30px; margin-right:15px; float:left; color:#777;}
.wrap_search_m .search .recommend .recom_kw {cursor:pointer;}
.wrap_search_m .search .recommend .recom_kw:hover {text-decoration:underline;}
.wrap_search_fixed {position:fixed; top:52px;}

/* header_menu */
.wrap_header_menu {border-bottom:2px solid #F98145;}
.wrap_header_menu .header_menu {position:relative;}
.wrap_header_menu .icon_menu {position:absolute; width:24px; height:31px; right:25px; bottom:15px; background:url('/layouts/bskrx_tv1/image/icon_menu.png') no-repeat; background-position:center;}
.wrap_header_menu .wrap_header_menu_el {height:55px;}
.wrap_header_menu .header_menu_el {padding:0; margin:0;}
.wrap_header_menu .header_menu_el {float:left;}
.wrap_header_menu .header_menu_el > a {padding:0 50px; height:55px; line-height:55px; font-size:16px; font-weight:bold; text-align:center; display:block;}
.wrap_header_menu .header_menu_el > a:hover, .wrap_header_menu .header_menu_el > a:focus {color:#F06E3B;}
.wrap_header_menu .active > a {color:#F06E3B;} 

/* header submenu (pc) */
.wrap_header_menu .sub_menu1 {position:absolute; z-index:200; top:55px; min-width:200px; margin:0; padding:15px 18px; background-color:#FFF; border:2px solid #F06E3B; font-weight:700; font-size:13px; display:none;}
.wrap_header_menu .sub_menu1 ul {list-style:none; margin:0; padding:0;}
.wrap_header_menu .sub_menu1 ul li a {display:block; height:27px; width:100%; line-height:27px;}
.wrap_header_menu .sub_menu2 {padding:3px 0; font-size:90%;}

/* header submenu (mobile) */
#top_submenu {margin:10px 0 10px 0;}
#top_submenu ul {margin:0 0 10px 4px; padding:0; list-style:none;}
#top_submenu ul li {float:left; width:50%; height:32px; overflow:hidden; box-sizing:border-box; padding:0 4px 4px 0; margin:0; text-align:center;}
#top_submenu a {width:100%; height:100%; display:block; box-sizing:border-box; border:1px solid #ddd; overflow:hidden; line-height:25px;}
#top_submenu .active {border:1px solid #F06E3B; color:#F06E3B;}
#top_submenu2 {}
#top_submenu2 ul {margin:5px 5px 10px 5px; padding:0; list-style:none;}
#top_submenu2 ul li {float:left; width:50%; height:30px; overflow:hidden; box-sizing:border-box; padding:5px; margin:0; background-color:#F8F8F8;}
#top_submenu2 a {width:100%; height:100%; display:block; box-sizing:border-box; overflow:hidden;}
#top_submenu2 .active {font-weight:bold; color:#000;}

/* footer submenu (mobile) */
#footer_submenu {margin-top:10px;}
#footer_submenu ul {margin:10px 0 0 4px; padding:0; list-style:none;}
#footer_submenu ul li {float:left; width:50%; height:32px; overflow:hidden; box-sizing:border-box; padding:0 4px 4px 0; margin:0; text-align:center;}
#footer_submenu a {width:100%; height:100%; display:block; box-sizing:border-box; border:1px solid #ddd; overflow:hidden; line-height:25px;}
#footer_submenu .active {border:1px solid #F06E3B; color:#F06E3B;}

/* sitemap */
.wrap_sitemap {position:absolute; z-index:900; width:100%; padding:20px 0; background-color:#F4F5F9; border-bottom:#CCC 1px solid; display:none;}
.wrap_sitemap a {color:#555;}
.wrap_sitemap .sitemap_head {position:relative; height:50px; line-height:50px; padding:0 15px; background:#FFF; font-size:14px; display:none;}
.wrap_sitemap .sitemap_head ul.member_menu {position:absolute; display:block; right:50px;}
.wrap_sitemap .sitemap_head ul {list-style:none; padding:0; margin:0; text-align:center;}
.wrap_sitemap .sitemap_head ul li {margin:0; list-style-type:none; display:inline-block;}
.wrap_sitemap .sitemap_head ul li a {display:inline-block; height:50px; line-height:50px; text-align:center;}
.wrap_sitemap .sitemap_head ul li span {display:inline-block; margin:0 10px; width:1px; height:11px; background:#CCC;}
.wrap_sitemap .sitemap_head ul li.login {float:right;}
.wrap_sitemap .sitemap_head .greeting {float:left; color:#777; display:inline-block;}
.wrap_sitemap .sitemap_head .login_name {float:left; display:inline-block; font-weight:700;}
.wrap_sitemap .sitemap_head .icon_menu_m_x {position:absolute; right:15px; top:20px; width:17px; height:17px; background-size:17px auto !important; background:url('/layouts/bskrx_tv1/image/icon_close_b.png') no-repeat; background-position:center;}

.wrap_sitemap .site_menu {width:100%; height:50px; background-color:#F06E3B; text-align:center; display:none;}
.wrap_sitemap .site_menu ul {display:inline-block; list-style:none; padding:0; margin:0;}
.wrap_sitemap .site_menu li {float:left; margin:0; list-style-type:none;}
.wrap_sitemap .site_menu li a {display:inline-block; height:50px; line-height:50px; text-align:center; vertical-align:middle; color:#fff;}
.wrap_sitemap .site_menu li span {display:inline-block; margin:0 10px; width:1px; height:11px; vertical-align:middle; background:#FFF;}
.wrap_sitemap .sitemap_body {position:relative; height:100%;}
.wrap_sitemap .sitemap_body .icon_menu {margin:0 10px 5px 0; float:right; width:20px; height:20px; background-size:20px auto; background:url('/layouts/bskrx_tv1/image/icon_close_b.png') no-repeat; background-position:center;}
.wrap_sitemap .sitemap_body .kakao_qna {margin:5px 0 100px 10px; padding-left:45px; height:50px; line-height:50px; font-weight:bold; cursor:pointer; background:url('/layouts/bskrx_tv1/image/icon_kakao_qna.png') no-repeat; background-position:left center; background-size:40px auto;}
.wrap_sitemap .sitemap_body .box {width:20%; float:left;}
.wrap_sitemap .sitemap_body .box .box_inner {position:relative;padding:0 2px 15px;}
.wrap_sitemap .sitemap_body .box .box_inner .title-box {margin-bottom:15px;font-size:16px;color:#F06E3B;text-align:center;}
.wrap_sitemap .sitemap_body .box .box_inner ul.menu1 {list-style-type:none;margin:0;padding:0;}
.wrap_sitemap .sitemap_body .box .box_inner ul.menu1 li {position:relative;margin:0 0 8px 0;letter-spacing:-1px;text-align:center;font-size:13px;}
.wrap_sitemap .sitemap_body .box .box_inner ul.menu1 li.active {font-weight:bold;}
.wrap_sitemap .sitemap_body .box .box_inner ul.menu2 {list-style-type:none;margin:0 0 0 10px;padding:0;}
.wrap_sitemap .sitemap_body .box .box_inner ul.menu2 li {margin:0 0 3px;padding:3px 0 3px 3px;position:relative;letter-spacing:-1px;}
.wrap_sitemap .sitemap_body .box .box_inner ul.menu2 li.active {font-weight:bold;}
.wrap_sitemap .sitemap_body .box .box_inner .menu3 {margin:3px 0; padding:3px 0 3px 7px; color:#FFF; font-size:90%;}
.wrap_sitemap .sitemap_body .box .box_inner .menu3_active {font-weight:bold;}
.wrap_sitemap .sitemap_body .box .box_inner .menu_icon {display:inline-block;margin:0 10px 0 3px;position:relative;top:2px;width:3px;height:15px;background:#DDD;}
.wrap_sitemap .sitemap_body .box .box_inner .menu_icon2 {position:absolute;top:0;right:0;padding:15px 20px 11px;color:#555;cursor:pointer;display:none;}

/* sidebar */
.col-bskr-6 {width:100%; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative; min-height:1px;}
.bskr-sidebar {margin-bottom:20px;}
.bskr-sidebar.fixed {padding-top:0;}
.bskr-sidebar .menuhead {margin:10px 0; color:#f27943; font-weight:700; font-size:20px;}
.bskr-sidebar .menuhead i {display:inline-block; margin:0 10px 0 3px; position:relative; top:2px; width:3px; height:15px; background:#FFF;}
.bskr-sidenav {background-color:#FFF; border-top:2px solid #f27943;}
.bskr-sidenav .menuitem {border-bottom:1px solid #e5e5e5; position:relative; bottom:-1px;}
.bskr-sidenav .menuitem a {display:block; padding:8px 3px;}
.bskr-sidenav .menuitem a.active {color:#424951;}
.bskr-sidenav .subitem-list {padding-bottom:10px;}
.bskr-sidenav .subitem {padding:0 15px 0 15px;}
.bskr-sidenav .subitem span {color:#c0c0c0;}
.bskr-sidenav .subitem i {display:inline-block; margin:0 3px 0 3px; position:relative; top:1px; width:1px; height:11px; background:#c0c0c0;}
.bskr-sidenav .subitem a {display:inline-block; padding:7px 2px; color:#555;}
.bskr-sidenav .subitem a:hover {color:#000;}
.bskr-sidenav .subitem a.active {color:#424951; font-weight:bold;}
.bskr-sidenav .new {width:8px; height:16px; display:inline-block; background:url('/_core/image/_public/ico_new_01.gif') right no-repeat;}
.subitem-popup {display:none;}
.side_btm {min-height:250px;}

/* quick menu */
#quickmenu {position:absolute; left:50%; margin-left:525px; z-index:98;}
#quickmenu .item-list {padding:12px 0; border:1px solid #DCDCDC; border-radius:15px; background-color:#FFF; box-shadow:-5px 5px 10px rgb(0 0 0 / 5%);}
#quickmenu .item {text-align:center;}
#quickmenu .item img {width:;}
#quickmenu .item a {outline:0;}
#quickmenu .item a:hover, #quickmenu .item.str a:focus {text-decoration:none;}
#quickmenu .bottom {font-size:80%; padding:5px 0; text-align:center;}
#quickmenu .bottom a, #quickmenu .bottom a:hover, #quickmenu .bottom a:focus {text-decoration:none; outline:0;}

/* scroll top */
#back-to-top {position:fixed; bottom:125px; right:45px; text-decoration:none; color:#fff; padding:9px 12px; border-radius:50%; background:rgba(0,0,0,0.3); z-index:200; cursor:pointer; display:none; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)";}

/* footer */
.footer_info {border-top:1px solid #e2e2e2;}
.footer_info .copy_box {width:100%; margin:30px auto; font-size:12px; position:relative;}
.footer_info .copy_box .logo {width:150px; margin:5px 10px 20px 0; float:left;}
.footer_info .copy_box .logo2 {width:370px; position:absolute; right:0; display:inline-flex; align-items:center;}
.footer_info .copy_box .logo2 img {max-width:100%;}
.footer_info .copy_box .logo2 p {margin:0 0 0 10px;}
.footer_info .copy_box .logo2 span {display:block; width:auto; height:auto; margin:0; font-size:10px; color:#777; background-color:#FFF;}
.footer_info .copy_box .copyright {width:550px; float:left; color:#777; line-height:18px;}
.footer_info .copy_box span {display:inline-block; margin:0 8px; width:1px; height:10px; background:#D5D5D5;}
.footer_m {padding:20px 0px; background-color:#f2f2f2; border-top:1px solid #c4c4c4; display:none;}
.footer_m ul {margin:0; padding:0; outline:none; list-style:none; display:block; text-align:center; margin-bottom:20px;}
.footer_m ul li {width:31%; margin:0 1px; padding:0; display:inline-block; outline:none;}
.footer_m ul li a {display:block; font-size:12px; height:30px; line-height:30px; border:1px solid #bfbfbf; color:#555;}
.footer_m p {margin:0; font-size:11px; line-height:17px; text-align:center; color:#777;}
.footer_m span {display:inline-block; margin:0 8px; width:1px; height:8px; background:#D5D5D5;}

/* page title */
.bskr-title {margin:10px 0;} 
.bskr-title .title {display:inline-block; font-size:20px; font-weight:bold;}
.bskr-title .title .glyphicon {position:relative; top:3px;}
.bskr-title .title .subtitle {font-size:16px;}
.bskr-title .pull-right {padding-top:3px;}  
.bskr-title .msg {padding:0 0 30px 0;}
.bskr-title-tabs li.active a {font-weight:bold; font-size:14px; color:#1c5b8c;}
.bskr-title-ex {color:#555; padding-bottom:5px; margin:0 0 20px 0; border-bottom:1px solid #dddddd;}
.bskr-title-ex .title {display:inline-block; font-size:20px; font-weight:bold;}
.bskr-title-ex .title a {color:#555;}
.bskr-title-ex .title .glyphicon {position:relative; top:3px;}
.bskr-title-ex h1, .bskr-title-ex h2, .bskr-title-ex h3, .bskr-title-ex h4 {font-weight:bold; margin:0 0 -5px 0; padding-bottom:5px; display:inline-block; border-bottom:3px solid #555;}

/* common colors */
.btn {font-weight:bold;}
.bskr-font {font-size:12px;}
.bskr-font-lg {font-size:14px;}
.bskr-font-xlg {font-size:16px;}

.link-blue a {color:#428bca; text-decoration:none; background:transparent;}
.link-blue a:active, .link-blue a:hover {outline:0;}
.link-blue a:hover, .link-blue a:focus {color:#2a6496; text-decoration:underline;}

.badge-primary{background-color:#357ebd;}
.badge-success {background-color:#398439;}
.badge-info {background-color:#269abc;}
.badge-warning {background-color:#F9B164;}
.badge-danger {background-color:#ac2925;}

.clr-main { color:#1c5b8c }
.clr-red { color:#ff0000; }

/* Subheader */
#subheader {}
#subheader .navigator {padding-top:10px; color:#777;}
#subheader .navigator a {color:#777;}
#subheader .navigator a:hover, #navigator a:focus {text-decoration:underline; outline:0;}
#subheader .navigator .divider:after {content:">";padding:0 2px;color:#CCC;}
#subheader hr {margin-top:10px; border-top:1px solid #DDD;}

/* features */
#features h2 {color:#555; font-weight:bold;}
 
/* default components */
.modal-title {font-weight:bold;}
.popover-title {font-weight:bold;}
.nav-tabs>li {font-weight:bold;}
.nav-tabs>li>a {color:#428bca;}
a.bskr_autolink {color:#428bca; text-decoration:none; background:transparent;}
a.bskr_autolink:hover {color:#2a6496; text-decoration:underline;}
span.s {text-decoration:none;}

/* member modal */
.modal_layer_bg {position:absolute;z-index:1000;top:0;left:0;width:100%;background-color:#000;opacity:0.6;filter:alpha(opacity=0);}
.modal_layer {position:fixed;overflow:hidden;z-index:1001;-webkit-overflow-scrolling:touch;background-color:#FFF;}
.modal_header {width:100%; height:25px; position:relative;}
.modal_tit {padding:0 0 0 5px; color:#222; font-weight:800; font-size:14px;}
.modal_close {position:absolute;top:-2px;right:-2px;cursor:pointer;}

/* agreement & privacy */
.wrap_pv {margin-bottom:30px;}
.wrap_pv .pv_tit {font-size:110%; font-weight:bold; margin:20px 0 5px 0;}
.wrap_pv .pv_tit_top {font-size:110%; font-weight:bold; margin-bottom:5px;}
.wrap_pv .pv_tit_sub {font-weight:bold; margin:20px 0 5px 0;}
.wrap_pv table {width:100%; margin:20px 0 10px;}
.wrap_pv table th {padding:5px; background-color:#EEE; border:1px solid #D5D5D5;}
.wrap_pv table td {padding:5px; border:1px solid #D5D5D5; text-align:center;}
.wrap_pv ul {margin:0; padding-left:15px;}