@charset "utf-8";

html,body	{width:100%;min-width:1200px;overflow-x: hidden;}
#wrapper	{position:relative; width:100%; background-image:url(../images/main/common/bg.gif);}

/* visual */
.set_visual	{margin:0 auto 130px;position:relative;}
.set_visual:after {content:"";display:block;clear:both;}
.swiper-container {width:100%;height:714px;overflow:hidden;}
.swiper-slide	{position:relative; float:left; width:100%;}
.swiper-slide	{overflow:hidden; height:714px; background-repeat:no-repeat; background-position:center top;}
.visual_slider>li>p	{float:right; width:430px; padding-top:120px; padding-right:70px; text-align:right;}
.visual_slider>li .visual_wrap {width: 1000px;margin:0 auto; position: relative;}
.v01 {background:url(../images/main/visual01_bg.png) center center no-repeat;;background-size:cover;}
.v01_txt {position:relative;width:1200px;margin:0 auto;padding:80px 0;}
.v01_txt .v01_txt1 {position:absolute;top:80px;left:0;opacity: 0;}
.v01_txt .v01_txt2 {position:absolute;top:233px;left:0;opacity: 0;}
.v01_txt .v01_txt3 {position:absolute;top:328px;left:0;}
.v01_txt .v01_txt3 span.v01_txt3_1 {position:absolute;top:0;left:0;display:inline-block;opacity: 0;}
.v01_txt .v01_txt3 span.v01_txt3_2 {position:absolute;top:0;left:190px;display:inline-block;opacity: 0;}
.v01_txt .v01_txt3 span.v01_txt3_3 {position:absolute;top:0;left:380px;display:inline-block;opacity: 0;}


.v01_txt .v01_txt1 {-webkit-animation: vis_ani1_1 .7s .3s 1 ease forwards;animation: vis_ani1_1 .7s .3s 1 ease forwards;}
.v01_txt .v01_txt2 {-webkit-animation: vis_ani1_2 .7s .7s 1 ease forwards;animation: vis_ani1_2 .4s .8s 1 ease forwards;}
.v01_txt .v01_txt3_1 {-webkit-animation: vis_ani1_3_1 .7s 1.1s 1 ease forwards;animation: vis_ani1_3_1 .4s 1.1s 1 ease forwards;}
.v01_txt .v01_txt3_2 {-webkit-animation: vis_ani1_3_2 .7s 1.5s 1 ease forwards;animation: vis_ani1_3_2 .4s 1.5s 1 ease forwards;}
.v01_txt .v01_txt3_3 {-webkit-animation: vis_ani1_3_3 .7s 1.9s 1 ease forwards;animation: vis_ani1_3_3 .4s 1.9s 1 ease forwards;}
@keyframes vis_ani1_1 {
    0% {top: 200px;opacity: 0;}
    100% {top: 80px;opacity: 1}
}
@keyframes vis_ani1_2 {
    0% {top: 353px;opacity: 0}
    100% {top: 233px;opacity: 1}
}
@keyframes vis_ani1_3_1 {
    0% {top: 120px;opacity: 0;}
    100% {top: 0;opacity: 1}
}
@keyframes vis_ani1_3_2 {
    0% {top: 120px;opacity: 0}
    100% {top: 0;opacity: 1}
}
@keyframes vis_ani1_3_3 {
    0% {top: 120px;opacity: 0}
    100% {top: 0;opacity: 1}
}


.v01 .visual_wrap a {position:absolute;top:430px;right:0;display: block;width: 90px;height: 30px}
.v02 {background:url(../images/main/visual02_bg.png) center center no-repeat;background-size:cover;}

