@charset "utf-8";

#leftmenu{float:left; margin-top:30px; padding-bottom:80px; width:19%}
#leftmenu .tit {margin-bottom:12px; padding:52px 0px; text-align:center; background:#2b5cc1/* url(/main/images/sub/leftmenu_titbg.gif) no-repeat 115% 125% */; border-radius:4px; font-size:28px; font-weight:bold; color:#fff; }
#leftmenu>ul>li {position:relative; /* overflow:hidden; */ margin-top:4px; border:1px solid #ddd; border-radius:4px; padding:1px;}
#leftmenu>ul>li a {display:block}
#leftmenu>ul>li>a {display:block; padding:12px 18px; font-size:16px}
#leftmenu>ul>li.select {border:1px solid #2b5cc1; padding:0px;}
#leftmenu>ul>li.select>a {font-weight:bold; color:#fff; background:#2b5cc1}
#leftmenu>ul>li>ul {display:none; margin:0 20px; padding:10px 0; border-top:1px solid #2b5cc1}
#leftmenu>ul>li.select>ul {display:block; border-top:none}
#leftmenu>ul>li>ul>li>a {position:relative; padding-left:10px; font-size:14px}
#leftmenu>ul>li>ul>li>a:after{display:block; content:''; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:4px; background:#2b5cc1}
#leftmenu>ul>li>ul>li {position:relative; padding:4px 0; border-bottom:1px dashed #ccc}
#leftmenu>ul>li>ul>li.select a {font-weight:bold; color:#2b5cc1; text-decoration:underline}
#leftmenu>ul>li>ul>li:last-child {border-bottom:none}
#leftmenu>ul>li.sublink.on>a {position:relative; font-weight:bold; color:#2b5cc1}
#leftmenu>ul>li.sublink.on>a:after {display: block; content: ''; position: absolute; right: 20px; top: 20px; width: 0px; height: 0px; border: 6px solid transparent; border-top: 8px solid #2b5cc1}
#leftmenu>ul>li.sublink.select>a, #leftmenu>ul>li.sublink.select.on>a {position:relative; color:#fff}
#leftmenu>ul>li.sublink.select>a:after, #leftmenu>ul>li.sublink.select.on>a:after {display: block; content: ''; position: absolute; right: 20px; top: 20px; width: 0px; height: 0px; border: 6px solid transparent; border-top: 8px solid #fff}

