/* scroll */
::-webkit-scrollbar { width:5px; height: 3px; }
::-webkit-scrollbar-track { background:#eee; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
::-webkit-scrollbar-thumb { height:50px; width:50px; background:#000; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; }
::-webkit-scrollbar-thumb:window-inactive { background:#000; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; }

.scroll_on { opacity: 0; transition: all 1s;}
.scroll_on.active {opacity: 1 !important;transform: translate(0, 0) !important;}
.scroll_on.type_top {transform: translate(0, -50px);}
.scroll_on.type_bottom {transform: translate(0, 50px);}
.scroll_on.type_left {transform: translate(-50px, 0);}
.scroll_on.type_right {transform: translate(50px, 0);}

.scroll_on02 { opacity: 0; transition: all 1s;}
.scroll_on02.active {opacity: 1 !important; }

.wrap { position: relative; width: 1440px; margin: 0 auto; }
.wrap02 { position: relative; width: 1280px; margin: 0 auto; }

/* head */
#header { position: absolute; left: 0px; top: 0px; width: 100%; height: 100px; z-index: 9000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
#header:after { content:""; opacity:0; visibility:hidden; position:absolute; left:50%; top:100px; z-index:1; width:100%; height:1px; background:#ddd; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; -ms-transition:opacity 0.3s; -o-transition:opacity 0.3s; transition:opacity 0.3s; }
.head .wrap { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 90px; }

.logo { position: absolute; top: 0px; left: 2%; padding: 20px; background: #fff; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); z-index: 9; }
.logo img { height: 130px; }

#header .hd-menu .gnb-wrap { height:100%;}
#header .hd-menu .gnb-wrap .gnb { display:flex; justify-content:center; align-items:center;height:100%; text-align:center;}
#header .hd-menu .gnb-wrap .gnb > li { position: relative; display: flex; justify-content: center; align-items: center; padding: 0px 40px; height: 100px; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; }
#header .hd-menu .gnb-wrap .gnb > li:after { content:""; position:absolute; left:50%; bottom:0; width:0; height:3px; background:#449105; -webkit-transform:translate(-50%); -moz-transform:translate(-50%); -ms-transform:translate(-50%); -o-transform:translate(-50%); transform:translate(-50%); }
#header .hd-menu .gnb-wrap .gnb > li > a { display: flex; justify-content: center; align-items: center; color: #222; font-size: 20px; font-weight: 600; letter-spacing: -0.03em; line-height: 1; }
#header.on .hd-menu .gnb-wrap .gnb > li { padding: 0px 40px; }
#header.on .hd-menu .gnb-wrap .gnb > li.on > a{ color:#449105; } 
#header .hd-menu .gnb-wrap .gnb > li .depth { opacity:0; visibility:hidden; position:absolute; left:0; top:100%; padding-top:30px; width:100%; }
#header .hd-menu .gnb-wrap .gnb > li .depth:before { content: ""; position: absolute; left: 0; top: 30px; width: 1px; height: 150px; background: #ddd; }
#header .hd-menu .gnb-wrap .gnb > li:first-child .depth:before {display:none;}
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a { display: block; padding: 8px 10px; color: #666; font-size: 1em; letter-spacing: -0.03em; line-height: 1.4; word-break: keep-all; }
#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li { position:relative;}  
#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li > i { position:absolute; right:0; top:10px; font-size:2rem; color:#666; cursor:pointer;}
#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li > i:hover { color:#449105;}
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a > span {position:relative;} 
#header .hd-menu .gnb-wrap .gnb > li.open .depth { display:block;} 
#header .hd-menu .gnb-wrap .gnb > li.open > a:after { top:28px; border-left:2px solid #999; border-top:2px solid #999; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } 
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li:hover > a{ color:#666; }
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li.active > a, #header .hd-menu .gnb-wrap .gnb > li .depth2 > li.on > a, #header .hd-menu .gnb-wrap .gnb > li.open .depth > ul > li.on > a{ color:#449105; }
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li.on > a{ color:#449105; }
#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li.active > a { color:#449105 }
#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li.active .depth2 { display:block; }
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li:hover > a { color: #449105; font-weight: 500; }

#header.on { overflow:hidden; height:310px; background:#fff; -webkit-box-shadow:1px 1px 25px rgb(67 67 67 / 10%); box-shadow:1px 1px 25px rgb(67 67 67 / 10%);}
#header.on:after { opacity:1; visibility:visible;}
#header.on .hd-menu .gnb-wrap .gnb > li > a, #header.scrolled .hd-menu .gnb-wrap .gnb > li > a { color:#000; }
#header.on .hd-menu .gnb > li .depth { opacity:1; visibility:visible; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }

.menu-toggler, .mobile_menu { display: none; }

.head_rightbox { position: absolute; top: 30px; right: 2%; display: flex; flex-wrap: wrap; align-items: center; }

.dropdown_main { position: relative; display: flex; flex-wrap: wrap; align-items: center; height: 40px; margin-right: 30px; padding-left: 40px; }
.dropdown_main:after { content:''; position: absolute; left: 0px; top: 9px; width: 22px; height: 22px; background: url('../image/top/lang_icon01.png') center center no-repeat; }
.dropdown_bar { padding-right: 30px; background: url('../image/top/lang_arrow01.png') center right no-repeat; color: #666; font-size: 16px; font-weight: 500; cursor: pointer; transition: all 0.3s; }
.dropdown_content { position: absolute; top: 100%; right: 0; display: none; margin-top: 5px; width: 100px; background: #fff; border-radius: 5%; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1); animation: fade-in 1s ease; z-index: 99; }
.dropdown_content a { display: block; text-align: center; padding: 4px 15px; color: #666; font-size: 13px; line-height: 1.5; text-decoration:none; transition: all 0.3s; }
.dropdown_content a:hover { color: #449105; }
.dropdown_content a:first-child { padding-top: 13px; }
.dropdown_content a:last-child { padding-bottom: 13px; }

.drop_icon2 { display: none; }
@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* footer */
.footer { position: relative; padding: 50px 0; background: #222; font-size: 15px; }
.footer .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.footer_inr01 h4 { margin-bottom: 30px; color: #fff; font-size: 22px; font-weight: 600; letter-spacing: -0.03em; }
.footer_inr01 .footer_menu { display: flex; flex-wrap: wrap; margin-bottom: 20px; }
.footer_inr01 .footer_menu li { position: relative; padding: 0 15px; }
.footer_inr01 .footer_menu li:first-child { padding-left: 0px; }
.footer_inr01 .footer_menu li:after { content:''; position: absolute; right: 0px; top: 10%; width: 1px; height: 80%; background: rgba(255, 255, 255, 0.5); }
.footer_inr01 .footer_menu li:last-child:after { display: none; }
.footer_inr01 .footer_menu li a { color: rgba(255, 255, 255, 0.5); transition: all 0.3s; }
.footer_inr01 .footer_menu li a:hover { color: rgba(255, 255, 255, 1); }
.footer_inr01 p { color: rgba(255, 255, 255, 0.5); }
.footer_inr02 { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-end; }
.footer_inr02 img { margin-left: 30px; }

/* main */
.main_vis { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 800px; margin-top: 100px; background: url('../image/main/main_vis_bg01.jpg') center top no-repeat; background-size: cover; }

.main_text_title { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; margin-bottom: 50px; }
.main_text_title .title_text { position: relative; margin-top: -15px; animation: zoom-in-zoom-out 2s ease infinite; }
.main_text_title .title_text01 { z-index: 5; }
.main_text_title .title_text02 { z-index: 4; }
.main_text_title .title_text03 { z-index: 3; }
.main_text_title .title_text04 { margin-top: -25px; z-index: 2; }
.main_text_title .title_text img { max-width: 100%; }

.main_textbox { margin-top: 20px; }
.main_textbox p { text-align: center; color: #fff; font-weight: 700; }
.main_textbox .main_text_title02 { font-size: 24px; margin-bottom: 80px; }
.main_textbox .main_text_title03 { font-size: 20px; text-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); }

@keyframes zoom-in-zoom-out {
	0% { transform: scale(1.1, 1.1); }
	50% { transform: scale(1, 1); }
	100% { transform: scale(1.1, 1.1); }
}

.main_contents { letter-spacing: -0.03em; }

.main_schedule { padding: 50px 0 80px; }
.main_schedule_list { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.main_schedule_list li { margin-right: 30px; }
.main_schedule_list li dl { display: flex; flex-wrap: wrap; }
.main_schedule_list li dl dt, .main_schedule_list li dl dd { display: flex; flex-wrap: wrap; align-items: center; font-size: 20px; }
.main_schedule_list li dl dt { position: relative; margin-right: 30px;  }
.main_schedule_list li dl dt span { position: relative; padding-left: 20px; color: #7aba46; font-weight: 700; }
.main_schedule_list li dl dt span:after { content:''; position: absolute; left: 0px; top: 0px; width: 10px; height: 10px; background: #449105; border-radius: 10px; }
.main_schedule_list li dl dd { font-weight: 500; }

.main_con { padding: 100px 0; }
.main_con h2 { text-align: center; margin-bottom: 50px; font-size: 48px; font-weight: 400; }
.main_con h2 strong { font-weight: 800; }

.main_con_title { margin-bottom: 50px; }
.main_con .main_con_title h2 { margin-bottom: 30px; }
.main_con .main_con_title p.title_text { text-align: center; font-size: 24px; letter-spacing: -0.03em; line-height: 1.6; }

.main_con01 { display: flex; flex-wrap: wrap; padding-top: 0px; }
.main_con01_inr { width: 50%; }
.main_con01_imgbox { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 0; height: 580px; background: url('../image/main/main_con01_img01.png') right 150px center no-repeat; background-size: cover; /* border-radius: 0 500px 500px 0px; */ }
.main_con01_imgbox.active { width: 100%; }
.main_con01_imgbox img { max-width: 100%; margin-right: 150px; }
.main_con01_inr02 { display: flex; flex-wrap: wrap; align-content: center; padding-left: 80px; }
.main_con01 h3 { margin-bottom: 50px; width: 100%; font-family: "Montserrat"; font-size: 52px; font-weight: 700; line-height:1.1; }
.main_con01 p { margin-bottom: 80px; width: 100%; color: #333; font-size: 20px; line-height: 1.6; word-break: keep-all; }

.main_con01_inr02 .pcver { display: blcok; }
.main_con01_inr02 .mobilever { display: none; }

a.main_btn { position: relative; display: inline-flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 200px; height: 55px; padding: 0 30px; background: #7aba46; border-radius: 500px; color: #fff; font-size: 18px; font-weight: 500; transition: 0.3s; }
a.main_btn:after { content:''; position: absolute; right: 30px; top: calc(50% - 4px); width: 20px; height: 7px; background: url('../image/main/main_con01_arrow01.png') center top no-repeat; }
a.main_btn:hover { background: #449105; }

.main_con02 { background: url('../image/main/main_con02_bg01.jpg') center top no-repeat; background-size: cover; }
.main_con02_inr { display: flex; flex-wrap: wrap; }
.main_con02_cont { display: flex; flex-wrap: wrap; }
.main_con02_cont01 { margin-bottom: 80px; }
.main_con02_cont04 { margin-top: 80px; }
.signature .main_con02_cont04 { margin-top: 0px; }
.main_con02_continr { display: flex; flex-wrap: wrap; align-content: flex-start; width: 100%; }
.main_con02_wh100 { width: 100%; }
.main_con02_wh50 { width: 49%; }

.main_con02_cont04 h3 { position: relative; text-align: left; margin-bottom: 50px; padding-left: 20px; width: 100%; font-size: 28px; font-weight: 500; line-height:1.1; letter-spacing: -0.05em; }
.main_con02_cont04 h3:after { content:''; position: absolute; left: 0px; top: 10%; width: 4px; height: 80%; background: #007a7e; border-radius: 4px; }
.main_con02_cont04 h3 span { font-weight: 700; }

.main_con02_cont01 .week_box, .main_con02_cont04 .week_box { width: 19%; margin-left: 1.25%; }
.main_con02_cont01 .week_box:first-child, .main_con02_cont04 .week_box:first-child { margin-left: 0%; }
.main_con02_cont01 .week_box.week_box_fri { width: 58.75%; }

.main_con02_cont02 { margin-right: 2%; }

.week_title { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 100%; height: 60px; margin-bottom: 30px; border-top: 2px solid #222; border-bottom: 2px solid #7aba46; color: #333; font-family: 'WavvePADO-Regular'; font-size: 20px; }
.week_title:after { content:''; position: absolute; left: calc(50% - 5px); bottom: -5px; width: 10px; height: 10px; background: #449105; border-radius: 10px; }
.week_title i { margin-left: 5px; font-size: 14px; font-style: normal; }

.main_con02_list { display: flex; flex-wrap: wrap; width: 100%; }
.main_con02_list01 li { width: 100%; }
.main_con02_list02 li { width: 19%; margin-left: 1.25%; }
.main_con02_list02 li:nth-child(5n+1) { margin-left: 0%; }

.program_title { text-align: center; margin-bottom: 10px; padding: 7px 0; background: #449105; border-radius: 5px; color: #fff; font-family: 'WavvePADO-Regular'; font-size: 16px; line-height: 1.4; }
.program_title .en_title { font-family: 'Pretendard'; font-weight: 500; letter-spacing: -0.03em; }
.program_title .people { display: block; font-size: 13px; font-family: 'Pretendard'; }

.con02_list02_inr { text-align: center; min-height: 140px; margin-bottom: 10px; padding: 15px 10px; background: #fff; border-radius: 7px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); }
#sub_page .con02_list02_inr { border: 1px solid #e4e4e4; }
.con02_list02_inr:last-child { margin-bottom: 0px; }
.con02_list02_inr dt { overflow:hidden; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; width: 100%; min-height: 40px; margin-bottom: 5px; font-size: 17px; font-weight: 700; word-break: keep-all; }
.week_box_fri .con02_list02_inr dd { display: flex; flex-wrap: wrap; }
.week_box_fri .con02_list02_inr dd .program_info { width: 32%; margin-left: 2%; }
.week_box_fri .con02_list02_inr dd .program_info:nth-child(3n+1) { margin-left: 0%; }
.program_info span { display: block; color: #555; }
.program_info span.instructor { display: flex; flex-wrap: wrap; justify-content: center; align-content: center; min-height: 32px; margin-bottom: 5px; font-size: 14px; word-break: keep-all; }
.program_info span.time { font-size: 15px; }
.program_btnbox { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; margin-top: 15px; }
.program_btn { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width:100%; max-width: 120px; height: 30px; border-radius: 3px; font-size: 13px; font-weight: 500; }
.program_btn01 { margin-right: 2%; background: #333; color: #fff; }
.program_btn02 { background: #333; color: #fff; }
.program_btn03 { background: #ed7d31; color: #fff; }

.main_con03 { text-align: center; background: url('../image/main/main_con03_bg01.jpg') center bottom no-repeat; background-size: cover; }
.main_con03 img { max-width: 100%; }

.main_con04 { text-align: center; background: url('../image/main/main_con04_bg01.jpg') center top no-repeat; background-size: cover; color: #fff; }
.main_con04_list { display: flex; flex-wrap: wrap; justify-content: center; }
.main_con04_list li { margin: 0 50px; }
.main_con04_list .imgbox { display: inline-block; position: relative; margin-bottom: 40px; padding: 15px; border: 2px dashed rgba(255, 255, 255, 0.3); border-radius: 500px; }
.main_con04_list .imgbox:after { content: ''; position: absolute; left: calc(50% - 5px); bottom: -6px; width: 10px; height: 10px; background: #fff; border-radius: 10px; }
.main_con04_list .imgbox img { max-width: 100%; }
.main_con04_list li .textbox h4 { margin-bottom: 30px; font-family: "NEXON Lv2 Gothic"; font-size: 32px; }
.main_con04_list li .textbox p { color: rgba(255, 255, 255, 0.8); line-height: 1.5; }

.main_con05_list { display: flex; flex-wrap: wrap; margin-bottom: 80px; }
.main_con05_list li { overflow: hidden; position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; width: 30%; height: 485px; padding: 50px 40px; margin-left: 5%; border-radius: 15px; color: #fff; }
.main_con05_list li:nth-child(3n+1) { margin-left: 0%; }
.main_con05_inr01 { background: url('../image/main/main_con05_img01.png') center top no-repeat; background-size: cover; }
.main_con05_inr02 { background: url('../image/main/main_con05_img02.png') center top no-repeat; background-size: cover; }
.main_con05_inr03 { background: url('../image/main/main_con05_img03.png') center top no-repeat; background-size: cover; }
.main_con05_list li:after { content:''; position: absolute; left: 0px; bottom: 0px; z-index: 1; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.1) 50%); }
.main_con05_list li .textbox { position: relative; z-index: 9; width: 100%; }
.main_con05_list li h4 { width: 100%; margin-bottom: 20px; font-size: 30px; }
.main_con05_list li p { height: 45px; margin-bottom: 30px; font-size: 15px; line-height: 1.4; }
.main_con05_list li .more_btn01 { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; width: 90px; height: 32px; padding: 0 15px; border: 1px solid #fff; border-radius: 500px; color: #fff; font-size: 13px; font-weight: 500; transition: 0.3s; }
.main_con05_list li .more_btn01:hover { background: #fff; color: #222; }
.main_con05_list li .more_btn01:after { content: ''; position: absolute; right: 15px; bottom: calc(50% - 2px); width: 10px; height: 5px; background: url('../image/main/main_con05_arrow01.png') center center no-repeat; transition: 0.3s; }
.main_con05_list li .more_btn01:hover:after { background: url('../image/main/main_con05_arrow02.png') center center no-repeat; }

/* 커스텀 오버레이 { */
.main_con05 .place_searchbox { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px; }
.main_con05 #bo_cate { margin:0px 0; }
.main_con05 #bo_cate ul { display: flex; flex-wrap: wrap; }
.main_con05 #bo_cate li { width: 37px; height: 50px; margin-right: 10px; }
.main_con05 #bo_cate li:last-child { margin-right: 0px; }
.main_con05 #bo_cate li:nth-child(1) { background: url('https://seoulbeauty24.mycafe24.com/skin/board/participation/img/cate_img04.png') center top no-repeat; background-size: 37px 50px; }
.main_con05 #bo_cate li:nth-child(2) { background: url('https://seoulbeauty24.mycafe24.com/skin/board/participation/img/cate_img01.png') center top no-repeat; background-size: 37px 50px; }
.main_con05 #bo_cate li:nth-child(3) { background: url('https://seoulbeauty24.mycafe24.com/skin/board/participation/img/cate_img02.png') center top no-repeat; background-size: 37px 50px; }
.main_con05 #bo_cate li:nth-child(4) { background: url('https://seoulbeauty24.mycafe24.com/skin/board/participation/img/cate_img03.png') center top no-repeat; background-size: 37px 50px; }
.main_con05 #bo_cate a { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 36px; font-size: 13px; font-weight: 600; }
.main_con05 #bo_cate li:nth-child(1) a { color: #aaa; }
.main_con05 #bo_cate li:nth-child(2) a { color: #4dba38; }
.main_con05 #bo_cate li:nth-child(3) a { color: #ef4242; }
.main_con05 #bo_cate li:nth-child(4) a { color: #00a3bb; }
.main_con05 #bo_cate #bo_cate_on {}

.main_con05 .bo_sch_wrap {position: relative; }
.main_con05 .bo_sch {position:relative; text-align:left; height: 50px; }
.main_con05 .bo_sch h3 {padding:15px;border-bottom:1px solid #e8e8e8; }
.main_con05 .bo_sch legend {background:red}
.main_con05 .bo_sch form { display: flex; flex-wrap: wrap; }
.main_con05 .bo_sch select { width: 130px; height: 50px; margin-right: 5px; padding-left: 12px; background: url('https://seoulbeauty24.mycafe24.com/skin/board/participation/img/baseline_keyboard_arrow_down_black_18dp.png') no-repeat 95.5% 50%; background-size: 20px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #000; font-size: 0.9em; }
.main_con05 .bo_sch .sch_bar { display: inline-flex; flex-wrap: wrap; width: 400px; height: 50px; background: #f7f7f7; border-radius: 5px; }
.main_con05 .bo_sch .sch_input { width: calc(100% - 50px); height: 100%; padding: 0; padding-left: 10px; background-color: transparent; border: 0; box-shadow: none !important; }
.main_con05 .bo_sch .sch_btn { width:50px; height:50px; color:#656565; background:none; border:0; font-size:13px; }
.main_con05 .bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}

.main_con05_mapbox #map { margin-bottom: 50px !important; }

.main_con05 .sub0406_wrap {position: absolute;left: 0;bottom: 45px;width: 200px;height: 70px;margin-left: -100px;text-align: left;overflow: hidden;font-size: 12px;border-radius: 6px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.main_con05 .sub0406_wrap * {padding: 0;margin: 0;}
.main_con05 .sub0406_wrap .info {width: 200px;height: 70px;overflow: hidden;background: #fff;}
.main_con05 .sub0406_wrap .info:nth-child(1) {border: 0;}
.main_con05 .info .close {position: absolute;top: 0px;right: 8px;width: 20px;height: 20px;}
.main_con05 .info .close:hover {cursor: pointer;}
.main_con05 .info .body {position: relative;overflow: hidden; height:70px;}
.main_con05 .info .desc {position: relative;margin-top: 7px;}
.main_con05 .desc .sub1 {color:#999; font-size: 11px; letter-spacing: -0.5px; margin-top:5px;}
.main_con05 .desc .sub2 a {color:#3396ff; font-size: 10px;}
.main_con05 .desc .sub3 a {color:#3396ff; font-size: 10px;}
.main_con05 .desc .titles {font-weight: bold; font-size: 14px;}
.main_con05 .info .img {position: absolute;top: 10px;left: 10px; width:50px; height:50px; border-radius: 4px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.main_con05 .info .link {color: #5085BB;}
.main_con05 .cut90 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90%; display: block; }
.main_con05 .cut80 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 80%; display: block; }

/* sub */
.sub_vis { position: relative; margin-top: 100px; width: 100%; height: 400px; background: url('../image/sub/sub_vis01.jpg') center center no-repeat; background-size: cover; }

.sub_textbox { display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; width: 100%; height: 100%; }
.sub_textbox_inr { position: relative; z-index: 9; display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; text-align: center; margin-bottom: 50px; }
.sub_textbox_inr p { margin-top: -15px; animation: zoom-in-zoom-out 2s ease infinite; }
.sub_textbox_inr p:first-child { z-index:5; }
.sub_textbox_inr .title_text { position: relative; margin-top: -15px; }
.sub_textbox_inr .title_text01 { z-index: 5; }
.sub_textbox_inr .title_text02 { z-index: 2; }
.sub_textbox_inr .title_text03 { margin-left: -25px; z-index: 3; }
.sub_textbox_inr .title_text04 { margin-left: -25px; z-index: 4; }
.sub_textbox img { height: 90px; }
.sub_textbox .main_text_title03 { text-align: center; color: #fff; font-size: 20px; font-weight: 700; text-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); }
.sub_textbox .main_text_title03.mobile_text { display: none; }

.sidebar { position: absolute; left: 0; bottom: -32px; z-index: 90; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 100%; margin-bottom: 0px; }
.sidebar .wrap { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.sidebar .wrap:after { content:''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; background: #ddd; display: none; }
.sidebar .home { position: relative; z-index: 9; width: 64px; height: 64px; margin-right: 5px; background: #7aba46; border-radius: 500px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); }
.sidebar .home a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 1.3em; color: #fff; transition: 0.5s; }
.sidebar .depth { position: relative; background: #fff; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); }
.sidebar .depth_1 { width: 250px; margin-right: 5px; border-radius: 500px; }
.sidebar .depth_2 { width: 250px; border-radius: 500px; }
.sidebar .depth:before { content:''; position: absolute; left: 0px; top: 0%; width: 1px; height: 100%; background: #ddd; display: none; }
.sidebar .depth_1:before { display: none; }
.sidebar .depth_2:after { content:''; position: absolute; right: 0px; top: 0%; width: 1px; height: 100%; background: #ddd; display: none; }
.sidebar .depth_title { position: relative; width: 100%; height: 64px; padding: 0 30px; text-align: left; background: transparent; border: none; color: #333; font-size: 1em; font-weight: 500; transition:0.5s; }
.sidebar .depth_title:after { content:"\e942"; position: absolute; top: calc(50% - 7px); right: 15px; font-family: 'xeicon' !important; color: #ccc; transition: 0.5s; }
.sidebar .depth_title:hover:after { color: #007a7e; }
.sidebar .depth .sub_ul { position: absolute; left: 0px; top: calc(100% - 1px); width: 100%; padding: 10px 0px; background-color: #fff; border-radius: 10px; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); }
.sidebar .depth .sub_ul li { padding: 8px 30px; }
.sidebar .depth .sub_ul li a { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; text-align: left; color: #888; transition:0.5s; }
.sidebar .depth .sub_ul li a:hover { color: #007a7e; text-decoration: underline; }

.sub_contents { padding: 100px 0 0; color: #333; }
.board_contents { padding: 100px 0 ; color: #333; }

.sub_title { text-align: center; width: 100%; margin-bottom: 80px; }
.sub_title h2 { font-size: 48px; font-weight: 800; }
.sub_title h2 span { position: relative; z-index: 1; font-family: "NEXON Lv2 Gothic"; }

.sub_contents h3 { position: relative; margin-bottom: 30px; padding-left: 20px; font-size: 32px; font-weight: 600; letter-spacing: -0.03em; }
.sub_contents h3:after { content:''; position: absolute; left: 0px; top: 10%; width: 4px; height: 80%; background: #449105; }
.sub_contents h3 span { font-weight: 800; }

.sub_page_inr { padding: 100px 0; }
.sub_page_inr_first { padding-top: 0px; }

.about_textbox01 { text-align: center; font-size: 24px; letter-spacing: -0.03em; line-height: 1.6; }
.sub_title .about_textbox01 { margin-top: 30px; }
.about_textbox02 { text-align: center; font-size: 20px; letter-spacing: -0.03em; line-height: 1.6; }

.about_point { text-align: center; margin-bottom: 30px; color: #007a7e; font-family: "Montserrat"; font-size: 45px; font-weight: 500; letter-spacing: -0.03em; }
.about_list01 { position: relative; display: flex; flex-wrap: wrap; justify-content: center; margin: 80px 0; }
.about_list01:after { content:''; position: absolute; left: 20%; top: 50%; width: 60%; height: 2px; background: #eee; z-index: -1; }
.about_list01 li { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; text-align: center; width: 300px; height: 300px; margin: 0 40px; border-radius: 500px; color: #fff; font-size: 28px; font-weight: 600; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); }
.about_list01 li:nth-child(1) { background: #7aba46; }
.about_list01 li:nth-child(2) { background: #fff; color: #2f4858; border: 5px dashed #2f4858; }
.about_list01 li:nth-child(3) { background: #007a7e; }
.about_list01 li span.eng_stitle { display: block; margin-bottom: 10px; width: 100%; font-size: 18px; opacity: 0.5; }

.about_inr02 { background: #f7f7f7; }
.about_map { text-align: center; margin-bottom: 50px; }
.about_map img { max-width: 100%; }
.about_inr02 h4 { text-align: center; margin-bottom: 30px; font-size: 24px; font-weight: 600; letter-spacing: -0.03em; }
.about_inr02 .about_textbox02 { text-align: center; }
.about_list02 { display: flex; flex-wrap: wrap; margin-bottom: 80px; }
.about_list02 li { width: 49%; margin-bottom: 15px; }
.about_list02 li:nth-child(2n+1) { margin-right: 2%; }
.about_list02 li dl { display: flex; flex-wrap: wrap; }
.about_list02 li dl dt, .about_list02 li dl dd {  }
.about_list02 li dl dt { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 120px; height: 40px; background: #7aba46; border-radius: 500px; color: #fff; font-weight: 600; }
.about_list02 li dl dd { display: flex; flex-wrap: wrap; align-items: center; width: calc(100% - 120px); padding-left: 20px; font-size: 18px; }

.about_list03 { margin-top: 50px; }
.about_list03 li { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 15px; }
.about_list03 li:last-child { margin-bottom: 0px; }
.about_list03 li dl { display: flex; flex-wrap: wrap; }
.about_list03 li dl dt, .about_list03 li dl dd { position: relative; font-size: 18px; }
.about_list03 li dl dt { padding-right: 15px; color: #449105; font-weight: 600; }
.about_list03 li dl dt:after { content:''; position: absolute; top: 15%; right: 0px; width: 2px; height: 70%; background: #449105; }
.about_list03 li dl dd { padding-left: 15px; font-weight: 600; }

.about_list04 { display: flex; flex-wrap: wrap; justify-content: center; margin: 80px 0 80px; }
.about_list04 li { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; margin: 0 40px; }
.about_list04 li .imgbox { overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; margin-bottom: 30px; border-radius: 500px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); }
.about_list04 li .imgbox img { max-width: 100%; }
.about_list04 li .textbox { font-size: 20px; font-weight: 500; line-height: 1.6; letter-spacing: -0.03em; }
.about_list04 li .textbox strong { color: #449105; font-size: 24px; }

.about_inr04 { background: #f0f5ee; }

.about_list05 { display: flex; flex-wrap: wrap; justify-content: center; margin: 80px 0; }
.participation_inr .about_list05 { margin: 0px 0; }
.about_list05 li { margin: 0 50px; }
.about_list05 .imgbox { position: relative; margin-bottom: 40px; padding: 15px; border: 1px dashed #449105; border-radius: 500px; }
.about_list05 .imgbox:after { content: ''; position: absolute; left: calc(50% - 5px); bottom: -6px; width: 10px; height: 10px; background: #449105; border-radius: 10px; }
.about_list05 .imgbox img { max-width: 100%; }
.about_list05 li .textbox { text-align: center; }
.about_list05 li .textbox h4 { color: #449105; margin-bottom: 20px; font-size: 32px; }
.about_list05 li .textbox h4 span { display: block; margin-top: 5px; font-size: 17px; font-weight: 300; letter-spacing: 3px; opacity: 0.5; }
.about_list05 li .textbox p { color: #5c7945; font-size: 1.05em; line-height: 1.5; letter-spacing: -0.03em; }

.sub_btnbox { text-align: center; }

/*popup*/
.popup_layer {position:fixed;top:0;left:0;z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); }

/*팝업 박스*/
.popup_box{
	overflow: hidden;
	position: relative;
	top:50%;
	left:50%;
	width:50%;
	height: auto;
	background:#fff;
	transform:translate(-50%, -50%);
	z-index:1002;
	box-sizing:border-box;
	border-radius: 10px;
	box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
}

/*컨텐츠 영역*/
.popup_box .popup_cont { padding:50px 30px; }
.popup_box .popup_cont h4 { text-align: center; margin-bottom: 30px; font-size: 28px; }
.popup_box .popup_cont h5 { position: relative; margin-bottom: 15px; padding-left: 20px; font-size: 18px; font-weight: 700; }
.popup_box .popup_cont h5:after { content: ''; position: absolute; left: 0px; top: 0px; width: 8px; height: 8px; background: #449105; border-radius: 10px; }
.popup_box .popup_cont p { margin-bottom: 30px; padding-left: 20px; line-height: 1.5; word-break: keep-all; }
.popup_box .popup_cont p:last-child { margin-bottom: 0px; }

/*버튼영역*/
.popup_box .popup_btn {display:table;table-layout: fixed;width:100%; word-break: break-word;}
.popup_box .popup_btn a { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; height: 60px; background: #7aba46; color: #fff; font-weight: 500; transition:0.3s; }
.popup_box .popup_btn a:hover { background: #449105; }
.popup_box .popup_btn a i { margin-right: 5px; font-weight: bold; }

/*오버레이 뒷배경*/
.popup_overlay{position:fixed;top:0px;right:0;left:0;bottom:0;z-index:1001;;background:rgba(0,0,0,0.5);}