.v02_wrap {position:relative;width:1200px;margin:0 auto;}
.v02_wrap .v02_img {position:absolute;top:100px;left:133px;opacity: 0;}
.v02_wrap .v02_txt {position:absolute;top:83px;right:0;}
.v02_wrap .v02_txt1 {position:absolute;top:0;right:0;opacity: 0;}
.v02_wrap .v02_txt2 {position:absolute;top:70px;right:0;opacity: 0;}
.v02_wrap .v02_txt3 {position:absolute;top:294px;right:0;}
.v02_wrap .v02_txt3 span {display:inline-block;}
.v02_wrap .v02_txt3 span.v02_txt3_1 {position:absolute;top:0;right:250px;opacity: 0;}
.v02_wrap .v02_txt3 span.v02_txt3_2 {position:absolute;top:0;right:0;opacity: 0;}
.v02_wrap .v02_txt3 span.v02_txt3_3 {position:absolute;top:106px;right:250px;opacity: 0;}
.v02_wrap .v02_txt3 span.v02_txt3_4 {position:absolute;top:106px;right:0;opacity: 0;}
.v02_wrap .v02_dot p {display:inline-block;}
.v02_wrap .v02_dot1 {position:absolute;top:40px;left:269px;z-index:10;opacity: 0;}
.v02_wrap .v02_dot2 {position:absolute;top:187px;left:10px;z-index:10;opacity: 0;}
.v02_wrap .v02_dot3 {position:absolute;top:420px;left:-3px;z-index:10;opacity: 0;}
.v02_wrap .v02_dot4 {position:absolute;top:564px;left:280px;z-index:10;opacity: 0;}

.v02_wrap .v02_img {-webkit-animation: v02_dot .7s .3s 1 ease forwards;animation: v02_dot .7s .1s 1 ease forwards;}
.v02_wrap .v02_dot1 {-webkit-animation: v02_dot .7s .5s 1 ease forwards;animation: v02_dot .7s .3s 1 ease forwards;}
.v02_wrap .v02_dot2 {-webkit-animation: v02_dot .7s .7s 1 ease forwards;animation: v02_dot .7s .5s 1 ease forwards;}
.v02_wrap .v02_dot3 {-webkit-animation: v02_dot .7s .9s 1 ease forwards;animation: v02_dot .7s .7s 1 ease forwards;}
.v02_wrap .v02_dot4 {-webkit-animation: v02_dot .7s 1.9s 1 ease forwards;animation: v02_dot .7s .9s 1 ease forwards;}
.v02_wrap .v02_txt1 {-webkit-animation: vis_ani2_1 .7s 2.3s 1 ease forwards;animation: vis_ani2_1 .7s 1.1s 1 ease forwards;}
.v02_wrap .v02_txt2 {-webkit-animation: vis_ani2_2 .7s 2.8s 1 ease forwards;animation: vis_ani2_2 .7s 1.3s 1 ease forwards;}
.v02_wrap .v02_txt3 span.v02_txt3_1 {-webkit-animation: vis_ani2_3_1 .7s 3.2s 1 ease forwards;animation: vis_ani2_3_1 .7s 1.5s 1 ease forwards;}
.v02_wrap .v02_txt3 span.v02_txt3_2 {-webkit-animation: vis_ani2_3_2 .7s 3.2s 1 ease forwards;animation: vis_ani2_3_2 .7s 1.7s 1 ease forwards;}
.v02_wrap .v02_txt3 span.v02_txt3_3 {-webkit-animation: vis_ani2_3_3 .7s 3.2s 1 ease forwards;animation: vis_ani2_3_3 .7s 1.9s 1 ease forwards;}
.v02_wrap .v02_txt3 span.v02_txt3_4 {-webkit-animation: vis_ani2_3_4 .7s 3.2s 1 ease forwards;animation: vis_ani2_3_4 .7s 2.1s 1 ease forwards;}

