@charset "UTF-8";

#container_wr{width:100%}
#ft_wr, #ft_link_bd {width:100%; max-width:var(--site_width);}
#container{width:100%; max-width:var(--contain_width)}
#aside {width:var(--aside);}

#hd {}
.hd_topline{background-color:#fafafa;width:100%;}
.hd_area{width:var(--site_width);margin:0 auto; height: 35px;position:relative;text-align:right;    display: inline-flex;flex-direction: row;    flex-wrap: nowrap;    align-content: flex-start;    justify-content: flex-end; align-items: flex-end; align-items: center;}

#bo_cate2_mobile{display:none}


#tnb_sch {
    background: #fff !important;;
    border-radius: 0px !important;
	display: inline-flex;
    box-sizing: border-box;
	flex-direction: row;
    align-items: center;
}
#tnb_sch #sch_stx{width:266px;height:23px;border:1px solid #fff; border-right:1px solid #a7cc38;border-radius:0px !important;padding:0px 0 0 20px !important;background:#fff !important;float:left;display:inline-block;margin:5px 0}

#tnb_sch .sch_btn {
    height: 33px;
    background: none;
    border: 0;
    width: 50px;
    font-size: 17px;
	color:#a7cc38;
	float:left;
	display:inline-block;
}

#tnb_sch .sel_box{height:32px !important;padding:0px !important;}
.tnb_search_box{display: inline-flex;margin-left:20px}

.tnb_sns_box .tnb_sns_img{margin-right:5px;border-radius:30px}
.tnb_sns_box .tnb_sns_img img{width:30px !important;border-radius:30px}

.register_wrap li .btn{font-size:14px}

/* layout.css  시작 */
#wrapper{width:100%; margin:0px auto 0;}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""; }
#container_wr {z-index:5;margin:40px auto 0;height:100%;zoom:1;min-height: 550px; }
.sub_wrapper #container_wr {max-width:var(--site_width);}
#container {z-index:4;position:relative;min-height:800px;height:auto !important;zoom:1;background:#fff; margin:0 auto}

#group_head{border-bottom:1px solid #ddd; text-align:center;font-size:27px;line-height:110px;font-weight:bold;height:110px;min-width:var(--site_width)}
/*#group_head .group_subject{padding:15px 60px;border-radius:50px;background:rgba(255, 237, 219, 0.6196078431372549);border:1px solid #ef801b}*/
#group_head .group_subject{color:#fff;font-size:3rem}

#con_wrap{overflow:hidden;margin-bottom:40px;width:100%;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {float:left;}
#container_title span{font-size:30px;height:60px;line-height:60px;font-weight:600; display:block; font-family:var(--font-family), malgun gothic, sans-serif; text-align:center; position:relative; letter-spacing:-1px}


/*랜드마크*/
#con_wrap .location{float:right; margin-top:25px;}
/*.gr_location{background:#fbfbfb;border-bottom:1px solid #ddd}*/
/*.location{max-width:var(--site_width);margin:0 auto;padding:10px 0;text-align:right;font-size:13px}*/



#container_title_sub{margin-bottom:40px;font-family:var(--font-family), malgun gothic, sans-serif;}
#container_title_sub ul{text-align:center;}
#container_title_sub ul li{display:inline; border-left:1px solid #d2d2d2;}
#container_title_sub ul li:first-child{border-left:0;}
#container_title_sub ul li a{display:inline-block; padding:10px 40px; position:relative;}
#container_title_sub ul li a:hover{position:relative;}
#container_title_sub ul li a:hover:after{content:"\f00c"; font-family:FontAwesome; width:20px; height:20px; position:absolute; left:18px;}
#container_title_sub .on:after{content:"\f00c"; font-family:FontAwesome; width:20px; height:20px; position:absolute; left:18px;}

