@charset "utf-8"; 

@font-face{ 
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src:url(./font/NanumBarunGothic.eot);
  src:local(※), 
    url(./font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'), 
    url(./font/NanumBarunGothic.woff) format('woff'), 
    url(./font/NanumBarunGothic.ttf) format('truetype');
}
@font-face{
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src:url(./font/NanumBarunGothicBold.eot);
  src:local(※), 
    url(./font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
    url(./font/NanumBarunGothicBold.woff) format('woff'), 
    url(./font/NanumBarunGothicBold.ttf) format('truetype');
}

/* ***** Reset ***** */
body,html{height:100%; min-width:320px}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,form,fieldset,th,td,button{margin:0px; padding:0px}
body{font-family:"나눔바른고딕","Nanum Barun Gothic","NanumBarunGothicBold",Arial; font-size:14px; color:#000; 
     -webkit-text-size-adjust:none; line-height: 22px}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal}
ol, ul, li{list-style:none}

button, fieldset{border:none;}
img{border:0 none; }
a{text-decoration:none;  cursor:pointer; color:#333333}
a:hover{ font-weight:bold;  }
 
i, em, address{font-style:nomal; font-weight:normal; }

textarea{width:98.2%;padding:5px; border:1px solid #d2d2d2}
table{border-collapse:collapse; width:100%; border-spacing:0; table-layout:fixed; word-wrap:break-word; zoom:1}
hr{display:none}

caption,legend, .blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:-999em;width:0;height:0;font-size:0;
                       line-height:0;text-align:left}



/* 공통 css */

.eacolor {color:#ea5504 !important}
.yecolor {color:#ffdb28 !important}
.orcolor {color:#ff6600 !important}
.or2color {color:#ff9600 !important}
.whcolor {color:#fff !important}
.vicolor {color:#cf006c !important}
.blcolor {color:#178dd5 !important}
.ygcolor {color:#cecece !important}
.rdcolor {color:#ff0018 !important}
.grcolor {color:#555555 !important}
.grcolor2 {color:#bebebe !important}
.grcolor3 {color:#888888 !important}
.greencolor {color:#2b9700 !important}


.wh2color {background-color:#fff !important}
.gr2color {background-color:#eaeaea !important} 
.gr3color {background-color:#555555 !important}

.gr4color {background-color:#f9f9f9 !important}
.orbcolor {background-color:#ff7c00 !important}

.pA5 {padding: 5px}
.pA15 {padding: 15px}
.pA25 {padding: 25px}
.pA40 {padding: 40px}

.ptb20 {padding-top: 20px !important;padding-bottom: 20px !important}
.ptb10 {padding-top: 10px !important;padding-bottom: 10px !important}
.ptb5{padding-top: 5px !important;padding-bottom: 5px !important}
.pt9 {padding-top: 9px !important}
.pt10 {padding-top: 10px !important}
.pt15 {padding-top: 15px !important}
.pt20 {padding-top: 20px !important}
.pt25 {padding-top: 25px !important}
.pt40 {padding-top: 40px !important}
.pt80 {padding-top: 80px !important}
.pt50 {padding-top: 50px !important}
.pl3 {padding-left: 3px !important}
.pl12 {padding-left: 12px !important}
.pl30 {padding-left: 30px !important}
.pl50 {padding-left: 50px !important}
.pl100 {padding-left: 100px !important}
.pl150 {padding-left: 150px !important}
.pR10 {padding-right: 10px !important}
.pR15 {padding-right: 15px !important}
.pR23 {padding-right: 23px !important}
.pR25 {padding-right: 25px !important}
.pR80 {padding-right: 80px !important}
.pR150 {padding-right: 150px !important}
.pb5 {padding-bottom: 5px !important}
.pb20 {padding-bottom: 20px !important}
.pb10 {padding-bottom: 10px !important}
.pb12 {padding-bottom: 12px !important}
.pb20 {padding-bottom: 20px !important}
.pb25 {padding-bottom: 25px !important}
.pb40 {padding-bottom: 40px !important}
.pb50 {padding-bottom: 50px !important}
.pb80 {padding-bottom: 80px !important}
.mR8 {margin-right: 8px !important}
.mR20 {margin-right: 20px !important}
.ml5 {margin-left: 5px !important}
.ml6 {margin-left: 6px !important}
.ml10 {margin-left: 10px !important}
.ml20 {margin-left: 20px !important}
.mt5 {margin-top: 5px !important}
.mt10 {margin-top: 10px !important}
.mt15 {margin-top: 15px !important}
.mt20 {margin-top: 20px !important}
.mt25 {margin-top: 25px !important}
.mt40 {margin-top: 40px !important}
.mt45 {margin-top: 45px !important}
.mt60 {margin-top: 60px !important}
.mt80 {margin-top: 80px !important}
.mt110 {margin-top: 110px !important}
.mb5 {margin-bottom: 5px !important}
.mb10 {margin-bottom: 10px !important}
.mb15 {margin-bottom: 15px !important}
.mb30 {margin-bottom: 30px !important}
.mb90 {margin-bottom: 90px !important}
.mb110 {margin-bottom: 110px !important}
.mb70 {margin-bottom: 70px !important}

.ls015 {letter-spacing: -0.015rem}

.mg0a {margin:0 auto !important;}

.dispB {display: block !important;}
.dispIB {display: inline-block !important;}

.txtR {text-align: right !important;}
.txtL {text-align: left !important;}
.txtC {text-align: center !important;}
.ffL {float: left !important;}
.ffR {float: right !important;}
.fwB {font-weight: bold !important;}

.fs12 {font-size: 12px !important}
.fs13 {font-size: 13px !important}
.fs14 {font-size: 14px !important}
.fs15 {font-size: 15px !important}
.fs16 {font-size: 16px !important}
.fs17 {font-size: 18px !important}
.fs20 {font-size: 20px !important}
.fs21 {font-size: 21px !important}
.fs24 {font-size: 24px !important}
.fs40 {font-size: 40px !important}
.fs46 {font-size: 46px !important}

.lh30 {line-height: 30px !important}
.lh25 {line-height: 25px !important}
.lh24 {line-height: 24px !important}
.lh23 {line-height: 23px !important}
.lh20 {line-height: 20px !important}

.bdradus { -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px;}
 
.fixB {height:150px; overflow-y: scroll;}

ul.lidb > li {display: inline-block; zoom:1;*display: inline; _display:inline;vertical-align: middle;}
ul.lidb2 > li {display: inline-block; zoom:1;*display: inline; _display:inline;vertical-align: top;}
ul.w110 > li {width: 110px;}

ul li.half {width:48%; display: inline-block; zoom:1;*display: inline; _display:inline;}

select:focus { outline: none}
input:focus { outline: none}

.verticalB {vertical-align: bottom !important;}
.verticalT {vertical-align: middle !important;}
.verticalTop {vertical-align: top !important;}
 
.fn{float:none !important;} 

/************ layout ***********/
body{width: 100%; min-width:320px;}

#skipToContent a { position:absolute; top:0px; left:0px; z-index:9999; width:100%; height:1px;	margin-top:-1px; 
                   display:block;	background-color:white; font-size:14px; font-weight:bold; 
                  color:#111; line-height:1; text-align:center; overflow:hidden;}

#Wrap{width:100%; height:100%; position:relative; z-index:1;  }
#container{ width:100%; z-index:30;  position:relative;} 
 

div#Header{background:#ff6600; position:relative; height:90px; width:100%; z-index:200; /*border-bottom: 1px solid #ccc;*/}
/*div#Header h1{padding-top:15px; float: right; margin-right: 15px;}*/
div#Header .headerbottom h1{text-align:center; position:absolute; top:37px; left:0; width:100%; box-sizing: border-box;}
div#Header .headerbottom h1 a{color:#fff; font-size:30px;}
/*div#Header .headerbottom h1 img{height:32px;}*/
div#Header a.Total_menu{ position:absolute; left:15px; top:10px; /*top:21px;*/}
div#Header a.Login{ position:absolute; right:15px; top:10px; /*top:21px;*/}
div#Header a.Search{position:absolute; right:15px; top:20px;}

.headertopbg {height:3px; background-color: #888888}
.headertopbg .headertopbginner {width: 100%;height:3px;margin:0 auto;
                                background-image: url(/images/mobile/renew_usr/common/headertopbg.gif); background-position: left 0; 
                                background-repeat:no-repeat; background-size:50% }


header .headerbottom {position: relative; width:100%; height:90px;
                      /*background-image: url(http://sbtv.kr/images/mobile/renew_usr/common/headershw.gif); 
                      background-position: left bottom; */
                      /*background-repeat:repeat-x; background-size:4px;*/}

.contents {min-height:400px;}



/************ open_menu ***********/

.open_menu{ z-index:100;  position:absolute; margin:0; top:0; left:-9999px;  height:100%; min-width:320px; width:50%; background:#373c40;}

.open_menu div#HeaderOpen{background-color:#fff; background-image:url(/images/mobile/renew_usr/common/list_icon_m.gif) ; 
                          background-repeat:no-repeat; background-size:102px; background-position:15px 23px; height:65px;
                          /*border-bottom:1px solid #73777a;*/}
.open_menu div#HeaderOpen a{position:absolute; right:15px; top:16px;}

.open_menu header {border-bottom: 3px solid #fa7712}
.open_menu nav{float:left; width:100%; height:1600px; background:#ef7a2c;}
.open_menu nav p{color:#fff; height:50px; line-height:50px; padding-left:25px; font-size:18px;}
.open_menu ul li{/*float:left;*/}
.open_menu ul li a{position:static; color:#fff;}
.open_menu ul li img{ }
.open_menu ul li.menu {/*width:40%;*/ background:#ff9933; text-align:left; padding-left:25px; 
                      font-size:18px; font-weight: bold;color:#fff;
                      height:50px; line-height:50px;}
/*.open_menu ul li.menu.b1{background:#486796;height:50px;line-height:50px;}
.open_menu ul li.menu.b2{background: #fabe00;height:50px;line-height:50px;}
.open_menu ul li.menu.b3{background: #f57c1f;height: 124px;line-height: 124px;}
.open_menu ul li.menu.b4{background: #58c2e9;height: 124px;line-height: 124px;}
.open_menu ul li.menu.b5{background: #b2c529;height: 206px;line-height: 206px;}*/


.open_menu ul li.depth{/*width:60%;*/ height:auto; /*border-bottom:1px solid #73777a;*/ overflow:hidden}
.open_menu ul li.depth ul li{float:none;height: 40px;line-height: 40px; background:#fff; /*border-top:1px solid #73777a;*/}
.open_menu ul li.depth ul li a{color:#333; margin-left:25px; padding-left:15px; text-decoration:underline;
                               background:url(/images/mobile/renew_usr/common/icon_bul_.png) no-repeat 0 center;
                               background-size:5px 5px;}

.open_menu ul li.depth ul li.bN{ border-top:none;} 

.footLine{position:relative; clear:both; width:100%; height:31px; background:#898989; border-top:1px solid #969696; border-bottom:1px solid #969696;}

.footLine a{ display:block; width:50%; padding:6px 0 6px 0;  box-sizing:border-box; -moz-box-sizing:border-box; 
            -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; float:left; text-align:center; 
            color:#ebebeb; font-weight:bold; }
.footLine a img{ margin-right:5px;}
.footLine a:nth-child(1){ border-right:1px solid #969696; width:49.5%}
.privacy{width:100%; font-size:13px; text-align:center; padding:27px 0 27px 0; background:#fff; }
.privacy a{ color:#888888; border-bottom:1px solid #9d9d9d; padding-bottom:1px;}

div.modal{background:#000; opacity:0.6; position:fixed; top:0; left:0; width:100%; height:100%; z-index:11; display:none; }

.center{width:auto; padding:0 40%; text-align:center; margin:20px 0 auto;}
.btn_Login{display:block; color:#000; height:38px; line-height:38px; background:#fff; max-width:100px;
           border:1px solid #ccc; border-radius:2px; -webkit-border-radius:2px; font-size:1.2em;}



/************* open_search **********************/


.open_search{ z-index:100;  width:100%; display:none;}

.open_search div#Header{background-color:#005aab; background-image:url(/images/mobile/renew_usr/common/search_icon_m.gif) ; 
                        background-repeat:no-repeat; background-size:158px; background-position:15px 21px;  
                        position:absolute; height:65px;}
.open_search div#Header a{position:absolute; right:15px; top:23px;}


.searchBox{ float:left; width:100%; margin-top:65px; background:#0d2d4a; padding:10px 0; border-bottom:1px solid #dfdfdf;}
.searchBox input{margin:0 3px 0 10px; font-size:12px; color:#666; width:75%; height:20px; padding:3px 5px;   float:left;}
a.searchBtn{ display:block; float:left;  text-align:center; height:29px; line-height:29px; padding:0 4%; 
            -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background:#187dc5; color:#fff; }


 

h3.title{ width:100%; text-align:center; font-size:17px; color:#005aab; padding:10px 0; background:#f6f6f6;  border-bottom:1px solid #ccc; }

.result-list{float:left; width:100%;}
.result-list ul.tab{position:relative; width:100%; height:40px;  }
.result-list ul.tab li a{ display:block; width:50%; float:left; text-align:center; 
                         background:#f6f6f6 url(/images/mobile/renew_usr/common/head_line.gif) right no-repeat; 
                         padding:10px 0; border-bottom:1px solid #e1e1e1; color:#888; font-size:16px;}  
.result-list ul.tab li a.on{ color:#005aab; font-weight:bold;}		
.result-list ul.tab li a.bN{ background-image:none;}

.listDiv ul{float:left; width:100%; margin-top:5px;} 
.listDiv ul li{padding:7px 0; border-bottom:1px solid #ccc; background:url(/images/mobile/renew_usr/common/blit_g.gif) no-repeat ; 
              background-position:12px 15px; padding-left:20px; height:36px }
.listDiv ul li a {display:block;  float:left; max-width:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:15px;}
.listDiv ul li img{float:left; margin:2px 0 0 3px}
.listDiv ul li span{ display:block; float:left;  width:100%; font-size:12px; line-height:21px}

.listDiv ul li.listN{ height:25px; background:none; text-align:center; }

.result_list_more{float:left; width:100%; margin-bottom:10px; text-align:center; font-size:15px; font-weight:bold; 
                  background:#ededed; border-bottom:3px solid #C0C0C0; padding:8px 0;  }
.result_list_more a{color:#777; }


/**** 공통 footer ******/
footer{/*float:left; padding-bottom:15px; font-size:13px; margin-top:25px;*/ clear:both; width:100%;  background-color:#333; padding:30px 0;}
.foot{ width:320px; padding:15px 0 0 0; margin:0 auto; text-align:center;}
.foot li{display:inline-block; }
.foot li span { padding:0 5px }
.foot li a{ color: #fff}
footer p{ color: #fff;text-align: center; font-size:12px; color:#CCCCCC}
footer p.last {line-height: 16px;padding-top: 3px} 



/* 팝업 */

.inquiryBox{  display:none; border:1px solid #093e6f; padding:0; position:relative; background:#FFFFFF; z-index:999; 
            box-shadow:3px 3px 5px #333; 
            -moz-box-shadow:3px 3px 5px #333; 
            -o-box-shadow:3px 3px 5px #333; 
            -webkit-box-shadow:3px 3px 5px #333;}

#popWrap{ width:100%; height:100%; }
#popWrap input, #popWrap select, #popWrap textarea{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
#popHeader{padding:14px;;padding-top: 13px;padding-bottom:11px ; background-color:#555555; }
#popHeader h1{ font-size:16px; font-weight:700;  line-height:17px; height: 17px ;color:#fff;}
#popHeader h1 span{ float:right;}
#popContent{ padding:14px; }
#popContent table{ border:1px solid #cccccc; } 
#popContent table tr{ border-top:1px solid #cccccc; height: 40px; text-align: center; } 
#popContent table th{ background-color:#ededed; border-right:1px solid #cccccc; border-bottom:1px solid #ccc;
                      text-align: center;padding-left: 0;color:#555555;}
#popContent table td{ text-align: left; border-left:1px solid #cccccc; }
#popContent table input{ background-color:#f8f8f8; border:1px solid #cccccc; height: 28px; width: 80% }

#popContent .short_input input{ width: 120px}
#popContent .cross_tr{ height: 40px; border-top: none; } 
#popContent .first_tr{ border-top:1px solid #cccccc; }

#popContent table.table_1 ul.btn li{ display: inline-block; zoom:1;*display: inline; _display:inline; }
#popContent table.table_1 ul.btn li:first-child{ margin-right: 5px}

#popContent p.p_title{ display: block; font-size: 16px; font-weight: bold; padding-left: 15px; padding-bottom: 20px; 
                      background:url(/images/mobile/renew_usr/common/blit_big.gif) 0 7px; background-repeat:no-repeat; }
#popContent p.last{ margin-top: 25px}
#popContent .deleteb{ width:50%; height:30px; line-height: 30px}
#popContent .deleteb:hover{ background-color: #1175c6; color: #FFF; }



/* 탑 */
.cmTopScroll { position:fixed; right:10px; z-index:90; cursor:pointer; bottom:83px; display:block; width:40px; height:40px; 
    background:#555; opacity:0.5; text-align:center;  
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
    -o-border-radius: 20px; 
    border-radius: 20px;
    -webkit-transition-property: bottom;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
}
.cmTopScroll .top { color:#fff; line-height:40px;}  
/*.open_menu ul li.menu.b1{background: #dcdcdc;} */






/*20171227 css 추가*/
.hidden { position:absolute; left:-9999em; height:0; overflow:hidden; font-size:0; line-height:0; }

/*패밀리사이트, 전국미디어 센터*/
.menu_link{}
.menu_link .inner {}
.menu_link .inner .relate_site {width:50%; position: relative; float:left; padding:20px 0; 
                                background:#242424; border-top:1px solid #6c6c6c; border-bottom:1px solid #6c6c6c;}
.menu_link .inner .relate_site:after {content:''; position:absolute; right:0; top:0; width:1px;height:100%;background:rgb(108,108,108);}
.menu_link .inner .relate_site dt a {color:#adadad; font-size:1em; font-family:'Nanum Gothic', sans-serif; padding-left:15px;}
.menu_link .inner .relate_site dt a:after {content:""; display:block; position:absolute; right:4%; top:45%; margin-top:0; 
                                          width:18px; height:9px; 
                                          background:url(/images/mobile/renew_usr/common/arrow_down.png) no-repeat 0 0;
                                          -webkit-transform: rotate(0deg); transform: rotate(0deg);
                                          -webkit-transition: all .3s ease; transition: all .3s ease;}
.menu_link .inner .relate_site dt a.on:after {-webkit-transform: rotate(360deg); transform: rotate(360deg);
                                              background:url(/images/mobile/renew_usr/common/arrow_up.png) no-repeat 0 0;}
.menu_link .inner .relate_site dd {display:none; position:absolute; left:0; bottom:68px; width:100%; z-index:300;}
.menu_link .inner .relate_site dd {display:none; position:absolute; left:0; bottom:68px; width:100%; z-index:300;}
.menu_link .inner .relate_site dd ul {background:#fff; border:1px solid #ccc;}
.menu_link .inner .relate_site dd ul li {border-top:1px dotted #ccc; float:none; width:auto; text-align:left; background:none;}
.menu_link .inner .relate_site dd ul li:first-child {border:0;}
.menu_link .inner .relate_site dd ul li a {display:block; padding:1.2% 4%; font-size:0.938em; color:#333; 
                                                 font-family:'Nanum Barun Gothic', sans-serif;}
.menu_link .inner .relate_site dd ul li a:hover, 
.menu_link .inner .relate_site dd ul li a:active {background:#f7f7f7;}


footer h1{width:320px; margin:0 auto; text-align:center;}
footer address{text-align:center; font-size:14px;}
footer .mobile_menu{text-align:center;}
footer .mobile_menu p{width:100px; display:inline-block; margin:1% 0.5% 1% 0.5%; border-radius:40px; border:1px solid #d1d1d1;
                      background:#242424;}
footer .mobile_menu p a {display:block; color:#fff; padding:6px 5px 4px 5px; text-align: center; font-size:1.4em;}
address{font-style:normal;}

/*Login*/
.mtb80{margin-top:80px; margin-bottom:80px !important;}
.b_txt{font-size:2.2em; line-height:38px;}
.s_txt{color:#999; font-size:1.3em; margin-top:15px; margin-bottom:40px;}
.coff6{color:#ff6600 !important;}

.login_form {clear:both;}
.blind {position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px;}
.input_row {position: relative; overflow: hidden; height:30px; margin:0 0 8px; padding:10px 39px 10px 11px; border:solid 1px #ccc;}
.input_box {display: block; overflow: hidden;}
.input_box input[type=text]{border:none;}
.lbl {font-size:0; line-height:20px;position:absolute; z-index:8; top:13px; left:11px; color: #8e8e8e;}
.int {font-size:14px; line-height:20px; height:20px; position:relative; z-index:9; width:100%;  padding:5px 0 6px; color:#000; border:none; 
      background:#fff;}

.btn_global {font-size: 18px; font-weight:700; line-height:55px; display:block; width:100%; height:55px; margin:25px 0 0;
             cursor:pointer; text-align:center; color:#fff; background:#333; border:0;}
.btn_global:hover,
.btn_global:active,
.btn_global:link {text-decoration: none; color: #fff;}

.check_info{position:relative; margin-bottom:20px; height:40px; line-height:40px;}
.check_info .co0099ff{color:#0099ff; font-family:'Nanum Barun Gothic', sans-serif;}

/*moble css 가로 해상도가 400px 미만에서 적용됨*/
@media all and (max-width:400px){
div#Header .headerbottom h1 a{color:#fff; font-size:15px;}
footer .mobile_menu p{margin:2.5% 0.5% 2.5% 0.5%;}
}