@charset "utf-8";

/*중간영역*/
#container.sub{position:relative;width:100%;padding-bottom:50px;text-align:center;z-index:10; word-break:keep-all;}
.scontent{overflow:hidden;position:relative;width:1000px;margin:0 auto;text-align:left;}

/*서브비주얼영역*/
.sub01_visual{position:relative;width:100%;background:url(/img/sub/sub01_visual.jpg) no-repeat top center;}
.sub02_visual{position:relative;width:100%;background:url(/img/sub/sub02_visual.jpg) no-repeat top center;}
.sub03_visual{position:relative;width:100%;background:url(/img/sub/sub03_visual.jpg) no-repeat top center;}

/*사이드영역*//*상황에 따라 li에 on태그를 주었지만 기본적으로 a태그에 on을 줌*/
#sidebar{float:left;width:220px;}
#sidebar h2.sidetitle{height:160px;background:url(/img/sub/bg_sidetitle.png) no-repeat;text-align:center;font-size:27px;line-height:160px;font-weight:400;color:#fff;letter-spacing:-1px;}
#sidebar .csbox{padding:30px 19px 0 19px;border:1px solid #d5d7de;border-top:0 none;}
#sidebar .csbox dl{padding:0 10px 30px 10px;border-bottom:1px solid #d5d7de;}
#sidebar .csbox dl dt{height:23px; line-height:23px; padding-left:35px;background:url(/img/common/ico_side_tel.gif) no-repeat 0 50%;font-size:16px;font-weight:500;letter-spacing:-1px;color:#333;}
#sidebar .csbox dl dd.tel{padding:10px 0;font-family:'Roboto',sans-serif;font-weight:700;font-size:20px;}
#sidebar .csbox dl dd.time{font-size:13px;letter-spacing:-0.025em;font-weight:500;color:#333;}
#sidebar .csbox dl dd.time strong{margin-left:5px;font-size:15px;font-family:'Roboto',sans-serif;}
#sidebar .csbox dl dd.closed{font-size:13px;font-weight:700;color:#888;}
#sidebar .csbox ul{overflow:hidden;padding:30px 0;font-size:0;line-height:0;}
#sidebar .csbox ul li{float:left;width:90px;text-align:center;}
#sidebar .csbox ul li a{display:block;padding-top:80px;text-decoration:none;font-size:14px;line-height:1;color:#444;}
#sidebar .csbox ul li.faq{background:url(/img/common/ico_side_faq.gif) no-repeat 50% 0;/*font-family:'Roboto',sans-serif;*/font-weight:700;}
#sidebar .csbox ul li.online{background:url(/img/common/ico_side_online.gif) no-repeat 50% 0;font-weight:700;letter-spacing:-1px;}
#sidemenu ul li a{display:block;padding:15px 30px;border:1px solid #d5d7de;border-bottom:0 none;border-top:0 none;font-size:15px;letter-spacing:-1px;color:#555;border-bottom:1px solid #d5d7de;text-decoration:none;}
#sidemenu ul li a.on,
#sidemenu ul li a.on:hover{border:0;color:#fff;font-weight:500;text-decoration:none;background:#1577c0 url(/img/sub/sub_on.gif) no-repeat 90% 50%;}
#sidemenu ul li ul{padding:10px 0;margin-bottom:0;background:#f5f5f5;border:1px solid #d5d7de;}
#sidemenu ul li ul li{border-bottom:0;}
#sidemenu ul li ul li a{background:none !important;font-size:14px;padding:8px 30px;border:none;}
#sidemenu ul li ul li a.on{color:#1577c0;text-decoration:underline;}
#sidemenu ul li ul li a:hover{color:#1577c0 !important;text-decoration:underline;}

.sidetab{}



/*컨텐츠영역*/
#contents{position:relative;float:right;width:730px;padding-top:160px;}

#cont_head{display:inline-block;width:100%;padding:50px 0 25px 0;border-bottom:2px solid #333;}
#cont_head h2{float:left;color:#333;font-size:35px;line-height:1;font-weight:600;letter-spacing:-1px;}
#location{display:inline-block;float:right;padding:10px 0;}
#location ul{float:right;}
#location ul li{float:left;padding-left:15px;margin-left:10px;background:url(/img/common/ico_arr_rit.gif) no-repeat 0 50%;font-size:13px;color:#333;}
#location ul li:first-child{background:url(/img/common/ico_home.gif) no-repeat 0 50%;text-indent:-9999px;}


.print_btn{position:absolute;top:20px;right:0;}
#cont_wrap{width:100%;min-height:400px;padding:50px 0;font-size:14px;line-height:160%;}

/*서브가 100% 디자인일때*/
.inner_set{width:1000px;margin:0 auto;}


/********************모바일********************/
@media(max-width:736px){

.scontent{width:100%;padding-top:0;}

/*서브비주얼영역*/
.sub01_visual{background:none;}
.sub02_visual{background:none;}
.sub03_visual{background:none;}

/*사이드영역*/
#sidebar{float:auto;width:100%;position:relative;z-index:2;}
#sidebar h2.sidetitle{width:100%;height:80px;font-size:22px;line-height:80px;background-size:cover;}
#sidebar #sidemenu{width:100%;padding:0;border:0 none;background:#fff;}
#sidebar #sidemenu ul{width:100%;text-align:center;}
#sidebar #sidemenu ul li{float:left;width:50%;}
#sidebar #sidemenu ul li a{display:block;width:100%;height:auto;padding:10px 0;font-size:14px;color:#666;font-weight:500;border:0;border-bottom:1px solid #d5d7de;background:#fff;box-sizing:border-box;}
#sidebar #sidemenu ul li:nth-child(odd) a{border-right:1px solid #d5d7de;}
#sidebar #sidemenu ul li a.on{color:#fff;background:#1577c0;}
#sidebar .csbox{display:none;}

#sidebar #sidemenu ul li ul{display:none;}

.sidetab{position:relative;width:100%;margin-top:-1px;}
.sidetab .box{position:relative;width:100%;clear:both;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.sidetab .box ul{width:100%;display:inline-block;}
.sidetab .box ul.no2 li{width:50%;}
.sidetab .box ul.no3 li{width:33.3%;}
.sidetab .box ul li{float:left; text-align:center;}
.sidetab .box ul li a{display:block;color:#444;font-size:11px;padding:11px 12px 0 12px;height:30px; background-size:1px 14px; /*background:url(/cancer/img/common/msub_bu.gif) no-repeat right bottom;*/}
.sidetab .box ul li a.on{font-weight:bold;color:#1577c0; background:url(/img/common/m_sub_border.png) no-repeat center bottom;}
.sidetab .box ul li.mt_ a{padding:5px 12px 0 12px;height:30px;}
.sidetab .mnext{position:absolute;top:0;right:0;width:35px;height:35px;border-left:1px solid #ddd;background:#fff;z-index:1;}
.sidetab .mnext img{width:100%;}




/*컨텐츠영역*/
#contents{float:none;width:auto;padding:30px 10px;clear:both;}

#cont_head{width:100%;text-align:center;display:none;}
#cont_head h2{display:none;}
#location{float:none;display:none;}

.print_btn{display:none;}

#cont_wrap{width:auto;min-height:200px;padding:0;}


}




/********************웹********************/
@media(min-width:737px){


.sidetab{display:none;}








}