@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      : web_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
 .area_div {text-align:center; font-size:20px; font-family:nGothicB; padding-top:60px; color:#000; padding-bottom:10px; border-bottom:1px dotted #000; margin-bottom:-20px;}
body.fixe {overflow:hidden; height:100%;}

.mobile_view{display:none;}
.mobile_none{}
.m_gnb .sub_menu {display:none !important;}

/* wrap */
#wrap {width:100%; max-width:2200px; min-width:320px; overflow:hidden; margin:0 auto; padding-top:0px; background:#f7f7f9;  transition:all 0.3s 0s ease-in-out;}
#inner_wrap {width:1200px; margin:0 auto; position:relative;}
#inner_wrap:after { clear:both; content:""; display:block;}
.main_wrap  {background:#f7f7f9;}
.main_wrap .inner {max-width:1200px; min-height:300px; margin:0 auto;}
.m_gnb_on {position:absolute; right:20px; top:60px; display:none;}
.sub_wrap #header {margin-bottom:0px !important;}
/* header */
#header {width:100%; height:112px; position: fixed; left: 0px; top: 0px;  z-index:9999; border-bottom:1px solid #83c326; background:url(../img/common/top_bg.gif) repeat-x center top #fff;  transition:all 0.3s 0s ease-in-out;}

#header h1 {position:absolute; width:553px; overflow:hidden; left:0px; top:15px; z-index:9; transition:all 0.3s 0s ease-in-out;}
#header .top_menu {text-align:right; font-size:0px;}
#header .top_menu li {display:inline-block; padding:0px 20px; background:url(../img/common/top_line.gif) no-repeat left center;}
#header .top_menu li:first-child {background:none;}
#header .top_menu li a {display:block; height:30px; line-height:30px; color:#fff; font-size:13px;}
#header .top_menu li.all_menu {background:none; padding-right:0px;}
#header .gnb05 {display:none;}
.in_header {max-width:1200px; width:100%; margin:0 auto; position:relative; z-index:9}
#header .logo {}


/* GNB */
.w_gnb {padding-top:55px; transition: all 0.3s 0s ease-in-out;}
.w_gnb .gnb {font-family:nGothic; position:relative;}
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul {font-size:0px; padding:0px 0px 0px 0px; text-align:right;}
.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li {display:inline-block; zoom:1; *display:inline; position:relative; padding:0px 42px; text-align:center; min-width:80px;}
.w_gnb .gnb > ul > li > a {display:block; font-size:18px; font-family:nGothic; color:#000; padding-bottom:10px;}
.w_gnb .gnb > ul > li > a > span {display:block; font-size:18px; font-family:nGothic; color:#000; line-height:40px; height:40px; border-bottom:3px solid #fff}
.w_gnb .gnb > ul > li:hover > a span {border-bottom:3px solid #83c326}
.w_gnb .gnb > ul > li.on >  a span {border-bottom:3px solid #83c326}
.w_gnb .sub_menu {position:absolute; left:10%; width:80%; box-sizing:border-box; overflow:hidden; top:47px; line-height:20px; display:none !important; background:#fff; padding:5px 0px 0px 0px; border:1px solid #d91b5c; border-top:none;}
.w_gnb .sub_menu > li > a {display:block; color:#666666; padding:5px 10px; font-size:14px; font-family:nGothic; line-height:20px; text-align:left;}
.w_gnb .sub_menu > li > a:hover {color:#fff; background:#d91b5c}

.application_wrap {border:1px solid #333; padding:10px; background: #353535; border-radius:6px;}
.application_wrap h3 {font-size:18px; color: #fff; padding: 0px 0px 10px 0px; font-family: nGothicB;}
.application {border-radius: 3px; background: #fff; padding: 3% 3% 2% 3%;}
.b_dtable:after {clear: both; content: ""; display: block;}
.b_dtable {margin-top: -10px;}
.b_dtable dl {width:50%; box-sizing: border-box; float: left; position: relative; padding: 0px 30px 0px 80px; margin-top: 10px;}
.b_dtable dl dd {min-height: 30px; line-height: 30px;}
.b_dtable dl dt {color:#000; font-size: 14px; position: absolute; left: 0px; top: 0px; line-height: 30px;}

.banner_zone {background:#fff; border:1px solid #dcdcdc; text-align:center; min-height:200px; border-radius:4px;}


/* section */
.section_wrap {width:100%; overflow:hidden; clear:both;}
#section:after {clear:both; content:""; display:block;}
.main_visual {padding:10px 0px 10px 0px;}
.input_del {position: absolute; right: 0px; top:0px;}
.select_ds .bt_cal {position:absolute; right:0px; top:50%; margin-top:-16px;}
.select_ds .ui-datepicker-trigger {position:absolute; right:5px; top:50%; margin-top:-10px;}


/* 카피라이트 */
#footerW {clear:both; border-top: 1px solid #eee; background: #fff; color:#666;}
#footer_add { max-width:1010px; padding: 30px 10px 30px 180px;  left 30px; font-size:16px; margin:0 auto; position:relative;}
#footer_add .web_info span {display:inline-block; line-height:130%;}
#footerW .f_menuW {background:#333333}
#footer_add .f_logo {position:absolute; left:30px; top:20px;}



#content {width:100%; max-width:1200px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}
#container {width:100%; padding:30px 0px 0px 0px;}
#container .location {line-height:13px; max-width:1200px; text-align:right; margin:0 auto; padding-bottom:30px;}
#container .location span {display:inline-block; zoom:1; *display:inline; padding-left:17px; margin-left:10px; background:url(../img/common/location.gif) no-repeat left center; color:#686868;}
#container .location span:first-child {padding-left:0px; margin-left:0px; background:none}
#container .location #location_2 {color:#293764; font-family:nGothicB;}
#container .location img {vertical-align:middle}

#leftW {position:relative; background:#777778; z-index:9; display: none !important;}
#leftW .lnb {max-width:1200px; margin:0 auto;}
#m_lnb {display:none;}
.lnb ul:after { clear:both; content:""; display:block;}
.lnb ul li {color:#fff; float:left; width:20%;}
.lnb ul li:first-child a {border-left:1px solid #cccccc;}
.lnb ul li a {color:#fff; font-size:16px; display:block; line-height:20px; min-height:20px; padding:10px 5px 10px 5px; border-right:1px solid #cccccc; text-align:center;}
.lnb ul li.on a {color:#fff; background:#d91b5c;}

.sub_wrap0 .lnb {display:none;}
.sub_wrap1 .lnb ul li {width:33.33%;}
.sub_wrap2 .lnb {display:none;}
.sub_wrap3 .lnb ul li {width:33.33%;}
.sub_wrap4 .lnb ul li {width:33.33%;}
.sub_wrap4 .lnb ul li.lnb4 a {border-left:1px solid #cccccc;}
.sub_wrap4 .lnb ul li.lnb7 a {border-left:1px solid #cccccc;}


#right .sub_con {min-height:500px; font-size:15px; line-height:150%; padding-bottom: 50px;}
#right .sub_con.pl30 .s_tit {margin-left:-30px;}

.title_bar {margin-bottom:30px;}
.title_bar h2 {font-size:35px; color:#333333; font-family:nGothicB; line-height:140%; border-bottom:5px solid #2762cd; padding-bottom:10px; display:inline-block; letter-spacing:-1px;}
.title_bar h2 strong {color:#1467b2;}
.s_tit {font-size:27px; color:#333333; line-height:150%; font-family:nGothicB; margin:35px 0px 10px 0px;}
.ss_tit {font-size: 18px;
    color: #000;
    padding: 2px 0px 2px 20px;
    margin-top: 30px;
    line-height: 140%;
    background: url(../img/common/ss_bul.gif) no-repeat 0px 7px;
    min-height: 20px;
    text-align: left;
    margin-bottom: 8px; font-family: nGothicB;}
.imgW img {max-width:100%;}


.check_type {overflow:hidden; padding:0px 0px 15px 0px; border-bottom:1px solid #ccc; margin-bottom:10px;}
.check_type li {float:left; padding-left:15px; font-family:nGothicB;}
.check_type li:first-child {padding-left:0px;}


.btn_groups a {margin:1px;}
.radio_group {overflow:hidden; margin-left:-15px;}
.radio_group li {float:left; padding:1px 0px 1px 10px; line-height:28px;}



.of_hi .fl50 {float:left; width:48%;}
.of_hi .fr50 {float:right; width:48%;}
.graybox { background:#cccccc; padding:10px;}

.main_content {position: relative; overflow: hidden; background: #fff; border-top:5px solid #2762cd}
.main_content .block {width:30%; float: left; padding:0px 1.5%;}

.app_listW {float: left; width:30%;}
.app_list {border: 1px solid #dcdcdc; border-radius: 4px; background: #fff; height: 200px; overflow: hidden;}
.app_list_tit {overflow: hidden; background: #eeeeee; padding: 5px 5px;}
.app_list_tit li {float: left; font-family: nGothicB; color: #000; font-size: 14px; text-indent: 5px;}
.app_listW .col1 {width:50%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.app_listW .col2 {width:20%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.app_listW .col3 {width:30%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}

.app_list_con {padding:5px 10px 10px 10px;}
.app_list_con li {padding:5px 0px; height:20px; border-bottom: 1px dotted #ccc; font-size: 0px; }
.app_list_con li span {display: inline-block; font-size: 13px; }
.app_listW .bx-controls {display:none;}

.m_tit {padding: 25px 0px 15px 0px; line-height: 25px; display: block; font-size: 18px; color: #000000; font-family: nGothicB;}


.check_wrap { max-width: 900px; margin: 0 auto; border: 1px solid #ccc; padding:3%; background: #fff; border-radius:4px;}
.check_wrap .phone_txt { text-align: center; font-size:18px; line-height: 150%;}
.check_wrap .phone_txt span {display: block; margin: 0 auto; width:120px; height: 120px; padding: 10px; text-align: center; border: 1px solid #ccc; border-radius:100%; font-size:125px; color: #006ab6; }

.application_view {border: 1px solid #ccc; border-radius:4px; background: #fff;}
.application_view .b_dtable dl {width:100%; padding:10px 10px 10px 115px; border-top:1px solid #efefef; margin: 0px;}
.application_view .b_dtable dl:first-child {border-top:none;}
.application_view .b_dtable dl dt {top:10px;}

.introduce {border: 1px solid #ccc; color: #333; font-size: 1.15em; line-height:200%; padding:3% 3% 5% 3%; border-radius:4px; background: url(../img/main/introduce.png) no-repeat center bottom #fff; background-size:contain;}
.introduce .first {font-size:1.15em;}
.introduce .two {font-size:1.25em;}
.introduce .two strong {color:#2762cd;}






/* 레이어팝 */
#black {background-color:#000; display:none; height:100%; left:0;  opacity:0.6; filter:alpha(opacity=65); position:fixed; top:0; width:100%; z-index:9999;}
.layerPop {display:none; width:96%; padding:0px 2%; position:fixed; top:50%; left:0%; z-index:99999;}
.layerPop_in {max-width:1200px; margin:0 auto; background:#FFF; max-height:800px; overflow-y:auto; overflow-x:hidden; position:relative;}
.layerPop .pop_title {font-size:1.4em; color:#fff; font-family:nGothicB; line-height:20px; min-height:20px; border-bottom:1px solid #141414; padding:15px 10px; background:#333333;}
.layerPop .pop_title2 {font-size:2.5em; color:#333; font-family:nGothicB; line-height:150%; margin-bottom:10px; padding:0px 10px; text-align:center;}


/*.layerPop a.close_bt {top:-60px; position:absolute; right:0px;}*/
.layerPop .img {width:100%; max-width:100%;}
.layerPop .close_bt {position:absolute; right:10px; top:5px;}
.panel-body {padding:0px 0px 15px 0px;}

.Pop_in {padding:20px; border:10px solid #cccccc}
.Pop_in .btn {border:1px solid #d91b5c; background-color:#d91b5c; color:#fff; padding:12px; display:block; font-size:15px; text-align:center; font-family:nGothicB; width:100%; cursor:pointer; box-sizing:border-box; -moz-box-size:border-box;}
.Pop_in .btn a {color:#fff;}
.Pop_in .btn.black {border:1px solid #666666; border-bottom:1px solid #575757; background-color:#666666;}
.Pop_in .btn button {color:#fff; background:none; font-family:nGothicB; font-size:15px;}






/* 팝업 */
.popup_scroll {max-height:700px; overflow-x:hidden; overflow-y:auto;}
.layers_wrap {background:#FFF; position:relative; min-width:300px;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; text-indent:10px; line-height:150%; background:#333333; font-size:1.6em; color:#fff; font-family:nGothicB; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:10px; top:10px;}
.layers_wrap .layers {padding:20px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}
.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:nGothicB; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:nGothicB; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:nGothicB; color:#444444; font-size:22px; line-height:38px;}
#Ne_Popw.printW .layers_tit {display:none;}
#Ne_Popw.printW .close_pop {display:none;}
#Ne_Popw.printW .btn_group  {display:none;}


/* position */
.position {height:134px; background:#fff; width:1px; position:absolute; bottom:0px; left:0px;}
.atab { margin-bottom:40px;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:33.33%; box-sizing:border-box; position:relative;}
.atab li a {display:block; background:url(../img/common/tab_off.gif) no-repeat left bottom #f3f3f3; min-height:20px; line-height:20px; padding:15px 0px; text-align:center; color:#000; box-sizing:border-box; border:1px solid #dadada; border-left:none;}
.atab li:first-child a {border-left:1px solid #dadada;}
.atab li.on a {background:#fff; font-family:nGothicB;}
.atab li .arrow {display:none; position:absolute; left:50%; bottom:-10px; margin-left:-10px; background:url(../img/common/tab_on.gif) no-repeat left bottom; width:20px; height:11px;}
.atab li.on .arrow {display:block;}
.atab.two li {width:50%;}

.btab {margin-bottom:40px;}
.btab:after {clear:both; display:block; content:"";}
.btab li {float:left; width:33.33%; box-sizing:border-box; position:relative;}
.btab li a {display:block; min-height:20px; line-height:20px; padding:10px 0px; background:url(../img/common/tab_off.png) no-repeat left bottom #cccccc; text-align:center; color:#666666; box-sizing:border-box; font-family:nGothicB;}
.btab li.on a {background:url(../img/common/tab_off.png) no-repeat left bottom #00abbf; color:#fff;}
.btab.two li {width:50%;}
.btab.four li {width:25%;}

.menu_btn {position: relative; height: 28px; width:36px; cursor: pointer;}
.menu_btn .line-top,
.menu_btn .line-middle,
.menu_btn .line-bottom {position: absolute; display: block; height: 4px; width:36px; border-radius:0px; background: #000;}
.menu_btn .line-top {top: 0; -webkit-transform-origin: 18px 2px;  transform-origin: 18px 2px;}
.menu_btn .line-middle {top: 12px;  -webkit-transition: opacity 200ms linear;  transition: opacity 200ms linear;}
.menu_btn .line-bottom {bottom: 0;  -webkit-transform-origin: 18px 2px; transform-origin: 18px 2px;}
/*open*/
.menu_btn.is-open .line-top {
	-webkit-animation: line-top-out 400ms linear normal;
    animation: line-top-out 400ms linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.menu_btn.is-open .line-middle{opacity: 0;}
.menu_btn.is-open .line-bottom{
	-webkit-animation: line-bot-out 400ms linear normal;
    animation: line-bot-out 400ms linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/*closed*/
.menu_btn.is-closed .line-top{
	-webkit-animation: line-top-in 500ms linear normal;
    animation: line-top-in 400ms linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.menu_btn.is-closed .line-middle{
	-webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}
.menu_btn.is-closed .line-bottom{
	-webkit-animation: line-bot-in 500ms linear normal;
    animation: line-bot-in 500ms linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
	
/*keyfremes*/
@-webkit-keyframes line-top-in {
    0% {top: 12px; transform: rotate(-45deg);	}
	10% {top: 12px; transform: rotate(-35deg);	}
	20% {top: 12px; transform: rotate(-20deg);	}
	60% {top: 12px; transform: rotate(0deg);	}
	100% {top: 0px;}
}

@keyframes line-top-in {
	0% {top:12px;	transform: rotate(-45deg);}
	10% {top: 12px; transform: rotate(-35deg);	}
	20% {top: 12px; transform: rotate(-20deg);	}
	60% {top: 12px; transform: rotate(0deg);} 
	100% {top: 0px;}
}

@-webkit-keyframes line-top-out {
    0% {top: 0px;}
	60% {top: 12px; transform: rotate(0deg);	}
	80% {top: 12px; transform: rotate(-20deg);	}
	90% {top: 12px; transform: rotate(-35deg);	}
	100% {top: 12px;	transform: rotate(-45deg);	}
}

@keyframes line-top-out {
    0% {top: 0px;}
	60% {top: 12px; transform: rotate(0deg);	}
	80% {top: 12px; transform: rotate(-20deg);	}
	90% {top: 12px; transform: rotate(-35deg);	}
	100% {top: 12px;	transform: rotate(-45deg);	}
}

@-webkit-keyframes line-bot-in {
	0% {bottom: 12px; transform: rotate(45deg);	}
	10% {bottom: 12px;	transform: rotate(35deg);	}
	20% {bottom: 12px;	transform: rotate(20deg);	}
	60% {bottom: 12px;	transform: rotate(0deg);	}
	100% {bottom: 0px;	}
}

@keyframes line-bot-in {
    0% {bottom: 12px; transform: rotate(45deg);	}
	10% {bottom: 12px;	transform: rotate(35deg);	}
	20% {bottom: 12px;	transform: rotate(20deg);	}
	60% {bottom: 12px;	transform: rotate(0deg);	}
	100% {bottom: 0px;	}
}

@-webkit-keyframes line-bot-out {
    0% {bottom: 0px;	}
	60% {bottom: 12px; transform: rotate(0deg);	}
	80% {bottom: 12px;	transform: rotate(20deg);	}
	90% {bottom: 12px;	transform: rotate(35deg);	}
	100% {bottom: 12px; transform: rotate(45deg);	}
}

@keyframes line-bot-out {
	0% {bottom: 0px;	}
	60% {bottom: 12px; transform: rotate(0deg);	}
	80% {bottom: 12px;	transform: rotate(20deg);	}
	90% {bottom: 12px;	transform: rotate(35deg);	}
	100% {bottom: 12px; transform: rotate(45deg);	}
}

.greetingW {position: relative; padding-left: 325px; color: #333333;}
.greetingW .photo_wrap {position: absolute; left: 0px; top: 0px; width: 245px;}
.greetingW .photo_wrap img {max-width: 100%;}
.greetingW .greeting_t {font-size:23px; font-family: nGothicB; line-height: 150%}
.greetingW .txt {font-size:14px;  line-height: 180%; padding-top:30px;}
.greetingW .sign { padding: 30px 0px 0px 0px; font-size: 15px; line-height:180%;}
.greetingW .sign strong {font-size:24px; color: #333333; font-weight: normal; font-family: nGothic; padding: 0px 0px 0px 15%;}

.star_big {display:inline-block; position:relative; height:20px;}
table td .star_big img {max-width:106px !important; width:106px !important; }

.star_big .on {display:block; position:absolute; left:0px; top:0px; height:20px; width:0%; background:url(../img/common/star_on2.png) no-repeat left top;}

.introduceW .introduce_t {font-size:23px; font-family: nGothicB; line-height: 150%; color: #000000; padding-bottom: 30px;}
.introduceW .bul02 li {font-size:0.9em; margin-bottom: 5px; color: #333333;}
.introduceW .imgW {text-align: center; padding-top: 30px;}
.introduceW .imgW .ico02 {display: none;}
.introduceW .imgW .ico03 {display: none;}

/* ------------------------------------------------------------
 * Name      : mobile_layout.css
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
.mobile .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnb {position:absolute; left:0px; top:113px; width:100%;}
.m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;}
.m_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
/*.m_gnb .gnb > ul > li:hover > a {background:#000;}*/

.m_gnb .sub_menu  {width:100%; line-height:20px; background:#4a4a4a; display:;}
.m_gnb .sub_menu > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu > li > a:hover { background:#009091;}
.m_gnb .gnb .alarm { background-size:20px;}
.m_gnb .gnb .name {max-width:200px;}
.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position: relative;}
.web_dis {display: block;}
.mobile_dis {display:none;}
.m_block {display:none;}


/* 1200px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}
}

/* 1220px 이하 */
@media screen and (max-width:1219px) {
	#header h1 {left:10px;}	
	#section {padding:0px 10px;}	
	#container .location {padding-right:10px;}
	#inner_wrap {max-width:1180px; width:100%; box-sizing:border-box; padding:0px 10px;}
	#right {float:none; width:100%; padding-right:0px;}
	.main_content {padding:0px 10px;}
}
/* 980px 이하 */
@media screen and (max-width:979px) {
	.scroll_on .title_bar .lnbW {top:80px;}
	.main_content {padding-bottom:30px;}
	#footerW {text-align:center; width:100%; font-size:1em; box-sizing:border-box;}
	#footer_add {padding:10px 0px 0px 0px; background:none;}
	#footer_add .f_logo {display:none;}
	.b_dtable dl {width:100%; float: none; padding-right:0px;}

	.b_dtable dl dt {color:#000; font-size: 14px; position: absolute; left: 0px; top: 0px; line-height: 30px;}


	
}
/* 768 이하 */
@media screen and (max-width:960px) {
	.m_gnb_on {display:block}
	.w_gnb {display:none;}
	.all_menu {display:none !important;}
	.lnb {letter-spacing:-1px; font-size:0.9em;}
	.lnb ul li a {font-size:14px;}
	
	#container {padding:20px 0px 0px 0px;}
	#container .location { display:none;}
	#right .sub_con {font-size:14px; line-height:140%;}
	.title_bar h2 {font-size: 2.4em; padding-bottom:10px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}
	.join_type li {padding:0px 5px;}
	.col-sm-2, .col-sm-3, .col-sm-4 {max-width:100%} 
	.input {width:100% !important; max-width:100%;}
	.step_tit {font-size:23px;}
 	td select {width:100% !important;}
	.m_cell {display:none;}
	.m_col2 {width:60px !important;}
	.requestW .txt br { display:none;}
	.sub_sitemap .gnb > ul > li {width:33.33%;  min-height:200px;}
	.mobile_dis {display: block;}
	.web_dis {display: none;}	
}
/* 600 이하 */
@media screen and (max-width:599px) {
	#footerW {padding:10px;}
	#footerW .f_menu {display:none;}
	#w_lnb {display:none;}
	#m_lnb {display:block;}
	#lnb_tit2 {font-size:14px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#fff; line-height:39px; height:39px; background:url(../img/common/lnb_arrow.png) no-repeat 95% center; cursor:pointer;}
	#leftW .lnb:after {clear:both; content:""; display:block;}
	#leftW .lnb .lnbs {width:100%; position:relative;}
	#leftW .lnb .lnbs .copy_menu {position:absolute; left:0px; top:40px; width:100%; display:none;}
	#leftW .lnb ul li {color:#333333; float:none; width:100%;}
	#leftW .lnb ul li.on {display:none !important;}
	#leftW .lnb ul li a {color:#333333; font-size:13px; display:block; line-height:20px; min-height:20px; padding:8px 10px 8px 20px; border-bottom:1px solid #ababab; border-left:1px solid #ababab; background:#fff;}
	#leftW .lnb ul li a:hover {color:#fff; background:#d91b5c;}
	.layers_wrap .layers {padding:10px;}
	
	.n_pr {padding:0px !important;}
	.n_pr .pa {position: relative; display: block; margin-bottom: 5px;}
	.main_content .block {width:100%; padding:0px 1.5%;  box-sizing:border-box;}
}



/* 480px 이하 */
@media screen and (max-width:479px) {
	.mobile_view{display:inline-block;}
	.mobile_none{display:none;}
	#wrap {padding-top:125px; transition:all 0.3s 0s ease-in-out;}
	#header {height:125px;}	
	#header h1 {width:260px; }

	.m_gnb_on {right:15px; top:44px;}
	.m_gnb {top:91px;}
	.subject {padding-left:10px;}	
	.bbs_search {margin-bottom:10px;}
	.bbs_search_in {padding:0px !important;}
	.bbs_search_in .select { position:relative; margin-bottom:5px; width:100% !important; left:0px !important;}
	.bbs_search_in .btn_search { position:relative; display:block; margin:5px 0px 0px 0px; width:100%;}
	.paging a {width:26px; line-height:26px; height:26px;}
	.paging a img {max-width:100%; vertical-align:top;}
	.paging a.first, .paging a.last, .paging a.prev, .paging a.next {height:28px;}
	.m_block {display:block; margin-bottom:3px; float:none;}
	.m_block_r {display:block; margin-bottom:3px; float:none;}
	.m_none {display:none;}
	.m_block span {display:block; padding:0px;}
	.m_block_r span {display:block; padding:0px;}
	.m_col {width:95px !important;}
	.board-view td.view_td {padding:20px 10px !important;}
	.board-write th {padding:5px 0 4px 10px; font-size:13px;}
	.board-write td {padding:5px 5px 4px 5px; font-size:13px;}
	table th {font-size:13px !important; padding:5px !important;}
	table td {font-size:13px !important; padding:5px !important;}

	.layers_wrap .layers {padding:10px;}
	.layers_wrap .layers_tit { background-image:none; font-size:1.5em;}
	.position {height:91px;}
	.scrollbox  {height:71px !important;}
	.s_tit {margin:25px 0px 5px 0px; font-size:22px;}
	.ss_tit {margin-top:20px;}
	.title_bar h2 {font-size:23px;}
	#inner_wrap {font-size:0.95em;}
	#container {padding:10px 0px 0px 0px;}
	.lnb ul li a {font-size:0.95em;}
	#right .sub_con {font-size:13px;}
	
	.Pop_in {padding:10px; border:3px solid #cccccc;}
	.add_input2 li {padding-left:0px; padding-top:30px;}
	.add_input2 li .select { position:absolute; left:0px; top:0px; bottom:0px; width:95px !important}
	
	.b_dtable dl dt {font-size:13px;}
	.m_skip {display:none !important;}
	.m_pl0 {padding-left:0 !important}
	.m_block {display:block !important;}
	.m_block_r {display:block !important;}

	.col-sm-2 .select_ds60 {width:60%;}
	.col-sm-2 .select_ds40 {width:40%;}
	.col-sm-2 .select_ds70 {width:70%;}
	.col-sm-2 .select_ds30 {width:30%;}
	#footerW {clear:both; border-top: 1px solid #eee; background: #fff; color:#666;}
#footer_add { max-width:360px; padding: 20px 10px 20px 10px;   font-size:14px; float:left; text-align:left; position:relative;}
#footer_add .web_info span {display:inline-block; line-height:130%;}
#footerW .f_menuW {background:#333333}
#footer_add .f_logo {position:absolute; left:30px; top:20px;}
	
}
.file_upload {max-width:100px; text-align:center;}
.file_upload span {display:block; margin-bottom:10px;}
.file_upload span img {max-width:100%;}

.loading_area {position:fixed; width:100%; height:100%; z-index:9999;}
.loading_area #bg {background-color:#000; display:block; height:100%; left:0;  opacity:0.5; filter:alpha(opacity=50); position:fixed; top:0; width:100%; z-index:9999;}
.loading_area .loading_img { position:fixed; left:50%; top:50%;}