@charset "utf-8";
/* layout */
.header {display:flex; width:100%; max-width:1300px; position:absolute; top:0; left:50%; transform:translateX(-50%); border-bottom:1px solid #ddd; z-index:10}
.header .top {display:flex; align-items:center;}
.header .middle {display:flex; align-items:center;}

.header .logo {display:inline-block; font-size:1.9em; font-family:'KotraBold', sans-serif; letter-spacing:-2px;}
.header .logo span {font-family:'KotraBold', sans-serif; letter-spacing:-2px; font-size:1em; color:#00a0e2;}
.header .btn-toggle {position:absolute; right:0px; top:50%; transform:translateY(-50%); padding:30px 30px 0 0; width:0; height:0; overflow:hidden; background:url("../img/icon_menu.png") no-repeat center center; display:none;}
.header .gnbs {display:flex; margin-left:100px;}
.header .gnb {padding:30px 40px; position:relative; transition: all .3s cubic-bezier(.13,.77,.35,1);}
.header .gnb * { transition: all .3s cubic-bezier(.13,.77,.35,1);}
.header .gnb:last-of-type {margin-right:0;}
.header .gnb .text {position:relative;font-size:1.35em; font-weight:500; }
.header .gnb .depth02 {display:block; min-width:170px; padding:20px 0; position:absolute; top:50px; left:50%; transform:translateX(-50%); background-color:#00a0e2; opacity:0; border-radius:0 0 20px 20px; box-shadow:5px 10px 20px rgba(0,0,0,0.1)}
.header .gnb .depth02 > a {display:block; height:0; white-space: nowrap; text-align:center; color:#fff;}
.header .gnb .depth02 > a:hover {background-color:#fff; color:#00a0e2;}
.header .gnb:hover .depth02 {top:90px; opacity:1;}
.header .gnb:hover .depth02 >a {height:auto; padding:8px 16px; height:auto;}
.header .gnb:hover .text:after {animation:zigzag forwards .6s cubic-bezier(.13,.77,.35,1); opacity:1;}
.header .gnb:hover:after {max-height:100%;}
.header .utils {position:absolute; right:0; display: flex; align-items: center;}
.header .util {display:inline-block; padding:5px 10px;}
.header .util.btn_srh {display:none;}
.header .util.suggest {display:inline-block; font-size:1.1em; background:#00a0e2; color:#fff; border-radius:5px; padding:5px 15px; margin-right:10px;}
.header .util.member {margin-right:10px;}
.header .util.member a {position:relative; display:inline-block; padding:0 10px;}
.header .util.member a::before {content:""; position:absolute; display:inline-block; width:4px; height:4px; background:#999; border-radius:100%; left:-2px; top:50%; transform:translatex(-50%);}
.header .util.member a:first-of-type:before {display:none;}
.header .util .ico_search {padding:35px 35px 0 0; background:url("../img/icon_search_black.png") no-repeat center center;}
.header .util .ico_popupzone {padding:35px 35px 0 0; background:url("../img/icon_popzone.png") no-repeat center center;}

.black {display:none; content:""; width:100%; height:100%; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); background-color:rgba(0,0,0,0.8); z-index:100;}
.black.active {display:block;}
.header.siteMap * {transition: none !important;}
.header.siteMap {display:block; width:450px; height:100%; padding:30px 40px; position:fixed; top:0; right:0; left:auto; background-color:#fff; overflow-y:auto; transform:none; z-index:101; box-shadow:0 0 20px rgb(0 0 0 / 15%);}
.header.siteMap .top {padding-bottom:20px; margin-bottom:30px; border-bottom:1px solid #e1e1e1;}
.header.siteMap .logo {margin:0; background-position:;}
.header.siteMap .btn-toggle {top:30px; right:40px; transform:none; background-image:url("../img/icon_popClose.png");}
.header.siteMap .gnbs {display:block; padding-bottom: 30px; border-bottom: 1px solid #ddd;}
.header.siteMap .middle {display:block; width:100%; margin-bottom:30px;}
.header.siteMap .middle .gnbs {margin:0;}
.header.siteMap .gnb {display:block; margin:0; margin-bottom:30px; padding:0;}
.header.siteMap .gnb:last-of-type {margin-bottom:0;}
.header.siteMap .gnb .text {display:block; }
.header.siteMap .gnb .depth02 {display:block; margin-top: 10px; padding: 0 0 10px; position: static; transform: none; opacity: 1; border-radius: 0; box-shadow: none; background: #f4f4f4; overflow:hidden;}
.header.siteMap .gnb .depth02 > a {padding:0 10px; display:block; width:100%; margin-top:10px; text-align:left; height:auto; color:#666;}
.header.siteMap .utils {position:relative; text-align:right; padding-top:30px; right:auto;}
.header.siteMap .util.member {display:block; padding: 0; text-align: right;}
.header.siteMap .util.menu {display:none;}

@media screen and (max-width:1340px){
	.header {padding:0 20px;}
	.header .btn-toggle {right:20px;}
	.header .utils {right:20px;}
}
@media screen and (max-width:1200px){
	.header .gnbs {margin-left:30px;}
	.header .gnb {padding:30px 30px;}
}
@media screen and (max-width:1024px){
    .header {height:70px;}
    .header .gnbs {display:none;}
	.header .btn-toggle {display:inline-block; right:20px;}
	.header .utils {right:60px;}
}
@media screen and (max-width:768px){
	.header .util.suggest {display:none;}
	.header.siteMap .util.suggest {display:inline-block;}
    .header.siteMap {width:100%; padding:30px 25px;}
	.header {border-bottom:1px solid #e1e1e1; padding:0 20px;}
}

.h_search_wrap {position:absolute; width:100%; min-height:100%; left:0; top:-100%; padding:50px 0; z-index:101; opacity:0}
.h_search_wrap.active {opacity:1; top:0;}
.h_search_wrap .search_wrap {position:absolute; max-width:600px; width:100%; padding:0 50px; left:50%; top:50%; transform:translate(-50%, -50%)}
.h_search_wrap .search_wrap .sch_keyword {width:100%; padding:10px 20px; font-size:1.5em; font-weight:500; color:#00a0e2; border-radius:5px;}
.h_search_wrap .search_wrap .btn_search {position:absolute; right:60px; top:50%; transform:translateY(-50%); display:inline-block; padding:50px 50px 0 0; width:0; height:0; overflow:hidden; background:url("../img/icon_search_black.png") no-repeat center center;}
.h_search_wrap .search_wrap .ico_close {position:absolute; right:50px; top:-50px; padding:30px 30px 0 0; background:url("../img/icon_popClose_white.png") no-repeat center center;}

@media screen and (max-width:700px){
    .h_search_wrap .search_wrap {padding:0 10px;}
	.h_search_wrap .search_wrap .sch_keyword {font-size:1.2em;}
	.h_search_wrap .search_wrap .btn_search {right:20px}
	.h_search_wrap .search_wrap .ico_close {right:10px;}
}

.btn_calender {position: fixed; right: 30px; bottom:110px; background:url("../img/quick_calender.png") no-repeat center center; display: inline-block; padding:135px 105px 0 0; width: 0px; height: 0px; z-index:99; transition: all .3s; overflow:hidden;}
.h_calender_wrap {position:fixed; width:100%; min-height:100%; left:0; top:-100%; padding:50px 0; z-index:101; opacity:0}
.h_calender_wrap.active {opacity:1; top:0;}
.h_calender_wrap .today_wrap {position:absolute; max-width:600px; width:100%; padding:0 50px; left:50%; top:50%; transform:translate(-50%, -50%)}
.h_calender_wrap .today_wrap img {width:100%;}
.h_calender_wrap .today_wrap .ico_close {position:absolute; right:50px; top:-50px; padding:30px 30px 0 0; background:url("../img/icon_popClose_white.png") no-repeat center center;}

@media screen and (max-width:1024px){
    .btn_calender {bottom:90px; background-size: 60px auto; padding: 87px 64px 0 0;}
}

.footer {background:#292929; padding:40px 0;}
.footer * {color:#9a9a9a;}
.footer .wrap {position:relative;}
.footer .foot_logo {margin-bottom:10px;}
.footer .links {padding:15px 0;}
.footer .links .link {display:inline-block; padding:0 10px;}
.footer .links .link.point {color:#ccc; font-weight:500;}
.footer .infos .info {display:inline-block; padding:0 10px; font-size:0.9em;}
.footer .infos .info:first-of-type {padding-left:0;}
.footer .infos address.info {display:block;}
.footer .infos .info a {color:#9a9a9a;}
.footer .copyright {font-size:0.9em;}
.footer .sns_list {position:absolute; right:0; top:50%; transform:translateY(-50%); display:flex; }
.footer .sns_list .link_sns {margin-left:10px; padding:80px 80px 0 0; border-radius:100%; border:1px solid #ddd; width:0; height:0; overflow:hidden; background:url() no-repeat center center; opacity:0.3; transition: all .4s;}
.footer .sns_list .link_sns:hover {opacity:0.8;}
.footer .sns_list .link_kakao {background-image:url("../img/sns_kakao.png");}
.footer .sns_list .link_facebook {background-image:url("../img/sns_facebook.png");}
.footer .sns_list .link_blog {background-image:url("../img/sns_blog.png");}
.footer .sns_list .link_insta {background-image:url("../img/sns_insta.png");}
.footer .sns_list .link_youtube {background-image:url("../img/sns_youtube.png");}
.footer .sns_list .link_twitter {background-image:url("../img/sns_twitter.png");}

.btn_top {position: fixed; right: 30px; bottom:-70px; background:#00a0e2 url("../img/arrow_top_white.png") no-repeat center center; display: inline-block; padding:60px 60px 0 0; width: 0px; height: 0px; border-radius: 100%; color: #fff; z-index:99; transition: all .3s; box-shadow:0 0 10px rgba(0,0,0,0.3); overflow:hidden;}

.quick_wrap {position:fixed; right:30px; top:50%; transform:translateY(-50%); display:flex; z-index:1; flex-direction: column;}
.quick_wrap .link {width:80px; height:80px; background:#fff; border-radius:100%; transition: all .3s; text-align:center; display:flex; flex-direction: column; align-items: center; justify-content: center; margin:5px 0; border: 1px solid #004ea2;}
.quick_wrap .link span {color:#004ea2;}
.quick_wrap .link .icon {display:inline-block; padding:30px 30px 0 0; width:0; height:0; overflow:hidden; background:url("") no-repeat center center;}
.quick_wrap .link .icon.calender {background-image:url("../img/icon_quick_calender.png");}
.quick_wrap .link .icon.introduce {background-image:url("../img/icon_quick_introduce.png");}
.quick_wrap .link .icon.book {background-image:url("../img/icon_quick_book.png");}
.quick_wrap .link .icon.sns {background-image:url("../img/icon_quick_sns.png");}

.quick_wrap .link:hover {background:#004ea2}
.quick_wrap .link:hover span {color:#fff;}
.quick_wrap .link:hover .icon.calender {background-image:url("../img/icon_quick_calender_white.png");}
.quick_wrap .link:hover .icon.introduce {background-image:url("../img/icon_quick_introduce_white.png");}
.quick_wrap .link:hover .icon.book {background-image:url("../img/icon_quick_book_white.png");}
.quick_wrap .link:hover .icon.sns {background-image:url("../img/icon_quick_sns_white.png");}

@media screen and (max-width:1340px){
	.footer .sns_list {right:20px;}
}
@media screen and (max-width:1024px){
	.footer .sns_list {top:0; transform:none; }
	.footer .sns_list .link_sns {padding:40px 45px 0 0; border:none; background-size:70%;}
}
@media screen and (max-width:768px){
	.footer {padding:80px 0 20px}
	.footer .wrap {text-align:center;}
	.footer .sns_list {top:-70px; left:0; right:0; width:100%; justify-content:center; border-bottom:1px solid #444; padding-bottom:10px;}
}

.banner_pledge {position:relative; background:#004ea2;}
.banner_pledge a {display:flex; background:#004ea2; width:100%; align-items:center; justify-content:center;}
.banner_pledge .txt1 {color:#fff; font-size:1.1em; margin:0 10px;}
.banner_pledge .txt2 {display:inline-block; padding:2px 0; min-width:100px; text-align:center; background:#fff; color:#004ea2; border-radius:20px; margin-right:5px;}
.banner_pledge .txt2::after {content:""; display:inline-block; padding:15px 15px 0 0; background:url("../img/arrow_up_small.png") no-repeat center center; margin-left:3px;}

.banner_pledge_sub {position:relative; background:#004ea2;}
.banner_pledge_sub a {display:flex; background:#004ea2; width:100%; align-items:center; justify-content:center;}
.banner_pledge_sub .txt1 {color:#fff; font-size:1.1em; margin:0 10px;}
.banner_pledge_sub .txt2 {display:inline-block; padding:2px 15px; background:#fff; color:#004ea2; border-radius:20px;}
.banner_pledge_sub .txt2::after {content:""; display:inline-block; padding:15px 15px 0 0; background:url("../img/arrow_up_small.png") no-repeat center center; margin-left:5px;}


.area_main .section {padding:50px 0; display: flex; align-items: center;}
.section_content {max-width:1340px; width:100%; padding:0 20px ; margin:0 auto;}
.section_title {font-size:2.5em; font-family:'KotraBold', sans-serif; letter-spacing:-2px; margin-bottom:40px;}
.section_title span {font-size:1em; font-family:'KotraBold', sans-serif; letter-spacing:-2px; color:#00a0e2;}
.swiper-control .swiper-btn {display:inline-block; padding:45px 45px 0 0; width:0; height:0; overflow:hidden; border:1px solid #d3d3d3; border-radius:100%; background:url("../img/arrow_left_gray.png") no-repeat center center;}
.swiper-control .swiper-btn-prev {background-image:url("../img/arrow_left_gray.png");}
.swiper-control .swiper-btn-next {background-image:url("../img/arrow_right_gray.png");}
.swiper-control .more-btn {background-image:url("../img/more_glay.png"); border:0;}

@media screen and (max-width:1024px){
	.section_title {font-size:2em; margin-bottom:20px;}
}
@media screen and (max-width:768px){
	.area_main .section {padding:20px 0;}
	.swiper-control .swiper-btn {padding:35px 35px 0 0;}
	.swiper-control .more-btn {background-size:22px;}
}

.banner_pledge_full {position:fixed; z-index:999; background:#fff; width:100%; height:100vh; top:0; left:0; overflow:hidden; display:flex; transition: all .9s; border-right:10px solid #004ea2}
.banner_pledge_full.close {left:-100%; }
.banner_pledge_full .pledge_title {position:relative; width:100px;}
.banner_pledge_full .pledge_title .title {position: absolute; left: 50%; top: 30px; transform: translateX(-50%);}
.banner_pledge_full .pledge_title .btn_skip {position:absolute; width:150px; height:30px; left:50%; bottom:90px; transform: translateX(-50%) rotate(270deg); border: 1px solid #ddd; border-radius: 30px; text-align: right; padding: 0 20px; font-size: 1.1em; color: #999;}
.banner_pledge_full .pledge_title .btn_skip::before {content:""; position:absolute; left:5px; padding:25px 25px 0 0; background:url("../img/arrow_doubleup.png") no-repeat center center;}
.banner_pledge_full .pledge_slide {position:relative; width:calc(100% - 100px); height:100vh; overflow:hidden; border-radius:0 0 0 80px; background:#eee;}
.banner_pledge_full .pledge_slide .img {position:relative; width:100%; height:100vh; overflow:hidden;}
.banner_pledge_full .pledge_slide .img img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.banner_pledge_full .pledge_slide .content {position:absolute; left:10%; top:50%; transform:translateY(-50%);}
.banner_pledge_full .pledge_slide .content .title {padding-bottom:200px;}
.banner_pledge_full .pledge_slide .content .no {font-size:2em; letter-spacing:-2px;  font-weight:300; margin-bottom:20px;}
.banner_pledge_full .pledge_slide .content .txt {margin-bottom:50px;}
.banner_pledge_full .pledge_slide .content .txt span {display:block; font-size:5em; font-family:'KotraBold', sans-serif; letter-spacing:-2px; line-height:1.3;}
.banner_pledge_full .pledge_slide .content .txt span strong {color:#004ea2}
.banner_pledge_full .pledge_slide .content .txt .line {position:relative;}
.banner_pledge_full .pledge_slide .content .txt .line::before {content:""; position:absolute; left:0; bottom:10px; width:100%; height:30px; background:#00a0e2; z-index:-1; }
.banner_pledge_full .pledge_slide .content .link {display:inline-block; font-size:1.1em; padding:2px 20px; border:1px solid #444; border-radius:30px;}
.banner_pledge_full .btn_close {position:absolute; right:20px; bottom:20px; z-index:1;}
.banner_pledge_full .btn_close input[type=checkbox] {display:none;}
.banner_pledge_full .btn_close input[type=checkbox] + label {font-size:1.1em; font-weight:400; text-shadow: 1px 1px 2px #000; color:#fff; letter-spacing:-1px; cursor:pointer; }
.banner_pledge_full .btn_close input[type=checkbox] + label::before {content:""; display:inline-block; padding:20px 20px 0 0; background:url("../img/circleCheck-inactive.png") no-repeat center center; width:0; height:0; overflow:hidden; margin-right:5px; vertical-align:middle;}
.banner_pledge_full .btn_close input[type=checkbox]:checked + label::before {background-image:url("../img/circleCheck-active.png");}
.banner_pledge_full .swiper-control {position:absolute; z-index:1; left:10%; bottom:100px;}
.banner_pledge_full .swiper-control .swiper-btn {padding:45px 65px 0 0; border:none; border-radius:0;}
.banner_pledge_full .swiper-control .swiper-btn-prev {background-image:url("../img/arrow_left_point.png");}
.banner_pledge_full .swiper-control .swiper-btn-next {background-image:url("../img/arrow_right_point.png"); margin-left:20px;}
.banner_pledge_full .swiper-control .btn_stop {background:url("../img/icon_stop_black.png") no-repeat center center}
.banner_pledge_full .swiper-control .btn_play {background:url("../img/icon_play_black.png") no-repeat center center}

@media screen and (max-width:1200px){
	.banner_pledge_full .pledge_slide .content .txt span {font-size:4.5em;}
}
@media screen and (max-width:1024px){
	.banner_pledge_full .pledge_slide .img img {height:100%;}
	.banner_pledge_full .pledge_slide .content .txt span {font-size:3.5em;}
	.banner_pledge_full .pledge_slide .content .txt .line::before {height:20px;}
}
@media screen and (max-width:768px){
	.banner_pledge_full .pledge_title {width:50px;}
	.banner_pledge_full .pledge_slide {width:calc(100% - 50px); border-radius:0 0 0 50px;}
	.banner_pledge_full .pledge_slide .content .txt {padding-right:50px;}
	.banner_pledge_full .pledge_slide .content .txt span {display:;}
	.banner_pledge_full .pledge_slide .content .txt .line::before {display:none;}
}

.main_visual {position:relative; height:100vh; background:#f0f2f3; padding:100px 0 0 !important; margin-bottom:50px; min-height:800px;}
.main_visual .slogan_wrap {max-width:1340px; padding:0 20px 0; margin:0 auto; display:flex; align-items: center; flex-flow: wrap;}
.main_visual .slogan_wrap .slogan_txt {width:100%; margin-left:20px;}
.main_visual .slogan_wrap .links {position:relative; display:flex; margin-top:100px; z-index:1;}
.main_visual .slogan_wrap .link {width:130px; height:130px; background:#fff; display:flex; margin:0 20px; border-radius:100%; align-items: center; flex-flow: column; justify-content: center; transition: all .3s;}
.main_visual .slogan_wrap .link span {font-size:1.1em; font-weight:400;}
.main_visual .slogan_wrap .link .icon {display:inline-block; padding:50px 50px 0 0; width:0; height:0; overflow:hidden; background:url("../img/icon_link_introduce.png") no-repeat center center;}
.main_visual .slogan_wrap .link .icon.introduce {background-image:url("../img/icon_link_introduce.png");}
.main_visual .slogan_wrap .link .icon.talk {background-image:url("../img/icon_link_talk.png");}
.main_visual .slogan_wrap .link .icon.book {background-image:url("../img/icon_link_book.png");}
.main_visual .slogan_wrap .link .icon.youtube {background-image:url("../img/icon_link_youtube.png");}
.main_visual .slogan_wrap .link:hover .icon.introduce {background-image:url("../img/icon_link_introduce_white.png");}
.main_visual .slogan_wrap .link:hover .icon.talk {background-image:url("../img/icon_link_talk_white.png");}
.main_visual .slogan_wrap .link:hover .icon.book {background-image:url("../img/icon_link_book_white.png");}
.main_visual .slogan_wrap .link:hover .icon.youtube {background-image:url("../img/icon_link_youtube_white.png");}

.main_visual .slogan_wrap .link:hover {background:#004ea2; box-shadow:0 0 15px rgba(0,0,0,0.3)}
.main_visual .slogan_wrap .link:hover span {color:#fff;}
.main_visual .slogan_wrap .img_wrap {position:absolute; bottom:0; left:50%;}
.main_visual .slogan_wrap .img_wrap img {display:block;}

@media screen and (max-width:1024px){
	.main_visual {min-height:0;}
	.main_visual .slogan_wrap {width:70%; margin:0;}
	.main_visual .slogan_wrap .slogan_txt img {width:100%;}
	.main_visual .slogan_wrap .links {flex-wrap: wrap; margin-top:50px; width: 300px;}
	.main_visual .slogan_wrap .link {margin:10px;}
	.main_visual .slogan_wrap .img_wrap {width:60%;}
	.main_visual .slogan_wrap .img_wrap img {width:100%;}
}
@media screen and (max-width:768px){
	.main_visual {padding:130px 0 30px !important; height:auto;}
	.main_visual .slogan_wrap .slogan_txt {margin-left:0;}
	.main_visual .slogan_wrap .img_wrap {width:65%; left:40%;}
	.main_visual .slogan_wrap .link {width: 110px; height: 110px;}
}
@media screen and (max-width:480px){
	.main_visual .slogan_wrap {width:100%; margin:0;}
	.main_visual .slogan_wrap .links {margin: 30px auto 250px; width: auto; max-width: 300px; justify-content: center;}
	.main_visual .slogan_wrap .link {margin:5px 10px;}
	/*.main_visual .slogan_wrap .link {margin:5px; width: 85px; height: 85px;}
	.main_visual .slogan_wrap .link .icon {display:none;}*/
}

.main_suggest .section_body {position:relative;}
.main_suggest .swiper {overflow:hidden; height:310px;}
.main_suggest .swiper-slide { height:120px}
.main_suggest .swiper-slide a {display:flex; padding-right:200px;}
.main_suggest .swiper-slide .face {position:relative; display:inline-block; width:120px; height:120px; background:#e5e5e5; border-radius:100%; overflow:hidden;}
.main_suggest .swiper-slide .face img {position:absolute; width:100%;}
.main_suggest .swiper-slide .content {position:relative; width:calc(100% - 170px); margin-left:40px; border-radius:30px; background:#004ea2; padding:40px;}
.main_suggest .swiper-slide .content::before {content:""; position:absolute; left:-40px; top:50%; transform:translateY(-50%); width: 0; height: 0; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-left: 20px solid transparent; border-right: 20px solid #004ea2;}
.main_suggest .swiper-slide .content p {color:#fff; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main_suggest .swiper-slide:nth-of-type(even) a {flex-flow: row-reverse; padding-right:0; padding-left:200px;}
.main_suggest .swiper-slide:nth-of-type(even) .face img {transform: scaleX(-1);}
.main_suggest .swiper-slide:nth-of-type(even) .content {margin-left:0; margin-right:40px; background:#00a0e2;}
.main_suggest .swiper-slide:nth-of-type(even) .content::before {border-left: 20px solid #00a0e2; border-right: 20px solid transparent; left:auto; right:-40px;}

.main_suggest .swiper-control {position:absolute; right:0; top:-90px;}
.main_suggest .swiper-control .swiper-btn-prev {background-image:url("../img/arrow_down_gray.png");}
.main_suggest .swiper-control .swiper-btn-next {background-image:url("../img/arrow_up_gray.png");}

@media screen and (max-width:1024px){
	.main_suggest .swiper-slide a {padding-right:50px;}
	.main_suggest .swiper-slide:nth-of-type(even) a {padding-left:50px;}
	.main_suggest .swiper-control {top:-70px;}
}
@media screen and (max-width:768px){
	.main_suggest .swiper {height:200px;}
	.main_suggest .swiper-slide .face {width:70px; height:70px;}
	.main_suggest .swiper-slide a {padding-right:0px;}
	.main_suggest .swiper-slide:nth-of-type(even) a {padding-left:0px;}
	.main_suggest .swiper-slide .content {width:calc(100% - 100px); padding:20px; margin-left:30px;}
	.main_suggest .swiper-slide .content::before {left: -30px; border-bottom: 7px solid transparent; border-top: 7px solid transparent; border-left: 15px solid transparent; border-right: 15px solid #004ea2;}
	.main_suggest .swiper-slide:nth-of-type(even) .content {margin-right:30px;}
	.main_suggest .swiper-slide:nth-of-type(even) .content::before {border-left: 15px solid #00a0e2; border-right: 15px solid transparent; left:auto; right:-30px;}
	.main_suggest .swiper-control {top:-60px;}
}

.main_pledge .section_body {display:flex; flex-wrap:wrap; justify-content: space-between;}
.main_pledge .pledge_map {width:60%; margin:-30px -5%}
.main_pledge .pledge_list {width:48%;}
.main_pledge .image_link {position:relative;}
.main_pledge .image_link img {display:block; width:100%; max-width:730px;}
.main_pledge .image_link .img-map {position:absolute; left:0; top:0; z-index:1; opacity:0; transition: all .3s}
.main_pledge .image_link .img-map.active {opacity:1;}
.main_pledge .image_link .map_blank {position:absolute; left:0; top:0; z-index:2;}

.pledge_list {position:relative; overflow:hidden; padding-top:50px;}
.pledge_list .tag_title p {font-size:2em; font-family:'KotraBold', sans-serif; letter-spacing:-2px; padding-left:20px;}
.pledge_list .tag_title p::before {content:"";display:inline-block; width:0; height:0; overflow:hidden; vertical-align:middle; padding:35px 30px 0 0; background:url("../img/ico_area.png") no-repeat center center; margin-right:10px; margin-bottom:5px;}
.pledge_list .tag_title .ico_area {padding:35px 30px 0 0; background:url("../img/ico_area.png") no-repeat center center; margin-right:10px; margin-bottom:5px;}
.pledge_list .swiper-control {position:absolute; right:20px; top:50px;}

@media screen and (max-width:1024px){
	.main_pledge .pledge_map {width:55%; margin:-30px -5%}
	.main_pledge .pledge_list {width:55%; margin-right:-10px;}
	.pledge_list {padding-top:0;}
	.pledge_list .swiper-control {top:0; right:10px;}
	.pledge_list .tag_title p {padding-left:10px; font-size:1.6em;}
}
@media screen and (max-width:768px){
	.main_pledge .pledge_map {width:100%; max-width: 450px; margin: 0 auto;}
	.main_pledge .pledge_list {width:100%;}
}

.main_ebook {margin-bottom:100px;}
.main_ebook .section_body {position:relative;}
.main_ebook .swiper-control {position:absolute; right:0; top:-70px;}
.main_ebook .swiper {margin:-20px; display: block; position: relative; overflow:hidden;}

@media screen and (max-width:1024px){
	.main_ebook .swiper-control {top:-60px;}
	.main_ebook {margin-bottom:50px;}
}
@media screen and (max-width:768px){
	.main_ebook .swiper-control {top:-40px;}
	.main_ebook {margin-bottom:30px;}
}


.main_news .btn_more {position:absolute; right:0; top:-90px; display:inline-block; padding:45px 45px 0 0; width:0; height:0; overflow:hidden; background:url("../img/more_glay.png") no-repeat center center;}
.main_act .btn_more {position:absolute; right:0; top:-90px; display:inline-block; padding:45px 45px 0 0; width:0; height:0; overflow:hidden; background:url("../img/more_glay.png") no-repeat center center;}
.list_type.type01 .item {padding:20px; }
.list_type.type01 .item a {position:relative; display:block; overflow:hidden;}
.list_type.type01 .item a .img {position:relative; width:100%; padding-top:135%; overflow:hidden;}
.list_type.type01 .item a .img img {position: absolute; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.list_type.type01 .item a .content {position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.7); transition: all .3s;  opacity:0; }
.list_type.type01 .item a .content .title {position:absolute; width:100%; bottom:0; left:0; color:#fff; padding:30px; font-size:1.2em; line-height:1.3;font-weight:500; text-align:center; }
.list_type.type01 .item a:hover .content {opacity:1;}

.list_type.type02 {display:flex; flex-wrap:wrap; margin:0 -20px 0;}
.list_type.type02 .item {padding:0 20px; width:33.3333%; border-left:1px solid #ddd; margin-bottom:40px;}
.list_type.type02 .item:nth-of-type(1) {border-left:none;}
.list_type.type02 .item:nth-of-type(4) {border-left:none;}
.list_type.type02 .item a {position:relative; display:block; border-radius:0; overflow:hidden; box-shadow:none;}
.list_type.type02 .item a .img {position:relative; width:100%; padding-top:60%; overflow:hidden; background:#efefef;}
.list_type.type02 .item a .img img {position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all .3s;}
.list_type.type02 .item a:hover .img img {transform:translate(-50%, -50%) scale(1.2)}
.list_type.type02 .item a .content {width:100%;}
.list_type.type02 .item a .content .title {padding:10px 0; font-size:1.2em; line-height:1.3; font-weight:500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media screen and (max-width:1024px){
	.list_type.type02 .item {width:50%;}
	.list_type.type02 .item:nth-of-type(4) {border-left:1px solid #ddd;}
	.list_type.type02 .item:nth-of-type(odd) {border-left:none;}
}
@media screen and (max-width:620px){
	.list_type.type02 .item {width:100%; border-left:none; margin-bottom:20px;}
	.list_type.type02 .item a .content .title {padding-bottom:5px;}
}

.list_type.type03 .item {padding:20px;}
.list_type.type03 .item a {position:relative; display:block; border-radius:20px; overflow:hidden; box-shadow:5px 5px 20px rgba(0,0,0,0.15);}
.list_type.type03 .item a .img {position:relative; width:100%; padding-top:135%; overflow:hidden;}
.list_type.type03 .item a .img img {position: absolute; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.list_type.type03 .item a .content {position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.7); transition: all .3s;  opacity:0; }
.list_type.type03 .item a .content .title {position:absolute; width:100%; bottom:0; left:0; color:#fff; padding:30px; font-size:1.2em; line-height:1.3;font-weight:500; text-align:center; }

.list_type.type03 .item.no-data {padding:20px; width:100%; min-height:200px;}
.list_type.type03 .item.no-data p { width:100%; height:100%; background:#efefef; display:flex; align-items:center; justify-content:center;}

@media screen and (max-width:1024px){
	.list_type.type03 .item {padding:10px;}
	.list_type.type03 .item a {box-shadow:5px 5px 10px rgba(0,0,0,0.15);}
}

/* 서브비주얼 */
.visual_wrap {content:""; width:100%; position:relative; height:300px;}
.visual_wrap img {position:absolute; left:50%; transform:translateX(-50%); bottom:0; z-index:-1;}
.visual_wrap .box_text {position:absolute; top:50%; left:50%; transform:translateX(-50%);}
.visual_wrap .box_text .title {font-size:3.2em; font-family:'KotraBold', sans-serif; letter-spacing:-2px;  }

@media screen and (min-width:1920px) {
    .visual_wrap img {height:auto; width:100%;}
}
@media screen and (max-width:1200px){
	.visual_wrap {height:200px;}
    .visual_wrap .box_text {top:65%;}
    .visual_wrap .box_text .title {font-size:2.2em;}
}
@media screen and (max-width:1024px){
    .visual_wrap {height:200px;}
    .visual_wrap img {height:250px; width:auto;}
}
@media screen and (max-width:768px){
    .visual_wrap {height:70px;}
    .visual_wrap .box_text {display:none;}
}

/* 로케이션 */
.locate_wrap {border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1;}
.locate_wrap .wrap_1200 {display:flex; align-items:center; justify-content:space-between; text-align:left;}
.locate_wrap .locates {display:flex;}
.locate_wrap .locate {display:flex; align-items:center; justify-content:center; width:60px; color:#7e7e7e; border-left:1px solid #e1e1e1;}
.locate_wrap .box-locate {position:relative;}
.locate_wrap .box-locate button,
.locate_wrap .box-locate a {display:block; min-width:290px; padding:15px 20px; text-align:left; color:#7e7e7e; border:1px solid #e1e1e1; border-top:none; margin-left:-1px;}
.locate_wrap .box-locate button {position:relative; border-bottom:none;}
.locate_wrap .box-locate button img {position:absolute; right:20px; top:28px;}
.locate_wrap .box-locate button:after {content:""; position:absolute; right:20px; top:50%; transform:translateY(-50%); padding:23px 23px 0 0; background:url("../img/locate_down.png") no-repeat center center;}
.locate_wrap .box-locate:first-of-type button {border-right:none;}
.locate_wrap .box-locate .subs {display:none; width:100%; position:absolute; left:0; margin-top:1px; background-color:#fff; z-index:6;}
.locate_wrap .box-locate .subs a:hover {background:#efefef;}
.locate_wrap .locate:before {content: ""; display:inline-block; width:5px; height:5px; margin:0 10px; position:relative; top:-2px; right:3px; border:1px solid #7e7e7e; border-left:none; border-bottom:none; transform:rotate(45deg); }
.locate_wrap .locate:first-child:before {display:none;}
.locate_wrap .locate:first-child {border-left:none;}
.locate_wrap .utils {margin-left:auto; cursor:pointer;}
.locate_wrap .util {display:inline-block; margin-left:12px; position:relative; top:2px;}

@media screen and (max-width:768px) {
    .locate_wrap {position:relative;}
	.locate_wrap .wrap {padding:0;}
    .locate_wrap .locates {width:100%; align-items:stretch; padding-left:40px;}
    .locate_wrap .box-locate {flex:1;}
    .locate_wrap .box-locate button, .locate_wrap .box-locate a {width:100%; height:100%; padding:10px 20px; min-width:auto;}
    .locate_wrap .box-locate a {padding-right:20px;}
    .locate_wrap .box-locate button img {top:50%; transform:translateY(-50%);}
    .locate_wrap .box-locate .subs {top:53px;}
    .locate_wrap .locate {width:40px; height:auto; position:absolute; left:0; top:50%; transform:translateY(-50%);}
    .locate_wrap .wrap_1200 {padding:0 40px; padding-right:0; position:relative;}
    .locate_wrap .utils {}
    .locate_wrap .util:first-child {display:flex; align-items:center; justify-content: center; width:52px; height:100%; margin-left:0; text-align:center; z-index:10;}
    .locate_wrap .util:first-child img {display:block; width:38px; margin:0 auto;}
    .locate_wrap .util {display:none;}
    .locate_wrap .locate:first-child img {width:14px;}
}

.sub_wrap {position:relative; text-align:center;}
.sub_wrap .subtitle {margin-top:60px; margin-bottom:60px; font-size:2.3em; font-weight:500; }

@media screen and (max-width:1200px){
    .sub_wrap .subtitle {font-size:1.8em;}
}
@media screen and (max-width:768px) {
	.sub_wrap .subtitle {margin:30px 0;}
}

.area_sub {min-height:500px;}
.contents_wrap {min-height:500px;}
.area_program {padding-bottom:100px;}
.area_bbs {padding-bottom:100px; padding-top:20px;}

/*.block{display: block !important;}*/
.before-contents{padding-left:22px; position:relative;color: #555555;}
.before-contents::before{content:"※"; position:absolute; left:0; top:0;}

.before-content{padding-left:10px; position:relative;}
.before-content.ti{text-indent: -8px; margin-left: 8px;}
.before-content::before{content:url('../img/icon-before-square.png'); position:relative; top:-6px; margin-right: 5px;}

.before-reference {padding-left:22px; position:relative; color: #777777;}
.before-reference:before {content:"※"; position:absolute; left:0; top:0;}

.color_gray {color: #777777;}

.bg-gray > strong {font-weight: 500;}

.btn-type01{width:auto;background: #efefef;border-radius: 50px; padding: 10px 15px; color: #555555;font-size: 1em; font-weight: 400;}
.btn-type02{width: 150px; border: 1px solid #959595;border-radius: 30px; padding: 10px 15px; color: #7a7a7a;font-size: 18px; font-weight: 500;}
.btn-type03{border-radius: 30px; padding: 5px 30px; background-color: #eeeeee; color:#00a0e2; font-size: 17px; font-weight: 500;}
.sub-btn{display: block; margin:0 auto;}
.btn-img{margin-left: 5px;}
.area_sub .ul-list-type01{ font-size:1em; }
.area_sub .ul-list-type01 > li{ font-size:1em; font-weight: 500; color:#3d3d3d; padding-left:10px; margin-bottom:15px; background:url(../img/icon-before-square.png) no-repeat left 8px; }

.area_sub .ul-list-type02{ font-size:1em; margin: 10px 0;}
.area_sub .ul-list-type02 > li{text-indent: -17px; margin-left: 17px;}
.area_sub .ul-list-type02 > li::before{content: '-';position: relative; top:0px; left: 0; right: 0;margin: 5px;}

.area_sub .ul-list-type03{ font-size:1em; }
.area_sub .ul-list-type03 > li{text-indent: -8px; margin-left: 8px;}
.area_sub .ul-list-type03 > li strong{font-weight: 500;}
.area_sub .ul-list-type03 > li::before{content: url(../img/icon-before-square.png); position: relative; top: -4px; margin-right: 5px;}

.area_sub .ul-list-type04{ font-size:1em;}
/*.area_sub .ul-list-type04 > li{ font-size:16px; color:#555555; padding-left:10px; background:url(../img/icon-before-circle.png) no-repeat left 8px; }*/
.area_sub .ul-list-type04 > li::before{content: url('../img/icon-before-circle.png');position: relative; top:7px; left: 0; right: 0;margin: 5px;} 

.area_sub h3.title{font-size: 2em; color: #00a0e2; text-align: center; margin: 50px; font-weight: 500; }
.area_sub h3.title2{font-size: 2em; color: #00a0e2; text-align: center; margin: 50px 0; font-weight: 500; }
.area_sub h3.wrap-title{font-size: 18px; margin-top: 5px;}
.area_sub h3.sub-title-2{font-size: 28px;color: #00a0e2; font-weight: 500; margin:50px 0;}
.area_sub h3.sub-title{font-size: 25px;color: #00a0e2; font-weight: 500; }
.area_sub h3.sub-title::before{content: url(../img/icon-before-square2.png);padding-left:13px;position: relative; top: 4px; margin-right: 10px;}
.tab_menu{font-size: 0;display: block;width: 100%; margin: 0 auto;}
.tab_menu > ul{display:flex; justify-content:center; border-bottom:1px solid #ddd;}
.tab_menu > ul > li{position: relative; display:flex; align-items:center; justify-content:center; padding:0 40px;}
.tab_menu > ul > li > a{text-align: center; position: relative; display:block; font-size: 1.2em;color: #000; line-height:1.2em; padding:20px 0;}
.tab_menu > ul > li > a::after{display: block; content: "";width: 0; height: 3px;background: #004ea2;position: absolute; bottom: -1px;transition:  all 0.3s;left: 50%}
.tab_menu > ul > li.active {}
.tab_menu > ul > li.active > a {color:#004ea2; font-weight:500;}
.tab_menu > ul > li.active > a::after{width: 100%;left:0}

.depth_2 {max-width:1340px; padding:0 20px; margin:0 auto 50px;}

@media screen and (max-width:1024px) {
	.depth_2 {padding:0 10px;}
	.tab_menu > ul {justify-content:space-evenly;}
	.tab_menu > ul > li {padding:0;}
}
@media screen and (max-width:768px) {
	.area_sub h3.title {font-size:1.6em; margin:40px 0 20px 0;}
}
@media screen and (max-width:620px) {
	.tab_menu > ul {justify-content: flex-start; overflow-x:auto;}
	.tab_menu > ul > li > a {white-space:nowrap; padding:20px 15px;}
}

.sub-list.type01{border:3px solid #00a0e2; border-left: none; border-right: none; width: 100%;}
.sub-list.type01 dl{padding: 30px 0; display: flex; border-bottom: 2px dashed #bfbfbf;}
.sub-list.type01 dl:last-of-type{border-bottom:none}
.sub-list.type01 dt{color: #00a0e2; font-weight: 500; font-size: 20px; display: flex; align-items: center; padding: 5px;}
.sub-list.type01 dt::before{content: url('../img/icon-check.png'); margin: 5px; position: relative; top: 5px;}
.sub-list.type01 dd{font-size: 18px; padding: 5px;}
.sub-list.type01 dd::before{content: url('../img/icon-before-square.png');position: relative; top:-5px; left: 0; right: 0;margin: 5px;} 

.sub-list.type05{border:3px solid #00a0e2; border-left: none; border-right: none; width: 50%; min-height: 335px; margin-left: 50px;}
.sub-list.type05 dl{padding: 30px 0; display: flex; align-items: center; border-bottom: 1px dashed #bfbfbf;}
.sub-list.type05 dl:last-of-type{border-bottom:none}
.sub-list.type05 dt{color: #00a0e2; font-weight: 500; font-size: 1.2em; display: flex; align-items: center; padding:0 20px; max-width: 175px; width: 100%;}
.sub-list.type05 dt::before{content: url('../img/icon-check.png'); margin: 5px; position: relative; top: 5px;}
.sub-list.type05 dd{font-size: 1.1em; padding: 5px; text-indent: -14px; margin-left: 14px;}
.sub-list.type05 dd::before{content: url('../img/icon-before-square.png');position: relative; top:-5px; left: 0; right: 0;margin: 5px;} 


.sub-list.type05.padding20 dl {padding: 20px!important;}

.sub-list.type05-1{border:3px solid #00a0e2; border-left: none; border-right: none; width: 50%; min-height: 335px; margin-left: 50px;  margin-right: 50px; margin-bottom: 50px;}
.sub-list.type05-1 dl{padding: 30px 0; display: flex; align-items: center; border-bottom: 1px dashed #bfbfbf;}
.sub-list.type05-1 dl:last-of-type{border-bottom:none}
.sub-list.type05-1 dt{color: #00a0e2; font-weight: 500; font-size: 20px; display: flex; align-items: center; padding:0 20px; max-width: 175px; width: 100%;}
.sub-list.type05-1 dt::before{content: url('../img/icon-check.png'); margin: 5px; position: relative; top: 5px;}
.sub-list.type05-1 dd{font-size: 18px; padding: 5px; text-indent: -14px; margin-left: 14px;}
.sub-list.type05-1 dd::before{content: url('../img/icon-before-square.png');position: relative; top:-5px; left: 0; right: 0;margin: 5px;} 

.sub-list.type06 {margin:50px 0; border-left:4px solid #00a0e2; padding:0 50px; background:#fff8f8;}


.area_sub .title-sub-list{text-align: center; margin: 50px;}
.sub-list.type03 {font-size:1.2em;}
.sub-list.type03::before{content: url('../img/icon-before-circle.png');position: relative; top:8px; left: 0; right: 0;margin: 5px;}


.sub-list.type02{ border-left: none; border-right: none; width: 100%;display: flex; border: 1px solid #ccc;}
.sub-list.type02 div {flex:1; padding:50px 30px;}
.sub-list.type02 dl{position:relative; align-items: center; }
.sub-list.type02 dl::before {content:""; position:absolute; left:-30px; top:10px; width:1px; height:100px; background:#ddd;}
.sub-list.type02 div:first-of-type dl:before {display:none;}
.sub-list.type02 dl:last-of-type{border-bottom:none}
.sub-list.type02 dt{font-weight: 500; font-size: 1.2em; padding: 5px; text-align:center; margin-bottom:10px;}
.sub-list.type02 dt::before{content: url('../img/icon-check.png'); margin: 5px; vertical-align:middle}
.sub-list.type02 dd{padding:2px 5px 2px 13px; text-indent:-13px; margin-left: 13px;}
.sub-list.type02 dd::before{content: url('../img/icon-before-circle.png');position: relative; top:9px; left: 0; right: 0;margin: 5px; } 

.sub-list.type04{border-bottom:2px solid #00a0e2; border-top:2px solid #00a0e2; border-left: none; border-right: none; width: 100%; margin-bottom:100px;}
.sub-list.type04 .sub-list-contents{padding: 45px 0; display: flex;align-items: center; border-bottom: 1px dashed #bfbfbf;}
.sub-list.type04 .sub-list-contents:last-of-type{border-bottom:none}
.sub-list.type04 h3{color: #00a0e2; font-weight: 500; font-size: 20px; display: flex; align-items: center; padding: 5px; max-width: 20%; width: 100%;}
.sub-list.type04 h3::before{content: url('../img/icon-check.png'); margin: 5px; position: relative; top: 5px;}
/*.sub-list.type04 p{font-size: 18px; padding: 5px; font-size:16px; color:#555555; padding-left:20px; background:url(../img/icon-before-square.png) no-repeat left 8px top 16px;  }*/
/*.sub-list.type04 p::before{content: url('../img/icon-before-square.png');position: relative; top:-5px; left: 0; right: 0;margin: 5px;} */

.sub-list.table-list01{border:2px solid #00a0e2; border-left: none; border-right: none; width: 100%; word-break: keep-all;}
.sub-list.table-list01 .sub-list-contents{padding: 30px 0; display: flex;align-items: center; border-bottom: 2px dashed #bfbfbf;} 
.sub-list.table-list01 .sub-list-contents:last-of-type{border-bottom:none}
.sub-list.table-list01 h3{color: #00a0e2; font-weight: 500; font-size: 20px; display: flex; align-items: center; padding: 5px; max-width: 21%; width: 100%;}
.sub-list.table-list01 h3::before{content: url('../img/icon-check.png'); margin: 5px; position: relative; top: 5px;}


/* 검색결과 */
.search_wrap {margin-bottom:10px;}
.search_wrap .srh_word {width:200px;}
.search_wrap ul {overflow:hidden; margin-bottom:10px;}
.search_wrap ul li {position:relative; float:left; line-height:1.3; padding:5px 30px 5px 0;}
.search_wrap ul li.title100 {padding-left:100px;}
.search_wrap ul li span.title {position:absolute; left:0; font-weight:600; border-right:1px solid #a4a8ab; margin-top:2px; line-height:1; top:50%; margin-top:-7px;}
.search_wrap ul li.title100 span.title {width:80px;}
.search_wrap ul li.wid1 {width:100%}
.search_wrap ul li.wid2 {width:50%}
.search_wrap ul li.wid3 {width:33.333333%}
.search_wrap ul li.wid4 {width:25%}
.search_wrap ul li label {margin-right:20px;}
.search_wrap .btn_wrap {border-top:1px solid #ddd; margin:10px 0 0; padding-top:10px; text-align:right;}
.search_wrap2 {margin-bottom:10px;}
.search_wrap2:nth-child(2) {border-top:1px solid #ddd; padding-top:10px;}
.search_wrap3 {position:relative; background:#ebf5fe; padding:15px 30px; margin-bottom:20px;}
.search_wrap3 .btn {position:absolute; right:30px; bottom:15px;}
.bbs_wrap .search_wrap {position:absolute; right:0;}
.bottom_line {border-bottom:1px solid #ddd; padding-bottom:10px;}
.search_wrap .btn {padding:9px 20px; position:relative; top:1px;}
.search_wrap input {width:100%; padding:10px 10px; border:1px solid #e1e1e1;}
.search_wrap select {width:100%; padding:9px 10px;  border:1px solid #e1e1e1;}
.search_wrap label {display:inline-block; width:50px; font-size:16px;}
.search_wrap .fragment {width:400px; padding-left:140px; padding-right:73px; position:relative;}
.search_wrap .fragment:after {content:""; display:block; clear:both;}
.search_wrap .fragment select {width:135px; float:left; position:absolute; left:0; top:0;}
.search_wrap .fragment input {width:100%; float:left;}
.search_wrap .fragment .btn {padding:11px 20px; position:absolute; top:0; right:0; background-color:#00a0e2; color:#fff;}
.search_wrap .wrap_tabs {margin-top:30px; margin-bottom:60px;}

@media screen and (max-width:768px){
    .search_wrap .wrap_tabs {max-width:calc(100vw - 40px); white-space: nowrap; overflow-x:auto;}
    .search_wrap .fragment {width:100%;}
}

/* tabs */
.wrap_tabs.text {width:100%;}
.wrap_tabs.text .tab {margin-left:40px; position:relative;}
.wrap_tabs.text .tab:before {content:"|"; position:absolute; left:-25%;  color:#e1e1e1;}
.wrap_tabs.text .tab:first-child {margin-left:0;}
.wrap_tabs.text .tab:first-child:before {display:none;}
.wrap_tabs.text .tab.active {font-weight:600;}

@media screen and (max-width:768px){

}

.tabs {text-align:center;}
.tabs:after {display:block; content:""; clear:both;}
.tabs .tab {display:inline-block;}
.tabs_contents .tabs_content {display:none;}
.tabs_contents .tabs_content.active {display:block;}

.wrap_tabs.type01 .fake-tab {display:inline-block; min-width:140px; margin-left:-1px; margin-bottom:3px; padding:12px 10px; color:#666666; background-color:#d6d6d6; border-radius:5px 5px 0 0; transition: color .3s, background-color .3s;}
.wrap_tabs.type01 .fake-tab.active {color:#fff; background-color:#00a0e2;}
.wrap_tabs.type01 .fake-tab:focus {color:#fff; background-color:#00a0e2;}
.wrap_tabs.type01 .fake-tab:hover {color:#fff; background-color:#00a0e2;}

.boards.type04 {margin-bottom:35px; position:relative; border-bottom:1px solid #e1e1e1;}
.boards.type04.point .board-title {margin-bottom:0;}
.boards.type04.point .board {padding:2px 5px 15px 5px; border-bottom:none;}
.boards.type04 .board {display:block; padding:10px 5px 15px 5px; border-bottom:1px solid #e1e1e1;}
.boards.type04 .board:last-child {border-bottom:none;}
.boards.type04 .correct {color:#00a0e2;}
.boards.type04 .board-title {margin-bottom:10px;}
.boards.type04 .board-title .correct {font-weight:500;}
.boards.type04 .board-subtitle {margin-left:15px; font-weight:300; color:#666;}
.boards.type04 .board-body {font-weight:300; color:#666; }
.boards.type04 .btn-more {position:absolute; top:15px; right:0; font-size:14px;}
.boards.type04 .notice-empty {padding-bottom:30px; padding-top:20px; font-size:20px; font-weight:500; text-align:center;}

@media screen and (max-width:768px){
    .boards.type04 .notice-empty {padding-top:10px; font-size:16px;}
}

.area_greeting {padding-top:200px;}
.area_greeting .img_wrap {background:#1470b8;}
.area_greeting .img_wrap .wrap {position:relative; min-height:400px; display:flex; align-items:center;}
.area_greeting .img_wrap .wrap .txt {margin-left:10%;color:#fff; font-size:4em; font-family:'KotraBold', sans-serif; letter-spacing:-2px; line-height:1.3;}
.area_greeting .img_wrap .wrap .img {position:absolute; bottom:0; left:50%;}
.area_greeting .img_wrap .wrap .img img {display:block;}
.area_greeting .txt_wrap {max-width:1340px; padding:20px; margin:0 auto;}
.area_greeting .txt_wrap .wrap {display:flex; margin:0 -30px 0 -30px; width:auto;}
.area_greeting .txt_wrap .wrap div {flex:1; padding:30px;}
.area_greeting .txt_wrap p {font-size:1.1em; margin-bottom:20px;}
.area_greeting .txt_wrap .txt1 {font-size:1.8em; font-weight:600; letter-spacing:-1px; margin-bottom:30px;}
.area_greeting .txt_wrap .txt2 {font-size:1.3em; letter-spacing:-1px; text-align:right;}
.area_greeting .txt_wrap .txt2 strong {display:inline-block; font-size:1.6em; font-weight:600; letter-spacing:10px; margin-left:10px;}

@media screen and (max-width:1300px){
	.area_greeting .txt_wrap p br {display:none;}
}
@media screen and (max-width:1024px){
	.area_greeting .txt_wrap .wrap {display:block; margin:0; padding:30px 0;}
	.area_greeting .txt_wrap .wrap div {padding:0px;}
}
@media screen and (max-width:768px){
	.area_greeting {padding-top:100px;}
	.area_greeting .img_wrap .wrap {min-height:0; justify-content: space-between;}
	.area_greeting .img_wrap .wrap .txt  {width:45%;margin-left:0; font-size:3em; letter-spacing:-1px; padding:15px 0 15px 30px;}
	.area_greeting .img_wrap .wrap .img {width:55%; position:relative; left:auto; margin-top:-100px; margin-right:-30px;}
	.area_greeting .img_wrap .wrap .img img {width:100%;}
}
@media screen and (max-width:580px){
	.area_greeting .img_wrap .wrap {justify-content: flex-end;}
	.area_greeting .img_wrap .wrap .txt {position:absolute; left:0; width:100%; z-index:1;}
	/*.area_greeting .img_wrap .wrap .img {position:absolute; width:250px; margin:0; top:-300px;}*/
}
@media screen and (max-width:420px){
	.area_greeting .img_wrap .wrap .txt {font-size:2em;}
}

.area_declaration .wrap {display:flex;}
.area_declaration .img_wrap {flex:1; display: flex; flex-flow: column; justify-content: space-around}
.area_declaration .img_wrap .declaration_img {display:block; width:100%; margin-bottom:100px;}
.area_declaration .img_wrap .declaration_img img {width:100%;}
.area_declaration .img_wrap .declaration_img.left {text-align:left;}
.area_declaration .img_wrap .declaration_img.right {text-align:right;}
.area_declaration .txt_wrap {flex:1.2; padding-left:40px;}
.area_declaration .txt_wrap .title1 {font-size:2em;  font-family:'KotraBold', sans-serif; letter-spacing:-1px; line-height:1.3; color:#004ea2; margin-bottom:40px;}
.area_declaration .txt_wrap dl {margin-bottom:30px;}
.area_declaration .txt_wrap dl dt {font-size:1.4em; font-weight:600; margin-bottom:20px;}
.area_declaration .txt_wrap dl dd p {font-size:1.1em; padding-bottom:20px;}

.area_declaration .wrap.type02 .txt1 {margin-bottom:20px; font-size:1.2em;}
.area_declaration .wrap.type02 .txt2 {font-weight:00;}

@media screen and (max-width:1024px){
}
@media screen and (max-width:768px){
	.area_declaration .wrap {position:relative; display:block;}
	.area_declaration .img_wrap .declaration_img {position:absolute; right:0; width:40%;}
	.area_declaration .img_wrap .declaration_img:nth-of-type(1) {top:5%}
	.area_declaration .img_wrap .declaration_img:nth-of-type(2) {top:40%}
	.area_declaration .img_wrap .declaration_img:nth-of-type(3) {top:70%;}
	.area_declaration .wrap.type02 .img_wrap .declaration_img:nth-of-type(1) {top:5%}
	.area_declaration .wrap.type02 .img_wrap .declaration_img:nth-of-type(2) {top:20%}
	.area_declaration .wrap.type02 .img_wrap .declaration_img:nth-of-type(3) {top:40%;}
	.area_declaration .wrap.type02 .img_wrap .declaration_img:nth-of-type(4) {top:60%;}
	.area_declaration .wrap.type02 .img_wrap .declaration_img:nth-of-type(5) {top:80%;}
	.area_declaration .txt_wrap {position:relative; padding:0; z-index:1;}
	.area_declaration .txt_wrap dl dd p {padding-bottom:10px;}
}
@media screen and (max-width:500px){
	.area_declaration .img_wrap {display:none;}
	.area_declaration .txt_wrap dl dd p br {display:none;}
}

.blind_wrap {position:fixed; z-index:9999; background:rgba(0,0,0,0.9); left:0; top:0; width:100%; height:100%;}
.blind_wrap .blind_box {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff url("../img/bg.jpg") no-repeat center center; padding:10px; width:90%; max-width:500px;}
.blind_wrap .blind_box .line { padding:30px 20px; border:1px solid #000;}
.blind_wrap .blind_box .line p {display:block; font-size:1.1em; margin:15px 0; text-align:center;}