@charset "utf-8";
/* CSS Document */
body{}
.box1{}
.PC{ display:none !important}
.PHONE{ display:block !important}

@media screen and (max-width:1600px){


}

@media screen and (max-width:1280px){
body{ font-size:14px}
.box1 {max-width:96%; width:1200px; margin:0 auto;}

#contents .sub_layout {width:1200px; margin:0 auto; max-width:98%;}

}

@media screen and (max-width:1150px){


}

@media screen and (max-width:1100px){
.posting_btnw .list .btn {min-width:6em;}

.main_Inwrap {display:block;}
.main_wrap .main_focus .in .focus_tit {text-align:center}
.main_wrap .main_focus {margin-bottom:3em; width:100%; max-width:100%;}
.main_wrap .main_focus .in.main_St {margin-right:0;}
.main_wrap .main_con .in.main_St {padding-right:0;}
.main_wrap .main_con {width:100%;}

.scrollChk.top .main_focus {position:inherit !important; padding-top:0; top:inherit; height:auto;}
.scrollChk.top .main_category {position:fixed !important; top:inherit !important; bottom:0 !important; width:100%; max-width:inherit; height:auto;}


.main_wrap .main_category {width:100%; max-width:100%; min-height:inherit !important; z-index:99999; position:fixed; bottom:0; left:0; }
.main_wrap.sub_st .main_category {display:block; width:100%; max-width:inherit; position:fixed; bottom:0; left:0; min-height:inherit !important;}
.main_wrap.sub_st .main_category.sub_in {padding:1em;}
.scrollChk.top .main_category {position:fixed !important; top:inherit !important; bottom:0 !important; width:100%; max-width:100%; height:auto;}
.main_wrap .main_category.main_in .categoryW .in .catew .list {margin:0 0 0 -.625em}


}

@media screen and (max-width:1040px){
#header .gnb_wrap .gnb > li .dp1 {padding:0 1.5em}
}


@media screen and (max-width:1024px){
body{ font-size:13px}

#header .gnb_wrap .util{ display:block; position:absolute; right:1em}
#header .gnb_wrap .mem_wrap {display:none;}
#header .gnb_wrap .gnb{ display:none}

#header .nav_layer{ overflow-y:hidden;}
#header .nav_layer .nav_wrap2{ position:absolute; top:0; left:3%; right:3%; bottom:0; padding:0;}
#header .nav_layer .nav_wrap2 .nav_logo > a {display:block; text-align:center}
#header .nav_layer .nav_wrap2 .nav_logo img{ width:12em}
#header .nav_layer .nav_wrap2 .nav_logo{ margin-bottom:1em; padding:2.5em 0 1.5em 0;}
#header .nav_layer .nav_wrap2 .nav_mem > li a{ background:#00aaad; border-color:#00aaad; color:#fff; }
#header .nav_layer .nav_wrap2 .nav_mem > li.bg1 a {background:#888; border-color:#888}
#header .nav_layer .nav_wrap2 .nav_mem > li.bg2 a {background:#a9b5c6; border-color:#a9b5c6}
#header .nav_layer .nav_wrap2 .nav_mem > li.bg3 a {background:#4d98ff; border-color:#4d98ff}
#header .nav_layer .nav_wrap2 .nav_mem > li.bg4 a {background:#999; border-color:#999}

#header .nav_layer .nav_wrap2 .nav_gnb{ position:sticky; position: -webkit-sticky; top:11em; left:0; width:100%; height:calc(100% - 11em); /*overflow-y:scroll; -webkit-overflow-scrolling:touch;*/}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb{ padding-bottom:3em;}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb > li{ padding:0; background:#f9f9f9}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp1{ float:none; position:relative; padding:1.250em 1em; display:block; font-size:1.250em;}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp1:after{ content:"\e941";font-family:xeicon!important; position:absolute; right:1em; top:50%; margin-top:-.875em; width:1.75em; height:1.75em; line-height:1.75em; background:#fff; border:1px solid #ddd; border-radius:100%; color:#222; text-align:center; transition:.3s; display:none;}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp1.arrow:after{ display:block;}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp2{ margin-left:0; font-size:1.063em; display:none;}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp2 > li{ float:none; width:100%; border-top:1px dashed #ddd;}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp3{ padding-bottom:1em; font-size:1.125em;}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp3 > li > a{ font-weight:400;}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp2 > li.on.on > a .vm_tt{ text-decoration:underline;}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp3 > li.on > a{ color:#ffbc1c;}

#header .nav_layer .nav_wrap2 .nav_gnb .gnb > li.active .dp1.plus:after{ transform:rotate(180deg);}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb > li.on .dp1.plus:after{ transform:rotate(0);}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb > li.active .dp2{ display:block;}
#header .nav_layer .nav_wrap2 .nav_gnb .gnb > li.on .dp2{ display:block;}

#header.m_nav_open .gnb_wrap .util .btnAll{ font-size:.688em; top:1.5em; right:3%;}

#header.m_nav_open .gnb_wrap .util .btnAll{ font-size:.750em; top:3em;}
#header.m_nav_open .gnb_wrap .util .btnAll .in{ background:#2956a5; border-radius:100%;}
#header.m_nav_open .gnb_wrap .util .btnAll .ham:before,
#header.m_nav_open .gnb_wrap .util .btnAll .ham:after { left:15%; width:70% !important;}

.board_photo > li{width:33.33%;}

}

