@charset "utf-8";

.sub #container{width:100%;background:url(/img/common/simg_bg.gif) no-repeat top center;}
.sub #container .wsize{padding-bottom:40px;}

/*좌측영역*/
#sidebar { float:left; width:200px; text-align:center; }
#sidebar h2 { position:relative width:100%; height:100px; padding-top:50px; color:#fff; font-size:27px; line-height:100%; font-family:'NotoKrM'; background:#ef856d url(/img/common/sub_title_bg.png) no-repeat; z-index:1; }
#sidebar h2 span { font-family: 'Open Sans', sans-serif; color:#fff; font-size:12px; font-weight:normal; letter-spacing:1px; text-transform:uppercase; }
#sidebar #sidemenu { margin-top:-30px; padding-top:30px; text-align:left; }
#sidebar #sidemenu ul { width:100%; }
#sidebar #sidemenu ul li { border-top:1px solid #e1e1e1 ;}
#sidebar #sidemenu ul li:first-child { border-top:0 none; }
#sidebar #sidemenu ul li a{ display:block; padding:0 0 0 18px; height:50px; line-height:50px; font-size:16px; color:#444; }
#sidebar #sidemenu ul li a:hover { text-decoration:none; background:#f3f3f3; }
#sidebar #sidemenu ul li.on a, #sidebar #sidemenu ul li.on a:hover { color:#ffba08; background:url(/img/common/sub_on.gif) no-repeat left 0px; }
#sidebar #sidemenu ul li.on ul, #sidebar #sidemenu ul li ul { width:auto; margin:5px 0 15px 18px; background:url(/img/common/sub_tab2_bg.gif) repeat-y left; }
#sidebar #sidemenu ul li.on ul li, #sidebar #sidemenu ul li ul li { border-top:0 none; }
#sidebar #sidemenu ul li.on ul li a, #sidebar #sidemenu ul li ul li a { height:auto; line-height:100%; padding:6px 0 6px 18px; font-size:13px; color:#666; background:url(/img/common/sub_tab2_bu.gif) no-repeat 0 10px; }
#sidebar #sidemenu ul li.on ul li.on a, #sidebar #sidemenu ul li.on ul li a:hover, #sidebar #sidemenu ul li ul li.on a, #sidebar #sidemenu ul li ul li a:hover { color:#000; background:url(/img/common/sub_tab2_bu_on.gif) no-repeat 0 10px; }

/*컨텐츠영역*/
#contents { position:relative; float:right; width:750px; text-align:right; }
.sub_visual { position:absolute; top:0; right:0; }

#cont_head { width:100%; height:150px; margin-bottom:20px; }
#location { width:100%; }
#location ul { display:inline-block; width:100%; }
#location ul li { float:left; margin-left:10px; padding-left:12px; color:#000; font-size:13px; background:url(/img/common/location_bu.png) no-repeat 0 4px; }
#location ul li:first-child { padding-left:0; margin-left:0; background:none; }

#cont_head .section { width:100%; display:inline-block; }
#cont_head .section h2 { float:left; color:#fff; font-size:35px; padding:40px 0 40px 0; }

#cont_wrap{ width:100%; text-align:left; font-size:14px; word-break:keep-all; }

/* Pagenation */
.paginationwrap { margin:0; padding-top:20px; }
ul#pagination { display:inline-block; *display:inline; margin-bottom:0; margin-left:0; }
ul#pagination li { display:inline; }
ul#pagination a { border:solid 1px #DDDDDD; margin-right:2px; }
ul#pagination .previous-off, ul#pagination . next-off { color:#666666; display:block; float:left; font-weight:bold; padding:3px 8px; }
ul#pagination .next a, ul#pagination .previous a { font-weight:bold; border:solid 1px #FFFFFF; }
ul#pagination .active span { margin-right:2px; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:4px 8px; background:#ffba08; }
ul#pagination a:link, ul#pagination a:visited { color:#AAAAAA; display:block; float:left; padding:3px 7px; text-decoration:none; }
ul#pagination a:hover { background:#ffba08; color:#FFFFFF; font-weight:bold;}


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

.sub #container{background:none;}
.sub #container .wsize{padding-bottom:0;}

/*좌측영역*/
#sidebar{float:none;width:100%;}
#sidebar h2{display:none;}

#sidebar .mtit { display:block; text-align:center; background:#ef856d url(/img/common/mtit_bg.gif) no-repeat left top;background-size:320px 46px; }
#sidebar .mtit a { display:block; height:46px; line-height:46px; color:#fff; font-size:17px; font-family:'NotoKrM'; letter-spacing:-1px; }
#sidebar .mtit a span { padding-right:30px; background:url(/img/common/mtit_icon.png) no-repeat right 50%;background-size:20px 20px; }

#sidebar #sidemenu { margin-top:0; padding-top:0; text-align:center; box-shadow:none; border-bottom:1px solid #ef856d; }
#sidebar #sidemenu ul li a{display:block;padding:0;height:40px;line-height:40px;font-size:14px;}
#sidebar #sidemenu ul li a:hover{text-decoration:none;background:#f3f3f3;}
#sidebar #sidemenu ul li.on a,
#sidebar #sidemenu ul li.on a:hover{background:none;}
#sidebar #sidemenu ul li.on ul{display:none !important;}

#tabmenu{width:100%;}
#tabmenu ul{width:100%;overflow:hidden;clear:both;}
#tabmenu ul li{float:left;width:25%;}
#tabmenu ul li a{display:block;padding-left:10px;height:40px;line-height:40px;color:#444;font-size:14px;border-bottom:1px solid #cecece;border-left:1px solid #dfdfdf;background:#fff;}
#tabmenu ul li a:hover{}
#tabmenu ul li.on a{color:#ba42b1;border-bottom:1px solid #ba42b1;background:url(/img/common/tabmenu_on.gif) no-repeat right 50%;background-size:16px 6px;}
#tabmenu ul.no2 li{width:50%;}
#tabmenu ul.no3 li{width:33.3%;}
#tabmenu ul.no4 li{width:25%;}
#tabmenu ul.no5 li{width:20%;}
#tabmenu.tab_b{margin-bottom:35px;}



/*컨텐츠영역*/
#contents{float:none;width:auto;padding:25px 15px 25px 15px;text-align:left;}
.sub_visual{display:none;}


#cont_head { height:auto; margin-bottom:10px; border-bottom:1px solid #dfdfdf; }
#location { padding:0 0 5px 0;}
#location ul li { margin-left:9px; padding-left:12px; color:#666; background:url(/img/common/location_bu.gif) no-repeat 0 4px; background-size:6px 9px; }

#cont_head .section { display:none; }
#cont_wrap { width:100%; text-align:left; font-size:14px; word-break:keep-all; }


/*만족도조사*/
.satisfaction{padding:20px 20px 65px 20px;margin-top:20px;word-break:keep-all;}
.satisfaction h2 {font-size:15px;}
.satisfaction .inp_area{width:100%;display:inline-block;}
.satisfaction .inp_area label{font-size:12px;}
.satisfaction .inp_area span{display:inline-block;}
.satisfaction .btn_rate{bottom:20px;left:20px;right:auto;margin-left:0;-webkit-appearance:none;}

}

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

#sidebar .mtit{display:none;}
#tabmenu{display:none;}







}