#top_menu_box{position:sticky; left:0; top:0; width:100%; min-width:1280px; height:60px; line-height:60px; background:#fff; z-index:999;}
#top_menu_box .tmbox{position:relative;width:100%; height:60px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}

#top_menu_box .tmbox > .t_mnu_wrap_base{position:relative; width:100%; background:green; border:1px solid transparent;}
#top_menu_box .tmbox > .t_mnu_wrap{position:relative; width:100%; border-bottom:1px solid #079718; padding-bottom:33px; background-color:green;}
#top_menu_box .tmbox > .t_mnu_wrap:before{display: block; position: relative; left: 0; top: 58px; bottom: 0; margin-top: auto; margin-bottom: auto; width: 100%; height: 1px; background-color: #168533;}

.mcont a{color:#fff;}

#top_menu_box .tmbox ul.t_mnu{width:1280px !important;; margin: 0 auto;}
#top_menu_box .tmbox ul.t_mnu > li{float:left; position:relative; font-family:'CarmenSansOTF-UltraLight'; font-size:18px;}
#top_menu_box .tmbox ul.t_mnu > li{width:20%;} /* PC 상단메뉴 수에 따라 적절히 조절해 사용 */
/* 
메뉴넓이가 맞지 않을경우 li의 넓이를 각각 계산해서 적용함 
#top_menu_box .tmbox ul.t_mnu > li:nth-child(1){width:%;}	
#top_menu_box .tmbox ul.t_mnu > li:nth-child(2){width:%;}
#top_menu_box .tmbox ul.t_mnu > li:nth-child(3){width:%;}
#top_menu_box .tmbox ul.t_mnu > li:nth-child(4){width:%;}
#top_menu_box .tmbox ul.t_mnu > li:nth-child(5){width:%;}
#top_menu_box .tmbox ul.t_mnu > li:nth-child(6){width:%;}
*/

#top_menu_box .tmbox ul.t_mnu > li:nth-child(3) a{color:#ffd80d;}

#top_menu_box .tmbox ul.t_mnu > li .mcont{position:relative; padding:0 45px; text-align:center;}
#top_menu_box .tmbox ul.t_mnu > li:before{display: block; position: absolute; left: 0px; top: 25px; margin-top: auto; margin-bottom: auto; width: 1px; height: 10px; background-color: #c5c9d6;}
#top_menu_box .tmbox ul.t_mnu > li:first-child:before{display:none;}
#top_menu_box .tmbox ul.t_mnu ul.sub_menu{position:relative; font-family:'CarmenSansOTF-UltraLight'; font-size:17px; line-height:150%; margin-left:-10px; margin-top:30px; z-index:999; background-color:green;}
#top_menu_box .tmbox ul.t_mnu ul.sub_menu a{color:#fff;}
#top_menu_box .mm_menu{position:absolute; right:0; top:1px; background:#fff; width:62px; height:61px; border-left:1px solid #ddd; text-align:center;}
#sub_top_img{width:100%; min-width:1280px; height:165px; background:#fff;}
#sub_top_img .div_blur{width:100%; height:100%; background-color:rgba(0, 0, 0, 0.1); backdrop-filter:blur(10px);}
#sub_top_img .st_title{display:inline-block; width:100%; font-family:'CarmenSansOTF-UltraLight'; font-size:38px; font-weight:300; color:#fff; text-shadow: 1px 1px 3px #101E57; letter-spacing:-1px; text-align:center; margin-top:60px;}

.sub_path_title{height:88px; font-family:'CarmenSansOTF-Heavy'; font-size:30px; text-indent:4px; border-bottom:3px solid #7a7d96; position:relative; padding:20px 0;}
/* 서브페이지 공통 레이아웃 */
.sub_box{margin-top:20px; margin-bottom:35px;}
.sub_box .sub_top_box{position:relative; margin-bottom:35px; height:123px; border-bottom:4px solid #c5c9d6; background:url('/images/ico_book.jpg') 10px 10px no-repeat;}
.sub_box .sub_top_box .tbox{position:absolute; left:173px; top:20px;}
.sub_box .sub_top_box .tbox .tt{font-family:'CarmenSansOTF-UltraLight'; font-size:20px; color:#000; padding-bottom:10px;}
.sub_box .sub_top_box .tbox .desc{font-family:'CarmenSansOTF-UltraLight'; font-size:17px; color:#000; }

/* 서브 페이지 메뉴 */
#sub_sub_mnu{width:100%; min-width:1280px; height:57px; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#sub_sub_mnu .inbox{width:1280px; margin:0 auto; height:100%;}
#sub_sub_mnu .inbox .smm{height:100%; display: table; vertical-align:middle; margin-left: auto; margin-right: auto;}
#sub_sub_mnu .inbox .smm > li{height:100%; float:left; padding:0 65px; min-width:200px; line-height:57px; text-align:center; cursor:pointer; position:relative;}
#sub_sub_mnu .inbox .smm > li.mr:has(ul > li.cl) { background:url('/images/common/ico_down_arr.png') 92% 50% no-repeat; padding-right:85px;}
#sub_sub_mnu .inbox .smm > li ul.subm{overflow:hidden; width:101%; position:absolute; left:-1px; top:55px; border:1px solid #ddd; background:#fff; z-index:998; padding-right:25px;}
#sub_sub_mnu .inbox .smm > li ul.subm > li{width:100%; height:34px; line-height:34px; padding:0 !important;}
#sub_sub_mnu .inbox .smm > li ul.subm > li a{display:inline-block; width:100%; height:100%; padding:0; margin:0;}
#sub_sub_mnu .inbox .sub_cate_list{overflow:hidden; margin-left:auto; margin-right:auto; height:55px;}
#sub_sub_mnu .inbox .sub_cate_list > li{float:left; height:55px; line-height:55px; padding:0 65px; font-size:18px; text-align: center;}
#sub_sub_mnu .inbox .sub_cate_list > li.active{border-bottom:1px solid #888;}

#contents_wrap{width:100%; min-width:1280px;}
#contents_wrap .contents{width:1280px; margin:0 auto; min-height:380px;}

@media (max-width: 768px) {

	html,body{width:100%; min-width:320px;}
	#header{width:100%; min-width:320px;}
	#header .header_top{width:100%; min-width:320px;}
	#header .header_top .top_logo{position:relative;}
	#header .header_top .top_logo .bookey{width:36px; margin:0 2px 10px 0;}
	#header .header_top .top_logo img{width:265px;}
	#header .header_top ul.top_site{display:none;}

	#contents_login{width:100%; min-width:320px;}
	#contents_wrap{width:100%; min-width:320px;}
	#contents_wrap .contents{width:100%; min-width:320px; min-height:380px;}
	#sub_top_img{width:100%; min-width:320px; height:85px; background:#f9f9f9;}
	#sub_top_img .st_title{margin-top:25px; font-size:26px;}
	
	#top_menu{width:100%; min-width:320px;}
	#top_menu div.mnu_box .mbox{width:100%; min-width:320px;}
	#top_menu ul.tmnus{width:100%; min-width:320px;}	
	#top_menu_wrap .tmnus > li{display:none;}
	#top_menu_wrap .tmnus > li.mm_show{display:block !important;width:33%;;}
		
	#top_menu_box{min-width:320px;}
	#top_menu_box .tmbox ul.t_mnu{width:auto;}	
	#top_menu_box .tmbox ul.t_mnu > li.mm_show{display:block;}
	#top_menu_box .tmbox ul.t_mnu > li{width:auto; text-align:center; font-size:17px; height:60px;}
	#top_menu_box .tmbox ul.t_mnu > li{min-width:100px;} /* 모바일 상단메뉴 수에 따라 적절히 조절해 사용 */
	#top_menu_box .tmbox ul.t_mnu > li .mcont{padding:0 10px;} /* 모바일 상단메뉴 수에 따라 적절히 조절해 사용 */
	#top_menu_box .tmbox div#scbox{width:auto; overflow-x:auto;}
	#top_menu_box .tmbox div#scbox::-webkit-scrollbar{display: none;}
	#top_menu_box .tmbox div#scbox::{-ms-overflow-style: none; scrollbar-width: none;}
	#top_menu_box .tmbox ul.t_mnu > li#prep{display:block; width:55px; min-width:55px; overflow:hidden;} /* 마지막 LI 화면가림 방지 여분의 LI */
	#top_menu_box .tmbox ul.t_mnu > li:last-child:before{display:none;}
	#top_menu_box .mm_menu{display:block;}

	.sub_path_title{height:108px;}
	.sub_path_title .cate_path{left:0; bottom:8px;}	
	.sub_path_title .cate_path > li a{padding:4px 10px 4px 15px;}
	.sub_path_title .cate_path > li:nth-child(1) a{padding-left:0px;}
	.sub_box .sub_top_box .tbox{left:123px; top:2px;}

	#sub_sub_mnu{width:100%; min-width:320px;}
	#sub_sub_mnu .inbox{width:100%; min-width:320px;}
	#sub_sub_mnu .sub_frame{max-width:1280px; overflow:hidden;}
	#sub_sub_mnu .inbox .sub_cate_list{height:100%;}
	#sub_sub_mnu .inbox .sub_cate_list > li{font-size:16px; padding:0 25px;}


	#footer{width:100%; min-width:320px; height:auto;}
	#footer .footer_link_box{display:none;}
	#footer .footer_mnu_box{display:none;}
	#footer .btm_copy_box{width:100%; min-width:320px; height:auto;}
	#footer .btm_copy_box .btm_copy{width:100%; min-width:320px; padding-top:10px; padding:0 15px 10px 15px; text-align:center; background:#4a4f6c; color:#fff !important; overflow:hidden;}
	#footer .btm_copy_box .btm_copy > ul > li:nth-child(1){display:none;}
	#footer .btm_copy_box .btm_copy .ib{display:block; width:100%;}
	#footer .btm_copy_box .btm_copy > ul > li{color:#fff;font-family:'CarmenSansOTF-UltraLight'; font-size:15px;font-weight:300; letter-spacing:0px;}

	#my_pop{width:280px !important;}
	#my_pop #item_pwd{width:100% !important;}
	#my_pop .wbtn{width:100% !important; margin-top:10px;}

	.cate_path{position:relative; left:auto; bottom:auto;}
	.rboard_wrap .rboard_title{height:108px;}
	.cate_path > li a{padding:4px 10px 4px 15px;}
	.cate_path > li:nth-child(1) a{padding-left:0px;}

}