@charset "utf-8";
/* CSS Document */




#wrap{position:relative; width:100%; height:auto; margin:0 auto; }
#header{position:relative; width:320px; height:70px; z-index:1000; line-height:100%;  margin:0 auto; border-bottom:1px solid #cccccc;}
#header h1{padding:20px 0 0 10px;}

#header .top_menu .top_sitemap{position:absolute; top:0px; right:0px;}
#header .top_menu .top_tel{position:absolute; top:0px; right:81px;}


/*사이트맵 레이어*/
.sitemap{position:absolute; top:70px; right:0; width:320px; height:450px; z-index:1000; background:url(/img/sitemap_bg.gif) #555555 no-repeat left top;}
.sitemap .sitemap_cc{width:260px; margin:50px auto 0 auto; z-index:1000; overflow:hidden;}
.sitemap .stitle{margin:0 0 0 22px; padding:22px 0 0 0px;}
.sitemap .scolse{position:absolute; top:7px; right:7px;}

.sitemap_cc ul li p{clear:both; float:left; width:144px;}
.sitemap_cc ul li ul{float:left;  margin:0 0 22px 0;}
.sitemap_cc ul li ul li{margin:0 0 8px 0;}



/*컨텐츠*/
#contaniner{clear:both; position:relative; width:100%; padding:0;}
#contaniner #content{clear:both; position:relative; width:93.75%; margin:0 auto; padding:25px 0 0 0;}
#contaniner #content .con{clear:both; position:relative; width:100%; min-height:300px; margin:30px auto 40px auto;}
#contaniner #content .con .title{margin:0 0 40px 0; padding:0 0 22px 0; background:url(/img/title_bullet.gif) no-repeat left bottom;}

/*아이콘*/
#content .icons{position:relative; width:100%; height:71px; overflow:hidden; clear:both; margin:10px auto 14px auto; background:url(/img/f_icon_bg.gif) no-repeat left top;}
#content .icons ul{position:relative; /*width:100%;*/ margin:0; padding:0 0 0 22px; overflow:hidden; margin:0 auto; }
#content .icons ul li{margin:0; float:left;}

/*풋터*/
#footer{position:relative; width:100%; margin:0 auto; clear:both; }
#footer #foot{position:relative; width:320px; margin:0px auto; padding:0 0 21px 0;}
#footer #foot ul{position:absolute; top:13px; right:10px;}
#footer #foot ul li{float:left; margin:0 0 0 4px;}


/*
181002 추가 (기존 layout.css 내용)
*/

@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,700');
/* reset */
body, div, ul, li, ol, dl, dd, dt, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, select, input,iframe{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:14px; font-weight:normal;}
body, input, textarea, select, button,iframe{font-family: "Noto Sans KR", sans-serif;}
a {text-decoration:none; font-family: "Noto Sans KR";}
a:link{font-size:14px; text-decoration:none;}
a:hover{font-size:14px; text-decoration:none;}
a:visited{font-size:14px; text-decoration:none;}
li, ul, ol {list-style:none;}
img {border:0;}

#wrap{max-width:640px;width:100%;margin:0 auto;overflow-x:hidden;position:relative;}
#header:after{display:block;content:"";clear:both;}
#header{height:100px;width:100%;background-color:#333332;}
#header a{display:block;}
#header .left{float:left;padding-top:37px;padding-left:19px;}
#header .center{position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);top:24px;}
#header .right{float:right;}
#footer{background-color:#272725;padding-bottom:130px;}
#footer .w600 .cont_wrap{text-align:center;font-size:0;padding:30px 0;border-bottom:1px solid #4e4e4b;}
#footer .w600 .cont_wrap .cont{display:inline-block;vertical-align:top;padding:0 25px;position:relative;}
#footer .w600 .cont_wrap .cont a{font-size:18px;letter-spacing:-0.025em;font-weight:400;color:#d0b394;display:block;}
#footer .w600 .cont_wrap .cont i{position:absolute;top:14px;right:0;width:2px;height:2px;background-color:#d0b394;}
#footer .w600 > h2{font-size:20px;letter-spacing:-0.075em;font-weight:500;color:#d0b394;text-align:center;padding-top:30px;}
#footer .w600 > p{font-size:18px;line-height:32px;letter-spacing:-0.025em;font-weight:300;color:#9f9d99;text-align:center;padding-top:25px;}
#footer .w600 > p i{display:inline-block;vertical-align:middle;width:15px;}
#footer .w600 > span{display:block;font-size:16px;line-height:1.3;font-weight:300;color:#575654;text-align:center;padding-top:20px;}

#m_header{position:absolute;left:-999px;top:0;background-color:#f8f5f2;z-index:999999;width:515px;transition:all 0.5s;}
#m_header .top:after{display:block;content:"";clear:both;}
#m_header .top{background-color:#333332;height:100px;}
#m_header .top a{display:block;}
#m_header .top a.center{position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);top:22px;width:185px;height:52px;}
#m_header .top a.right{float:right;padding-top:38px;padding-right:30px;width:23px;height:24px;}
#m_header .middle{font-size:0;text-align:center;padding:20px 0;background-color:#ede9e6;}
#m_header .middle a:first-of-type{margin-right:20px;}
#m_header .middle a{display:inline-block;vertical-align:top;width:225px;height:60px;box-sizing:border-box;background-color:#fff;border:1px solid #dedddb;font-size:22px;line-height:60px;letter-spacing:-0.045em;font-weight:bold;color:#666;text-align:center;background-color:#f8f5f2;}
#m_header .top a.center img{width:100%;}
#m_header .top a.left img{width:100%;}
#m_header .top a.right img{width:100%;}
#m_header .all_nav > ul > li{border-bottom:1px solid #cdcac8;background-color:#f8f5f2;}
#m_header .all_nav > ul > li > a.on{border-bottom:0;background:url(/img/dep02_close.png)no-repeat 100% 35%;background-size:23px 14px;}
#m_header .all_nav > ul > li > a{background-color:#f8f5f2;display:block;font-size:30px;letter-spacing:-0.075em;font-weight:bold;color:#333332;margin:0 35px 0;padding-bottom:25px;background:url(/img/dep02_open.png)no-repeat 100% 35%;background-size:23px 14px;transition:all 0.3s;padding-top:25px;}
#m_header .all_nav > ul > li .an_dep02{background-color:#efe5de;border-top:1px solid #cdcac8;padding:40px 0 45px;padding-left:40px;}
#m_header .all_nav > ul > li .an_dep02 > ul > li:last-of-type{padding-bottom:0;}
#m_header .all_nav > ul > li .an_dep02 > ul > li{padding-bottom:15px;}
#m_header .all_nav > ul > li .an_dep02 > ul > li > a{font-size:28px;letter-spacing:-0.075em;font-weight:300;color:#818181;text-align:left:}
.black_bg{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.8);display:none;z-index:55555;}

