@charset "utf-8";

body{min-width: 320px;position: relative;}
body.over{overflow: hidden;}
select::-ms-expand{
  display: block;
}
select{-moz-appearance: menulist;-webkit-appearance: menulist;appearance: menulist;}
#wrap{overflow-y: hidden;}
.container{max-width: 1400px;width: 100%;box-sizing: border-box;margin:0 auto;}

/* header */
#header{position: fixed;width: 100%;min-width: 320px;z-index: 3;background-color: #FFF;}
.h_box{width: 81.25%;background-color: #001f4b;box-sizing: border-box;height: 98px;display: inline-block;vertical-align: top;padding: 0 20px 0 90px;}
.logo{transition: 0.3s;height: 100%;line-height: 98px;display: inline-block;vertical-align: top;}
.gnbul{display: inline-block;vertical-align: top;box-sizing: border-box;margin-left: 6.2%;width: 100%;max-width: 730px;}
.gnbli{position: relative;display: inline-block;vertical-align: top;box-sizing: border-box;margin: 0 2.7%;}
.gnbli:last-child{margin-right: 0;}
.gnbli>a{height: 100%;line-height: 98px;display: block;font-size: 18px;color: #fff;font-weight: 400;}
.linkul{float: right;display: inline-block;vertical-align: top;box-sizing: border-box;}
.linkul li{display: inline-block;vertical-align: top;box-sizing: border-box;margin-right: 20px;}
.linkul a{height: 100%;line-height: 98px;font-size: 15px;color: #FFF;font-weight: 500;}
.h_box_fR{float: right;width: 18.7%;padding: 0 90px 0 30px;box-sizing: border-box;}
.linkul02{display: inline-block;vertical-align: top;box-sizing: border-box;}
.linkul02 li{display: inline-block;vertical-align: top;box-sizing: border-box;}
.linkul02 a{height: 100%;line-height: 98px;font-size: 15px;font-weight: 600;}
.all_menu{float: right;margin-top: 35px;}
.sub_menu{display: none;z-index: 3;border-top:3px #edc008 solid;padding: 25px 0 21px;box-sizing: border-box;text-align: center;background-color: #35a8a5;width: 146px;position: absolute;top: 83px;left: 50%;transform: translateX(-50%);}
.sub_menu li{margin-bottom: 11px;}
.sub_menu a{color: #a8d4d3;font-size: 16px;font-weight: 400;}
.sub_menu li:hover a{color: #FFF;}
.all_menu_wrap{display: none;top: 0;left: 0;position: fixed;z-index: 4;box-sizing: border-box;width: 100%;height: 100%;background-color: #001f4b;}
.all_top{padding: 0 90px;box-sizing: border-box;}
.a_xbtn{float: right;margin-top: 20px;}
.all_ul{max-width: 1470px;width: 100%;margin: 175px auto 0;}
.all_ul>li{float: left;box-sizing: border-box;width: 20%;}
.all_ul>li span{font-size: 30px;display: block;font-weight: 600;color: #f5ca1a;}
.all_ul>li div{margin: 20px 0 55px;font-size: 40px;font-weight: 500;color: #95abcd;}
.all_ul ul li{margin-bottom: 26px;}
.all_ul ul a{color: #FFF;font-size: 18px;font-weight: 300;}
.m_menu_i{display: none;float: right;margin-top: 35px;}
.m_menuwrap{display: none;background-color: #FFF;position: fixed;top: 0;max-width: 517px;width: 100%;right: 0;bottom: 0;z-index: 5;}
.m_menu_top{color: #FFF;font-size: 26px;font-weight: 400;box-sizing: border-box;background-color: #0a182b;padding: 0 30px;height: 100px;line-height: 100px;}
.m_contactus{margin-top: 29px;margin-right: 12px;width: 134px;height: 40px;line-height: 36px;text-align: center;background-color: #0e213b;border: 2px #001f4b solid;font-size: 16px;color: #95abcd;font-weight: 600;border-radius: 35px;display: inline-block;vertical-align: top;box-sizing: border-box;}
.m_xbtn img{vertical-align: top;margin-top: 37px;}
.m_linkul{box-sizing: border-box;background-color: #edc008;}
.m_linkul li{float: left;box-sizing: border-box;width: 50%;text-align: center;}
.m_linkul a{display: block;box-sizing: border-box;font-size: 19px;font-weight: 600;color: #FFF;height: 62px;line-height: 62px;}
.m_linkul a::after{content: '';display: inline-block;margin-top: 22px;width: 2px;height: 16px;background-color: #FFF;float: right;}
.m_linkul li:last-child a::after{display: none;}
.m_menu_ul{padding: 50px 45px 0;box-sizing: border-box;}
.m_menu_ul>li{margin-bottom: 28px;}
.m_menu_ul>li>a{font-size: 19px;font-weight: 500;background-position: right;background-repeat: no-repeat;background-image: url('/images/main/m_plus.png');display: block;box-sizing: border-box;}
.m_menu_ul>.on{margin-bottom: 18px;}
.m_menu_ul>.on>a{background-image: url('/images/main/m_plus_on.png');}
.depul{display: none;margin-top: 10px;padding: 20px 25px;line-height: 2.1;box-sizing: border-box;background-color: #eff3f8;}
.depul a{font-size: 16px;font-weight: 400;color: #666666;box-sizing: border-box;}
.bg000{position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.70);z-index: 4;display: none;}

/* main */
#content{padding-top: 98px;box-sizing: border-box;}
.main_img{position: relative;box-sizing: border-box;padding: 0 0px;}
.main_img::before{content: '';display: inline-block;z-index: -1;width: 63%;height: 680px;background-color: #001f4b;position: absolute;top:0;left: 0;}
.main_text{transition: 0.3s;position: absolute;top: 173px;left: 130px;z-index: 2;}
.main_text .text_title{display: block;color: #FFF;font-size: 45px;font-weight: 500;}
.main_text .sub_title{font-size: 23px;color: #FFF;font-weight: 500;}
.slideul{width: 100%;box-sizing: border-box;padding-left: 254px;}
.slideul li{width: 1469px;width: 100%;box-sizing: border-box;background-repeat: no-repeat;height: 680px;background-position: right center;}
.slideli01{background-image: url('../images/main/main_img01.png');}
.slideli02{background-image: url('../images/main/main_img02.png');}
.slideli03{background-image: url('../images/main/main_img03.png');}
.pianc_text{text-align: center;padding: 100px 0;box-sizing: border-box;}
.pianc_text strong{margin-bottom: 25px;line-height: 1.4;font-size: 30px;font-weight: 400;display: block;word-break: keep-all;}
.pianc_text strong span{font-size: 46px;font-weight: 600;color: #2a589c;}
.mainT{word-break: keep-all;line-height: 1.85;font-size: 18px;font-weight: 400;color: #666666;}
.about_us{position: relative;}
.about_us::after{content: '';display: inline-block;width: 792px;height: 543px;position: absolute;z-index: -1;right: 90px;top:0;background-repeat: no-repeat;background-image: url('../images/main/about_us_bg.png');}
.au_text{margin-top: 35px;float: left;box-sizing: border-box;width: 50%;}
.title_s{margin-bottom: 13px;letter-spacing: 3px;font-size: 19px;font-weight: 600;color: #2a589c;display: block;}
.titleh2{word-break: keep-all;position: relative;z-index: 1;font-size: 46px;font-weight: 500;display: inline-block;}
.titleh2::before{content: '';display: inline-block;z-index: -1;position: absolute;right: -24px;top: -19px;width: 53px;height: 53px;border-radius: 50%;background-color: #dfe6f0;}
.au_ul{margin-top: 170px;float: left;box-sizing: border-box;width: 50%;}
.au_ul li{background-size: cover;box-sizing: border-box;background-repeat: no-repeat;}
.au_ul a{display: block;box-sizing: border-box;height: 140px;padding: 30px 50px 0 55px;font-size: 30px;font-weight: 500;color: #FFF;}
.au01{background-color: #35a8a5;}
.au02{background-color: #e8c01c;}
.au03{background-color: #0e3061;}
.au02 .num{margin-right: -50px;}
.au03 .num{margin-right: -50px;}
.num{font-size: 120px;color: #FFF;opacity: 0.12;margin-right: -30px;display: inline-block;vertical-align: middle;height: 85px;line-height: 85px;}
.read_more{float: right;box-sizing: border-box;padding-bottom: 5px;margin-top: 27px;font-size: 16px;color: #FFF;font-weight: 600;border-bottom: 3px solid rgba(255, 255, 255, .35);}
.au01:hover{background-image: url('../images/main/au01.png');}
.au02:hover{background-image: url('../images/main/au02.png');}
.au03:hover{background-image: url('../images/main/au03.png');}
.commission{margin-top: 135px;box-sizing: border-box;padding: 0 0 270px 90px;position: relative;}
.comul{margin-left: -25px;margin-top: 30px;max-width: 645px;width: 100%;}
.comul li{transition: 0.2s;}
.comul a{display: block;box-sizing: border-box;padding: 20px 55px 20px 25px;border-radius: 55px;}
.comul li:hover a{box-shadow: 0 0 13px rgb(0 0 0 / 10%);background-color: #FFF;background-position: 95%;background-repeat: no-repeat;background-image: url('../images/main/com_i.png');}
.comul li:hover .com_num{transition: 0.2s;border:1px #3baaa7 solid;background-color: #3baaa7;color: #FFF;}
.comul li:hover .comT{transition: 0.2s;color: #001f4b;}
.comul li:hover .comT span{transition: 0.2s;color: #001f4b;font-weight: 600;}
.com_img{position: relative;z-index: 1;width: 47.5%;height: 664px;background-position: center;background-repeat: no-repeat;background-image: url('../images/main/com_img.png');}
.com_text{background-color: #eff3f8;width: 58.3%;padding:75px 0 0 230px;position: absolute;top: 50px;right: 0;height: 770px;}
.com_num{font-size: 19px;font-weight: 700;color: #001f4b;width: 54px;height: 54px;line-height: 52px;text-align: center;border-radius: 50%;border:1px #d0dae9 solid;display: inline-block;vertical-align: middle;box-sizing: border-box;}
.comT{width: calc(100% - 80px);margin-left: 15px;font-size: 18px;font-weight: 400;color: #999999;display: inline-block;vertical-align: middle;box-sizing: border-box;}
.comT span{font-size: 24px;color: #666666;font-weight: 500;margin-bottom: 4px;display: inline-block;}
.membership .container{padding: 50px 100px;box-sizing: border-box;background-color: #001f4b;}
.mem_text{width: 73%;}
.mem_text span{display: block;letter-spacing: 3px;font-size: 19px;font-weight: 600;color: #3baaa7;}
.mem_text strong{position: relative;display: inline-block;z-index: 1;font-size: 40px;margin: 12px 0 37px;color: #FFF;font-weight: 600;}
.mem_text strong::before{content: '';display: inline-block;z-index: -1;position: absolute;right: -24px;top: -19px;width: 53px;height: 53px;border-radius: 50%;background-color: #334c6f;}
.mem_text div{opacity: 0.3;color: #FFF;word-break: keep-all;font-size: 17px;line-height: 1.85;}
.mem_btn{float: right;width: 223px;margin-top: 20px;}
.mem_btn a:first-child{margin-bottom: 15px;}
.btn01{width: 100%;border-radius: 35px;box-sizing: border-box;text-align: center;background-color: #1d4784;height: 65px;line-height: 65px;color: #FFF;font-weight: 400;}
.btn02{width: 100%;border-radius: 35px;box-sizing: border-box;text-align: center;background-color: #31727e;height: 65px;line-height: 65px;color: #FFF;font-weight: 400;}
.boardbox{position: relative;}
.boardbox::before{content: '';display: inline-block;z-index: -1;position: absolute;left:0;top:-45px;box-sizing: border-box;background-color: #eff3f8;width: 50%;height: 558px;}
.boardul>li{float: left;box-sizing: border-box;width: 50%;padding-top: 90px;height: 510px;}
.noticebox{padding-right: 80px;}
.datebox{font-size: 19px;color: #666666;font-weight: 500;width: 135px;height: 125px;border:8px #ffffff solid;text-align: center;padding-top: 10px;display: inline-block;vertical-align: middle;box-sizing: border-box;}
.datebox span{display: block;font-size: 46px;color: #0e3061;font-weight: 600;}
.n_text{width: calc(100% - 161px);margin-left: 20px;display: inline-block;vertical-align: middle;box-sizing: border-box;}
.n_tit{font-size: 20px;margin-bottom: 5px;display: block;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.n_text div{height: 56px;font-size: 17px;font-weight: 300;color: #666666;word-break: keep-all;overflow: hidden;line-height: 1.7;}
.noticeul{margin-top: 35px;}
.noticeul li{margin-bottom: 15px;}
.noticeul li:last-child{margin-bottom: 0;}
.noticeul a{padding-left: 15px;background-position: left;font-size: 18px;font-weight: 400;width: 80%;background-repeat: no-repeat;background-image: url('../images/main/dot_i.png');display: inline-block;vertical-align: top;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.n_date{float: right;font-size: 17px;font-weight: 300;color: #999999;}
.gallerybox{padding-left: 80px;}
.main_tit{font-size: 32px;font-weight: 500;margin-bottom: 25px;}
.main_tit span{font-size: 19px;color: #2a589c;font-weight: 600;letter-spacing: 3px;}
.more_btn{float: right;}
.galul li{width: 100%;display: inline-block;vertical-align: top;box-sizing: border-box;}
.galul .lastli{margin-right: 0;}
.galul a{display: block;box-sizing: border-box;}
.gal_text{margin-top: 13px;}
.gal_text div{font-size: 20px;font-weight: 500;margin-bottom: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gal_text span{font-weight: 300;color: #999999;font-size: 17px;}
.eventbox{padding: 80px 0 120px;box-sizing: border-box;background-repeat: no-repeat;background-position: bottom center;background-image: url('../images/main/event_bg.png');}
.eventul>li{text-align: center;height: 352px;padding: 45px 10px 0 35px;width: 44.1%;margin-right: 11%;border:1px #eeeeee solid;background-color: #FFF;}
.eventul>li:last-child{margin-right: 0;}
.eventul>li strong{z-index: 1;position: relative;margin-bottom: 20px;display: inline-block;font-size: 32px;font-weight: 500;}
.eventul>li strong::before{content: '';display: inline-block;z-index: -1;position: absolute;bottom: 0;width: 100%;border-radius: 25px;height: 20px;background-color: #dfe6f0;padding: 0 6px;left: 50%;transform: translateX(-50%);}
.e_box{text-align: left;box-sizing: border-box;}
.circle{display: inline-block;vertical-align: top;font-size: 18px;font-weight: 500;color: #FFF;width: 58px;height: 58px;line-height: 58px;text-align: center;box-sizing: border-box;border-radius: 50%;}
.bgedc{background-color: #edc008;}
.bg_b16{background-color: #b16060;}
.e_box>div{margin-left: 20px;width: calc(100% - 94px);margin-top: 15px;display: inline-block;vertical-align: top;box-sizing: border-box;font-size: 20px;font-weight: 500;}
.date{font-size: 18px;color: #0e3061;font-weight: 300;margin-top: 9px;}
.bannerbox{box-sizing: border-box;background-color: #eff3f8;padding: 35px 0;}
.bannerul{padding: 0 70px;box-sizing: border-box;text-align: center;}
.bannerul li{display: inline-block;vertical-align: top;box-sizing: border-box;}
.bannerul a{display: block;box-sizing: border-box;}

/* footer */
#footer{padding: 55px 0;box-sizing: border-box;background-color: #0a182b;}
.f_linkul li{margin-right: 52px;display: inline-block;vertical-align: top;}
.f_linkul li:last-child{margin-right: 0;}
.f_linkul a{font-size: 17px;font-weight: 400;color: #ffffff;opacity: 0.9;}
.f_textbox strong{margin: 35px 0 12px;display: inline-block;font-size: 16px;font-weight: 400;color: #95abcd;opacity: 0.8;}
.f_textbox p{font-size: 16px;font-weight: 300;color: #95abcd;opacity: 0.8;line-height: 1.8;}
.copy{margin-top: 20px;font-size: 15px;font-weight: 300;color: #eff3f8;opacity: 0.2;}
.f_sel{width: 214px;border: 2px #001f4b solid;box-sizing: border-box;border-radius: 35px;height: 55px;float: right;padding-left: 25px;background-color: #0e213b;font-size: 16px;font-weight: 400;color: #95abcd;}

/* sub */
.sub_top{box-sizing: border-box;padding: 0 90px;position: relative;}
.sub_top::before{content: '';display: inline-block;width: 60%;height: 294px;background-color: #001f4b;position: absolute;left: 0;top:0;}
.st{padding-top: 150px;position: relative;z-index: 1;box-sizing: border-box;background-repeat: no-repeat;text-align: center;height: 374px;background-position: center;}
.st01{background-image: url('../images/sub/st01.png');}
.st02{background-image: url('../images/sub/st02.png');}
.st03{background-image: url('../images/sub/st03.png');}
.st04{background-image: url('../images/sub/st04.png');}
.st05{background-image: url('../images/sub/st05.png');}
.st06{background-image: url('../images/sub/st06.png');}
.st07{background-image: url('../images/sub/st07.png');}
.sub_top span{font-size: 19px;color: #FFF;opacity: 0.58;font-weight: 600;display: block;margin-bottom: 3px;letter-spacing: 3.5px;}
.sub_top h2{font-size: 46px;font-weight: 500;color: #FFF;text-shadow: 0 0 3px rgb(0 0 0 / 3%);}
.snbwrap{box-sizing: border-box;}
.snbul{max-width: 1400px;width: 100%;margin: 0 auto;box-sizing: border-box;padding:20px 0;}
.snbul>li{float: left;box-sizing: border-box;}
.homeli{padding-right: 20px;}
.snbli{width: 300px;position: relative;border-left: 1px #dcdcdc solid;}
.selectitle{font-size: 17px;color: #666666;transition: 0.3s;font-weight: 400;background-repeat: no-repeat;background-image: url('../images/sub/selectitle.png');background-position: 90%;cursor: pointer;box-sizing: border-box;padding: 0 20px;}
.snb_none .selectitle{cursor: default;}
.selecul{display: none;position: absolute;top: 45px;left: 0;width: 100%;z-index: 2;border: 1px #001f4b solid;box-sizing: border-box;background-color: #FFF;padding: 15px 28px;}
.selecli{line-height: 2.1;}
.selecli>a{font-size: 16px;font-weight: 300;color: #666666;}
.selecli:hover>a{color: #2a589c;font-weight: 500;}
.s_contents{box-sizing: border-box;padding-bottom: 135px;}
.tith3{font-size: 40px;font-weight: 500;text-align: center;padding-top: 95px;margin-bottom: 65px;}
.mapbox {width: 100%;box-sizing: border-box;height: 460px;}
.mapbox iframe{width: 100%;height: 100%;}
.map_text{position: relative;z-index: 1;padding: 50px 0 0 75px;margin-top: -95px;display: inline-block;text-align: left;box-sizing: border-box;width: 700px;height: 305px;background-color: #eff3f8;}
.map_text strong{font-size: 32px;font-weight: 500;color: #2a589c;display: block;margin-bottom: 23px;}
.map_text strong img{margin-top: -5px;margin-right: 5px;}

/* .mapTul{box-sizing: border-box;background-color: #eff3f8;}
.mapTul li{padding: 60px 10px 55px 75px;float: left;box-sizing: border-box;width: 50%;}
.mapTul li:first-child{border-right: 2px #ffffff solid;}
.mapTul li>div{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.mapT{width: calc(100% - 200px);margin-left: 25px;}
.mapT strong{display: block;font-size: 32px;font-weight: 600;margin-bottom: 25px;} */

.board_table{width: 100%;border-top:2px #222222 solid;font-size: 17px;}
.board_table th{border-bottom: 1px #e5e5e5 solid;font-weight: 500;color: #2f2f2f;height: 60px;text-align: center;}
.board_table td{border-bottom: 1px #e5e5e5 solid;padding: 0 3px;height: 59px;color: #666666;text-align: center;font-weight: 300;}
.board_table .taL{text-align: left;padding-left: 20px;width: 70%;}
.board_table .taL .coledc.fw500{font-weight: 400;}

.pagination{text-align: center;}
.pagination li{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.pagination a{height: 37px;line-height: 37px;width: 39px;text-align: center;font-size: 15px;color: #666666;font-weight: 400;box-sizing: border-box;}
.pagination .on a{color: #2a589c;font-size: 16px;font-weight: 500;border-radius: 50%;background-color: #eff3f8;}
.pagination .arrowli{margin: 0;}
.pagination .arrowli.mL{margin-left: 20px;}
.pagination .arrowli.mR{margin-right: 20px;}

.board_view{width: 100%;border-top:2px #2f2f2f solid;}
.board_view thead th{padding: 23px 30px;font-size: 24px;font-weight: 500;text-align: left;border-bottom: 1px #e5e5e5 solid;}
.board_view thead div{color: #666666;font-size: 16px;margin-top: 6px;font-weight: 300;}
.board_view thead span.fw400{color: #000000;}
.bar{display: inline-block;width: 2px;height: 13px;background-color: #e5e5e5;margin:0 5px -1px 7px;}
.board_view td{border-bottom: 1px #e5e5e5 solid;font-size: 17px;color: #666666;font-weight: 300;padding: 18px 20px;}
.board_view .viewtr td{border-bottom: 0;padding-bottom: 0;padding: 30px;}
.board_view .filetr{text-align: right;}
.board_view .filetr td{color: #222222;border-bottom: 0;}
.viewbox{box-sizing: border-box;min-height: 300px;line-height: 1.8;}
.pnT{width: 100%;font-size: 17px;border-top: 1px #e5e5e5 solid;border-bottom: 1px #e5e5e5 solid;}
.pnT th{font-weight: 500;border-bottom: 1px #e5e5e5 solid;padding: 18px 0;;width: 100px;text-align: center;box-sizing: border-box;}
.pnT th img{float: right;margin-top: 12px;}
.pnT td{border-bottom: 1px #e5e5e5 solid;padding: 18px 0 18px 28px;word-break: keep-all;font-weight: 300;color: #666666;text-align: left;}
.bv{margin-left: 60px;display: inline-block;}
.search_wrap{box-sizing: border-box;padding: 40px 20px;text-align: center;background-color: #f7f7f7;}
.searchbox{border:1px #e0e0e0 solid;margin: 0 auto;box-sizing: border-box;background-color: #FFF;max-width: 745px;width: 100%;border-radius: 35px;}
.searchbox select{background-color: #FFF;border-radius: 35px;min-width: 120px;box-sizing: border-box;padding-left: 30px;height: 58px;font-size: 17px;font-weight: 300;}
.searchbox .relative{min-width: 300px;}
.searchbox .relative::before{content: '';display: inline-block;background-color: #e5e5e5;width: 1px;height: 20px;position: absolute;left: 0;top: 19px;}
.searchbox input{background-color: #FFF;border-radius: 35px;width: 100%;text-align: left;box-sizing: border-box;padding-left: 30px;padding-right: 55px;height: 58px;font-size: 17px;font-weight: 300;}
.searchbox input::placeholder{color: #999999;}
.searchbox input::-webkit-input-placeholder {color: #999999;}
.searchbox input:-ms-input-placeholder {color: #999999;}
.search_btn{position: absolute;right: 23px;top: 14px;}
.in_table{width: 100%;border-top: 2px #222222 solid;font-size: 17px;}
.in_table th{height: 58px;width: 250px;line-height: 1.2;word-break: keep-all;border-bottom: 1px #e5e5e5 solid;text-align: left;font-weight: 500;box-sizing: border-box;padding-left: 30px;}
.in_table td{height: 58px;box-sizing: border-box;border-bottom: 1px #e5e5e5 solid;text-align: left;font-weight: 300;padding: 8px 0;}
.basictr .inC{width: 270px;}
.basictr .selC{width: 180px;}
.filetr .inC{width: 59.5%;}
.addresstr .inC{width: 219px;}
.addresstr div .inC{width: 35%;margin-top: 5px;}
.addresstr div .inC:last-child{width: 55%;}

/* .emailtr .selC{width: 152px;}
.basictr .selC{width: 206px;}
.teltr div .inC{width: 173px;}
 */
.galleryul{box-sizing: border-box;border-top:2px #222222 solid;border-bottom: 1px #e5e5e5 solid;padding: 43px 0;}
.galleryul li{position: relative;width: 29.75%;margin-right: 5%;text-align: center;display: inline-block;vertical-align: top;box-sizing: border-box;}
.galleryul li:nth-child(3n){margin-right: 0;}
.galleryul li:nth-child(n+4){margin-top: 40px;}
.galleryul a{height: 100%;display: block;box-sizing: border-box;}
.g_text{margin-top: 25px;text-align: left;}
.g_text strong{font-size: 24px;margin-bottom: 6px;font-weight: 500;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.g_text span{font-size: 17px;font-weight: 300;color: #999999;display: block;}
.greeting{box-sizing: border-box;margin: 145px 0 70px;}
.greeting_text{color: #666666; line-height: 37px; font-size: 19px;}
.greeting li{float: left;box-sizing: border-box;width: 50%;}
.gre_img{background-image: url('../images/sub/gre_bg.png');background-position: bottom;background-size: cover;background-repeat: no-repeat;padding-right: 80px;height: 469px;text-align: right;}
.gre_img img{margin-top: -80px;}
.gre_text{background-color: #eff3f8;padding: 55px 80px 0;height: 400px;}
.gre_text span.font_m{display: block;font-size: 19px;color: #2a589c;font-weight: 700;margin: 15px 0 18px;}
.gre_text strong{display: block;font-size: 32px;font-weight: 500;line-height: 1.45;}
.gre_text div{font-size: 18px;font-weight: 400;margin-top: 40px;padding-top: 30px;border-top: 1px #ccd7ea solid;box-sizing: border-box;}
.gre_text div img{margin-left: 20px;margin-top: -5px;}
.s_table{width: 100%;border-top:2px #2a589c solid;font-size: 17px;}
.s_table th{background-color: #eff2f7;text-align: center;border-right: 1px #e5e5e5 solid;height: 56px;font-weight: 500;color: #2a589c;}
.s_table td{text-align: center;border-right: 1px #e5e5e5 solid;border-bottom: 1px #e5e5e5 solid;color: #666666;font-weight: 300;height: 58px;}
.s_table .bR0{border-right: 0;}
.s_table .txtL{text-align: left; padding-left: 20px;}
.tith4{margin-bottom: 15px;font-size: 26px;font-weight: 500;color: #2a589c;word-break: keep-all;}
.box_eff{padding: 40px;box-sizing: border-box;background-color: #eff3f8;}
.box_eff .icon{vertical-align: middle;}
.box_eff .group{margin-left: 30px;width: calc(100% - 104px);vertical-align: middle;}
.textul li{font-size: 17px;color: #666666;font-weight: 300;line-height: 1.8;margin-bottom: 10px;padding-left: 18px;word-break: keep-all;box-sizing: border-box;background-repeat: no-repeat;background-image: url('../images/sub/dot_i.png');background-position: 0 14px;}
.textul li:last-child{margin-bottom: 0;}
.underline{font-weight: 500;color: #001f4b;border-bottom: 3px #d9dce2 solid;padding-bottom: 3px;}
.styleul li{width: 47%;margin-right: 3%;min-height: 168px;padding: 30px 25px 0;border:2px #eff3f8 solid;border-radius: 5px;box-shadow: 4px 4px 4px #dfe6f0; margin-bottom: 40px;}
.styleul li:nth-child(2n){margin-right: 0;}
.styleul .group{width: 96%;}
.styleul02 li{min-height: 362px;}
.bg_3ba{display: inline-block;text-align: center;color: #FFF;font-size: 18px;font-weight: 500;padding: 0 10px;height: 33px;line-height: 33px;background-color: #3baaa7;border-radius: 25px;}
.indent{padding-left: 17px;box-sizing: border-box;}
.bg_909{display: inline-block;text-align: center;color: #FFF;font-size: 18px;font-weight: 500;padding: 0 10px;height: 33px;line-height: 33px;background-color: #909090;border-radius: 25px;}
.bg_edc{display: inline-block;text-align: center;color: #FFF;font-size: 18px;font-weight: 500;padding: 0 10px;height: 33px;line-height: 33px;background-color: #edc008;border-radius: 25px;}
.bg_2a5{display: inline-block;text-align: center;color: #FFF;font-size: 18px;font-weight: 500;padding: 0 10px;height: 33px;line-height: 33px;background-color: #2a589c;border-radius: 25px;}
.tith5{font-size: 20px;font-weight: 500;color: #001f4b;word-break: keep-all;margin-bottom: 3px;}
.fs26T{font-size: 26px;font-weight: 500;color: #2a589c;margin-bottom: 10px;word-break: keep-all;}
.bg_56b{display: inline-block;box-sizing: border-box;width: 66px;height: 32px;line-height: 32px;font-size: 15px;font-weight: 500;color: #FFF;background-color: #56b6b3;color: #FFF;text-align: center;border-radius: 3px;}
.bd_56b{display: inline-block;box-sizing: border-box;width: 66px;height: 32px;line-height: 30px;font-size: 15px;font-weight: 500;color: #FFF;border:1px #56b6b3 solid;color: #56b6b3;text-align: center;border-radius: 3px;}
.loginbox{box-sizing: border-box;background-color: #eff3f8;}
.login_con{max-width: 570px;width: 100%;margin: 0 auto;padding: 75px 0;box-sizing: border-box;}
.login_in input{background-position: 22px 19px;background-repeat: no-repeat;background-color: #fff;height: 60px;border:1px #e5e5e5 solid;box-sizing: border-box;padding-left: 53px;font-size: 16px;font-weight: 300;width: 100%;}
.login_in input::placeholder{color: #999999;}
.login_in input::-webkit-input-placeholder{color: #999999;}
.login_in input:-ms-input-placeholder{color: #999999;}
.id{background-image: url('../images/sub/id_i.png');}
.pw{background-image: url('../images/sub/pw_i.png');}
.loginbtn{vertical-align: top;width: 100%;background-color: #2a589c;text-align: center;height: 66px;line-height: 66px;font-size: 17px;border-radius: 45px;color: #FFF;font-weight: 500;}
.checkbox {position: relative;font-weight: 300;font-size: 16px;}
.checkbox input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
.checkbox input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checkbox input[type="checkbox"] + label:before {
  content: ' ';
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url('../images/sub/ch_i.png');
  background-repeat: no-repeat;
  margin: -2px 3px 0 0;
  text-align: center;
  vertical-align: middle;
}
.checkbox input[type="checkbox"] + label:active:before, .checkbox input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.checkbox input[type="checkbox"]:checked + label:before {background-image: url('../images/sub/ch_i_on.png');}
.logul li{display: inline-block;vertical-align: top;}
.logul li::after{content: '';display: inline-block;width: 1px;height: 15px;background-color: #dcdcdc;margin: 0px 22px -2px 25px;}
.logul li:last-child::after{display: none;}
.logul a{font-size: 17px;font-weight: 300;color: #666666;}
.stepul{margin-bottom: 45px;text-align: center;box-sizing: border-box;}
.stepul li{width: 195px;position: relative;font-size: 20px;font-weight: 400;color: #999999;display: inline-block;vertical-align: middle;box-sizing: border-box;}
.stepul li::after{content: '';display: inline-block;right: -12px;top:3px;width: 15px;height: 25px;background-repeat: no-repeat;background-image: url('../images/sub/step_i.png');position: absolute;}
.stepul li:last-child::after{display: none;}
.stepul .on{font-size: 24px;color: #222222;font-weight: 500;}
.stepul .on::before{content: '';display: inline-block;width: 70%;height: 17px;border-radius: 35px;background-color: #aadad9;position: absolute;left: 50%;bottom: -2px;z-index: -1;transform: translateX(-50%);}
.stepul .on::after{background-image: url('../images/sub/step_i_on.png');top:7px;}
.stepul .on span{font-size: 23px;color: #004ea2;font-weight: 600;margin-right: 8px;}
.privacybox{border:1px #e5e5e5 solid;border-top: 2px #222222 solid;word-break: keep-all;font-size: 17px;color: #666666;box-sizing: border-box;padding: 30px;font-weight: 300;line-height: 1.8;height: 286px;overflow-y: auto;}
.cerul{border-top:2px #222222 solid;box-sizing: border-box;border-left: 1px #e5e5e5 solid;}
.cerul li{padding: 45px 75px 50px;float: left;box-sizing: border-box;width: 50%;border-right: 1px #e5e5e5 solid;border-bottom: 1px #e5e5e5 solid;}
.cer_num .inC{width: calc(100% - 120px);}
.join_ok{padding: 75px 10px 80px;box-sizing: border-box;border:1px #e5e5e5 solid;border-top: 2px #222222 solid;}
.fs30T{font-size: 30px;word-break: keep-all;font-weight: 300;color: #666666;}
.fs18_666{font-size: 18px;font-weight: 500;color: #666666;word-break: keep-all;}

.tabul{text-align: center;margin-bottom: 50px;}
.tabul li{margin: 0 30px;width: 165px;display: inline-block;vertical-align: top;box-sizing: border-box;}
.tabul a{transition: 0.3s;font-size: 20px;height: 53px;line-height: 53px;border-radius: 35px;font-weight: 500;color: #999999;display: block;text-align: center;box-sizing: border-box;}
.tabul .on a{color: #FFF;background-color: #3baaa7;}
.tabul li:hover a{color: #FFF;background-color: #3baaa7;}


.map_ul {
    text-align: center;margin-bottom: 50px;
}

.map_ul li{margin: 0 30px;width: 165px;display: inline-block;vertical-align: top;box-sizing: border-box;}
.map_ul p{transition: 0.3s;font-size: 20px;height: 53px;line-height: 53px;border-radius: 35px;font-weight: 500;color: #999999;display: block;text-align: center;box-sizing: border-box; cursor: pointer;}
.map_ul .on p{color: #FFF;background-color: #3baaa7;}
.map_ul li:hover p{color: #FFF;background-color: #3baaa7;}

.find_num .inC:first-child{width: 31%;}
.find_num .inC:nth-child(2){width: 46%;}
.find_btn a,.find_in .inC{width: 49.4%;}
.pw_find li{min-height: 366px;}
.privacy{border:1px #e5e5e5 solid;border-top: 2px #222222 solid;word-break: keep-all;font-size: 17px;color: #666666;box-sizing: border-box;padding: 30px;font-weight: 300;line-height: 1.8;height: 642px;overflow-y: auto;}
.numT{vertical-align: top;margin-top: 5px;margin-right: 3px;width: 30px;height: 30px;line-height: 26px;color: #FFF;font-size: 20px;font-weight: 600;border:2px #7ac5c3 solid;border-radius: 50%;background-color: #3baaa7;text-align: center;display: inline-block;box-sizing: border-box;}
.teltr .inC{width: 400px;}
.teltr div .inC{width: 218px;}
.box_e5e,.box_e5e.textarea{height: 190px;overflow: auto;padding: 30px;border:1px #e5e5e5 solid;box-sizing: border-box;}
.add_option{display: inline-block;vertical-align: top;box-sizing: border-box;}
.add_option span{display: inline-block;vertical-align: middle;width: 65px;}
.pricebox{padding: 12px 35px 12px 10px;font-size: 17px;font-weight: 500;border-top: 1px #222222 solid;box-sizing: border-box;background-color: #eff3f8;}
.pricebox span{font-size: 28px;display: inline-block;margin-left: 15px;}
.partner_box{text-align: center;padding: 45px 0 40px;box-sizing: border-box;}
.partner_box span{display: block;font-size: 18px;font-weight: 400;color: #666666;margin-top: 25px;box-sizing: border-box;}
.partner_table th{border-right: 0;border-bottom: 1px #e5e5e5 solid;}




/* 자주쓰는 스타일 */
.group{width: 97%;display: inline-block;vertical-align: top;box-sizing: border-box;}
.inC{font-weight: 300;background-color: #FFF;border: 1px #e5e5e5 solid;box-sizing: border-box;height: 42px;padding-left: 10px;font-size: 16px;}
.selC{font-weight: 300;background-color: #FFF;border: 1px #e5e5e5 solid;box-sizing: border-box;height: 42px;padding-left: 10px;font-size: 16px;}
.textarea{width: 100%;font-weight: 300;background-color: #FFF;border: 1px #e5e5e5 solid;box-sizing: border-box;height: 220px;padding: 10px;font-size: 16px;}
.smallT{display: inline-block;vertical-align: middle;font-size: 16px;font-weight: 300;color: #999999;}
.sub_t{font-size: 17px;color: #666666;font-weight: 300;line-height: 1.8;word-break: keep-all;}
.img{margin-top: -3px;margin-right: 3px;}
.t_br,.m_br,.conbox{display: none;}
.tab_on{display: block;}
.inlineB{display: inline-block;vertical-align: top;box-sizing: border-box;}
.relative{position: relative;}
.vaT{vertical-align: top;}
.vaM{vertical-align: middle;}
/*
.dot{background-color: #92887d;display: inline-block;width: 5px;height: 5px;vertical-align: middle;margin-right: 3px;border-radius: 50%;vertical-align: top;margin-top: 11px;}
.btn54{background-color: #544b41;text-align: center;height: 50px;line-height: 50px;font-size: 16px;color: #FFF;} */
.btn_222{background-color: #222222;width: 180px;border-radius: 35px;text-align: center;height: 60px;line-height: 60px;font-weight: 500;box-sizing: border-box;font-size: 16px;color: #FFF;}
.btn_2a5{background-color: #2a589c;width: 180px;border-radius: 35px;text-align: center;height: 60px;line-height: 60px;font-weight: 500;box-sizing: border-box;font-size: 16px;color: #FFF;}
.btn_e5e{background-color: #e5e5e5;width: 180px;border-radius: 35px;text-align: center;height: 60px;line-height: 60px;font-weight: 500;box-sizing: border-box;font-size: 16px;color: #666666;}
.file_btn01{vertical-align: middle;background-color: #999999;box-sizing: border-box;color: #fFF;border-radius: 3px;font-size: 15px;font-weight: 300;height: 42px;line-height: 42px;text-align: center;padding: 0 17px;}
.file_btn02{vertical-align: middle;background-color: #666666;box-sizing: border-box;color: #fFF;border-radius: 3px;font-size: 15px;font-weight: 300;height: 42px;line-height: 42px;text-align: center;padding: 0 17px;}
.btn2a5{background-color: #2a589c;width: 180px;text-align: center;height: 54px;line-height: 54px;font-weight: 500;box-sizing: border-box;font-size: 16px;color: #FFF;}
.btne5e{background-color: #e5e5e5;width: 180px;text-align: center;height: 54px;line-height: 54px;font-weight: 500;box-sizing: border-box;font-size: 16px;color: #666666;}

.bd_e5e{vertical-align: middle;border:1px #e5e5e5 solid;box-sizing: border-box;color: #999999;border-radius: 3px;font-size: 15px;font-weight: 400;height: 34px;line-height: 32px;text-align: center;padding: 0 15px;}

.btn666{background-color: #666666;box-sizing: border-box;color: #fff;border-radius: 3px;font-size: 15px;font-weight: 300;height: 42px;line-height: 42px;text-align: center;padding: 0 15px;vertical-align: middle;}
.btn999{background-color: #999999;box-sizing: border-box;color: #fff;border-radius: 3px;font-size: 15px;font-weight: 300;height: 42px;line-height: 42px;text-align: center;padding: 0 15px;vertical-align: middle;}

.bB0{border-bottom: 0;}
.bR0{border-right: 0;}

.col666{color: #666666;}
.col333{color: #333333;}
.col222{color: #222222;}
.col35a{color: #35a8a5;}
.coledc{color: #2a589c;}
.colc6c{color: #c6c6c6;}
.col2a5{color: #2a589c;}
.col001{color: #001f4b;}
.col3ba{color: #3baaa7;}
.colb16{color: #b16060;}
.wid100{width: 100%;}

.mL5{margin-left: 5px;}
.mT5{margin-top: 5px;}
.mT10{margin-top: 10px;}
.mT15{margin-top: 15px;}
.mT20{margin-top: 20px;}
.mT25{margin-top: 25px;}
.mT30{margin-top: 30px;}
.mT35{margin-top: 35px;}
.mT40{margin-top: 40px;}
.mT45{margin-top: 45px;}
.mT50{margin-top: 50px;}
.mT55{margin-top: 55px;}
.mT60{margin-top: 60px;}
.mT65{margin-top: 65px;}
.mT70{margin-top: 70px;}
.mT75{margin-top: 75px;}
.mT80{margin-top: 80px;}
.mT120{margin-top: 120px;}

.tac{text-align: center;}
.taL{text-align: left;}
.taR{text-align: right;}
.fL{float: left;}
.fR{float: right;}

.fs14{font-size: 14px;}
.fs15{font-size: 15px;}
.fs16{font-size: 16px;}
.fs17{font-size: 17px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fw700{font-weight: 700;}
.fw600{font-weight: 600;}
.fw500{font-weight: 500;}
.fw400{font-weight: 400;}
.fw300{font-weight: 300;}
.inC[disabled], .inC[readonly], fieldset[disabled] .inC { cursor: not-allowed;  background-color: #eee;  opacity: 1; }