@charset "euc-kr";

.M_visual {width:100%; height:550px;}
.M_visual .swiper-slide {width:100%; height:550px; background-position:50% 50%; background-size:cover; background-repeat:no-repeat;}
.M_visual .slide1 {background-image:url(/images/en/main_vis1.jpg);}
.M_visual .slide2 {background-image:url(/images/main_vis2.jpg);}
.M_visual .slide3 {background-image:url(/images/main_vis3.jpg);}
.M_visual .inner {width:100%; max-width:1200px; height:100%; margin:0 auto; padding:140px 0 0; box-sizing:border-box; opacity:0;}
.M_visual .swiper-slide-active .inner { animation:slideActive 1 .8s .2s cubic-bezier(.22,.3,.37,1.07) forwards; -webkit-animation:slideActive 1 .8s .2s cubic-bezier(.22,.3,.37,1.07) forwards; }
@keyframes slideActive {
    0% {
        padding:120px 0 0;
        opacity:0;
    }
    100% {
        padding:100px 0 0;
        opacity:1;
    }
}
.M_visual h2 {font-family:'Century','Roboto','NotoSans',sans-serif; font-size:58px; font-weight:700; letter-spacing:-0.025rem; color:#222; white-space:pre-line; margin:0 0 45px;}
.M_visual p {font-family:'Roboto','NotoSans',sans-serif; font-size:17px; line-height:25px; color:#222; white-space:pre-line;}
.M_visual .swiper-slide.white h2, .M_visual .swiper-slide.white p {color:#fff;}
.M_visual .main_pager {position:absolute; bottom:20px; text-align:center; z-index:10;}
.main_pager span {width:14px; height:14px; background:none; border:2px solid #ddd; margin:0 3px; box-sizing:border-box; opacity:1;}
.main_pager span.swiper-pagination-bullet-active {background:#5e8356; border-color:#5e8356;}

.M_visual .main_prev {position:absolute; top:50%; left:50%; width:36px; height:69px; background:url(/images/ico/main_prev.png) no-repeat; margin:-35px 0 0 -676px; text-indent:-9999px; z-index:10; outline:none;}
.M_visual .main_next {position:absolute; top:50%; left:50%; width:36px; height:69px; background:url(/images/ico/main_next.png) no-repeat; margin:-35px 0 0 646px; text-indent:-9999px; z-index:10; outline:none;}

.M_nav {width:100%; height:70px; background:#5e8356;}
.M_nav .nav_lnk {width:100%; max-width:1200px; margin:0 auto;}
.M_nav .nav_lnk li {float:left; width:16.667%;}
.M_nav .nav_lnk a {position:relative; display:block; width:100%; height:70px; line-height:70px; font-size:16px; letter-spacing:-0.065rem; color:#fff; text-align:center; box-sizing:border-box; transition:background 0.25s; -webkit-transition:background 0.25s; -moz-transition:background 0.25s; -ms-transition:background 0.25s; -o-transition:background 0.25s; }
.M_nav .nav_lnk a:hover {background:#265140;}
.M_nav .nav_lnk i {display:inline-block; margin:0 10px 0 0; vertical-align:middle;}
.M_nav .nav_lnk .nav1 {width:35px; height:30px; background:url(/images/en/main_ico1.png) no-repeat}
.M_nav .nav_lnk .nav2 {width:30px; height:30px; background:url(/images/en/main_ico2.png) no-repeat}
.M_nav .nav_lnk .nav3 {width:33px; height:30px; background:url(/images/en/main_ico3.png) no-repeat}
.M_nav .nav_lnk .nav4 {width:40px; height:30px; background:url(/images/en/main_ico4.png) no-repeat}
.M_nav .nav_lnk .nav5 {width:37px; height:30px; background:url(/images/en/main_ico5.png) no-repeat}
.M_nav .nav_lnk .nav6 {width:24px; height:30px; background:url(/images/en/main_ico6.png) no-repeat}

.about_column {position:relative; width:100%; background:#f5f5f5; padding:60px 0; text-align:center;}
.about_column .container:before {content:''; position:absolute; top:25px; left:0; width:100%; height:1px; margin:-.5px 0 0; background:#ddd; z-index:1;}
.about_column h2 {position:relative; display:inline-block; font-size:28px; font-weight:700; color:#333; line-height:50px; padding:0 30px; background:#f5f5f5; z-index:2;}
.about_column h2 strong {font-style:italic; color:#5e8356}
.about_column h3 {font-size:18px; line-height:30px; color:#666; margin:10px auto 30px;}
.about_column p {font-family:'Roboto Slab',sans-serif; font-size:16px; line-height:30px; color:#333; white-space:pre-line;}

.lnk_btn {width:100%; max-width:1200px; margin:-100px auto 50px;}
.lnk_btn li {position:relative; float:left; width:22.75%; padding:21.5% 0 0; margin:0 3% 0 0; box-sizing:border-box;}
.lnk_btn li:nth-child(4) {margin:0;}
.lnk_btn a { position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; padding:20% 0 0; box-sizing:border-box; z-index:9; transition:background 0.2s; -webkit-transition:background 0.2s; -moz-transition:background 0.2s; -ms-transition:background 0.2s; -o-transition:background 0.2s; }
.lnk_btn li:first-child a {background:#bac878;}
.lnk_btn li:nth-child(2) a {background:#8eb270;}
.lnk_btn li:nth-child(3) a {background:#5b8055;}
.lnk_btn li:nth-child(4) a {background:#669790;}
.lnk_btn li:first-child:hover a {background:#acbd5d;}
.lnk_btn li:nth-child(2):hover a {background:#79a753;}
.lnk_btn li:nth-child(3):hover a {background:#45743d;}
.lnk_btn li:nth-child(4):hover a {background:#46897e;}
.lnk_btn strong {display:block; font-size:20px; font-weight:700; line-height:30px; color:#fff; margin:20px 0 8px;}
.lnk_btn small {font-size:16px; color:#fff;}
.lnk_btn small img {display:inline-block; vertical-align:middle; margin:-2px 0 0 5px;}

.M_section {margin:0 auto;}
.M_section .board_column {float:left; width:47.9%; height:340px; border:1px solid #ddd; border-top:2px solid #5e8356; margin:0 4.2% 50px 0; padding:28px; box-sizing:border-box;}
.M_section .board_column:last-child {margin-right:0;}
.board_column .ttl {margin:0 0 20px;}
.board_column .ttl h3 {float:left; font-size:24px; font-weight:500; line-height:50px; letter-spacing:-0.065rem; color:#000;}
.board_column .ttl a {float:right; font-size:14px; line-height:50px; color:#666; text-decoration:underline;}
.board_column .main_lst {display:block; margin:0 0 20px;}
.board_column .main_lst:after {content:''; display:block; clear:both;}
.board_column .main_lst .main_ico {float:left; width:58px; height:58px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background:#f2f2f2 url(/images/ico/user_ico.png) 50% 50% no-repeat; margin:0 20px 0 0;}
.board_column:nth-child(2) .main_lst .main_ico {background-image:url(/images/ico/notice_ico.png);}
.board_column:nth-child(4) .main_lst .main_ico {background-image:url(/images/ico/data_ico.png);}
.board_column .main_lst a {float:left; width:calc(100% - 178px); height:52px; font-size:18px; font-weight:500; line-height:26px; letter-spacing:-0.065rem; color:#000; margin:3px 0; word-break:keep-all; overflow:hidden;}
.board_column .main_lst a:hover {text-decoration:underline;}
.board_column .main_lst .date {float:right; font-size:15px; font-weight:400; line-height:26px; color:#666; margin:3px 0 0;}
.board_column .lst {border-top:1px solid #ddd; padding:16px 0 0; box-sizing:border-box;}
.board_column .lst li {padding:0 5px; box-sizing:border-box;}
.board_column .lst li:after {content:''; display:block; clear:both;}
.board_column .lst a {float:left; width:calc(100% - 120px); font-size:15px; line-height:30px; letter-spacing:-0.045rem; color:#222; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.board_column .lst a:before { content:''; display:inline-block; width:3px; height:3px; background:#aaa; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; margin:0 6px 0 0; vertical-align:middle;}
.board_column .lst li:hover a {font-weight:500;}
.board_column .lst .date {float:right; font-size:15px; font-weight:400; line-height:26px; color:#666;}
.board_column .lst .new {display:inline-block; width:15px; height:15px; background:#f02020; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; line-height:15px; font-size:10px; font-weight:700; color:#fff; margin:-2px 4px 0 0; vertical-align:middle; text-align:center;}

.photo_column .lst {border:none; padding:0;}
.photo_column .lst li {float:left; width:48.5%; margin:0 3% 0 0; padding:0;}
.photo_column .lst li:nth-child(even) {margin-right:0;}
.photo_column .lst li a {float:none; width:100%; white-space:normal; overflow:auto;}
.photo_column .lst li a:before {display:none;}
.photo_column .lst .photo {display:block; width:100%; height:150px; overflow:hidden; margin:0 0 16px;}
.photo_column .lst .photo img {width:100%; height:100%;}
.photo_column .lst .subject {display:block; height:40px; font-size:15px; font-weight:500; line-height:20px; letter-spacing:-0.065rem; color:#000; overflow:hidden;}
.photo_column .lst li:hover .subject {text-decoration:underline;}

.down_lst li {position:relative; float:left; width:31%; height:110px; margin:0 3.5% 40px 0;}
.down_lst li:last-child {margin-right:0;}
.down_lst a {display:block; width:100%; height:100%; font-size:16px; font-weight:700; line-height:30px; text-align:center; color:#fff; background:#095d75 url(/images/en/down_ico1.png) 50% 25px no-repeat; background-size:auto 30px, cover;
padding:60px 2% 0; box-sizing:border-box;}
.down_lst li:nth-child(2) a {background-image:url(/images/en/down_ico2.png); background-size:auto 27px; background-position:50% 27px;}
.down_lst li:nth-child(3) a {background-image:url(/images/en/down_ico3.png); background-size:auto 24px; background-position:50% 27px;}


.partner_area {width:100%; height:85px; border-width:1px 0; border-style:solid; border-color:#ddd; box-sizing:border-box;}
.partner_area .controls {float:left; width:70px; height:25px; border:1px solid #ddd; margin:29px 0; box-sizing:border-box;}
.partner_area .controls button {float:left; width:22px; height:23px; background:url(/images/ico/com_prev.png) 50% 50% no-repeat; text-indent:-9999px; outline:none;}
.partner_area .controls .play_btn {width:24px; height:23px; border-width:0 1px; border-style:solid; border-color:#ddd; background-image:url(/images/ico/com_pause.png); box-sizing:border-box;}
.partner_area .controls .play_btn.pause {background-image:url(/images/ico/play_ico.png);}
.partner_area .controls .part_next {background-image:url(/images/ico/com_next.png);}

.partner_area .partner_slide {float:right; width:calc(100% - 100px); height:50px; margin:16.5px 0;}
.partner_slide .swiper-slide {height:50px; border:1px solid #ddd; box-sizing:border-box;}
.partner_slide .swiper-slide a {display:block; width:100%; height:100%;}
.partner_slide .swiper-slide img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:90%; max-height:90%; margin:auto;}

/* sub */

/* history */
.his_cont {width:100%; background:url(/images/his_bg.png) 0 0 repeat-y; box-sizing:border-box;}
.his_section {width:100%; max-width:1200px; margin:0 auto 60px; padding:0 0 50px; border-bottom:1px solid #eee;}
.his_section:last-child {padding:0; border-bottom:none; margin:0 auto;}
.his_section .his_ttl {float:left; max-width:360px;}
.his_section .cont {float:right; width:100%; max-width:830px;}
.his_section:nth-child(2) .cont {text-align:center;}

.his_ttl h3 {font-size:35px; font-weight:700; line-height:50px; letter-spacing:-0.065rem; color:#000; margin:0 0 6px;}
.his_ttl span {display:block; font-size:20px; font-weight:500; line-height:30px; letter-spacing:-0.065rem; color:#aaa;}
.his_section .cont p {font-size:25px; font-weight:500; line-height:40px; letter-spacing:-0.065rem; color:#333; white-space:pre-line;}
/* .his_section .mission {
    display:block;
    width:100%;
    padding:10px 20px;
    text-align:center;
    background: #265140;
    background: -moz-linear-gradient(left, #265140 0%, #346e57 50%, #418a6d 100%);
    background: -webkit-linear-gradient(left, #265140 0%,#346e57 50%,#418a6d 100%);
    background: linear-gradient(to right, #265140 0%,#346e57 50%,#418a6d 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#265140', endColorstr='#418a6d',GradientType=1 );
    border:1px solid #002716;
    font-size:19px;
    font-weight:500;
    line-height:29px;
    letter-spacing:-0.065rem;
    color:#fff;
    border-radius:50px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -ms-border-radius:50px;
    -o-border-radius:50px;
    -webkit-filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#265140', endColorstr='#418a6d',GradientType=1 );
    box-sizing:border-box;
}
.his_section .mission strong {display:block; font-size:17px; color:#89ebc4;} 
.his_section .lst {margin:30px 0 0;}
.his_section .lst li {float:left; width:32%; margin:0 2% 0 0;}
.his_section .lst li:last-child {margin-right:0;}
.his_section .lst li .ttl {display:block; width:100%; height:40px; border:1px solid #727880; line-height:38px; background: #70757b;
    background: -moz-linear-gradient(left, #70757b 0%, #7e838a 50%, #8c9299 100%);
    background: -webkit-linear-gradient(left, #70757b 0%,#7e838a 50%,#8c9299 100%);
    background: linear-gradient(to right, #70757b 0%,#7e838a 50%,#8c9299 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70757b', endColorstr='#8c9299',GradientType=1 ); font-size:17px; font-weight:500; letter-spacing:-0.065rem; color:#fff; text-align:center; box-sizing:border-box;}
.his_section .lst li .val {display:table; width:100%; height:95px; border-width:0 1px 1px; border-style:solid; border-color:#ddd; background:#fff; text-align:center; font-size:15px; font-weight:500; line-height:21px; letter-spacing:-0.065rem; color:#222; padding:14px 6px; white-space:pre-line; box-sizing:border-box; table-layout:fixed;}
.his_section .lst li .val span {display:table-cell; vertical-align:middle;} */
.his_section img {width:auto; max-width:100%;}
.his_section img:nth-child(2) {display:none;}


.his_section .his_bar {width:100%; background:url(/images/his_bar.jpg) 7px 0 repeat-y;}
.his_section .his_bar li {position:relative; margin:0 0 40px; padding:0 0 0 120px; box-sizing:border-box;}
.his_section .his_bar li .year {position:absolute; top:0; left:0; font-size:27px; line-height:30px; font-weight:500; color:#5e8356; padding:0 0 0 30px; background:url(/images/ico/his_ico.png) 0 50% no-repeat; box-sizing:border-box;}
.his_section .his_bar .lst {display:block; margin:0 0 25px;}
.his_section .his_bar .lst:after {content:''; display:block; clear:both;}
.his_section .his_bar .lst .month {display:inline-block; font-size:18px; font-weight:500; line-height:30px; color:#000; vertical-align:top;}
.his_section .his_bar .lst .txt {float:right; width:calc(100% - 150px); font-size:18px; font-weight:500; line-height:30px; letter-spacing:0; color:#333; word-break:break-word;}
.his_section .his_bar .lst .txt .ttl, .his_bar .lst .txt .detail {display:block;}
.his_section .his_bar .lst .txt .detail {position:relative; display:block; font-size:16px; line-height:24px; letter-spacing:-0.065rem; color:#888; word-break:keep-all; padding:0 0 0 12px;}
.his_section .his_bar .lst .txt .detail:before {content:''; position:absolute; top:11.5px; left:0; width:5px; height:1px; background:#888;}

/* major */
/* .major_section {position:relative; width:100%; padding:70px 20px 80px 50%; background:#f5f8f4; box-sizing:border-box;}
.major_section:nth-child(2) {background: #ffffff;; padding:70px 55.5% 80px 20px; text-align:right;}
.major_section .vis_box {position:absolute; top:0; left:0; width:44.5%; height:100%; overflow:hidden;}
.major_section:nth-child(2) .vis_box {left:auto; right:0;}
.major_section .vis_box img { position:absolute; top:50%; left:50%; width:auto; height:auto; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); }
.major_section h3 {font-size:34px; font-weight:700; letter-spacing:-0.045rem; color:#000; margin:0 0 20px;}
.major_section strong {display:block; font-size:20px; font-weight:500; line-height:29px; letter-spacing:-0.065rem; color:#5e8356; margin:0 0 30px; white-space:pre-line; word-break:keep-all;}
.major_section li {font-size:17px; font-weight:500; line-height:28px; letter-spacing:-0.065rem; color:#666; padding:0 0 0 20px; background:url(/images/ico/com_ico.png) 0 9px no-repeat; background-size:9px auto; box-sizing:border-box;}
.major_section:nth-child(2) li {background-position:99.9% 9px; padding:0 20px 0 0;} */

.major_section {position:relative; width:100%; border:1px solid #ddd; margin:50px 3.35% 20px 0; padding:55px 3% 45px; box-sizing:border-box;}
.major_section .vis_box {position:absolute; top:70px; left:3%;}
.major_section .vis_box img {width:100px;}
.major_section .inner {padding:0 0 0 140px; box-sizing:border-box;}
.major_section h3 {font-size:24px; font-weight:700; letter-spacing:-0.025rem; color:#000; margin:0 0 16px;}
.major_section strong {display:block; font-size:18px; font-weight:500; line-height:26px; letter-spacing:0; color:#5e8356; margin:0 0 26px; white-space:pre-line; word-break:break-word;}
/* .major_section:nth-child(2) strong {color:#07818e;} */
.major_section:nth-child(2) strong {color:#095d75;}
.major_section:nth-child(3) strong {color:#9ba405;}
.major_section li {position:relative; font-size:18px; font-weight:400; line-height:23px; letter-spacing:0; color:#666; word-break:break-word; padding:0 0 0 16px; margin:0 0 10px; box-sizing:border-box;}
.major_section li:before { content:''; position:absolute; top:7.5px; left:0; width:9px; height:9px; background:#fff; border:2px solid #5e8356; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; box-sizing:border-box;}
/* .major_section:nth-child(2) li:before {border-color:#07818e;} */
.major_section:nth-child(2) li:before {border-color:#095d75;}
.major_section:nth-child(3) li:before {border-color: #9ba405;}




/* organ */
.organ_area {text-align:center;}
.organ_area img {width:auto; height:auto; max-width:100%;}
.organ_area .organ_tab, .organ_area .organ_mob {display:none;}

/* map */
.map_area h3 {font-size:25px; font-weight:700; line-height:40px; color:#222; margin:0 0 25px;}
.map_area iframe { width:100%; height:450px; padding:0; border:none; border-radius:0; margin:0 0 30px; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0;}
.map_area .map_info {padding-bottom:30px; border-bottom:1px solid #ddd; margin:0 0 50px;}
.map_info .address {float:left; max-width:680px; font-size:20px; font-weight:500; line-height:26px; color:#222; background:url(/images/ico/map_ico.png) 0 1px no-repeat; padding-left:30px; word-break:break-word; box-sizing:border-box; padding-top:5px;}
.map_info .info {float:right; text-align:right;}
.map_info .info > span {display:inline-block; font-size:16px; line-height:34px; color:#222; margin-left:10px;}
.map_info .info span > span {display:inline-block; width:34px; height:34px; background:#5e8356; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; font-size:17px; font-weight:700; line-height:34px; text-align:center; color:#fff; vertical-align:top; margin:0 4px 0 0;}
.map_info .info span:nth-child(2) span {background:#07818e;}
.map_info .info span:nth-child(3) span {background:#095d75;}

/* company */
.company_area h3 {font-size:28px; font-weight:700; letter-spacing:-0.065rem; color:#222; background:url(/images/ico/com_ico.png) 0 50% no-repeat; padding:0 0 0 28px; margin:0 0 25px; box-sizing:border-box;}
.company_area .company_lst {padding:0 0 20px; border-bottom:1px solid #ddd; margin-bottom:50px;}
.company_area .company_lst:last-child {padding:0; border:none;}
.company_area .company_lst li {position:relative; float:left; width:22.5%; padding:10.6% 0 0; margin:0 3.3% 20px 0; box-sizing:border-box; cursor:pointer;}
.company_area .company_lst li:nth-child(4n) {margin-right:0;}
.company_area .company_lst li img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:70%; max-height:85%; margin:auto;}

.com_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:90;}
.com_popup { display:none; position:fixed; top:50%; left:0; right:0; width:92%; max-width:1000px; height:auto; max-height:92%; background:#fff; padding:40px 50px; margin:0 auto; box-sizing:border-box; z-index:99; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); overflow-y:auto; -ms-overflow-style:none;}
.com_popup::-webkit-scrollbar {width:0; background:transparent;}
.com_popup .com_cls {position:absolute; top:40px; right:50px; width:35px; height:35px; background:url(/images/ico/com_cls.png) no-repeat; text-indent:-9999px; outline:none;}
.com_inner .subject {width:100%; font-size:24px; font-weight:500; line-height:36px; letter-spacing:-0.065rem; color:#000; padding-right:50px; margin-bottom:20px; box-sizing:border-box;}
.com_inner .com_table {width:100%; border-top:1px solid #000;}
.com_inner .com_table th, .com_inner .com_table td {font-size:15px; font-weight:500; line-height:22px; letter-spacing:-0.025rem; color:#666; padding:16px 20px; border-bottom:1px solid #ddd; vertical-align:top; box-sizing:border-box;}
.com_inner .com_table th {background:#f7f7f7; color:#222; text-align:left;}
.com_inner .com_table td > p, .com_inner .com_table td * {font-family:'Roboto','NotoSans',sans-serif !important; font-size:15px !important; margin:0 0 10px; word-break:keep-all; white-space:pre-line;}
.com_inner .com_table td > p:last-child {margin-bottom:0;}
.com_inner .com_table td a:hover {color:#5e8356;}

.com_join .cj_section {padding:0 0 50px; border-bottom:1px solid #ddd; margin:0 auto 50px;}
.com_join .cj_section:last-child {border-bottom:none; padding:0;}
.cj_section h2 {float:left; font-size:35px; font-weight:700; line-height:45px; letter-spacing:-0.065rem; color:#000;}
.cj_section .cont {float:right; width:calc(100% - 140px); max-width:830px;}

.cj_section .join_lst li {position:relative; float:left; width:27.3%; margin:0 6% 35px 0; padding:70px 0 0; text-align:center; background:url(/images/ico/join_ico1.png) 50% 0 no-repeat; box-sizing:border-box;}
.cj_section .join_lst li:nth-child(2) {background-image:url(/images/ico/join_ico2.png);}
.cj_section .join_lst li:last-child {width:33.3%; margin-right:0; background-image:url(/images/ico/join_ico3.png);}
.cj_section .join_lst .ttl {display:block; font-size:18px; font-weight:500; line-height:30px; letter-spacing:-0.065rem; color:#222; }
.cj_section .join_lst .num {display:inline-block; width:30px; height:30px; line-height:32px; font-size:16px; font-weight:700; color:#fff; background:#5e8356; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; margin:0 6px 0 0; vertical-align:top;}
.cj_section .join_lst li:nth-child(2) .num {background:#07818e;}
.cj_section .join_lst li:nth-child(3) .num {background:#095d75;}
.cj_section .join_lst li:after {content:''; position:absolute; top:28px; left:100%; width:80px; height:1px; border-bottom:1px dashed #ddd; margin:0 0 0 -20px; box-sizing:border-box;}
.cj_section .join_lst li:last-child:after {display:none;}
.cj_section .article {width:100%; padding:30px; background:#f8f8f8; border:1px solid #ddd; line-height:30px; letter-spacing:-0.065rem; box-sizing:border-box;}
.cj_section .article h3 {font-size:17px; font-weight:700; color:#5e8356; margin:0 0 20px;}
.cj_section .article strong {display:block; font-size:15px; font-weight:700; color:#666; margin:0 0 10px;}
.cj_section .article li {position:relative; font-size:14px; font-weight:500; line-height:24px; color:#666; padding:0 0 0 20px; white-space:pre-line; word-break:keep-all; box-sizing:border-box;}
.cj_section .article li .no {position:absolute; top:0; left:0; line-height:24px;}
.cj_section .article li .val {display:inline-block;}
.cj_section .article a {display:block; width:200px; height:50px; text-align:left; font-size:17px; line-height:50px; letter-spacing:-0.065rem; color:#fff; background:#5e8356 url(/images/ico/down_ico.png) 140px 50% no-repeat; margin:20px 0 0 auto; padding:0 0 0 40px; box-sizing:border-box;}

.cj_section .cs_ttl {display:block; font-size:18px; font-weight:500; line-height:30px; letter-spacing:-0.065rem; color:#222; margin:0 0 16px;}
.cj_section .cs_ttl strong {color:#5e8356;}
.cj_section .form_box {position:relative; width:100%; padding:24px 40px; border:1px solid #ddd; box-sizing:border-box;}
.cj_section .form_box li {font-size:16px; font-weight:500; line-height:30px; letter-spacing:-0.065rem; color:#222; vertical-align:top; margin:0 0 6px;}
.cj_section .form_box li:last-child {margin:0;}
.cj_section .form_box li .ttl:before {content:''; display:inline-block; width:4px; height:4px; background:#5e8356; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; margin:0 5px 0 0; vertical-align:middle;}
.cj_section .form_box li .val {color:#666;}
.cj_section .form_box > a {position:absolute; top:50%; right:40px; width:200px; height:50px; text-align:left; font-size:17px; line-height:50px; letter-spacing:-0.065rem; color:#fff; background:#07818e url(/images/ico/down_ico.png) 150px 50% no-repeat; margin:-25px 0 0; padding:0 0 0 40px; box-sizing:border-box;}
.cj_section:nth-child(3) .form_box:nth-child(2) a {background-color:#095d75;}
.cj_section .form_box + .cs_ttl {margin:40px 0 16px;}
.cj_section .article_area strong {display:block; font-size:20px; font-weight:500; line-height:30px; letter-spacing:-0.065rem; color:#222;}
.cj_section .article_area p {font-size:16px; font-weight:500; line-height:30px; letter-spacing:-0.065rem; color:#999;}
.cj_section:last-child a {position:static; top:0; right:0; float:right; width:200px; height:50px; text-align:left; font-size:17px; line-height:50px; letter-spacing:-0.065rem; color:#fff; background:#5e8356 url(/images/ico/down_ico.png) 150px 50% no-repeat; margin:0 40px 24px; padding:0 0 0 40px; box-sizing:border-box;}

/* center */
.board_lnk {width:100%; max-width:400px; margin:0 auto 50px;}
.board_lnk li {float:left; width:50%;}
.board_lnk a {display:block; height:60px; line-height:58px; text-align:center; border-width:1px 0 1px 1px; border-style:solid; border-color:#ddd; font-size:17px; font-weight:500; letter-spacing:-0.065rem; color:#000; box-sizing:border-box;}
.board_lnk a:hover {color:#000;}
.board_lnk li:last-child a {border-right:1px solid #ddd;}
.board_lnk .on a {background:#000; border-color:#000; color:#fff;}

/* event */
.parti_area h3 {font-size:24px; font-weight:500; line-height:30px; letter-spacing:-0.065rem; color:#000; background:url(/images/ico/com_ico.png) 0 50% no-repeat; padding:0 0 0 28px; margin:0 0 20px; box-sizing:bordre-box;}
.parti_area h3 ~ h3 {margin:50px 0 20px;}
.parti_lst li {position:relative; float:left; width:47.9%; height:320px; border:1px solid #ddd; padding:30px; margin:0 4.2% 30px 0; box-sizing:border-box;}
.parti_lst li:hover {border-color:#bbb;}
.parti_lst li:after {content:''; display:block; clear:both;}
.parti_lst li:nth-child(even) {margin-right:0;}
.parti_lst .dday {position:absolute; top:0; right:0; height:30px; line-height:30px; background:#b21414; font-size:15px; font-weight:500; color:#fff; padding:0 12px; box-sizing:border-box;}
.parti_lst .photo {float:left; width:200px; height:260px; overflow:hidden;}
.parti_lst .photo img {width:100%; height:100%;}
.parti_lst .info {float:right; width:calc(100% - 230px); padding:10px 0; box-sizing:border-box;}
.parti_lst dl {margin:0 0 20px;}
.parti_lst dt {font-size:24px; font-weight:500; letter-spacing:-0.065rem; color:#000; margin:4px 0 12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.parti_lst dd {font-size:15px; font-weight:500; line-height:28px; letter-spacing:-0.065rem; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.parti_lst dd:after {content:''; display:block; clear:both;}
.parti_lst dd .ttl {display:inline-block; width:70px; vertical-align:top; color:#5e8356;}
.parti_lst a {display:block; width:100%; height:45px; line-height:43px; text-align:center; font-size:16px; font-weight:500; letter-spacing:-0.065rem; color:#666; border:1px solid #ccc; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; box-sizing:border-box; transition:background 0.25s, color 0.23s; -webkit-transition:background 0.25s, color 0.23s; -moz-transition:background 0.25s, color 0.23s; -ms-transition:background 0.28s, color 0.25s; -o-transition:background 0.25s, color 0.23s;}
.parti_lst a:hover,.parti_view .pv_ttl a:hover {background:#5e8356; border-color:#5e8356; color:#fff;}
.parti_lst a:last-child {margin:10px 0 0;}
.parti_lst .no_lst {float:none; width:100%; height:200px; border-width:1px 0; border-style:solid; border-color:#ddd; line-height:198px; text-align:center; font-size:15px; letter-spacing:-0.045rem; color:#555; padding:0; box-sizing:border-box;}

.parti_view {width:100%; border-top:1px solid #000; border-bottom:1px solid #ddd; padding:35px 0;}
.parti_view .pv_ttl {position:relative; margin:0 0 50px;}
.parti_view .pv_ttl h2 {font-size:32px; font-weight:500; line-height:42px; letter-spacing:-0.065rem; color:#000; padding:0 200px 0 0; margin:0 0 6px; box-sizing:border-box;}
.parti_view .pv_ttl span {display:block; font-size:16px; font-weight:500; line-height:24px; letter-spacing:-0.065rem; color:#777; padding:0 200px 0 0; box-sizing:border-box;}
.parti_view .pv_ttl i {display:inline-block; font-weight:400; color:#ccc; margin:0 10px; vertical-align:middle;}
.parti_view .pv_ttl a {position:absolute; top:10px; right:0; width:170px; height:50px; line-height:48px; border:1px solid #5e8356; text-align:center; font-size:16px; font-weight:500; letter-spacing:-0.065rem; color:#5e8356; border-radius:3px; box-sizing:border-box; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; transition:background 0.25s, color 0.23s; -webkit-transition:background 0.25s, color 0.23s; -moz-transition:background 0.25s, color 0.23s; -ms-transition:background 0.28s, color 0.25s; -o-transition:background 0.25s, color 0.23s;}
.parti_view .pv_cont {text-align:center; font-family:'Roboto','NotoSans',sans-serif; white-space:pre-line;}
.parti_view .pv_cont img {max-width:100% !important; height:auto;}
.parti_view .pv_cont * {font-family:'Roboto','NotoSans',sans-serif !important; font-size:16px; line-height:20px; font-weight:500; letter-spacing:-0.025rem; color:#555;}
.parti_view + .list_btn, .parti_frm + .list_btn {display:block; width:70px; height:30px; line-height:28px; text-align:center; font-size:13px; letter-spacing:-0.045rem; color:#444; border:1px solid #ddd; margin:20px 0 50px auto; box-sizing:border-box;}

.parti_frm {border-top:1px solid #333; table-layout:fixed;}
.parti_frm caption {font-size:24px; font-weight:500; letter-spacing:-0.065rem; color:#000; margin:0 0 16px; text-align:left;}
.parti_frm th, .parti_frm td {font-size:15px; font-weight:500; line-height:22px; letter-spacing:-0.065rem; color:#444; border-bottom:1px solid #ddd; vertical-align:middle; padding:14px 19px; text-align:left; box-sizing:border-box;}
.parti_frm th {width:16%; background:#fafafa; color:#222;}
.parti_frm td {width:84%;}
.parti_frm .subject {font-size:17px; line-height:28px; color:#000;}
.parti_frm td input {display:inline-block; width:80%; max-width:240px; height:32px; border:1px solid #ddd; padding:0 8px; font-size:14px; letter-spacing:0; color:#444; box-sizing:border-box;}

.parti_btn {text-align:center; margin:50px auto 70px;}
.parti_btn button {display:inline-block; width:180px; height:50px; line-height:48px; border:1px solid #ddd; background:#f7f7f7; font-size:17px; font-weight:500; color:#555; letter-spacing:-0.065rem; vertical-align:middle; margin:0 2px; box-sizing:border-box;}
.parti_btn .submit_btn {background:#5e8356; color:#fff; border-color:#53704d;}

.parti_list {border-top:1px solid #333;}
.parti_list caption {font-size:24px; font-weight:500; letter-spacing:-0.065rem; color:#000; margin:0 0 16px; text-align:left;}
.parti_list th, .parti_list td {padding:14px 12px; border-bottom:1px solid #ddd; vertical-align:middle; text-align:center; font-size:15px; line-height:20px; letter-spacing:-0.045rem; color:#555;}
.parti_list th {background:#f9f9f9; font-weight:500; color:#000; padding:16px 12px;}
.parti_list td:first-child {text-align:left;}
.parti_list td.no_list {height:120px; line-height:120px; text-align:center;}
.parti_list .m_ttl {display:none;}
.parti_list .more_btn {display:block; width:60px; height:30px; line-height:28px; text-align:center; font-size:13px; letter-spacing:-0.045rem; color:#444; border:1px solid #ddd; margin:0 auto; box-sizing:border-box;}

.page_area {min-height:350px;}
.page_area * {font-family:'Roboto','NotoSans',sans-serif !important; line-height:1.3 !important; white-space:pre-line;}

/*����¡����*/
.pagelist {margin:10px auto 20px;}
.pagelist td {vertical-align:middle;}
.pagelist a {display:inline-block; width:30px; height:30px; line-height:28px; font-size:13px; text-align:center; border:1px solid #ddd; font-weight:700; color:#666; vertical-align:middle; margin:0 2px; box-sizing:border-box;}
.pagelist a.arr {border:none;}
.pagelist b {display:inline-block; width:30px; height:30px; line-height:30px; font-size:13px; font-weight:700; background:#5e8356; color:#fff; vertical-align:middle; margin:0 2px;}
.pagelist b ~ a {width:30px;}

/* comming soon */
.greeting {width:90%; max-width:1200px; margin:120px auto 0; padding:70px 20px 70px 50px; box-sizing:border-box; border:1px solid #ccc; border-radius:10px;}
.greeting i{float:left; width:50%; text-align:center; margin:10px 0 0; /*transition:all 0.3s;*/}
.greeting i img{width:251px;}
.greeting p{float:left; width:50%; letter-spacing:-0.064rem;}
.greeting p strong{display:block;}
.greeting p strong b{display:block; font-size:43px; color:#002468; font-weight:400; line-height:1.1; transition:font-size 0.3s;}
.greeting p span{display:block; font-size:17px; font-weight:500; color:#888; margin:20px 0 0; transition:font-size 0.3s;}

@media screen and (max-width: 740px){
	.greeting{width:96%; text-align:center; padding:70px 0; margin-top:100px;}
	.greeting i{text-align:center; float:none; clear:both; display:block; width:100%; margin:0;}
	.greeting p{text-align:center; float:none; clear:both; display:block; width:100%; margin:30px 0 0;}
	.greeting p strong b{display:inline-block; font-size:35px; margin-left:10px;}
	.greeting p strong b:first-child{margin:0;}
} 

@media screen and (max-width: 500px){
	.greeting{margin-top:50px;}
	.greeting i img{width:80%; max-width:251px;}
	.greeting p strong b{font-size:30px;}
	.greeting p span{font-size:15px;}
}

@media screen and (max-width: 400px){
	.greeting{margin-top:40px;}
	.greeting p strong b{font-size:27px;}
	.greeting p span{font-size:14px;}
}

@media screen and (max-width: 330px){
	.greeting{margin-top:30px; padding:50px 0;}
	.greeting i img{width:60%;}
	.greeting p strong b{font-size:25px; font-weight:500;}
	.greeting p span{font-size:13px; margin-top:10px;}
}