@media screen and (max-width:950px){
#footer .goTop {display:none;}	
#header {border-bottom:1px solid #ddd;}
#header .gnb_wrap .logo {width:11em;}	
#header .gnb_wrap .box1 {position:relative;}		
.scroll #header:before {display:none;}

.main #contents .sub_layout {padding:1em 0 3em 0;}
#contents .sub_layout {padding:6em 0 3em 0;}
#contents:before {display:none;}
#contents .doc_wrap .doc_tit {margin:0 1em 2em 1em;}

#footer .info_wrap {padding:2em 0;}

.main_Visual {margin-bottom:2em;}
.main_Visual.resize.s3 {padding-bottom:38%;}
.main_wrap .main_con .in {padding-right:0;}
.main_wrap.sub_st .main_con {width:100%;}
.main_wrap.sub_st .main_con .sub_in {padding-right:0;}

.main_focus .news_con .img.resize.s5 {padding-bottom:50% !important;}
.main_focus .news_con .info {padding:1.5em 1.250em 3em 1.250em}

.categoryW {}
.categoryW .in .catew {overflow-x:scroll;}
.categoryW .in .catew .list {margin:0 0 0 -.625em; width:1000px !important; table-layout:fixed;}
.categoryW .in .catew .t1 {padding-bottom:10px;}

.categoryW.aiSt .in .catew .list.cate1 > li {flex:inherit !important;}
.categoryW.aiSt .in .catew .list.cate2 {margin:0 0 0 -.625em;}
.categoryW.aiedSt .in .catew .list > li {width:auto;}


.postingW .postingList .list {display:block;}
.postingW .postingList .list .tw {flex:inherit; min-width:inherit;}
.postingW .postingList .list .imgw {margin-top:1em; width:100%;}
.postingW .postingList .list .imgw .resize {padding-bottom:50% !important;}
.postingW .postingList.data_st .list {margin-bottom:2.5em;}

.postingW .postingList .list .tw .in .user {width:3em;}

.posting_btnw .list {margin:0 0 1em -.5em;}

.page_box.st2 {padding:1em;}

.member_wrap {width:1200px; margin:1em auto; max-width:96%;}
.member_wrap .member_form {padding:1.5em 0; border:none}
.member_wrap .login_box {width:auto;}

.page_step_wrap .step > li .in {min-width:6em;}

.join_select {margin:0 0 4em -1.5em;}
.join_select > li {flex:1 1 100%; margin-bottom:1em;}
.join_select > li > a {padding:1em;}
.join_select > li > a .t1 {margin:.5em 0}
.join_select > li > a .icon {width:4em; line-height:4em;}

.join_table th, .join_table td {padding:.75em 1em;}

.main_wrap .mypostingWrap {display:block;}
.main_wrap .mypostingWrap .myposting_Info {}
.main_wrap .mypostingWrap .myposting_con {width:100%;}

.main_wrap .mypostingWrap .myposting_Info {border-bottom:6px solid #f1f1f1; margin-bottom:2em; width:inherit;}
.main_wrap .mypostingWrap .myposting_Info .sub_in {margin:2em 0; padding:0; display:flex; align-items:center; align-content:center; flex-wrap:wrap;}
.main_wrap .mypostingWrap .img {width:8.5em; margin-right:1em;}
.main_wrap .mypostingWrap .txt {flex:1 1 auto;}
.main_wrap .mypostingWrap .posting_btnw.mypostingBtn {flex:1 1 100%; margin:2em 1em 0em 1em}
.posting_btnw.mypostingBtn .list > li {width:inherit;}
.main_wrap .mypostingWrap .myposting_con .sub_in {padding-left:0;}

.page_Banner .in .resize {padding-bottom:23%;}

}

@media screen and (max-width:768px){
body{ font-size:12px}

.board_photo > li{width:100%;}
}


@media screen and (max-width:460px){
body{ font-size:11px}


}