/* 1.Left Menu*/
#aside {float:left;padding:0;height: 100%;margin-right:40px; min-width:var(--aside);}
.sub-menu_tit .sub-menu_group{position:relative;font-size:30px;min-height:60px;line-height:130%;margin-bottom:20px;font-weight:600; display:flex;align-items: center;  justify-content: center; font-family:var(--font-family), malgun gothic, sans-serif; text-align:center; }
.sub-menu_tit .sub-menu_group:after{content:''; width:100%; height:100%; display:block; position:absolute; left:0; top:0;}
.sub-menu-wr ul{ text-align:left;}
.sub-menu-wr li{height:50px;border: 1px solid var(--theme-color2);border-radius: 50px; line-height:50px; padding-left:20px;margin-bottom:10px}
.sub-menu-wr li:hover{background: var(--theme-color2);transition: all .5s ease;
-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;
-o-transition: 0.5s all ease;}
.sub-menu-wr li:hover a{color:#fff}
/*.sub-menu:after{content:'\f061'; font-family:FontAwesome; display:inline-block; float:right; margin-right:10px; font-size:12px;}*/
.sub-menu_on {display:block;  color:#fff !important;}
.sub-menu_on:hover{color:#fff !important}
.sub-menu_list a{font-size:14pt;font-weight:bold}
/*.sub-menu_on:after{content:'\f061'; font-family:FontAwesome; display:inline-block; float:right; margin-right:10px; color:#fff; font-size:12px;}*/
.sub-menu_item a{display:block;}
.c-sig{color:#474747;}


/* 2.Middle Menu */
/*
#aside {width:100%;margin:0 auto 40px;display:inline-block;text-align:center;}
.sub-menu_tit {width:100%}
.sub-menu_group{display:none}
.sub-menu-wr{display:inline-block;}
.sub-menu-wr ul{}
.sub-menu-wr li{float:left;display:inline-block;height:50px;line-height:50px;padding:0px 30px;border:1px solid #ddd;margin-right:20px;box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;transition: all 0.15s ease;}
.sub-menu-wr li:hover{background:#ea951a;}
.sub-menu-wr li:hover a{color:#fff !important;}
.sub-menu_on {display:block;  color:#fff !important;}
.sub-menu_list a{font-size:13pt !important;}
.sub-menu_item a{display:block;}*/


/*  Sub Middle Menu */
/* 서브메뉴-현재위치 메뉴 */
.group_head_wr{width:100%;}
.submenuwrap{position:relative;width:100%; padding:0px; margin:0 auto; z-index:8;display:inline-block;background:#ebebeb; }
.submenulocation{position:relative; margin:0 auto;max-width:var(--site_width);}
.submenu{position:relative; display:flex;max-width:700px;}
.submenu li{float:left;display: inline-block;line-height:130%;padding:0px 10px;width: 100%;font-size:1rem}
.submenu .locationhome{width:30px !important;margin-left:0px;border-right:1px dashed #ddd;box-sizing:border-box;text-align:center;}
.locationhome a{color:#474747;}
.submenu .fa-caret-right{color:#b8b8b8}
.btm-arrow{float:right;display:inline-block;padding-right:10px;font-size:12px}


.locationdepth1, .locationdepth2{height:45px;}
.locationdepth1{border-right:1px dashed #ddd;box-sizing:border-box;}
.locationdepth1>a, .locationdepth2>a{overflow:hidden;display:flex;    justify-content: space-between;    align-items: center;padding:10px 0 10px 10px;color:#474747 !important;width:100%;height:100%}
.locationdepthdrop1, .locationdepthdrop2{position:absolute; width:calc(50% - 10px);margin-top:0px;box-shadow:0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08)}
.locationdepthdrop1{left: 10px;}
.locationdepthdrop1 li, .locationdepthdrop2 li{width:100%;position:relative;padding:10px 0;line-height:25px;  border:1px solid #d2d2d2;border-top:0px;background:#fff}
.locationdepthdrop1 li a, .locationdepthdrop2 li a{padding-left:10px;display:block;font-size:0.98rem;color:#474747 !important;}
.locationdepthdrop1 li a{}

.locationdepth2{}
.locationdepth2>a{}
.locationdepthdrop2{left: 50%;}
.locationdepthdrop2 li{}
.locationdepthdrop2 li a{}

/*Responsive 370, 480, 768, 992, 1160*/
@media all and (max-width:480px){
	.locationdepthdrop1, .locationdepthdrop2{left:0px;width:100%}
	.locationdepthdrop1 li, .locationdepthdrop2 li{max-width:100%}
}




/*퀵메뉴*/
#quick {display:none !important;position:fixed; left:calc(50% + 620px); top:250px; text-align:center; background:#fff;border-radius:20px;z-index:99999;    width: 100px;}
#quick ul li{text-align:center;padding:10px 15px;font-size:13px;border-bottom:1px dashed #ddd;}
#quick ul li:last-child{border-bottom:none}
#quick ul li:hover{background:#00b2bb;}
#quick ul li:first-child{background:#00b2bb;}
#quick ul li:hover a{color:#fff}



/* 하단 레이아웃 */
#ft {overflow:hidden; background-color:#3d3d3d;position:relative; margin-top:40px;font-size:13px;color:#b4b4b4;}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft{min-width:var(--site_width)}
#ft a{color:#b4b4b4}
#ft a:hover{color:#fff}
#ft_wr {margin:0 auto;position:relative; justify-content: space-between;}
#ft_logo{float:left;text-align:center;margin-right:30px;padding: 0px 0px;}
#ft_logo img{max-width:400px}

#ft_link{padding:0px 0 0px; color:#b4b4b4;font-size:14px;background-color:#3d3d3d;border-bottom:1px dashed #b4b4b4; }
#ft_link a{display:inline-block;line-height:100%; color:#b4b4b4; }
#ft_link a:hover{color:#fff}
#ft_link a:first-child{padding-left:0;border-left:0px}

#ft_link_bd{margin:0 auto;display:flex;padding:15px 0;justify-content: space-between;     align-items: center;}
#ft_link_bd ul {width:100%; display:flex; gap:10px}
#ft_link ul li{float:left;border-left:1px solid #989898; line-height:100%;padding-left:10px}
#ft_link ul li:first-child{border:0px;padding-left:0px}
#ft_link .btn-adw{color:#989898;}
.ft_link_gokr {justify-content: flex-end;}

#ft_catch{margin: 30px 0; display:flex; width: 70%;align-items: center;justify-content: space-between;}
#ft_wr2{font-size:14px;float:left;text-align:left;display:inline-block;padding: 0px;}
#ft_add{line-height:170%;}
#ft_add span{display:inline-block;}
#ft_add p{margin:0 0 5px !important;}
#ft_copy{}
#ft_copy a{color:#b4b4b4}
#ft_copy a:hover{color:#fff}



.admin_btn_wrap{clear:both; margin:20px 0 10px; display:block;}
.admin_btn_wrap a{border:1px solid #fff; padding:10px;color:#fff;}

.ft_banner-box{}
.ft_banner-box img{max-height:44px}
.ft_banner{float:left; display:inline-block;margin-left:10px}

.ft_banner-box2 { padding-left:20px; padding-right:20px}
.ft_banner-box2 ul{display:flex;gap:10px}
.ft_banner-box2 img{max-height:44px; border-radius:100px}


/* Mobile button */
#device_change {display:block;margin:0px auto;padding:15px 0;background:#646e83;color:#cfcfcf;font-size:20px;text-decoration:none;text-align:center;width:100%;min-width:var(--site_width)}
.device_btn{width:100%;margin:0px auto}

/* default_layout.css 끝 */