html {height:100%;}
body {height:100%; font-size:13px; font-family:"Malgun Gothic","Dotum","san-serif" !important; line-height:1.5; letter-spacing:-0.02em;}
input,select,textarea {font-size:13px; 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% - 310px);}
.hr_div {margin:20px 0 20px 0;}
#content pre {font-family:inherit; white-space:pre-line;}
/*.container {margin:25px auto 0 auto; padding-top:10px; padding-bottom:60px; padding-right:20px; padding-left:20px; min-height:350px; background-color:#FFF; border:1px solid #E2E2E2;}*/

/* 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 {margin:25px 0;}
.wrap_header .main_title {position:absolute; top:32px; left:200px; font-size:21px; letter-spacing:-1px; font-weight:800; word-break:break-all;}
.wrap_header .main_title:hover {color:#333;}
.wrap_header .icon_menu {position:absolute; width:38px; height:37px; right:20px; bottom:26px;}
.wrap_header .icon_menu div {background-color:#333; height:3px; margin:7px;}
.wrap_header .icon_menu_x {position:absolute; width:24px; height:31px; right:20px; bottom:29px; 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 {background-color:transparent;}
.wrap_header .login_toggle .btn-default {background-color:transparent;}
.wrap_header .login_toggle .dropdown-menu {left:auto; right:0; min-width:120px;}
.wrap_header .login_pc {position:absolute; right:70px; bottom:27px;}
.wrap_header .login_mo {position:relative; height:40px;}
.wrap_header .login_mo .login_toggle {position:absolute; right:50px; bottom:5px;}

/* header_menu */
.wrap_header_menu {border-bottom:2px solid #0C4386;}
.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; padding:0 30px;}
.wrap_header_menu .header_menu_el {width:25%; padding:0; margin:0; float:left;}
.wrap_header_menu .header_menu_el > a {height:55px; line-height:55px; font-size:19px; font-weight:bold; text-align:center; letter-spacing:-0.05em; display:block;}
.wrap_header_menu .header_menu_el > a:hover, .wrap_header_menu .header_menu_el > a:focus {color:#0C4386;}
.wrap_header_menu .active > a {color:#0C4386;}

/* header submenu (pc) */
.wrap_header_menu .sub_menu1 {position:absolute; z-index:200; top:55px; min-width:230px; margin:0; padding:15px 18px; background-color:#FFF; border:2px solid #0C4386; font-weight:700; font-size:14px; 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 #0C4386; color:#0C4386;}
#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 #0C4386; color:#0C4386;}

/* 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:18px; width:20px; height:20px;}
.wrap_sitemap .sitemap_head .icon_menu_m_x div {width:100%; height:2px; background-color:#333; position:absolute; top:50%;}
.wrap_sitemap .sitemap_head .icon_menu_m_x .line1 {transform:rotate(135deg) translateX(0%);}
.wrap_sitemap .sitemap_head .icon_menu_m_x .line2 {transform:rotate(45deg) translateX(0%);}
.wrap_sitemap .site_menu {width:100%; height:50px; background-color:#0C4386; 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:-10px 10px 0 0; float:right; width:28px; height:28px; position:relative;}
.wrap_sitemap .sitemap_body .icon_menu div {width:100%; height:2px; background-color:#333; position:absolute; top:50%;}
.wrap_sitemap .sitemap_body .icon_menu .line1 {transform:rotate(135deg) translateX(0%);}
.wrap_sitemap .sitemap_body .icon_menu .line2 {transform:rotate(45deg) translateX(0%);}
.wrap_sitemap .sitemap_body .box {width:25%; 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:#0C4386;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:14px;}
.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:20px 0 8px 0; color:#0C4386; 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 #0C4386;}
.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:#0C4386;}
.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:#0C4386; 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:512px; z-index:98;}
#quickmenu .title {display:table-cell; text-align:center; vertical-align:middle; font-weight:bold; padding-bottom:5px;}
#quickmenu .item a {outline:0;}
#quickmenu .item a:hover, #quickmenu .item.str a:focus {text-decoration:none;}
#quickmenu .item-list .item {text-align:center;}
#quickmenu .bottom {font-size:80%; padding:5px 0; text-align:center; line-height:1.0;}
#quickmenu .bottom a, #quickmenu .bottom a:hover, #quickmenu .bottom a:focus {text-decoration:none;outline:0;}

/* scroll top */
#back-to-top {position:fixed; bottom:1.5em; right:17px; 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 */
.wrap_footer {margin:20px auto 0 auto; padding:20px 5px 20px 5px; font-size:12px; border-top:1px solid #e2e2e2;}
.wrap_footer ul {margin:0; padding:0; outline:none; list-style:none; display:block; text-align:center; margin-bottom:20px;}
.wrap_footer ul li {width:31%; margin:0 1px; padding:0; display:inline-block; outline:none;}
.wrap_footer ul li a {display:block; font-size:12px; height:30px; line-height:30px; border:1px solid #bfbfbf; color:#555;}
.wrap_footer p {margin:0; line-height:17px; text-align:center; color:#777;}
.wrap_footer span {display:inline-block;}
.wrap_footer .divider {margin:0 8px; width:1px; height:8px; background:#D5D5D5;}

/* page title */
.bskr-title {margin:20px 0;} 
.bskr-title .title {display:inline-block; font-size:19px; 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 #eee;}
 
/* 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;}

/* subpage */
#subpage {font-size:13px; line-height:1.7em;}
#subpage ul, #subpage ol {margin:0; padding-left:15px;}
#subpage ul.mb10 li {margin-bottom:10px;}
#subpage .well_notice {text-align:center; font-size:130%; line-height:1.7em;}
#subpage .well_notice i {font-size:40px; color:#999; margin-bottom:15px;}
#subpage .well_notice span {display:inline-block;}
#subpage .btn_back {margin:20px auto; display:block;}
#subpage .top_ban_wrap {margin:0 auto 30px auto;}
#subpage .top_ban_wrap .top_ban {width:100%;}
#subpage .sub_tit1 {margin-bottom:20px; font-size:18px; font-weight:bold; padding:10px 5px; border-bottom:2px solid #0C4386;}
#subpage .sub_tit2 {margin-bottom:10px; font-size:16px; font-weight:bold;}
#subpage .sub_blit {position:relative; top:-2px; font-size:9px;}
#subpage .sub_tit .tit_guide {font-size:14px; color:#777; font-weight:normal;}
#subpage .sub_content {margin-bottom:25px; padding-left:10px;}
#subpage .table {border:1px solid #DDD; max-width:100%; margin-bottom:0;}
#subpage .table thead {background-color:#F4F4F4;}
#subpage .table {table-layout:fixed;}
#subpage .table input[type="text"] {margin:5px 0;}
#subpage .table .tdhead {background-color:#F4F4F4; font-weight:800; text-align:center;}
#subpage .table .w50 {width:50px;}
#subpage .table .w70 {width:70px;}
#subpage .table .w80 {width:80px;}
#subpage .table .w110 {width:110px;}
#subpage .table .w115 {width:115px;}
#subpage .table .w120 {width:120px;}
#subpage .table .w150 {width:150px;}
#subpage .table .w170 {width:170px;}
#subpage .table .tdcon {text-align:left;}
#subpage .table .align_center {text-align:center;}
#subpage .table .border_right {border-right:1px solid #DDD;}
#subpage .table.pd2 td {padding:8px 2px;}
#subpage .iblk {display:inline-block;}
#subpage .bottom_btn {text-align:center;}

/* 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:10px 0;}
.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 table span {display:inline-block;}
.wrap_pv .pv_tb_border {margin:20px 0 10px 0; padding:20px 0 10px 0; border:1px solid #D5D5D5;}
.wrap_pv table.pv_tb_noline {margin:0;}
.wrap_pv table.pv_tb_noline td {width:33.33%; border:0; padding:0 10px 0 10px;}
.wrap_pv table.pv_tb_noline td img {max-width:100%; cursor:pointer;}
.wrap_pv table .pv_td_txt {padding:10px 10px 15px 10px !important;}
.wrap_pv ul {margin:0; padding-left:15px;}