@charset "UTF-8";
/*******

wrap,  container, footer, leftmenu 등 해당되는 레이아웃을 지정합니다.

*******/


/* intro */
#intro {max-width:640px;margin:0 auto;text-align:center;}
#intro .tit {margin-bottom:20px;font-size:14px;color:#fff;}
#intro .desc {padding:15px 10% 40px 10%;}
#intro #footer {padding:0;}
.login_img {text-align: left;padding-left: 9%;box-sizing: border-box;padding-top: 55px;}
.login_img img {width: 70vmin;max-width: 70%;}
#intro .txt {overflow:hidden;text-align:left;margin-top: 7vmin;padding-bottom: 15vmin;box-sizing: border-box;}
#intro .txt img {vertical-align: middle;margin-left: 15px;}
#intro .txt p {font-size: 22px;font-weight: 500;color: #fff;}
#intro .txt p.link_t {font-size: 17px;font-weight: lighter;margin-top: 5px;}
#intro .txt p.link_t span {display: inline-block;font-weight: 300;font-size: 17px;color: #fff;}
#intro .txt p.link_t span:last-child {/*margin-left: 10px;padding-left: 10px;*/box-sizing: border-box;/*position: relative;*/}
#intro .txt p.link_t span:last-child:after {content: '';position: absolute;left: 0;top: 5px;height: 15px;width: 1px;background-color: #a3a3a3;}
#intro .txt p.link_t span a {font-weight: 300;font-size: 17px;color: #fff;}
#intro .txt p.link_t span
#intro .txt li {position:relative;display:inline-block;margin:0 1%;padding-left:24px;font-size:13px;color:#fff;}
#intro .txt li:before {content:'';position:absolute;left:0;background-size:cover !important;}
#intro .txt-list1:before {width:17px;height:18px;background:url(../../images/intro/tel.gif) no-repeat center center;}
#intro .txt-list2:before {width:19px;height:14px;background:url(../../images/intro/mes.gif) no-repeat center center;}
#intro p {font-weight:600;font-size:18px;color:#fff;letter-spacing:-1px;}
.desc-form {margin-top:0;}
.desc-form input[type=text] {width:100%;padding:15px;box-sizing:border-box; line-height:16px; background-color:#f7faff !important; border: none; color:#111;letter-spacing:-1px; font-size: 20px; color: #111; margin-top: 20px;}
.desc-form input[type=password] {width:100%;padding:15px;box-sizing:border-box; line-height:16px;  background-color:#f7faff !important; margin-top:10px; border:none;color:#111;letter-spacing:-1px; font-size: 20px;}
.desc-form .btn-intro {display:inline-block;width:100%;margin-top:10px;padding:15px 0;border:none;background:#b60005;background-size:100% 100%;font-size:20px;font-weight:600;color:#fff;  margin-bottom:15px; letter-spacing: -2px;}
.desc-form input::-webkit-input-placeholder { color:#111; letter-spacing: -2px; background-color: #f7faff !important;}
.desc-form input::-moz-placeholder { color:#111; letter-spacing: -2px; background-color: #f7faff !important;}



/* iphone six plus */
@media screen and (max-height:736px) {
	#intro { padding-top:50px; height:100%: }
}

#intro .desc .tit > span {display: block; font-size: 16px;}




/* header */
#header {position:relative; max-width:640px;padding:0 10px;box-sizing:border-box;z-index:99;height: 85px;overflow: hidden;}
#header .topmenu {position:relative; width:100%;display: table; height: 100%;}
#header .topmenu_main {position:relative; width:100%;}
.top-left{float: left;display: table;height: 100%;}
.top-left a {display: table-cell;vertical-align: middle;height: 100%;}
.logo {float: left;padding-left: 30px;box-sizing: border-box;height: 85px;padding-top: 25px;padding-bottom: 30px;}
.logo img {max-height: 45px;}
.top-right {float:right;height: 100%; display: table;}
.top-right a {display: table-cell; height: 100%;width: 100%;vertical-align: middle;}
.tdopbtn {float:right;}
.tdopbtn > div {display:inline-block;}
.m-nav {padding-bottom: 40px; background: #071f60;}
.m_menu {position:absolute; top:0; right:0; z-index:9999; width:460px;}
.m_menu .nav-top {background:#0147a7; padding:20px 40px;}
.m_menu .nav-top .nav-tit {margin-bottom:20px;}
.m_menu .nav-top .nav-info a {display:block; background:#f3f3f3; color:#033436; font-size:18px; padding:10px 0; text-align:center; border-radius:4px; font-weight:600;}
.m_menu .nav-top .btn-x {position:absolute; right:40px; top:25px; width:29px;}
.m_menu .m-nav span {display:block; width:100%; background:#fff; color:#666; font-size:15px; padding:20px 0; text-indent:20px; font-weight:600; background-repeat:no-repeat; background-position:90% 50%; background-size:14px;}
.m_menu .m-nav .sub_menu {background:#f0f0f0; color:#666; text-indent:40px; padding:5px 0; display:none;}
.m_menu .m-nav .sub_menu li a {display:block; padding:5px 0; color:#666; font-size:13px;}
.img_menu {background-color:#fbfbfb;border-bottom:1px solid #cecece;}
.img_menu ul {display:table;white-space:nowrap;}
.img_menu ul li {display:table-cell;width:200px;text-align:center;white-space:nowrap;}
.img_menu ul li:last-child {margin-right:0;}
.img_menu ul li a {display:block;padding:10px 0;border-bottom:2px solid #fbfbfb;font-weight:600;font-size:14px;color:#333;}
.img_menu ul li.tab_on a {border-color:#245fa9;}





/*main*/
/*nav*/
.m_menu {display:none;position:absolute; top:0; right:0; z-index:9999; width:100%;height:100%;}
.m_menu .nav-top {background:#fff; padding:20px; border-bottom: 1px solid #999;}
.m_menu .nav-top .nav-tit {color:#feffff; font-size:18px; font-weight:600; margin-bottom:10px;}
.m_menu .nav-top .nav-tit img {max-width: 80%;}
.m_menu .nav-top .btn-x {position:absolute; right:20px; top:20px; width:25px;}
.nav-info {margin-top: 20px;background-color: #b69451;}
.m_menu .nav-top .nav-info a {display:block; background:#43547f; color:#fff; font-size:18px; padding:10px 0; text-align:center; border-radius:2px; font-weight: bold;}
.m_menu .m-nav span {display:block; width:100%; background:#fff; color:#666; font-size:18px; padding:15px 0 15px 20px; text-indent:20px; font-weight:600; border-bottom:1px solid #999; box-sizing: border-box; background-repeat:no-repeat; background-position:90% 50%; background-size:13px;}
.m_menu .m-nav span  a{color:#fff;}
.m_menu .m-nav .mm02 a {display:block; width:100%; color:#666; font-size:18px; text-indent:20px; font-weight:600;background-repeat:no-repeat; background-position:90% 50%; background-size:13px;}
.m_menu .m-nav .mm04 a {display:block; width:100%; color:#666; font-size:18px; text-indent:20px; font-weight:600;background-repeat:no-repeat; background-position:90% 50%; background-size:13px;}
.m_menu .m-nav .sub_menu {display:none;background:#e2e2e2; text-indent:30px; padding:5px 0 5px 10px; }
/*.m_menu .m-nav li.on span {background-image:url(../../images/img_on0.png);color: #2f4aa3;}*/
.m_menu .m-nav .sub_menu li a {display:block; /*padding:10px 0;*/padding:5px 0; color:#666; font-size:16px;}/*20170906윤지명 수정*/

.m_menu .m-nav .mm01 span {background-image:url(../../images/img_off0.png);}
.m_menu .m-nav .mm01.on span {background-image:url(../../images/img_on0.png);color: #024894;}
.m_menu .m-nav .mm02 span {background-image:url(../../images/img_off0.png);}
.m_menu .m-nav .mm03 span {background-image:url(../../images/img_off0.png);}
.m_menu .m-nav .mm03.on span {background-image:url(../../images/img_on0.png);color: #024894;}
.m_menu .m-nav .mm04 span {background-image:url(../../images/img_off0.png);}
.m_menu .m-nav .mm05 span {background-image:url(../../images/img_off0.png);}

/*.m_menu .m-nav .mm01:hover span {color: #2f4aa3;}
.m_menu .m-nav .mm03:hover span {color: #2f4aa3;}
.m_menu .m-nav .mm02:hover span a {color: #2f4aa3;}
.m_menu .m-nav .mm05:hover span {color: #2f4aa3;}
*/

.sub-listbox {overflow:hidden; border-bottom:1px solid #ccc; border-top:1px solid #ccc; box-sizing:border-box; background:#f1f1f1; margin-bottom:20px;}
.sub-listbox li {float:left; margin:0 0 0 10px; padding:10px 0;  }
.sub-listbox li a {font-size:11px; color:#333; font-weight:600;}
.sub-listbox li.on a{color:#004c98;}
.mm02.off span {color: #2f4aa3;}
.mm03.off span {color: #666 !important;}
.mm03.off .sm03 {display: none;}
.m_menu .m-nav .mm03.off span {background-image: url(../../images/img_off0.png);}




#container {position:relative;overflow: hidden;}
#container.m_ver1 {height: 100%;}
#container:after {content: ''; display: block; clear: both}
.f_menu {width:100%; height:37px;}
.f_menu ul {overflow:hidden; width:100%;}
.f_menu ul li {float:left; background:#07312f; width:25%; text-align:center; border-left:1px solid #041a19; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.f_menu ul li a {color:#fff; font-size:12px;  display:block; height: 27px; padding-top: 10px;}
#content {background-color:#f0f3f8;}
.m_ver1 #content {position: absolute;padding: 0px;background-color: #fff;top: 0;left: 0;right: 0;width: 100%;height: 100%;max-width: 640px;margin: 0 auto;box-sizing: border-box;}
#content.main-content {margin:0;padding:0;background-color:transparent;border:none;box-shadow:none;}
.main-box {overflow:hidden; }
.main-box .m-box {overflow:hidden;}
.m-box .m-lsit a {display:block;}
.m-box .m-list01 a {display:block; padding-top:2.5%;}
.m-box .m-list01 a:first-child{padding-top:0;}
.m-box .m-list02 {width:66.9%;}
.m-box-bottom {overflow:hidden;padding-top:0.8%;}
.m-box-bottom li {float:left;width:33.05%;padding-left:0.8%;}
.m-box-bottom li:first-child {width:32.26%;padding-left:0;}
.m-box-bottom li a {display:block;}
/*락중 수정*/
.m-box-bottom .m-box-bottom2 {width:33.05%; float:left;}
.m-box-bottom .m-box-bottom2 li {width:100%; padding-left:0px;}
.m-box-bottom .m-box-bottom2 li:last-child {padding-top:2%;}
/*락중 수정 2016 08 18*/
.m-list.m-list02 {margin-bottom: 7px;}
.m-box .m-list03 {width:100%;}
.m-box .m-list03 ul {overflow: hidden;margin: 0 -0.5%;}
.m-box .m-list03 li {float:left; width:32.33%;margin: 0.5%;}

.main-notice {position:relative; margin-top:15px;}
.main-notice .main-title {width:100%; color:#000; font-size:16px; margin-bottom:5px;}
.main-notice .main-title > img {padding-right:10px; height:23px;}
.main-notice .btn-notice {position:absolute; right:5px; top:5px;}
.main-notice .notice-list li {position:relative;border-bottom:1px solid #ddd; box-sizing:border-box; padding:10px 0;padding-right:90px;}
.main-notice .notice-list li a {display:block;font-size:15px; color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.main-notice .notice-list li:last-child {border-bottom:none;}
.main-notice .notice-list .dat {position:absolute;top:10px;right:10px;color:#999; font-size:15px;}

.m-bottom {margin-top:5px;}

.footer_l {width:100%; float:left; text-align: center;}
.footer_l img {height: 25px; text-align: center; padding-right: 5px;}
.footer_r {float:right; text-align:center; width:100%;}

#footer {width:100%;padding:15px 0; background-color:#fff; text-align:center;box-sizing:border-box; overflow:hidden;}
#footer .f-logo {font-size:16px; color:#707379;/* font-weight:bold; */display: inline-block;}
#footer .copy {margin-top: 5px;font-size:12px; color:#646464; font-weight:400;letter-spacing:0px;}
#footer .copy .ls0 {letter-spacing:0;}

.bx-wrapper {margin:0 auto;}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {display:none}
.bx-wrapper .bx-controls-auto .bx-stop {display:none;}
.bx-wrapper .bx-controls-direction a {display:none;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { bottom:10px; text-align:center;}
.bx-wrapper .bx-pager.bx-default-pager a{width:13px; height:13px; border-radius:50%; border:2px solid #fff; box-sizing:border-box; background:none;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {width:13px; height:13px; background:#fff; border-radius:50%;}

.mapbox {margin-top:15px !important;}
.nmap {width:100% !important;}
.nmap_movable_container {width:100%;}

/*sub01*/

.sub-con {text-align:center; font-size:18px; box-sizing:border-box;padding: 0 30px 30px;}
.sub-con h3 {padding: 20px 0;box-sizing: border-box;text-align: left;}
.sub_inner {background-color: #fff;padding: 0 10px;box-sizing: border-box;border:1px solid #eee;}

/*2016 04 19*/
.agree-com {display:block;width:110px;margin:0 auto;margin-top:30px;margin-bottom:60px;padding:10px 0;background:#004ea2;text-align:center;box-sizing:border-box;color:#fff;}

.select-bar select { -webkit-appearance: none;-moz-appearance: none;appearance: none;}

.select-bar select::-ms-expand { display: none;-moz-appearance: none;appearance: none;}

.submenu-wrap {position: relative; height: 80px; overflow: hidden;background: #414043; border-bottom: 1px solid #ccc; }
.submenu-area {border-bottom: 1px solid #ddd;box-sizing: border-box;}
.submenu {overflow-x:auto;width:100% !important;padding-left:10px;box-sizing: border-box;white-space:nowrap;}
.submenu li {display:inline-block;padding:0 10px;box-sizing:border-box;}
.submenu li a {font-weight:normal;font-size:20px;letter-spacing:-0.5px;color:#919191;line-height:80px;-webkit-text-size-adjust : none;text-size-adjust : none;display: block;height: 100%;position: relative;}
.submenu li:first-child {margin-left:5px;}
.submenu li.on a {color: #fff;}
.submenu li.on a:after {content: '';position: absolute;bottom: 0;height: 2px;background-color: #fff;left: 0;right: 0;width: 100%;}
.sub_select {padding-top: 30px;box-sizing: border-box;}
.sub_select select { -webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;height: 40px;padding: 0 10% 0 20px;box-sizing: border-box;outline: none;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;font-size: 16px;background: url(../../images/common/select_icon.png) no-repeat 95% center #fff;box-shadow: none;border: 1px solid rgb(169, 169, 169);}
.sub_select select option:checked, .sub_select select option:checked:hover, .sub_select select option:hover {background: #124ea1; color: #fff;}
.sub_select select:focus,.sub_select select:hover {border-color: #124ea1;border-width: 2px;}
.sub_select select::-ms-expand {display: none;-moz-appearance: none;appearance: none;}
.gallery_tit {padding: 20px 0 10px;box-sizing: border-box;position: relative;color: #333;font-size: 22px;text-align: left;font-weight: 550;}
.gallery_tit span {position: absolute;right: 0;font-weight: 300;font-size: 20px;display: block;}
.gallery_tit span img {margin-left: 10px;margin-top: 3px;}
.gallery_tit > span {display:inline-block;}
.gallery_upload_btn {display:inline-block;margin-top:-50px;}
.gallery_list {overflow: hidden;}
.gallery_list li {float: left;width: 33%;background-size: cover !important;height: 30vmin;background-position: center !important;}
.gallery_page #content {background-color:#fff;}
.gallery_page .sub_inner {padding: 0;}
.footer_fix {position: fixed;bottom: 0;width: 100%;max-width: 640px;z-index: 99;}
.footer_fix ul {background-color: #2b2b30;box-sizing: border-box;overflow: hidden;}
.footer_fix ul li {overflow: hidden;float: left;width: 25%;text-align: center;padding: 6px 0;box-sizing: border-box;}
.footer_fix ul li img {margin-top: 6px;}
.m_ver1. #footerwrap { padding-bottom: 60px;}

.member-table tr td img {max-height: 180px; width: auto;}


/*new_login*/
.hamburger {padding: 18px 12px; display: inline-block; height: 48px; box-sizing: border-box;width: 50px;position: absolute;right: 45px;top: 15px;z-index: 999999;}
.hamburger span {background: #59585a; display: block; height: 4px;-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease;-o-transition: all 0.6s ease; transition: all 0.6s ease;border-radius: 3px;}
.hamburger span:nth-child(1) {width: 36px;}
.hamburger span:nth-child(2) {width: 29px;margin-top: 7px;}
.hamburger span:nth-child(3) {width: 36px;margin-top: 7px;}
.hamburger.is-active {padding: 17px 10px;position: absolute;}
.hamburger.is-active .line {width: 40px;}
.hamburger.is-active .line:nth-child(2){opacity: 0;}
.hamburger.is-active .line:nth-child(1){-webkit-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-o-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg);}
.hamburger.is-active .line:nth-child(3){-webkit-transform: translateY(-10px) rotate(-45deg);-ms-transform: translateY(-10px) rotate(-45deg);-o-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg);}
#intro.new_intro {background: url(../../images/intro/intro_bg.jpg) no-repeat center bottom;background-size: 100%;background-color: #000;}

.m_menu_box {position: absolute;top: 0;width: 80%;text-align: center;z-index: -1;right: -100%;-webkit-animation: hideNav .5s ease forwards;background: #222;-moz-animation: hideNav .5s ease forwards;-o-animation: hideNav .5s ease forwards;animation: hideNav .5s ease forwards; display: block;max-width: 480px;overflow-y: scroll;padding-bottom: 50px;}
.m_menu_box.showNav {display: block !important;position: absolute;z-index: 9999;}
.m_menu_box nav {position: relative;z-index: 9999;}
.m_menu_box nav > ul {border-top: 1px solid #1d1e1f;box-sizing: border-box;}
.m_menu_box nav > ul > li {text-align: left;box-sizing: border-box;border-bottom: 1px solid #1d1e1f;}
.m_menu_box nav > ul li.on > a:after {position: absolute;bottom: 30px;content: '';height: 1px;background-color: #fff;left: 30px;right: 30px;}
.m_menu_box nav > ul li a {color: #fff; font-size: 30px; font-weight: 500;-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease;-o-transition: all 0.6s ease; transition: all 0.6s ease;position: relative;display: inline-block;padding: 30px 30px;}
.m_menu_box nav > ul li a:hover {}
.m_menu_box nav > ul li > ul {display: none;padding: 0px 0 0px;border-top: 1px solid #1d1e1f;box-sizing: border-box;}
.m_menu_box nav > ul li > ul li a {font-size: 30px;text-align: left;display: block;width: 100%;box-sizing: border-box;}
.mobile_list li ul li {line-height: 34px;background-color: #2a2b2d;}
@keyframes showNav{from{right:-100%}to{right:0}}@-webkit-keyframes showNav{from{right:-100%}to{right:0}}@-moz-keyframes showNav{from{right:-100%}to{right:0}}@-o-keyframes showNav{from{right:-100%}to{right:0}}.showNav{-webkit-animation:showNav .5s ease forwards;-moz-animation:showNav .5s ease forwards;-o-animation:showNav .5s ease forwards;animation:showNav .5s ease forwards;z-index:99999}
@keyframes hideNav{from{right:0}to{right:-100%}}@-webkit-keyframes hideNav{from{right:0}to{right:-100%}}@-moz-keyframes hideNav{from{right:0}to{right:-100%}}@-o-keyframes hideNav{from{right:0}to{right:-100%}}@media (max-width:1200px){.hideNav{-webkit-animation:hideNav 1s ease forwards;-moz-animation:hideNav 1s ease forwards;-o-animation:hideNav 1s ease forwards;animation:hideNav 1s ease forwards}.hidden{display:none}}
.mobile_list > li.on > a {}
#intro.new_intro {min-height: 100%;}
.m_ver1 .menu_slider {height: 100%;}
.m_ver1 .main-box .menu_slider li {box-sizing: border-box;padding: 135px 40px 95px;background-size: cover !important;height: 100%;width: 100vmin !important;}
.m_ver1 .main-box,.m_ver1 .main-box > .bx-wrapper,.m_ver1 .main-box .bx-viewport {height: 100%;}
.m_ver1 .main-box .bx-wrapper .bx-pager {display: none;}
.m_ver1 #footerwrap {position: absolute;bottom: 0;padding-bottom: 0;left: 0;right: 0;width: 100%;padding-bottom: 0;background-color: #efefef;}
.m_ver1 .m_bottom {position: absolute;bottom: 73px;width: 100%;padding-bottom: 73px;}
.m_ver1 .m_bottom .quick_link {padding: 0 10px;box-sizing: border-box;}
.m_ver1 .m_bottom .quick_link ul {text-align: center;padding-bottom: 4vmin;padding-top:1vmin;box-sizing: border-box;overflow: hidden;}
.m_ver1 .m_bottom .quick_link ul li {display: block;padding: 0 10px;box-sizing:border-box;text-align: center;vertical-align: bottom;width: 20%;float: left;}
.quick_link ul li img {vertical-align: bottom;max-height: 7vmin;}
.quick_link ul li span {display: block;color: #fff;text-align: center;font-size: 1.9vmin;}
.quick_link ul li span.imgbox {height: 7.5vmin;vertical-align: bottom;display: inline-block;}
.note_info {padding: 0 10px;width: 100%;box-sizing: border-box;position: absolute;bottom: 0;}
.note_info .note_tit {background-color: #082e66;text-align: center;height: 9vmin;max-height: 75px;line-height: 9vmin;border-radius: 10px;}
.note_info .note_tit a {color: #fff;display: block;font-size: 3.2vmin;font-weight: 500;}
.note_info .note_tit a img {margin-right: 15px;vertical-align: text-top;max-height: 28px;height: 4vmin;}
#footer {background-color: #efefef;padding: 5px 0;}
.m_ver1 .main-box .menu_slider li img {max-height: 250px;height:45vmin;}
#footer .f-logo {font-size: 11px;}
#footer .copy {font-size: 10px;}
#footer li a {font-size: 10px;}
/*.m_menu_box:before {content: '';position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;max-width: 640px;margin: 0 auto;z-index: 999;}*/
.nav-top {position: relative;padding: 20px;box-sizing: border-box;overflow: hidden;z-index: 9999;}
.nav-top > div {display: inline-block;}
.nav-top .logout_btn {float: left;}
.nav-top .nav-tit {position: absolute;left: 0;right: 0;margin: 0 auto;width: 110px;top: 25px;}
.nav-top .btn-x {position: static;padding: 0;float: right;margin-top: 5px;}
.m_menu_box .my_page {position: relative;padding: 0 20px;box-sizing: border-box;z-index: 9999;}
.my_page .info_tit span {display: block;font-size: 30px;color: #fff;font-weight: 500;text-align: left;}
.my_page .row {padding: 20px 0;box-sizing: border-box;}
.my_page .row .my_info1,.my_page .row .my_info2 {display: inline-block;text-align: center;color: #fff;width: 49%;}
.my_page .row > div span {display: block;width: 100%;height: 100%;color: #fff;font-size: 20px;font-weight: 300;margin-top: 15px;}
.note_con {position: fixed;text-align: center;bottom: 0;z-index: 9999;margin: 0 auto;max-width: 640px;left: 0;right: 0;width: 100%;}
.note_con span img {max-height: 78vh;}
.use_btn {background-color: #082e66;padding: 0 20px;box-sizing: border-box;height: 75px;text-align: center;display: table;width: 100%;}
.use_btn span {display: table-cell;vertical-align: middle;padding: 0 20px;}
.use_btn .pagerBtn {background-color: #fff;width: 35px;height: 35px;border-radius: 50%;overflow: hidden;text-align: center;line-height: 35px;display: inline-block;padding: 0;margin:  0 7px;}
.use_btn .pagerBtn a {color: #082e66;font-weight: bold;font-size: 20px;}
.note_con .pager_set {display: table-cell;vertical-align: middle;}
.note_con .use_img {padding: 0 10px;box-sizing: border-box;position: relative;height: 200vmin;background-color: rgba(0, 0, 0, 0.6);}
.note_con .use_img span {position: absolute;bottom: 0;left: 0;right: 0;padding: 0 10px;box-sizing: border-box;}



.absolute-center, .menu, .menu .btn .fa, .menu .btn.trigger .line {position: absolute;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.menu {width: 4em;height: 4em;position: absolute;top: 160px;z-index: 9999999;left: auto;right: 0px;}
.menu .btn {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background: #fff;opacity: 0;z-index: -10;cursor: pointer;transition: opacity 1s, z-index 0.3s, -webkit-transform 1s;transition: opacity 1s, z-index 0.3s, transform 1s;transition: opacity 1s, z-index 0.3s, transform 1s, -webkit-transform 1s;-webkit-transform: translateX(0); transform: translateX(0);}
.menu .btn .fa {font-size: 1em;transition: color 0.3s;text-align: center;width: 100%;}
.menu .btn:hover .fa {
  color: rgba(255, 255, 255, 0.7);
}
.menu .btn.trigger {background-color: #74c7c6;opacity: 1;z-index: 100;cursor: pointer;transition: -webkit-transform 0.3s;transition: transform 0.3s;transition: transform 0.3s, -webkit-transform 0.3s;}
.menu .btn.trigger .line {display: none;width: 63%;height: 6px;background: #000;border-radius: 6px;transition: background-color 0.3s, height 0.3s, top 0.3s;}
.menu .btn.trigger .line:before, .menu .btn.trigger .line:after {content: "";display: block;position: absolute;left: 0;width: 100%;height: 4px;background: rgba(255, 255, 255, 0.7);border-radius: 6px;transition: background-color 0.3s, -webkit-transform 0.3s;transition: background-color 0.3s, transform 0.3s;transition: background-color 0.3s, transform 0.3s, -webkit-transform 0.3s;}
.menu .btn.trigger .line:before {top: -12px;-webkit-transform-origin: 15% 100%;transform-origin: 15% 100%;}
.menu .btn.trigger .line:after {top: 8px;-webkit-transform-origin: 25% 30%;transform-origin: 25% 30%;}
.menu .rotater {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;}
.menu.active .btn-icon {opacity: 1;z-index: 50;border: 1px solid #666;box-sizing: border-box;}
.menu.active .trigger .line {display: block;height: 0px;top: 45%}
.menu.active img {display: none;}
.menu.active .trigger .line:before {-webkit-transform: rotate(45deg);transform: rotate(45deg); width: 110%;}
.menu.active .trigger .line:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg); width: 110%;}
.rotater.rotater_list4 {-webkit-transform: rotate(178.5deg); transform: rotate(178.5deg);}
.menu.active .rotater.rotater_list4 .btn-icon {-webkit-transform: translateY(-6em) rotate(-178.5deg);transform: translateY(-6em) rotate(-178.5deg);}
.rotater.rotater_list3 {-webkit-transform: rotate(221.5deg); transform: rotate(221.5deg);}
.menu.active .rotater.rotater_list3 .btn-icon {-webkit-transform: translateY(-6em) rotate(-221.5deg);transform: translateY(-6em) rotate(-221.5deg);}
.rotater.rotater_list2 {-webkit-transform: rotate(264.5deg); transform: rotate(264.5deg);}
.menu.active .rotater.rotater_list2 .btn-icon {-webkit-transform: translateY(-6em) rotate(-264.5deg);transform: translateY(-6em) rotate(-264.5deg);}
.rotater.rotater_list1 {-webkit-transform: rotate(307.5deg);transform: rotate(307.5deg);}
.menu.active .rotater.rotater_list1 .btn-icon {-webkit-transform: translateY(-6em) rotate(-307.5deg);transform: translateY(-6em) rotate(-307.5deg);}

.m_ver2 .menu_slider,.m_ver2 .main-box,.m_ver2 .menu_slider li {height: 450px;max-height: 450px;background-size: cover !important;}
.m_ver2 .menu_slider li {padding-top: 130px;box-sizing: border-box;}
.m_ver2 .menu_slider li .textimg {padding-left: 30px;}
.m_ver2 #content {padding: 0;}
.m_ver2 .bx-wrapper .bx-pager.bx-default-pager a {width: 11px;height: 11px;}
.m_ver2 .main_contents {background-color: #f7f7f7;padding: 0 30px;box-sizing: border-box;}
.m_ver2 .main_contents .menu_banner {background-color: #fff;border-radius: 3.5vmin;overflow:hidden;position: relative;margin-top: -10vmin;box-shadow: 5px 9px 14.55px 0.45px rgba(96, 96, 96, 0.15); }
.m_ver2 .main_contents .banner_set {overflow: hidden;}
.m_ver2 .main_contents .banner_set li {float: left;width: 33.333%;height: 193px;max-height: 193px;padding: 0 3vmin;box-sizing: border-box;border-right:1px solid #e6e6e6;border-top:1px solid #e6e6e6;}
.main_contents .banner_set li:nth-child(3),.main_contents .banner_set li:nth-child(6) {border-right: none;}
.main_contents .banner_set li:nth-child(1),.main_contents .banner_set li:nth-child(2),.main_contents .banner_set li:nth-child(3) {border-top: none;}
.main_contents .banner_set li .banner_tit {font-size: 28px;font-weight: 500;color: #333;font-weight: bold;letter-spacing: -2px;}
.main_contents .banner_set li .banner_tit span {display: block;font-weight: normal;font-size: 20px;color: #333;letter-spacing: 0;}
.banner_set li .iconbox {height: 100px;padding: 30px 0;box-sizing: border-box;display: block;}
.m_ver2 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {bottom: 15vmin;text-align: left;}
.m_ver2 .use_con {margin-top: 70px;margin-bottom: 65px;}
.m_ver2 .main-notice .btn-notice {display: none;}
.m_ver2 .main-notice .main-title {font-size: 28px;color: #333;font-weight: 600;margin-bottom: 25px;}
.m_ver2 .main-notice {padding-bottom: 80px;}
.m_ver2 .main-notice .notice-list {padding: 0 25px;box-sizing: border-box;overflow: hidden;}
.m_ver2 .notice_box {background-color: #fff;overflow: hidden;border-radius: 20px;}
.m_ver2 .notice-list li {padding: 30px 100px 30px 0;box-sizing: border-box;border-bottom: 1px solid #e6e6e6;position: relative;}
.m_ver2 .notice-list li:last-child {border-bottom: 1px solid #e6e6e6;}
.m_ver2 .notice-list li .notice_date {font-size: 30px;color: #333;font-weight: normal;}
.m_ver2 .notice-list li .notice_date span {display: inline-block;font-size: 22px;color: #808080;margin-left:10px; }
.m_ver2 .notice-list li .notice_tit {font-size: 24px;color: #333;font-weight: 500;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top: 5px;}
.m_ver2 .notice-list li .notice_more {position: absolute;right: 30px;top: 53px;}
.m_ver2 .notice_box .moreBtn {text-align: center;}
.m_ver2 .notice_box .moreBtn a {padding: 25px 0;display: block;color: #333;font-size: 22px;}
.m_ver2 .notice_box .moreBtn a img {margin-left: 20px;vertical-align: sub;}
.m_ver2 .note_con.on:after {content: '';position: fixed;top: 0;left: 0;right: 0;width: 100%;height: 100%; background: rgba(0, 0, 0, 0.53);max-width: 640px;margin: 0 auto;z-index: -1;}
.content {background-color: #f3f3f3;}


/*회원수첩 리뉴얼*/
.member_search {background-color: #fff;padding: 30px;box-sizing: border-box;border-radius: 15px;box-shadow: 1px 2px 25px 0px rgba(0, 0, 0, 0.1);}
.member_wrap {overflow: hidden;padding: 30px;box-sizing: border-box;}
.member_search input,.member_search select { -webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;box-sizing: border-box;outline: none;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
#mSearch {height: 70px;border-bottom: 1px solid #333;box-sizing: border-box;position: relative;}
#mSearch input {height: 100%;border: none;box-shadow: none;font-size: 22px;padding: 0 12% 0 10px;box-sizing: border-box;font-weight: 300;color: #134ea1;}
#mSearch:after {content: '';display: block;position: absolute;bottom: 0;height: 2px;background-color: #124ea1;width: 0;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
/*#mSearch:hover:after ,#mSearch:focus:after {left: 0;right: 0;width: 100%;}*/
#mSearch .search {position: absolute;height: 100%;width: 12%;background: #444;overflow: hidden;display: inline-block;border-radius: 5px;background: url(../../images/common/btn_search_plus.png) no-repeat center;right: 0;text-indent: -9999px;top:0;}
.select_box {overflow: hidden;margin: 0 -2%;}
.select_box.select_1 .select_bar {float:left;width:96%;height: 50px;box-sizing: border-box;padding: 10px 10px 15px;}
.select_box.select_2 .select_bar {float:left;width:46%;height: 50px;box-sizing: border-box;padding: 10px 10px 15px;}
.select_box.select_3 .select_bar {float:left;width:29.33%;height: 50px;box-sizing: border-box;padding: 10px 10px 15px;}
.select_box.select_4 .select_bar {float:left;width:46%;height: 50px;box-sizing: border-box;padding: 10px 10px 15px;}
.select_box .select_bar select {width: 100%;height: 100%;border: none;font-size: 18px;background:url(../../images/common/select_icon.png) no-repeat 95% center #fff;}
.select_box .select_bar {margin: 3% 2% 0;border-bottom: 1px solid #333;box-sizing: border-box;}
.select_box .select_bar select option:checked, .select_box .select_bar select option:checked:hover, .select_box .select_bar select option:hover {background: #124ea1; color: #fff;}
.select_box .select_bar select:focus,.select_box .select_bar select:hover {border-color: #124ea1;border-width: 2px;}
.select_box .select_bar select::-ms-expand {display: none;-moz-appearance: none;appearance: none;}
.member_box {background-color: #fff;box-shadow: 1px 2px 25px 0px rgba(0, 0, 0, 0.1);border-radius: 15px;overflow: hidden;margin: 25px 0;padding: 15px 0 16%;box-sizing: border-box;}
.member_default {overflow: hidden;position: relative;margin-bottom: 20px;padding: 0 30px;box-sizing: border-box;}
.member_img {float: left;max-width: 80px; max-height: 80px;overflow: hidden;border-radius: 50%;width: 20%;height: 16.3vmin;}
.member_info {float: left;width: 80%;padding-left: 20px;box-sizing: border-box;}
.member_name {color: #333;font-size: 22px;font-weight: 500;}
.member_name .m_gisu {display: inline-block;font-size: 18px;margin-left: 5px;}
.m_info1 {margin-top: 5px;}
.m_info1 span {display: inline-block;color: #888;font-size: 18px;margin-left:10px;padding-left:10px;box-sizing: border-box;position: relative;}
.m_info1 span:first-child {margin-left: 0;padding-left: 0;}
.m_info1 span:after {content: '';position: absolute;left: 0;background-color: #c2c2c2;width: 1px;top: 20px;height: 20px;top: 3px;}
.m_info1 span:first-child:after {display: none;}

.member_more {position: absolute;right: 30px;bottom: 15px;}
.member_more img {transition: 0.5s all 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;}
.member_more.on img {-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}

.member_content {position: relative;}
.member_quick {position: absolute;width: 100%;max-width: 100%;left: 0;right: 0;margin: 0 auto;border-radius: 0 0 15px 15px;overflow: hidden;}
.member_quick ul {overflow: hidden;padding: 0 20px;box-sizing: border-box;border-radius: 50px;height: 100%;background-color: #fff;box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.05);}
.member_quick ul li {float: left;width: 33.3%;line-height: 40px;padding: 0 10px;box-sizing: border-box;position: relative;}
.member_quick ul li a {display: block;width: 100%;height: 100%;font-size: 15px;color: #333;text-align: center;}
.member_quick ul li a img {margin-right: 10px;vertical-align: middle;}
.member_quick ul li:after {content: '';position: absolute;right: 0;top: 15px;height: 15px;width: 1px;background-color: #bdcee5;}
.member_quick ul li:last-child:after {display: none;}
.member_con .info_list,.member_box .info_list {margin-bottom: 20px;padding: 0 30px;box-sizing: border-box;}
.member_con .info_list li,.member_box .info_list li {position: relative;padding-left: 80px;box-sizing: border-box;color: #888;font-weight: 400;font-size: 14px;line-height: 24px;}
.member_con .info_list li span,.member_box .info_list li span {position: absolute;left: 0;color: #555;font-size: 14px;font-weight: 400;}
.member_map {width: 100%;height: 180px;overflow: hidden;padding: 0 30px;box-sizing: border-box;}


/*일정관리 리뉴얼*/
.schedule .plan {margin-top: 30px;box-sizing: border-box;}
.schedule .plan-table tr td {border-bottom: none;padding: 20px 0;font-size: 16px;}
.schedule .plan-table tr th {border-bottom: none;background-color: #fff;padding: 20px 0;font-size: 16px;}
.schedule .sub_inner {background-color: transparent;padding: 0;box-shadow: none;}
.schedule .plan-month a {border: none;}
.schedule .plan-month a img {vertical-align: middle;}
.schedule .plan-month {margin-bottom: 30px;}
.schedule .plan-month span.fwb {font-weight: bold;font-size: 28px;}
.schedule .plan-table tr td a {position: relative;min-height: 24px;display: inline-block;line-height: 24px;}
.schedule .plan-table tr td a.on {font-weight: bold;color: #fff;background-color: #b60005;line-height: 24px;}
.schedule .plan-table tr td a span {position: absolute;left: 0;right: 0;top: -5px;margin: 0 auto;width: 5px;height: 5px;background-color: #134ea1;border-radius: 50%;overflow: hidden;}
.schedule_box {border-radius: 15px;box-shadow: 1px 2px 25px 0px rgba(0, 0, 0, 0.1); padding: 30px;box-sizing: border-box;background-color: #fff;}
.schedule .plan-content {margin: 30px 0;}
.schedule .plan-content .plan_text {background-color: #fff;border-radius: 15px;box-shadow: 1px 2px 25px 0px rgba(0, 0, 0, 0.1);padding: 30px;box-sizing: border-box;}
.schedule .plan-content .tit {border-bottom: none;}
.schedule .plan-content .tit a {font-size: 20px;color: #333;}
.schedule .plan_text {color: #888;font-size: 16px;line-height: 24px;text-align: left;}
.schedule .plan-content .plan_date .day {font-size: 22px;color: #134ea1;font-weight: bold;}
.schedule .plan-content .plan_date .month,.plan_date {font-size: 22px;font-weight: normal;color: #134ea1;text-align: left;font-weight: bold;}
.schedule .plan_date {padding-bottom: 20px;box-sizing: border-box;}
.schedule .plan-content .plan_attend {padding-bottom: 20px;box-sizing: border-box;text-align: right; }
.schedule .plan-content .plan_attend span {padding-left: 3px;padding-right: 10px; }

/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
	vertical-align:middle;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #134ea1;
}

input:focus + .slider {
	box-shadow: 0 0 1px #134ea1;
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.attend_chk {
	margin:0px;
	display:inline-block;
	font-size:15px;
	font-weight:bold;
}

.m_ver3 #content {background-color: #fff;padding: 0 10px;box-sizing: border-box;}

/*동문수첩 정보 정정요청*/
.member_modi:after {background: #dfe4ec;position: absolute;content: '';}
.member_modi .modi_tit {text-align: right;padding: 10px 30px 10px;box-sizing: border-box;}
.member_modi .modi_tit a {display: inline-block;font-size: 14px;color: #134ea1;position: relative;padding-bottom: 3px;}
.member_modi .modi_tit a:after {content: '';position: absolute;bottom: 0;width: 100%;height: 1px;background-color: #134ea1;left: 0;right: 0;}
.modi_box {box-sizing: border-box;background-color: #dfe4ec;}
.modi_box .inner {background-color: #fff;border: none;/*border-radius: 25px;*/padding: 20px 20px 0;}
.modi_list {overflow: hidden;padding-bottom: 15px;box-sizing: border-box;border-bottom: 1px solid #eff1f5;}
.modi_list li {float: left;width: 50%;position: relative;color: #666;font-weight: 350;padding-left: 80px;box-sizing: border-box;font-size: 14px;line-height: 32px;}
.modi_list li .modi_name {position: absolute;left: 0;color: #333;font-size: 14px;font-weight: 350;}
.modi_list li .modi_ck {border: 1px solid #d0d0d0;box-sizing: border-box;display: inline-block;vertical-align: middle;width: 15px;height: 15px;margin-right: 5px;}
.modi_list li.on .modi_ck {background: url(../../images/common/modi_ck.gif) no-repeat center;}
.member_modi .btn_set {padding: 15px 0 30px;box-sizing: border-box;overflow: hidden;text-align: center;}
.member_modi .btn_set span {display: inline-block;margin: 0 5px;text-align: center;font-size: 13px;width: 45%;max-width: 100px;height: 30px;line-height: 30px;border-radius: 10px;overflow: hidden;}
.member_modi .btn_set span a {color: #fff; font-size: 13px;display:block;width: 100%;height: 100%;}
.member_modi .btn_set span img {margin-right: 10px;vertical-align: middle;}
.member_modi .btn_set span:first-child {background-color: #a0a0a0;}
.member_modi .btn_set span:last-child {background-color: #134ea1;}

.modi_list li input[type="checkbox"] {display:none;}

.modi_list li input[type="checkbox"] + label span {
        border: 1px solid #d0d0d0;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin-right: 5px;
}
.modi_list li input[type="checkbox"]:checked + label span {background: url(../../images/common/modi_ck.gif) no-repeat center;}

.filter_list {margin-bottom: 5px;background: url(../../images/common/filter.png) no-repeat center left;margin-left :5px;box-sizing: border-box;margin-top: 10px;}
.filter_list select {border: none;margin-left: 15px;background: none;border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;outline: none;}




/*main4*/

.m_ver4 .menu_slider,.m_ver4 .main-box,.m_ver4 .menu_slider li {height: 560px;max-height: 560px;background-size: cover !important;}
.m_ver4 .menu_slider li {padding-top: 130px;box-sizing: border-box;}
.m_ver4 .menu_slider li .textimg {padding-left: 30px;}
.m_ver4 #content {padding: 0;}
.m_ver4 .bx-wrapper .bx-pager.bx-default-pager a {width: 11px;height: 11px;}
.m_ver4 .main_contents {background-color: #f0f3f8;padding: 0 30px;box-sizing: border-box;}
.m_ver4 .main_contents .menu_banner {text-align:center;}
.m_ver4 .main_contents .banner_set {overflow: hidden;margin:3% 0;}
.m_ver4 .main_contents .banner_set li {float: left;width: 33.333%;margin:3% 0;}
.m_ver4 .main_contents .banner_set li .banner_tit {font-size:22px;}
.m_ver4 .main_contents .banner_set li .iconbox {display:block;height:auto !important;padding:0 !important;margin-bottom:1.5vmin;}
.m_ver4 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {bottom: 15vmin;text-align: left;}
.m_ver4 .use_con {margin-top: 30px;}
.m_ver4 .main-notice {background-color: #fff;overflow: hidden;padding:25px;border-radius: 10px;}
.m_ver4 .main-notice .notice {position:relative;}
.m_ver4 .notice_box .moreBtn {text-align: center;}
.m_ver4 .notice_box .moreBtn a {padding: 25px 0;display: block;color: #333;font-size: 22px;}
.m_ver4 .notice_box .moreBtn a img {margin-left: 20px;vertical-align: sub;}
.m_ver4 .note_con.on:after {content: '';position: fixed;top: 0;left: 0;right: 0;width: 100%;height: 100%; background: rgba(0, 0, 0, 0.53);max-width: 640px;margin: 0 auto;z-index: -1;}
.m_ver4 .bx-wrapper .bx-controls-direction a.disabled {display:block;}
.m_ver4 .bx-wrapper .bx-controls-direction a {left:auto;top:auto;right:15px !important;bottom:20px;width:40px;height:40px;background-image:url(../../images/main/ver4_controls.png);background-repeat:no-repeat;background-position:center;}
.m_ver4 .bx-wrapper .bx-controls-direction a.bx-prev {right:60px !important;background-position-x:0;}
.m_ver4 .bx-wrapper .bx-controls-direction a.bx-next {background-position-x:right;}
.m_ver4 .bx-wrapper .bx-controls-direction a{}
.m_ver4 .bx-wrapper .bx-controls-direction a{}
.m_ver4 .main-notice .main-title {font-size:22px;}