/* sub_common */
.m_dep2 ul li{list-style:none;}
.m_dep2 ul li span{display:none;}
.m_dep2 > div > p span{display:none;}
.m_dep_con{font-size:0;text-align:center;position:absolute;width:93.5%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);bottom:0;z-index:555;}
.m_dep_con > div {display:inline-block;vertical-align:top;width:50%;position:relative;}
.m_dep_con > div > ul{width:100%;position:absolute;}
.m_dep_con > div > div{position:relative;cursor:pointer;}
.m_dep_con > div > div > span > img{position:absolute;top:35px;right:20px;display:block;transition:all 0.3s;}
.m_dep_con > div > div > p{font-size:22px;letter-spacing:-0.075em;font-weight:500;color:#222;text-align:left;padding-left:25px;box-sizing:border-box;height:70px;background-color:#ede9e6;line-height:70px;}
.m_dep_con > .m_dep2 > div > p{color:#fff;background-color:#ba9c7b;}
.m_dep_con > div > div > span > img.on{opacity:0;}
.m_dep_con > div > div.on > span > img.off{opacity:0;}
.m_dep_con > div > div.on > span > img.on{opacity:1;}
@media all and (max-width:640px){
	.m_dep_con > div > div > span > img{top:5.46875vw;right:3.125vw;}
	.m_dep_con > div > div > p{font-size:3.4375vw;padding-left:3.90625vw;height:10.9375vw;line-height:10.9375vw;}
}


@media all and (max-width:640px){
	#wrap{max-width:100%;}
	#header{height:15.625vw;}
	#header .left{padding-top:5.78125vw;padding-left:2.96875vw;}
	#header .center{top:3.75vw;}
	#header .left img{width:5.15625vw;height:4.0625vw;}
	#header .center img{width:28.90625vw;height:8.125vw;}
	#header .right img{width:15.625vw;height:15.625vw;}
	#footer{padding-bottom:20.3125vw;}
	#footer .w600 .cont_wrap{padding:4.6875vw 0;}
	#footer .w600 .cont_wrap .cont{padding:0 3.90625vw;}
	#footer .w600 .cont_wrap .cont a{font-size:2.8125vw;}
	#footer .w600 .cont_wrap .cont i{top:2.1875vw;width:2px;height:2px;}
	#footer .w600 > h2{font-size:3.125vw;padding-top:4.6875vw;}
	#footer .w600 > p{font-size:2.8125vw;line-height:5vw;padding-top:3.90625vw;}
	#footer .w600 > p i{width:2.34375vw;}
	#footer .w600 > span{font-size:2.5vw;padding-top:3.125vw;}
	#m_header{width:80.46875vw;}
	#m_header .top{height:15.625vw;}
	#m_header .top a.center{top:3.4375vw;width:28.90625vw;height:8.125vw;}
	#m_header .top a.right{padding-top:5.9375vw;padding-right:4.6875vw;width:3.59375vw;height:3.75vw;}
	#m_header .middle{padding:3.125vw 0;}
	#m_header .middle a:first-of-type{margin-right:3.125vw;}
	#m_header .middle a{width:35.15625vw;height:9.375vw;font-size:3.4375vw;line-height:9.375vw;}
	#m_header .all_nav > ul > li > a.on{background-size:3.59375vw 2.1875vw;}
	#m_header .all_nav > ul > li > a{font-size:4.6875vw;margin:0 5.46875vw 0;background-size:3.59375vw 2.1875vw;padding:3.90625vw;}
	#m_header .all_nav > ul > li .an_dep02{padding:6.25vw 0 7.03125vw;padding-left:6.25vw;}
	#m_header .all_nav > ul > li .an_dep02 > ul > li{padding-bottom:2.34375vw;}
	#m_header .all_nav > ul > li .an_dep02 > ul > li > a{font-size:4.375vw;}
}



/* 구버전 개발 CSS 수정 */
.notice_i{font-size:12px;width:35px;height:20px;box-sizing:border-box;display:inline-block;font-style:normal;border:1px solid #307dd4;text-align:center;color:#307dd4;}
.new_i{font-size:12px;width:35px;height:20px;box-sizing:border-box;display:inline-block;font-style:normal;border:1px solid #ea1c5b;text-align:center;color:#ea1c5b;}
.reple_i{font-size:12px;width:35px;height:20px;box-sizing:border-box;display:inline-block;font-style:normal;border:1px solid #307dd4;text-align:center;color:#307dd4;}
.wait_i{font-size:12px;width:35px;height:20px;box-sizing:border-box;display:inline-block;font-style:normal;border:1px solid #ea1c5b;text-align:center;color:#ea1c5b;}
.borderList ul li{font-size:14px;color:#222;font-weight:200;}
#n_search_btn{display:none;}
.n_search_btn{display:inline-block;vertical-align:bottom;height:23px;width:50px;line-height:23px;box-sizing:border-box;background-color:#323337;text-align:center;color:#fff;margin-left:5px;}
.n_search_btn02{display:inline-block;vertical-align:bottom;height:23px;width:50px;line-height:23px;box-sizing:border-box;background-color:#323337;text-align:center;color:#fff;margin-left:5px;width:45px;}
#wrap #content .search input{height:23px !important;box-sizing:border-box;}
#content .btnA a.btns{padding-right:0 !important;}
#content .btnA a.btns span.n_write_btn{width:60px;height:23px;line-height:23px;text-align:center;background-color:#323337;}
#content .btnA a.btns span.n_write_btn img{vertical-align:middle;display:inline-block;margin-top:-2px;margin-right:5px;}
#content .btnA a.btns span.n_send_btn{width:60px;height:23px;line-height:23px;text-align:center;background-color:#323337;box-sizing:border-box;padding:0 !important;}
#content .btnA a.btns span.n_list_btn{width:60px;height:23px;line-height:23px;text-align:center;background-color:#323337;box-sizing:border-box;padding:0 !important;}
#content .bpage strong{vertical-align:top;width:30px;height:34px;box-sizing:border-box;background-color:#ba9c7b !important;}
#content .bpage a{vertical-align:top;width:30px;height:34px;box-sizing:border-box;}
#content .bpage a:hover{background-color:#ede9e6 !important;color:#000 !important;}
.all_nav > ul{background-color:#fff;}
.n_list_btn{width: 60px; height: 23px; line-height: 23px; text-align: center;background-color: #323337;box-sizing: border-box; padding: 0 !important;color:#fff !important;}
.disb{display:block !important;}

.m_dep_con > div > div > p{border-bottom:1px solid #dde0e3;}
.m_dep_con > div ul li a{height:70px;display:block;font-size:22px;letter-spacing:-0.075em;font-weight:500;color:#222;padding-left:25px;text-align:left;line-height:70px;background-color:#ede9e6;border-bottom:1px solid #dde0e3;border-left:1px solid #dde0e3;border-right:1px solid #dde0e3;}
.m_dep_con .m_dep2 ul li a{background-color:#ba9c7b;color:#fff;}
@media all and (max-width:640px){
	.m_dep_con > div ul li a{height:10.9375vw;font-size:3.4375vw;padding-left:3.90625vw;line-height:10.9375vw;}
}