#contents { float:right; width:78%; }
.sub_title { overflow:hidden; /* border-bottom:1px solid #dcdcdc */}
.sub_title h3{ padding:40px 0% 0; font-size:36px; color:#282828; /* border-bottom:1px solid #d8d8d8 */}
.sub_title ol { float:left; margin:14px 0px; }
.sub_title ol li { position:relative; float:left; margin-left:8px; padding-left:13px; background:url(/main/images/sub/location_arr.gif) no-repeat left center; font-size:14px; }
.sub_title ol li.home { margin-left:0px; padding-left:20px; text-indent:-5000px; background:url(/main/images/sub/ic_home.gif) no-repeat left center; }
.sub_title ol li.now { font-weight:bold}
.sub_title .sns { float:right; margin-top:9px; }
.sub_title .sns li { float:left; margin-left:3px; }
.sub_title .sns li a { display:block; width:28px; height:28px; text-indent:-5000px; }
.sub_title .sns li.sns01 a { background:url(/share/images/inc/ic_sns01.gif) no-repeat center center}
.sub_title .sns li.sns02 a { background:url(/share/images/inc/ic_sns02.png) no-repeat center center}
.sub_title .sns li.sns03 a { background:url(/share/images/inc/ic_sns03.gif) no-repeat center center}
.sub_title .sns li.sns04 a { background:url(/share/images/inc/ic_sns04.gif) no-repeat center center}
.sub_title .sns li.print a { background:url(/share/images/inc/ic_print.gif) no-repeat center center}
.sub_title .sns li.favorite a { background:url(/share/images/inc/ic_favorite.gif) no-repeat center center}

#tab ul{overflow:hidden; margin-top:15px}
#tab ul li{float:left; width:19.5%; margin:5px .25% 0px; }
#tab ul li p{display:table; margin-top:4px; width:100%; text-align:center; background:#f3f3f3; border:1px solid #cbcbcb; border-top-left-radius:7px; border-top-right-radius:7px; }
#tab ul li:hover p, 
#tab ul li.select p{background:#fff; border-top:4px solid #695b56; margin-top:0px; padding:1px 0px 0px; font-weight:bold; color:#695b56; text-decoration:none; border-top-left-radius:10px; border-top-right-radius:10px}
#tab ul li p a{display:table-cell; height:48px; text-align:center; vertical-align:middle; line-height:130%}
#tab ul.col12 li{width:7.8%}
#tab ul.col7 li{width:13.7%}
#tab ul.col9 li{width:10.6%}
#tab ul.col6 li{width:16.1%}
#tab ul.col4 li{width:24.5%}
#tab ul.col3 li{width:32.8%}
#tab ul.col2 li{width:49%}
#stab ul {margin:25px 0px 10px; padding:3% 2%; background:#f8f8f8; border:1px solid #cbcbcb; }
#stab ul li {display:inline-block; margin:2px 0px; min-width:16%;}
#stab ul li.set_tit {display: block; font-size:18px; font-weight:bold;}
#stab ul li.set_txt {display:block; margin:10px 0 20px;}
#stab ul li a{display:block; padding:5px 10px; background:#fff; border:1px solid #dddddd; border-radius:3px; font-size:14px; white-space:nowrap; text-align:center; }
#stab ul li.select a, #stab ul li:hover a{color:#fff; font-weight:bold; background:#4667bb; border:1px solid #4667bb;  }
#stab ul.col4 li{min-width:24.5%;  }
#stab ul li a[title='다운로드']{padding-left:35px; padding-right:10px; background-image:url(/main/images/contents/ic_down02.gif); background-repeat:no-repeat; background-position:10px center; }
#stab ul li a:hover[title='다운로드']{background-image:url(/main/images/contents/ic_down.png); background-position:8px center;}
#sstab{margin-top:20px; padding:1.5%; text-align:center; background:#fbf7f4; border:1px solid #d8c4bb}
#sstab ul li{display:inline-block}
#sstab ul li a{position:relative; display:block; padding:5px 20px}
#sstab ul li.select a, #sstab ul li.select a{font-weight:bold; color:#4b2a1b; text-align:center}
#sstab ul li.select a:before,
#sstab ul li.select a:after{display:block; content:''; position:absolute; top:15px; width:10px; height:3px}
#sstab ul li.select a:before{left:0px; background:url(/main/images/sub/sstab_onL.gif) no-repeat center center }
#sstab ul li.select a:after{right:0px; background:url(/main/images/sub/sstab_onR.gif) no-repeat center center }
#sstab ul.col5{text-align:left}
#sstab ul.col5 li{min-width:19.5%}
#sstab ul.col5 li a{padding:3px 20px}
#sstab ul.col6{text-align:left}
#sstab ul.col6 li{min-width:16%}
#sstab ul.col6 li a{padding:3px 20px}

#detail_con{padding:21px 0%; min-height:450px}

/* 큰 버튼 */
.c_btn { display:inline-block; padding:8px 60px; text-align:center; border:0; box-sizing:border-box; }
.c_bbtn{ display:inline; padding:3px 20px 5px 20px; border:0; border-radius:3px; font-size:14px; } /* 중간 버튼 */
.c_sbtn{ display:inline; padding:0px 15px; border:0; border-radius:50px; font-size:14px; } /* 제일 작은 버튼 */
.bg01 { background:#333333; color:#ffffff; border:1px solid #333333; }
.bg02 { background:#ffffff; color:#333333; border:1px solid #333333; }
.bg03 { background:#ed460b; color:#ffffff; border:1px solid #ed460b; }
.bg04 { background:#ffffff; color:#ed460b; border:1px solid #ed460b; }
.bg05 { background:#3962ad; color:#ffffff; border:1px solid #3962ad; }
.bg06 { background:#ffffff; color:#3962ad; border:1px solid #3962ad; }
/* 버튼 오버효과 */
a.c_btn:hover, a.c_bbtn:hover, a.c_sbtn:hover { background:#000000; color:#ffffff; border:1px solid #333333; }

#fdpay .c_bbtn { display:inline-block; margin-bottom:10px; } 

/*
.board_view .con .add_img,
.board_view .con img{display:none !important;}
*/

/************************************************************************************************************************************************/

@media screen and (max-width:1220px){
	#detail_con, #tab { padding-right:10px; }
}

@media screen and (max-width:1020px){
	#contents { width:68%; }
}

@media screen and (min-width:769px){
	/* #container{background:url(/main/images/sub/leftmenu_line.gif) repeat-y left top} */
	#tab.icon_organ a { padding-top:60px; }
	#tab.icon_organ a.organ01 { background:url('/main/images/contents/administration/organ_info_tab1.gif') no-repeat center 20px; }
	#tab.icon_organ a.organ02 { background:url('/main/images/contents/administration/organ_info_tab2.gif') no-repeat center 18px; }
	#tab.icon_organ a.organ03 { background:url('/main/images/contents/administration/organ_info_tab3.gif') no-repeat center 18px; }
	#tab.icon_organ a.organ04 { background:url('/main/images/contents/administration/organ_info_tab4.gif') no-repeat center 20px; }
	#tab.icon_organ a.organ05 { background:url('/main/images/contents/administration/organ_info_tab5.gif') no-repeat center 20px; }
	#tab.icon_organ a.organ06 { background:url('/main/images/contents/administration/organ_info_tab6.png') no-repeat center 20px; }
	#tab.icon_organ a.organ01:hover, #tab.icon_organ li.select a.organ01 { background:url('/main/images/contents/administration/organ_info_tab1_on.gif') no-repeat center 20px; }
	#tab.icon_organ a.organ02:hover,  #tab.icon_organ li.select a.organ02 { background:url('/main/images/contents/administration/organ_info_tab2_on.gif') no-repeat center 18px; }
	#tab.icon_organ a.organ03:hover,  #tab.icon_organ li.select a.organ03 { background:url('/main/images/contents/administration/organ_info_tab3_on.gif') no-repeat center 18px; }
	#tab.icon_organ a.organ04:hover,  #tab.icon_organ li.select a.organ04 { background:url('/main/images/contents/administration/organ_info_tab4_on.gif') no-repeat center 20px; }
	#tab.icon_organ a.organ05:hover,  #tab.icon_organ li.select a.organ05 { background:url('/main/images/contents/administration/organ_info_tab5_on.gif') no-repeat center 20px; }
	#tab.icon_organ a.organ06:hover,  #tab.icon_organ li.select a.organ06 { background:url('/main/images/contents/administration/organ_info_tab6_on.png') no-repeat center 20px; }
}

@media screen and (max-width:768px){	
	#contents { width:100%; }
	#leftmenu{width:100%; padding-bottom:0;}
	#leftmenu .tit{position:relative; padding:5px 20px; font-size:24px; text-align:left}
	#leftmenu .tit a{display:block; position:absolute; top:0px; width:95%; height:100%; text-indent:-5000px; background:url(/main/images/sub/ic_leftmenu.png) no-repeat right center }
	.sub_title .sns, .sub_title ol{display:none}	
	.sub_title h3{padding:15px 10px; font-size:28px; border-bottom:0px}	
	#tab{padding:10px}
	#tab>p a, .form_tab>p a { display:block; padding:5px; color:#fff; background:#695b56; font-weight:bold; }
	#tab ul{margin-top:0px}
	#tab ul li{padding:0px; margin:0px; width:99.5% !important}
	#tab ul li p, #tab ul li:hover p, #tab ul li.select p{margin:0px; padding:0px; border-radius:0px; border-top:0px}
	#tab ul li p a{padding:5px 10px; text-align:left; height:24px}
	#detail_con{padding:10px}
}

#detail_con .login_mem .loginBox .btn_login p input[type=submit]:focus-visible {border:2px solid #fff; outline:2px dashed #e4004b;}