/* 팝업 */
#pop {position: absolute; top: 5%; left: 5%; z-index: 10;}
#pop .cont {    max-width: 500px; border: 1px solid #333;}
#pop .close {background: #333; padding: 15px 10px;     color: white; overflow:hidden;}
#pop .close #close {cursor:pointer;	}

/* 공용 */
.font_bold {font-family: 'Pretendard-Bold';}
.mar_l_30 {display: inline-block; margin-left: 30px;}
.fixed_title {text-align: center; padding: 10px 0 40px; width: 100%;}
.fixed_title h1 {font-size: 14px; line-height: 14px; color: #3a3a3a; letter-spacing: 0; margin-top: 5px;}
.fixed_title p {font-size: 12px; color: #3a3a3a; line-height: 22px;}

.title_section {text-align: center; margin-bottom: 80px;}
.title_section .line {position: relative; display: block; width:1px; height: 30px; background: #3a3a3a; margin-bottom: 15px;  margin-left: auto; margin-right: auto;}
.title_section h3 {display: inline-block; font-size: 32px; color: #3a3a3a; margin-bottom: 15px;}
.title_section span {font-size: 17px;  color: #3a3a3a; display: block;}

/* 두번째 섹션 */
.white_ver .fixed_title h1 {color: #fff;}
.white_ver .fixed_title p {color: #fff;}
.white_ver .title_section .line {background: #fff;}
.white_ver .title_section .line:before {background: #fff;}
.white_ver .title_section h3 {color: #fff;}
.white_ver .title_section span {color: #fff;}

/* 네이게이터 */
#fp-nav ul li a span {background: #fff;}
#fp-nav ul li a.active span {background: #fff;}
.fp-viewing-secondPage #fp-nav ul li a span, .fp-viewing-four #fp-nav ul li a span, .fp-viewing-six #fp-nav ul li a span, .fp-viewing-eight #fp-nav ul li a span {background: #fff;}

.top {position: fixed !important; top: auto !important; right: 5% !important; bottom: 5%; cursor: pointer; transition: none;}
.top li { list-style:none;}

.modal-backdrop {display: none;}

/* comming_soon */
.comming_soon {width: 100%; height: 100vh; background: url('/images/section_1_bg.jpg') no-repeat center; background-size: cover; position: relative;}
.comming_soon img {position: absolute; top: 50%; transform: translateY(-50%);}


/* section_1 */
#section_1 {width: 100%; height: 1000px; background: url('/images/section_1_bg.jpg') no-repeat center; background-size: cover;}
#section_1 .container {height: 100%;}
#section_1 .text {text-align: center; }

#section_1 .board_menu {position: absolute; top: 60px; right: 0;}
#section_1 .board_menu li {float: left; font-size: 20px; line-height: 20px; padding: 0 15px; font-family: 'Pretendard-Bold';}
#section_1 .board_menu li:first-child {border-right: 1px solid #282828;}

#section_1 .content_wrap { max-width: 380px; position: absolute; top: 50%; transform: translateY(-50%); right: 15px;}
#section_1 .partner_logo {margin-top: 80px; text-align: right;}
#section_1 .main_btn {margin-top: 70px;}
#section_1 .main_btn li {text-align: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
#section_1 .main_btn li:first-child {margin-bottom: 10px;}
#section_1 .main_btn li a {width: 380px; height: 50px; color: #fff; background: #282828; font-size: 22px; line-height: 50px; display: block; font-family: 'Pretendard-Bold';}
#section_1 .main_btn li:first-child a {background: #fff; color: #282828; border: 1px solid #282828;}

#section_1 .latest_wrap {margin-top: 50px;}
#section_1 .latest_wrap h3 {font-size: 20px; margin-bottom: 10px; color: #3a3a3a;}
#section_1 .latest_wrap h3 .plus {float: right; color: #3a3a3a;}
#section_1 .latest_wrap .lat {background: rgba(255,255,255,0.8); border-top: 1px solid #999; border-bottom: 1px solid #999;}
#section_1 .latest_wrap .lat .empty_li {color: #3a3a3a;}
#section_1 .latest_wrap .lat li {padding: 0 10px;}
#section_1 .latest_wrap .lat li a {color: #333;}
#section_1 .latest_wrap .lat li .lt_info .lt_date {color: #333;}
#section_1 .latest_wrap p.email {font-size: 16px; line-height: 16px; margin-top: 20px; color: #999;}

#section_1 .mouse_wrap {position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);}
#section_1 .scroll_mouse { width: 24px; height: 41px; margin: 0 auto; border-radius: 15px; border: 2px solid #3a3a3a; }
#section_1 .scroll_mouse .scroll {display: block; width: 2px; height: 6px; margin: 5px auto 0; border-radius: 2px; background: #3a3a3a; -webkit-animation: finger 1.5s infinite; animation: finger 1.5s infinite;}
#section_1 .mouse_wrap p {font-size: 12px; color: #3a3a3a; margin-top: 10px; line-height: 12px;}
@-webkit-keyframes finger {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}
@keyframes finger {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}


/* section_2 */
#section_2 {width: 100%; height: 1000px; background: url('/images/section_2_bg.jpg') no-repeat center; background-size: cover;}
#section_2 .purpose_text {font-size: 22px; line-height: 36px; width: 100%; margin-left: auto; margin-right: auto; color: white;}
#section_2 .purpose_text2 {font-size: 12px; line-height: 36px; width: 100%; margin-left: auto; margin-right: auto; color: white;}


#section_2 .text {overflow: hidden;}
#section_2 .text h4 {float: left; width: 150px; font-size: 26px; font-family: 'Pretendard-Bold'; color: #fff;}
#section_2 .text .box {float: left; width: calc(100% - 150px);}
#section_2 .text p { font-size: 16px; line-height: 26px; color: #fff; margin-bottom: 30px;}
#section_2 .text p span {display: block; font-size: 20px; font-family: 'Pretendard-Bold'; margin-bottom: 10px;}
.subject_text {font-size: 26px; color: white; }

/* section_3 */
#section_3 {width: 100%; height: 1000px; background: url('/images/section_3_bg.jpg') no-repeat right; background-size: cover;}

#section_3 table {width: 100%; max-width: 800px; margin-left: auto; margin-right: auto;}
#section_3 table th {font-family: 'Pretendard-Bold';  width: 220px; text-align: left;}
#section_3 table.ko_table th, #section_3 table.en_table th {font-size: 16px; line-height: 30px; color: #3a3a3a;}
#section_3 table.ko_table td, #section_3 table.en_table td {font-size: 16px; line-height: 30px; color: #3a3a3a;}

/* section_4 */
#section_4 {width: 100%; background: url('/images/section_4_bg.jpg') no-repeat center bottom; background-size: cover;}
#section_4 #map {width: 100%; max-width: 1040px; height: 500px; margin: 0 auto; background: white; text-align: center;}
#section_4 #map:after {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}
#section_4 #map_ma {width:100%; height:100%; clear:both; }
.map_btn {background: #fff; text-align: center; color: #3a3a3a; font-size: 16px; display: block; width: 200px; height: 40px; line-height: 40px; margin: 25px auto 50px;}

#section_4 .video {width: 100%; max-width: 1040px; background: white;  margin: 50px auto 100px;}
#section_4 .video .player-wrapper {position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 56.26%;}
#section_4 .video .player-wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/* section_5 */
#section_5 {width: 100%; height: 1000px; background: url('/images/section_5_bg.jpg') no-repeat right; background-size: cover;}

#section_5 table {width: 100%; max-width: 800px; margin-left: auto; margin-right: auto;}
#section_5 table th {font-family: 'Pretendard-Bold';  width: 290px; text-align: left;}
#section_5 table.ko_table th, #section_5 table.en_table th {font-size: 15px; line-height: 30px; color: #3a3a3a;}
#section_5 table.ko_table td, #section_5 table.en_table td {font-size: 15px; line-height: 30px; color: #3a3a3a;}
/*
#section_5 table th {font-family: 'Pretendard-Bold';  width: 220px; text-align: left;}
#section_5 table.ko_table th, #section_5 table.en_table th {font-size: 16px; line-height: 30px; color: #3a3a3a;}
#section_5 table.ko_table td, #section_5 table.en_table td {font-size: 16px; line-height: 30px; color: #3a3a3a;}
*/

/* section_6 */
#section_6 {width: 100%; height: 1000px; background: url('/images/section_6_bg.jpg') no-repeat center; background-size: cover;}

#section_6 .member {width: 100%; max-width: 800px; margin: 60px auto 0; text-align: center; overflow: hidden;}
#section_6 .member li {float: left; width: 33%; margin-bottom: 50px;}
#section_6 .member li a {color: #fff;}
#section_6 .member li p {font-size: 18px; color: #fff; line-height: 18px; margin-top: 15px;}
#section_6 .member li p span {font-size: 12px;  display: block; margin-top: 10px;}
#section_6 .member li p small {font-size: 12px; }

#section_6 .jury_text {font-size: 30px; color: white; margin-top: 10%;}
#section_6 .jury_text span {font-size: 16px; color: white; }

/* section_7 */
#section_7 {width: 100%; height: 1000px; background: url('/images/section_7_bg.jpg') no-repeat right; background-size: cover;}
#section_7 table {width: 100%; max-width: 500px; margin-left: auto; margin-right: auto;}
#section_7 table th {font-family: 'Pretendard-Bold';  width: 220px; text-align: center;}
#section_7 table.ko_table th, #section_7 table.en_table th {font-size: 16px; line-height: 30px; color: #3a3a3a;}
#section_7 table.ko_table td, #section_7 table.en_table td {font-size: 16px; line-height: 30px; color: #3a3a3a; text-align: center;}

/* section_8 */
#section_8 {width: 100%; height: 1000px; background: url('/images/section_8_bg.jpg') no-repeat center; background-size: cover;}

#section_8 .fixed_title {}

#section_8 .text {overflow: hidden;}
#section_8 .text h4 {float: left; width: 150px; font-size: 26px; font-family: 'Pretendard-Bold'; color: #fff;}
#section_8 .text .box {float: left; width: calc(100% - 150px);}
#section_8 .text p { font-size: 16px; line-height: 26px; color: #fff; margin-bottom: 30px;}
#section_8 .text p span {display: block; font-size: 20px; font-family: 'Pretendard-Bold'; margin-bottom: 10px;}


/* footer */

#section_9 {height: auto !important;}
#section_9 .fp-tableCell {height: auto !important;}


footer {background: #4a4a4a; text-align: center; padding: 50px 0;}
footer p {font-size: 18px; line-height: 24px; color: #fff;}
footer ul {margin-top: 20px;}
footer ul li {display: inline-block; font-size: 16px; line-height: 16px; color: #fff; padding: 0 10px;}
footer ul li:first-child {border-right: 1px solid #fff;}
footer .short_title {margin-top: 45px;}
footer ul.short {margin-top: 10px;}
footer ul.short li {font-size: 14px; padding: 0 10px; color: #fff;}
footer ul.short li:first-child {border-right: 1px solid #fff;}
footer p.copy {color: #b8b4b4; font-size: 12px; margin-top: 5px;}





/* board */
#bo_list {margin-bottom: 90px; padding-bottom: 50px;}

.board_title {width: 100%; height: 400px; background:url('/images/board_title_bg.jpg') no-repeat left top;     background-size: contain; padding: 30px 0;}
.board_title .title {position: absolute; top: 50%; transform: translateY(-50%); right: 15px;}
.board_title .partner_logo {position: absolute; top: 0px; right: 0;}
.board_title .go_home {position: absolute; top: 30px; right: 15px;}

.board_title_1 {width: 230px; height: 35px; line-height: 30px; text-align: center; background: #0b1a70; color:white; font-size: 17px;}

.board_title_2 {font-size: 24px; text-align: center; color:#333; margin: 100px auto 50px;}
.board_title_2 span {font-size: 30px; display: block; margin-bottom: 15px;}

.tbl_wrap table {border-top: 2px solid #5e5e5e;}
.tbl_head01 thead th {font-size: 14px; vertical-align: middle; padding: 0;}
.tbl_head01 td {font-size: 14px; vertical-align: middle; height: 40px;}
.bo_tit {color: #3e3c3c; font-weight: normal;}

#bo_list tbody tr:hover {border-left: 2px solid #3a3a3a;}

.btn_bo_user li {margin-left: 0; font-size: 12px;}
.bo_fx {float: left;margin-top: 10px;}
.btn_bo_sch  {width: 35px; height: 35px; font-size: 12px; background: #333; color: white;}
.btn_bo_sch:hover {color: white; background: #222;}
.bo_sch h3 {font-size: 14px;}
.bo_sch .bo_sch_cls {background: none; padding: 10px 20px;}


.pg_wrap {float: none; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.pg_current {background: #333; border: none; border-radius: 0; font-size: 14px; font-weight: normal;}
.pg_page {font-size: 14px; border-radius: 0; padding: 0; margin: 0 -2px; background-color: white; width: 32px; border: 1px solid #ddd;}



#bo_v {margin: 100px auto;}
#bo_v_title {margin-bottom: 20px;}
#bo_v_title .bo_v_tit {font-size: 24px; margin-top: 0;}
#bo_v_info .profile_info {margin: 0;}
.bo_v_com {margin: 0;}
#bo_v_info .profile_info .profile_info_ct {font-size: 14px;}
.bo_v_nb li {font-size: 14px;}
.bo_vc_w .btn_submit {font-size: 14px;  background: #3a3a3a;}
.cmt_btn span.total:after { background: #3a3a3a;}
.bo_vc_w .btn_confirm .secret_cm label {font-size: 14px !important;}





#bo_w {margin: 100px auto;}
#bo_w .bo_v_option li label {font-size: 14px;}
#bo_w .bo_w_tit #btn_autosave {font-size: 12px;}
.btn_cke_sc {display: none;}
#bo_w .btn_submit, #bo_w .btn_cancel {font-size: 14px; font-weight: normal;}
a.btn_close {display: inline-block; line-height: 45px; padding: 0 30px; vertical-align: bottom; margin: 10px;}
.btn_submit { background: #3a3a3a;}
.btn_submit:hover {background: #3a3a3a;}


.lnb_wrap {background: #e7e1db; border-top: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9;}
.lnb_wrap ul {text-align: center;}
.lnb_wrap ul li {display: inline-block; border-right: 1px solid #b9b9b9; width: 180px; line-height: 40px; font-size: 15px;}
.lnb_wrap ul li:first-child {border-left: 1px solid #b9b9b9;}
.lnb_wrap ul li a {display: block;}
.lnb_wrap .home {position: absolute; left: 0; top: 12px;}


/* 회원가입 */
#register_form {width: 100%; max-width: 1000px; margin: 75px auto 50px; border: 1px solid #eee; padding: 45px;}
#register_form h2.page_title {font-size: 35px; line-height: 35px; font-family: 'Noto Sans KR', sans-serif; margin-bottom: 50px; text-align: center;}
#register_form ul {width: 60%; padding-right: 30px;}
#register_form ul li {overflow: hidden; margin-bottom: 20px;}
#register_form ul li label {font-size: 16px; width: 100px; line-height: 40px; float: left;}
#register_form ul li input[type="text"], #register_form ul li input[type="password"] { float: left; width: calc(100% - 250px); line-height: 40px; border: 1px solid #b9b9b9; background: #e5e5e5; margin-right: 0;}
#register_form ul li .idcheck {display: inline-block; width: 90px; line-height: 40px; margin-left: 5px; background: #ffba00; color: white; text-align: center;}
#register_form .agree_part {width: 40%; background: #e6f6fa; border: 1px solid #b9b9b9; padding: 25px;}
#register_form .agree_part p {font-size: 14px; line-height: 24px; margin-bottom: 20px;}
#register_form .agree_part label {font-size: 14px; line-height: 24px;}
#register_form .guide {font-size: 14px; line-height: 24px; text-align: center; margin-top: 30px;}
#fregisterform a.btn_close {width: 270px; background: #8e8e8e; color: white; border: 0;}
#fregisterform .btn_confirm .btn_submit {width: 270px;}
.input_guide {font-size: 14px; line-height: 20px; margin-top: 10px; color: #888;}


/* madal */
.jquery-modal>.modal {background: #2b2b2bf2 ;color: #fff;max-width: 630px; padding: 40px 25px;}
.jquery-modal>.modal p {color: #fff;}
.madal-mem-top { list-style: none; padding: 0; margin: 0; }
.span-img {width: 30%; display: inline-block; text-align: center; }
.madal-mem-top li { position: relative;}
.madal-mem-top li > span:before { left: 34%; content: ''; background-color: #6f6f6f; width: 1px; height: 185px; position: absolute;}
.madal-mem-top li > div { display: inline-block; margin-left: 40px; vertical-align: top;}

.modal-title1 {font-size: 25px; font-family:'Nanum Gothic', sans-serif; font-weight: 800; padding: 5px 0 8px; }
.modal-title2 {font-size: 20px; font-weight: 600; line-height: 20px; }
.modal-title3 {font-size: 13px; padding-top: 15px;line-height: 18px;}
.modal-title3 > span {font-size: 11px; }
.modal-title5 {font-size: 14px; font-weight: 600; line-height: 26px;}
.modal-title6 {font-size: 10px; padding-top: 6px;line-height: 14px;}
.madal-mem-body { margin: 52px 30px 0 30px; }
.modal-title4 { clear: both; font-family: 'Nanum Gothic', sans-serif; font-weight: 600; font-size: 17px; margin: 20px 0 8px; position: relative; padding-left: 7px;  }
.modal-title4:before { content: ''; display: block; position: absolute;  width: 2px; height: 18px;  background: #9e9c9c;}
.madal-mem-content {padding: 10px 0 20px;}
.madal-mem-content-bottom {padding-bottom:3px; }
.madal-mem-content > li {position: relative; padding-left: 8px; margin-bottom: 0px;  text-align: left !important; font-size: 12px; line-height: 17px;}
.madal-mem-content > li:before {content: ''; display: block; position: absolute; left: 1px; top: 8px; background: #d5d5d5; width: 2px; height: 2px;}
.content-en {font-size: 11px !important; line-height: 15px !important;}

@media all and (max-width: 480px) {
    .jquery-modal>.modal {padding: 20px;}
    .madal-mem-top li > div { display: block; margin-left: 0px; vertical-align: top;}
    .modal-title3 {padding-top: 15px; }
    .span-img {width: 100%; display: block; }
    .madal-mem-top li > span:before {display: none;}
    .madal-mem-top li > div { text-align: center;}
    .madal-mem-body { margin: 30px 0 0; }
    .madal-mem-content > li {font-size: 14px; line-height: 18px;}
    .madal-mem-content > li:before {top: 8px; background: #d5d5d5; width: 2px; height: 2px;}
      
}

#privacy {}
#privacy  p { font-size: 15px ; line-height: 1.6em;  }
#privacy  h2 {margin-top: 40px;font-size: 22px; font-weight: 700;  margin-bottom: 20px;}
.privacy_box { width: 99.9%; border: 1px solid #ddd; overflow: hidden; padding: 30px; box-sizing: border-box; background: #f5f5f5; line-height: 1.6em;margin-top: 20px;}
.span1 { font-size: 17px ;  font-family: 'Pretendard-Bold'; }
.span2 { color: #3a3a3a; font-family: 'Pretendard-Bold'; line-height: 2.2em;}
.privacy_area { width: 100%;  resize: none;  border: 1px solid #ddd; padding: 30px; box-sizing: border-box; background: #f5f5f5;line-height: 1.6em;}
.privacy_title_1 {width: 400px; height: 35px; line-height: 30px; text-align: center; background: #0b1a70; color: white; font-size: 17px;}