@charset "utf-8";
/************************************************************************
 * filename : main.css
 * description : 메인 CSS
 * date : 2016.9.5
************************************************************************/

#main {padding-bottom:60px;}
.main #headerWrap {border-bottom:0 none;}
/*.main_visual_area {border-top:1px solid #e6e3bc; background:#ffffe9;}*/
.main_visual_area {border-top:1px solid #e3e5be; background:#fff;}
.main_visual_area .inner {position:relative; width:1100px; height:372px; margin:0 auto;}
.main_visual_area .inner .mSlider_wrap {margin: 0 225px 0 0;max-width:825px;position: relative;overflow:hidden;}
.main_visual_area #mSlider li{height:372px;}
.main_visual_area #mSlider li .pc_ver{display:block;height:100%;}
.main_visual_area #mSlider li .pc_ver img{max-width:100%;height:100%;}
.main_visual_area #mSlider li .mobile_ver{display:none}
.main_visual_area #mSlider li .mobile_ver img{max-width:100%;}

#mSlider a {display: block;} /* 추가 */
.main_visual_area .bx-controls{position:absolute;top:39px;left:0;}
.main_visual_area .bx-controls a{text-indent:-9999em;background:url('/web/vols/images/main/mslide_control.png') no-repeat 0 0;overflow:hidden;display:block;}
.main_visual_area .bx-controls-auto{position:absolute;top:5px;left:0;display:inline-block;width:17px}
.main_visual_area .bx-controls-auto > div{float:left;}
.main_visual_area .bx-wrapper a.bx-start{background-position:0 0;width:17px;height:17px;}
.main_visual_area .bx-wrapper a.bx-stop{background-position:0 -17px;width:17px;height:17px;}
.main_visual_area .bx-wrapper .bx-pager{position:absolute;top:5px;left:20px;display:inline-block;min-width:550px;}
.main_visual_area .bx-wrapper .bx-pager .bx-pager-item, 
.main_visual_area .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;}
.main_visual_area .bx-wrapper .bx-pager.bx-default-pager a {background: #6f767a;border-radius: 8px;display: block;height: 17px;margin: 0 3px;text-indent: -9999px;width: 17px;}
.main_visual_area .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.main_visual_area .bx-wrapper .bx-pager.bx-default-pager a.active {background: #ff7d25; width:50px;}
.main_visual_area .bx-start.active,.main_visual_area .bx-stop.active{display:none}

.main_visual_area .login_area {position:absolute; top:40px; right:0; z-index:1;}
.main_visual_area .login_area h2 {padding-left:36px; font-size:26px; font-weight:bold; line-height:30px; color:#644527; background:url('/web/vols/images/main/ico_power.png') no-repeat left top;}
.main_visual_area .login_area .login_box {position:relative;width:225px; margin-top:20px;}
.main_visual_area .login_area .login_box .input_text {width:100%; padding:5px 0; overflow:hidden; border-radius:6px; border: 1px solid #ABABAB;}
.main_visual_area .login_area .login_box .focused {border: 1px solid #FFCC53;}
.main_visual_area .login_area .login_box .input_text input {font-size:15px; border:0 none; color:#000; background:#fff;}
.main_visual_area .login_area .login_box .input_text input::-webkit-input-placeholder {/* Chrome/Opera/Safari */
  color:#000;}
.main_visual_area .login_area .login_box .input_text input::-moz-placeholder {/* Firefox 19+ */
  color:#000;}
.main_visual_area .login_area .login_box .input_text input::-ms-input-placeholder {/* IE 10+ */
  color:#000;}
.main_visual_area .login_area .login_box .input_text input:-moz-placeholder {/* Firefox 18- */
  color:#000;}
.main_visual_area .login_area .login_box dd.pwd {margin-top:4px;}
.main_visual_area .login_area .login_box .btn_login {display:inline-block; width:100%; height:40px; margin-top:4px; font-size:18px; font-weight:bold; color:#222; border-radius:6px; background:#FFCC53;}
.main_visual_area .login_area .login_box .support .save_id {position:absolute; color:#666;}
.main_visual_area .login_area .login_box .support  input {position:absolute; top:-1px; left:-1px;width:22px;height:22px; /* visibility:hidden; */ display:none;}
.main_visual_area .login_area .login_box .support  label {display:inline-block; position:relative; padding-left:26px; line-height:20px; cursor:pointer;}
.main_visual_area .login_area .login_box .support  label:after {content:''; display:block; position:absolute; width:20px; height:20px; top:0; left:0; overflow:hidden; background:url('/web/vols/images/main/ico_check.png') no-repeat left top;}
.main_visual_area .login_area .login_box .support  input:checked + label:after {background-position:-25px 0;}
.main_visual_area .login_area .login_box .support {margin-top:5px; padding:8px 0; font-size:13px; text-align:center; border:1px solid #e4e4e4; border-radius:5px; background:#fff;}
.main_visual_area .login_area .login_box .support a {display:inline-block;}
.main_visual_area .login_area .login_box .support a.join {position:relative; margin-left:12px; padding-left:12px;}
.main_visual_area .login_area .login_box .support a.join:after {content:''; display:block; position:absolute; width:1px; top:4px; bottom:4px; left:0; background:#c5c5c5;}
.main_visual_area .login_area .login_box .confirm_id {position:absolute;top:165px; width:100%; padding:5px 0; font-size:13px; text-align:center; border:1px solid #e4e4e4; border-radius:5px; background:#FFCC53;}
.main_visual_area .login_area .login_box .confirm_id a {display:inline-block;}

.login_area .uesr_data{width:225px;}
.login_area .uesr_data h2{background:none;padding-left:0;}
.login_area .uesr_data .msg{color:#644527;/*table-layout:30px;*/font-size:15px;margin-top:15px;}
.login_area .uesr_data .msg em{font-size:20px;font-weight:bold;color:#ed6300;margin-right:5px;}
.login_area .uesr_data .msg i{display:block}
.login_area .uesr_data .btn_area{overflow:hidden;margin-top: 10px;}
.login_area .uesr_data .btn_area .data_modify{float:left;}
.login_area .uesr_data .btn_area .logout{float:right;}
.login_area .uesr_data .btn_area .btn{border-radius:6px;overflow:hidden;}
.login_area .uesr_data .btn_area .btn span{display:inline-block;width:110px;height:40px;line-height: 40px;font-weight:bold;text-align:center;}
.login_area .uesr_data .btn_area .logout span{background:#917c67;color:#fff;}
.login_area .uesr_data .btn_area .data_modify span{background:#FFCC53;color:#222;}
.login_area .uesr_data .data_list{margin-top:15px;}
.login_area .uesr_data .data_list li{padding: 5px 0;background:url('/web/vols/images/main/bg_dot.png') repeat-x left bottom;}
.login_area .uesr_data .data_list dl{position:relative;min-height:22px;}
.login_area .uesr_data .data_list dl dt{position:relative;top:0;left:0;padding-left:4px;color:#2c2721;}
.login_area .uesr_data .data_list dl dd{color:#ed6300;}

.login_area .uesr_data .data_list dl dd p{font-size:14px;}
/*.login_area .uesr_data .data_list dl dd p i{display:block}*/




.main_top_link {width:1100px; margin:0 auto; overflow:hidden;}
.main_top_link .boxs {position:relative; float:left; width:25%; height:154px; box-sizing:border-box; border-left:1px solid #fff;}
.main_top_link .boxs:first-child {border-left:0 none;}
.main_top_link .boxs h2 {color:#2c2721;}
.main_top_link .boxs h2 span {display:block; font-size:19px;}
.main_top_link .boxs:after {content:''; display:block; position:absolute; width:92px; height:92px; margin-top:-46px; top:50%; left:20px; overflow:hidden;}
.main_top_link .boxs a.link {display:block; position:absolute; top:0; right:0; bottom:0; left:0; text-indent:-9999em;z-index:10;}

.main_top_link .box1, .main_top_link .box2, .main_top_link .box3, .main_top_link .box4 {padding:55px 0 0 126px;}

.main_top_link .box1 {background:#a2e0d4;}
.main_top_link .box2 {background:#80c1fc;}
.main_top_link .box3 {background:#ffd476;}
.main_top_link .box4 {background:#f5fbaa;}

.main_top_link .box1:after {background:url('/web/vols/images/main/ico01.png') no-repeat left top;}
.main_top_link .box2:after {background:url('/web/vols/images/main/ico02.png') no-repeat left top;}
.main_top_link .box3:after {background:url('/web/vols/images/main/ico03.png') no-repeat left top;}
.main_top_link .box4:after {background:url('/web/vols/images/main/ico04.png') no-repeat left top;}

.main_cont_bottom {position:relative; width:1100px; margin:0 auto; /* padding-top:40px; */ overflow:hidden; box-sizing:border-box; border:1px solid #e5e5e5; border-top:0 none;}
.main_cont_bottom:before {content:''; display:block; position:absolute; width:1px; top:40px; bottom:0; left:33.3333%; overflow:hidden; background:#e5e5e5;}
.main_cont_bottom:after {content:''; display:block; position:absolute; width:1px; top:40px; bottom:0; left:66.6666%; overflow:hidden; background:#e5e5e5;}
.main_cont_bottom h2.tit_lv2 {color:#1e1e1e; position:relative; z-index:1;}

.main_cont_bottom .boxs {position:relative; float:left; width:33.3333%; height:262px; box-sizing:border-box; border-top:1px solid #e5e5e5;}
.main_cont_bottom .boxs:nth-child(1), .main_cont_bottom .boxs:nth-child(4) {width:33.3334%;}
.main_cont_bottom .notice {padding:32px 27px 0 27px;}
.main_cont_bottom .notice ul {margin-top:16px; padding-top:20px; border-top:1px solid #8b8f9a;}
.main_cont_bottom .notice ul li {margin-top:4px;}
.main_cont_bottom .notice ul li:first-child {margin-top:0;}
.main_cont_bottom .notice ul li a {display:block;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.main_cont_bottom .notice ul li a span.tag{background:#ff4e00;color:#fff;display:inline-block;padding:0 5px;border-radius:3px;margin-right:4px;}
.main_cont_bottom .notice ul li a.hover {text-decoration:underline;}
.main_cont_bottom .notice a.more {display:block; position:absolute; width:29px; height:29px; top:28px; right:27px; text-indent:-9999em; background:url('/web/vols/images/main/ico_more.png') no-repeat left top;z-index:1;}
.main_cont_bottom .ico_box {padding-top:144px; text-align:center;}
.main_cont_bottom .ico_box .tit_lv2 span {display:block; padding-bottom:4px; font-size:14px; color:#727272 ;}
.main_cont_bottom .ico_box .more {display:inline-block; position:relative; width:123px; height:29px; margin-top:14px; padding-right:13px; font-size:12px; font-weight:bold; line-height:27px; box-sizing:border-box; text-align:center; border:1px solid #e9e9e9; color:#5a5a5a;}
.main_cont_bottom .ico_box .more:after {content:''; display:block; position:absolute; width:8px; height:8px; margin-top:-4px; top:50%; right:20px; overflow:hidden; background:url('/web/vols/images/main/ico_plus.png') no-repeat left top;}
.main_cont_bottom .ico_box:after {content:''; display:block; position:absolute; width:108px; height:108px; margin-left:-54px; top:20px; left:50%; overflow:hidden; background:url('/web/vols/images/main/ico05.png') no-repeat left top;}
.main_cont_bottom .ico_box.center:after {background-image:url('/web/vols/images/main/ico04.png');}
.main_cont_bottom .status {position:relative; padding:34px 0 0 20px;}
.main_cont_bottom .status:after {content:''; display:block; position:absolute; width:44px; height:100px; right:18px; top:15px; background:url('/web/vols/images/main/bg_status.png') no-repeat left top;}
.main_cont_bottom .status .tit_lv2 i {display:block;}
.main_cont_bottom .status .h_decs {margin-top:8px;}
.main_cont_bottom .status .num {margin-top:20px;}
.main_cont_bottom .status .time {margin-top:18px;}

/* 2017-11-06 오늘 접속자수 카운트 제거로 인한 사이즈맞춤으로 추가 */
.main_cont_bottom .status .time2 {margin-top:53px;}
.main_cont_bottom .status .time3 {margin-top:33px;}

.main_cont_bottom .status dl:after {content:''; display:block; width:0; height:0; clear:both; overflow:hidden;}
.main_cont_bottom .status dl dt{width:40%;float:left;} 
.main_cont_bottom .status dl dd {width:50%;float:left;text-align:right}
.main_cont_bottom .status dl dd em {letter-spacing:-2px;}
.main_cont_bottom .status .num dd em {font-size:24px; font-weight:bold; color:#ed6300;}
.main_cont_bottom .status .time dd em {font-size:24px; font-weight:bold; color:#111;}
.main_cont_bottom .status .time dd em.fc_mint{color:#0090b1}

/* 2017-11-06 오늘 접속자수 카운트 제거로 인한 사이즈맞춤으로 추가 */
.main_cont_bottom .status .time2 dd em {font-size:23px; font-weight:bold; color:#111;}
.main_cont_bottom .status .time2 dd em.fc_mint{color:#0090b1}
.main_cont_bottom .status .time3 dd em {font-size:23px; font-weight:bold; color:#111;}
.main_cont_bottom .status .time3 dd em.fc_mint{color:#0090b1}

.main_cont_bottom .status dd span {display:inline-block; margin-left:4px; color:#5a5a5a;}
.main_cont_bottom .slide_banner{padding:32px 27px 0 27px;}
.main_cont_bottom .popup_slider { margin-top:16px; position:relative; z-index:2;}
.main_cont_bottom .popup_slider .bx-controls{position:absolute;top:-37px;right:0;width:97px;}
.main_cont_bottom .popup_slider .bx-controls a{text-indent:-9999em;background:url('/web/vols/images/main/slide_control.png') no-repeat left -25px;overflow:hidden;display:block;}
.main_cont_bottom .popup_slider .bx-controls-auto{position:absolute;top:0;left:24px;display:inline-block;}
.main_cont_bottom .popup_slider #popSlider li a img{width:100%;max-height:170px;margin:0 auto;}
.main_cont_bottom .popup_slider .bx-controls-auto > div{float:left;}
.main_cont_bottom .popup_slider .bx-wrapper a.bx-prev,
.main_cont_bottom .popup_slider .bx-wrapper a.bx-next{width:24px;height:25px;position:absolute;top:0;left:0;}
.main_cont_bottom .popup_slider .bx-wrapper a.bx-next{background-position:right -25px;left:auto;right:0;}
.main_cont_bottom .popup_slider .bx-wrapper a.bx-start{background-position:-24px -25px;width:24px;height:25px;}
.main_cont_bottom .popup_slider .bx-wrapper a.bx-stop{background-position:-48px -25px;width:25px;height:25px;}
/* .main_cont_bottom .popup_slider .bx-wrapper a.bx-prev:hover{background-position:0 0;}
.main_cont_bottom .popup_slider .bx-wrapper a.bx-next:hover{background-position:right 0;}
.main_cont_bottom .popup_slider .bx-wrapper a.bx-start.active{background-position:-24px 0}
.main_cont_bottom .popup_slider .bx-wrapper a.bx-stop.active{background-position:-48px 0} */


/* 테블릿 */
@media screen and (max-width:1024px) {
	.main_visual_area .inner {width:auto;height:auto;box-sizing:border-box}
	.main_visual_area .inner .mSlider_wrap{margin:0 260px 0 0 ;max-width:840px;}
	.main_visual_area #mSlider li .pc_ver{display:table-cell;height:372px;vertical-align:bottom;}
	.main_visual_area .bx-controls{left:30px;}
	.main_visual_area .login_area{right:30px;}
	.main_top_link{width:auto;}
	.main_top_link .boxs{height:213px;}
	.main_top_link .boxs:after{top:30px;left:50%;margin-left:-46px;margin-top:0;}
	
	.main_top_link .box1,.main_top_link .box2, .main_top_link .box3, .main_top_link .box4 {padding:142px 0 0 0;}
	.main_top_link .box1 .tit_lv2,.main_top_link .box2 .tit_lv2, .main_top_link .box3 .tit_lv2, .main_top_link .box4 .tit_lv2{text-align:center;}
	
	.main_cont_bottom{width:auto;}
	.main_cont_bottom .popup_slider img{max-width:350px;}
	.main_cont_bottom .boxs{width:50%;}
	.main_cont_bottom .boxs:nth-child(1), .main_cont_bottom .boxs:nth-child(4) {width:50%;}
	.main_cont_bottom:before {display:none;}
	.main_cont_bottom:after{left:50%;}
	
}
/* 비주얼 영역 */
@media screen and (max-width:1023px) {
	.main_visual_area #mSlider li{height:auto}
	.main_visual_area #mSlider li .pc_ver{display:none}
	.main_visual_area #mSlider li .mobile_ver{display:block}
}
/* 모바일 */
@media screen and (max-width:767px) {
	
	.main_visual_area .login_area{display:none;}
	.main_visual_area .inner .mSlider_wrap{margin:0}
	.main_visual_area .bx-controls{left:10px;top:7%;}
	.main_visual_area .bx-controls-auto{top:5px;}
	.main_top_link .boxs{width:50%;height:200px;}
	.main_top_link .boxs h2.tit_lv2{font-size:22px;}
	.main_top_link .boxs:after {content:''; display:block; position:absolute; width:70px; height:70px; margin-top:0; top:30px; left:50%;margin-left:-35px;}
	
	.main_top_link .box1,.main_top_link .box2, .main_top_link .box3, .main_top_link .box4 {padding:120px 0 0 0;}
	.main_top_link .box1,.main_top_link .box2{border-bottom:1px solid #fff;}

	.main_top_link .box1:after {background:url('/web/vols/images/main/ico01_m.png') no-repeat left top;background-size:70px;}
	.main_top_link .box2:after {background:url('/web/vols/images/main/ico02_m.png') no-repeat left top;background-size:70px;}
	.main_top_link .box3:after {background:url('/web/vols/images/main/ico03_m.png') no-repeat left top;background-size:70px;}
	.main_top_link .box4:after {background:url('/web/vols/images/main/ico04_m.png') no-repeat left top;background-size:70px;}

	.main_cont_bottom{padding-top:0;border-left:0 none;border-right:0 none;}
	.main_cont_bottom:after{display:none;}
	.main_cont_bottom .boxs{float:none;width:auto;height:auto;}
	.main_cont_bottom .boxs:nth-child(1), .main_cont_bottom .boxs:nth-child(4) {width:auto;}

	.main_cont_bottom h2.tit_lv2{font-size:22px; position:relative; z-index:1;}
	.main_cont_bottom .notice {padding:32px 0 24px 0;}
	.main_cont_bottom .notice .tit_lv2{padding-left:15px;}
	.main_cont_bottom .notice a.more{right:15px;}
	.main_cont_bottom .notice ul li a{font-size:14px;padding:10px 0 10px 15px;}
	.main_cont_bottom .slide_banner{width:auto;height:auto;padding:35px 15px 15px;}
	.main_cont_bottom .popup_slider img{max-width:100%;}
	.main_cont_bottom .ico_box {padding:118px 0 29px;}
	.main_cont_bottom .ico_box:after {width:70px; height:70px; margin-left:-35px; top:29px; background-image:url('/web/vols/images/main/ico05_m.png');background-size:100%}
	.main_cont_bottom .ico_box.center:after {background-image:url('/web/vols/images/main/ico04_m.png');}
	.main_cont_bottom .ico_box .tit_lv2 span {font-size:12px;}

	.main_cont_bottom .status{padding:35px 15px 15px;}
	.main_cont_bottom .status .tit_lv2{line-height: 140%;}
	.main_cont_bottom .status:after {width:36px; height:85px; right:15px; top:32px; background:url('/web/vols/images/main/bg_status_m.png') no-repeat left top;background-size:100%;}
	.main_cont_bottom .status dl dt {min-width:70px;}
	.main_cont_bottom .status dl dd em {letter-spacing:0px;}
	.main_cont_bottom .status .num dd em {font-size:22px;}
	.main_cont_bottom .status .time dd em {font-size:22px;}
	.main_cont_bottom .status dd span{letter-spacing:0;padding-left:4px}

}

/*
.bx-wrapper {position:relative; padding:0; *zoom:1;}
.bx-wrapper img {display:block; max-width:100%;}
.bx-wrapper .bx-viewport {-webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0);}
.bx-wrapper .bx-loading {position:absolute; width:100%; height:100%; min-height:50px; top:0; left:0; z-index:2000; background:url(images/bx_loader.gif) center center no-repeat #fff;}
*/