@keyframes v02_dot {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes vis_ani2_1 {
    0% {top: 120px;opacity: 0}
    100% {top: 0;opacity: 1}
}
@keyframes vis_ani2_2 {
    0% {top: 190px;opacity: 0;}
    100% {top: 70px;opacity: 1}
}
@keyframes vis_ani2_3_1 {
    0% {top: -50px;right:300px;opacity: 0;}
    100% {top: 0;right:250px;opacity: 1}
}
@keyframes vis_ani2_3_2 {
    0% {top: -50px;right:-50px;opacity: 0;}
    100% {top: 0;right:0;opacity: 1}
}
@keyframes vis_ani2_3_3 {
    0% {top: 156px;right:300px;opacity: 0;}
    100% {top: 106px;right:250px;opacity: 1}
}
@keyframes vis_ani2_3_4 {
    0% {top: 156px;right:-50px;opacity: 0;}
    100% {top: 106px;right:0;opacity: 1}
}


#visual_pager	{position:absolute; right:50%; bottom:20px;}
#visual_pager>li	{float:left; margin-left:5px;}
#visual_pager>li>a	{overflow:hidden; display:block; width:10px; height:10px;}
#visual_pager>li>a>img	{display:block; margin-top:0;}
#visual_pager>li>a.active	{width:28px;}
#visual_pager>li>a.active img	{margin-top:-10px;}

div.title {margin:0 0 40px;text-align:center;}
div.title h3 {font-family:'Jung' ;font-size:34px;line-height:0.2em;line-height:30px;}
div.title p {font-size:18px;line-height:30px;}

.cl:after {content:"";display:block;clear:both;}

/* notice_quick */
.notice_quick {position:absolute;display:flex;width:1200px;margin:-40px auto 0;border-radius:200px 200px 0 0;background:#39a6a2;height:79px;bottom:-40px;left:50%;transform:translate(-50%, 0);z-index: 99;}
.notice_quick > div {display:flex;background:url('../images/main/notice_arrow.png') right 50px center no-repeat;align-items: center;padding:0 50px;width:50%;}
.notice_quick .title {font-size:22px;font-weight:500;color:#fff;line-height:20px;border-right:1px solid #fff;margin:0 20px 0 0;padding:0 20px 0 0;}
.notice_quick .notice_txt {font-size:16px;color:#fff;line-height:20px;width:calc( 100% - 122px );}

.pop_txt_wrap {width:1200px;margin:0 auto;position:relative;}
.pop_txt {display:block;position:absolute;right:0;bottom:12px;width:535px;padding:0 40px;}
.pop_txt ul {width:100%;}
.pop_txt .clean_control {position:absolute;bottom:40px;left:0;width:100%;}
.pop_txt .clean_control .clean_prev {position:absolute;left:0;}
.pop_txt .clean_control .clean_next {position:absolute;right:0;}

/* skin_center */
.skin_center{width:1200px; margin:50px auto;}
.c01{float:left; width:392px; height:300px;position:relative;transition:0.5s;}
.c01 a {transition: 0.5s;}
.c01 a:before {display:none;content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:url('../images/main/banner_hover.png') center center no-repeat;transition:0.5s;box-sizing:border-box;}
.c01 a:hover:before {display:block;}
.bottom_box .c01 {margin:0 10px 0 0;}
.bottom_box .c01:last-child {margin:0;}
.slide_box{float:left;width:calc( 100% - 402px ); height:300px; float:left; position:relative; overflow:hidden; margin:0 0 0 10px; margin-bottom:10px;}
.skin_slide{height:300px; position:absolute;}
.skin_slide:after {content:"";display:block;clear:both;}
.skin_slide > li {float:left;}
#c08_01 {margin-bottom:3px !important}
.breadcrumb{width:80px; height:20px;  position:absolute;  top:20px; margin-left:265px;}
.breadcrumb li{width:10px; height:10px; float:left; border-radius:15px; margin-left:8px;  cursor:pointer; background-color:rgba(220,195,24,0.8);}
.active{background:#fff !important;}

.int_box{width:100%; height:328px; background:url(../images/main/int_bg.jpg) no-repeat center center; margin:0 auto}

.slide_box {position:relative;}
.skin_box > div:after {content:"";display:block;clear:both;}
.skin_box .skin_slide_arrow {position:absolute;left:30px;z-index:99;top:50%;transform:translate(0, -50%);display:flex;width:736px;    justify-content: space-between;}

/* sns_box */
.sns_box {width:1560px;margin:50px 0 60px auto;}
.sns_box > div.sns_slide_wrap {float:right;}
.sns_box > div.sns_slide_wrap {width:65% !important;position:relative;}
.sns_box .sns_text  { width: 1200px; position: absolute; left: 50%; transform: translate(-50%, 0);}
.sns_box .sns_text h5 {font-size:60px;color:#04266d;line-height:72px;}
.sns_box .sns_text p {font-size:24px;color:#444;margin:24px 0 44px;line-height:32px;}
.sns_box .sns_text a {display:inline-block;margin:0 10px 0 0;}
.sns_box .sns_text a:last-child {margin:0;}
.sns_box .sns_slide li {position:relative;height:450px;padding:0 70px;}
.sns_box .sns_slide li.sns_slide_01 {background:url('../images/main/sns_banner01.png') left center no-repeat;}
.sns_box .sns_slide li.sns_slide_02 {background:url('../images/main/sns_banner02.png') left center no-repeat;}
.sns_box .sns_slide li.sns_slide_03 {background:url('../images/main/sns_banner03.png') left center no-repeat;}
.sns_box .sns_slide li div {position:absolute;left:70px;top:50%;transform:translate(0,-50%);}
.sns_box .sns_slide li .sns_slide_label {color:#02fbe1;font-size:50px;font-weight:600;}
.sns_box .sns_slide li .sns_slide_title {color:#fff;font-size:40px;margin:20px 0 30px;}
.sns_box .sns_slide li .sns_slide_p {font-size:22px;color:#fff;line-height:36px;}
.sns_box .sns_slide li .sns_slide_p span {color:#02fbe1;}
.sns_box .bx-controls {position:absolute;left:70px;z-index:99;bottom:100px;}
.sns_box .bx-pager {display:flex;}
.sns_box .bx-controls .bx-pager-link {display:inline-block;content:"";width:6px;height:6px;background:#fff;border-radius:50%;overflow:hidden;color:#fff;margin:0 5px 0 0;}
.sns_box .bx-controls .bx-pager-link.active {width:10px;background:#39a6a3 !important;color:#39a6a3;border-radius:50px;}

/* inq_wrap */
.inq_bg {height:20px;background:url('../images/main/inq_bg.png') top center no-repeat;}
.inq_wrap {background:#bce0df;padding:70px 0 80px;}
.inq_box {width:1200px;margin:0 auto;}
.inq_box > ul {width:795px;float:left;}
.inq_box > ul li {float:left;width:264px;height:200px;border-right:1px solid #bce0df;border-bottom:1px solid #bce0df;}
.inq_box > ul li.inq01 {background:url('../images/main/inq01.png') center center no-repeat;background-size:cover;}
.inq_box > ul li.inq02 {background:url('../images/main/inq02.png') center center no-repeat;background-size:cover;}
.inq_box > ul li.inq03 {background:url('../images/main/inq03.png') center center no-repeat;background-size:cover;}
.inq_box > ul li.inq04 {background:url('../images/main/inq04.png') center center no-repeat;background-size:cover;}
.inq_box > ul li.inq06 {background:url('../images/main/inq06.png') center center no-repeat;background-size:cover;}
.inq_box > ul li.inq07 {background:url('../images/main/inq07.png') center center no-repeat;background-size:cover;}
.inq_box > ul li.inq08 {background:url('../images/main/inq08.png') center center no-repeat;background-size:cover;}
.inq_box > ul li.inq09 {background:url('../images/main/inq09.png') center center no-repeat;background-size:cover;}
.inq_box > ul li span.on {display:none;}
.inq_box > ul li:hover span.on {display:block;}
.inq_box > ul li:hover img.off {display:none;}

.inq_right {width:390px;float:right;}
.inq_board_wrap {height:227px;background:#fff;margin:0 0 15px;padding:20px 15px;}
.inq_tit {border-bottom:1px solid #3b393a;padding:0 0 10px;margin:0 0 10px;}
.inq_tit h3{font-size:20px;line-height:25px;background:url('../images/main/inq_tit.png') left center no-repeat;padding:0 0 0 30px;float:left;display:inline-block;}
.inq_tit a{float:right;}

.inq_board li {line-height:45px;border-bottom:1px solid #e4e4e4;}
.inq_board li:after {content:"";display:block;clear:both;}
.inq_board li .inq_title {width:calc( 100% - 70px ); font-size:14px;float:left;display:inline-block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.inq_board li .inq_date {font-size:14px;float:right;display:inline-block;}

.doc_wrap:after {content:"";display:block;clear:both;}
.doc_wrap {position:relative;}
.doc_left {float:left;background:#39a6a3;width:37%;height:650px;}
.doc_left.map_left {background:#04266d;}
.doc_right {float:right;width:63%;}
.doc_right a {display:block;width:100%;height:100%;}
.doc_text {position:absolute;width:1200px;top:50%;left:50%;transform:translate(-50%, -50%);}
.doc_text .doc_label {color:#04266d;font-family:'jung';font-weight:600;font-size:40px;line-height:76px;}
.map_left .doc_text .doc_label {color:#02fbe1;font-family:'jung';font-weight:600;font-size:40px;line-height:76px;}
.doc_text .doc_title {color:#04266d;font-weight:700;font-size:60px;line-height:76px;}
.map_left .doc_text .doc_title {color:#02fbe1;font-weight:700;font-size:60px;line-height:76px;}
.doc_text .doc_p {color:#fff;font-size:22px;line-height:34px;margin:30px 0 70px;}
.doc_text .doc_btnbox a  {display:block;margin:0 0 15px;}
.doc_wrap {display:none;}
.doc_wrap.on  {display:block !important;}

#footer {background:url('../images/main/footer_bg.png') center center no-repeat;padding:80px 0;background-size:cover;}
.footer_center {width:1200px;margin:0 auto;position:relative;}
.footer_title {font-family:'jung';text-align:center;color:#fff445;font-size:36px;letter-spacing:0.2em;}
.footer_stitle {text-align:center;color:#fff;font-size:20px;margin:30px 0;}
.footer_left {float:left;width:50%;border-right:1px solid #fff;border-bottom:1px solid #fff;padding:0 30px 30px;height:211px;}

.con_tit {font-size:28px;color:#fff;font-weight:500;padding:0 0 0 60px;background:url('../images/main/con_icon.png') left center no-repeat;line-height:34px;margin:0 0 30px;}
.footer_right {float:right;width:50%;border-bottom:1px solid #fff;padding:0 30px 30px;height:211px;}
.footer_right input[type="text"] {float:left;width:32%;background:none;border-bottom:1px solid #999;font-size:18px;color:#fff;padding:0 0 10px;border-right:none;height:33px;margin:0 10px 0 0;}
.footer_right input[type="text"]::placeholder {color:#999999;font-size:18px;}
.counselingSelect select {float:left;width:32%;background:none;border:none;border-bottom:1px solid #999;font-size:18px;color:#999;height:33px;line-height:33px;}
.checkBox {margin:20px 0 15px;}
.checkBox label {color:#fff;font-size:14px;}
.submitType01 {width:100%;height:35px;background:#fff;color:#222;text-align:center;line-height:35px;font-weight:500;font-size:16px;}

.footerAgree li {display:inline-block;padding:0 30px 0 0;color:#fff;font-size:16px;font-weight:300;margin:30px 0;}
address {padding: 20px 30px 0 0;color:#fff;font-size:16px;font-weight:300;line-height:30px;}
.footerAgree_wrap {position:relative;}
.footer_sns {position:absolute;right:0;top:25px;} 
.footer_sns a {display:inline-block;margin:0 10px 0 0;}