/* Àüü °øÅë ¿µ¿ª */
.section{padding:0;overflow: hidden;}


#loading {width: 100%;height: 100%;top: 0;left: 0;position: fixed;display: block;opacity: 1;background-color: #fff;z-index: 99;text-align: center;}

/* .main_visu.v1{background:url('/img/main/bg_main01.jpg') no-repeat 50% 0} */
.main_visu.v2{background:url('/img/main/bg_main02.jpg') no-repeat 50% 0;}
/* .main_vs{background:url('/img/main/main_bn_4_bg.jpg') repeat-x;} */
.main_vs li{text-align:Center;}
.main_vs li.main_bn_4{height:502px;background:url('/img/main/main_bn_4.jpg') no-repeat;background-position:center;}
.main_vs li.main_bn_5{height:502px;background:url('/img/main/main_bn_5.jpg') no-repeat;background-position:center;}
.main_vs li.main_bn_6{height:502px;background:url('/img/main/main_bn_19_1.jpg') no-repeat;background-position:center;}
.main_vs li.main_bn_7 {background: url('/img/main/main_20200110_01.jpg') no-repeat center center; height:680px; width:100%;background-position:center;background-size:cover;}
.main_vs li.main_bn_8 {background: url('/img/main/main_20200110_02.jpg') no-repeat center center; height:680px; width:100%;background-position:center;background-size:cover;}
.main_vs li.main_bn_9 {background: url('/img/main/main_20200110_03.jpg') no-repeat center center; height:680px; width:100%;background-position:center;background-size:cover;}
/*.main_vs li.main_bn_7 {background: url('/img/main/main_bn_20_3_01.jpg') no-repeat center center; height:680px; width:100%;}*/
/*.main_vs li.main_bn_7 {background: url('/img/main/main_20190522.jp2') no-repeat center center; height:680px; background-position:center;}*/
/*.main_vs li.main_bn_7{height:680px;background:url('/img/main/main_bn_19_3.jpg') no-repeat;background-position:center}*/
/*.main_vs li.main_bn_7{height:502px;background:url('/img/main/main_bn_19_2.jpg') no-repeat;background-position:center}*/

html, body {font-family: "NotoSansKR", "Malgun Gothic", "¸¼Àº °íµñ", "Helvetica", -apple-system, "Apple SD Gothic Neo", Arial, sans-serif !important;}
.left {float: left;}
.right {float: right;}
.clearfix:after {content: ''; display: block; clear: both; visibility: hidden;}
.visuallyhidden {position: absolute !important; width: 1px !important; height: 1px !important; clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; overflow: hidden;}
.inner {position: relative; width: 1240px; margin: 0 auto;}
.inner:after {content: ""; clear: both; display: block; height: 0; visibility: hidden;}

/* ================================================
    partner
==================================================*/
/* partner-section */
.partner-section {background-color: #e0e0e0;}
.partner-section .section-header {margin-bottom: 50px;}
.partner-section .section-header .title{text-align: center; font-size: 45px; color: #232323; font-family: 'HGGGothicssi80g', sans-serif;}
.partner-section .section-header .title-assisat {padding-top: 10px; text-align: center; font-size: 20px; color: #666; font-weight: 100; line-height: 28px; }
.partner-section .inner {width: 1280px;}
.partner-section .partner-list {}
.partner-section .partner-list:after {content: ""; clear: both; display: block; height: 0; visibility: hidden;}
.partner-list li {float: left; width: 176px; height: 80px; margin-right: 8px; margin-bottom: 8px; border: 2px solid #d2d2d2; box-sizing: border-box; background-color: #fff;}
.partner-list li:nth-child(7n) {margin-right: 0;}
.partner-list a {display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.partner-section .partner-rep {margin-top: 30px;}
.partner-section .partner-rep:after {content: ""; clear: both; display: block; height: 0; visibility: hidden;}
.partner-rep li {float: left; width: 416px; margin-right: 16px;}
.partner-rep li:nth-child(3n) {margin-right: 0;}
.partner-rep a, .partner-rep img {display: block; width: 100%; height: 100%;}
.partner-img {width: 100%; height: 120px; border: 2px solid #d2d2d2; box-sizing: border-box; background-color: #fff; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.partner-rep .partner-text {margin-top: 25px; text-align: center;}
.partner-rep .partner-text strong {display: block; font-size: 20px; color: #333; font-weight: 500;}
.partner-rep .partner-text p {padding-top: 10px; font-size: 15px; color: #6d6d6d; line-height: 21px;}

/* award-section */
.award-section {padding: 100px 0 70px 0; background-color: #fff;}
.award-section .inner {width: 1280px;}
.award-section .award-list {padding: 20px 0; box-sizing: border-box; border: 1px solid #e1e1e1;}
.award-section .award-list:after {content: ""; clear: both; display: block; height: 0; visibility: hidden;}
.award-section .award-list li {float: left; width: 16.666%; text-align: center;}
.award-list .award-icon {display: block; width: 100%; height: 60px; margin-bottom: 20px; background-repeat: no-repeat; background-size: contain; background-position: center;}
.award-list strong {display: block; margin-bottom: 10px; font-size: 18px; color: #333; font-weight: 500;}
.award-list p {font-size: 16px; color: #666; font-weight: 400;}

/* main_visu Ãß°¡ ½ºÅ¸ÀÏ */
.visu1_hy{background:url('/img/main/hue_main_w.jpg') no-repeat 50% 0;}
.visu2_hy{background:url('/img/main/hue_main_m.jpg') no-repeat 50% 0;}
.main_visu .img_win{position:absolute;top:30px;left:-15px;}
.main_visu .snb{position:absolute;top:45px;right:0;}
.main_visu .snb li{margin-top:1px;}
.main_visu .snb li:first-child{margin:0;}
.main_visu .snb a{display:block;width:107px;height:70px;padding-top:20px;background:url(/img/main/bg_snb.png);color:#fff;text-align:center;}
.main_visu .snb span{display:block;width:30px;height:30px;margin:0 auto 10px;}
.main_visu .snb .info{background-position:-44px -42px;}
.main_visu .snb .serv{background-position:-76px -42px;}
.main_visu .snb .ask{background-position:-108px -42px;}
.question{position:absolute;left:0;right:0;bottom:0;height:40px;padding-top:20px;background:url(/img/main/bg_ques.png);color:#444;font-size:16px;}
.question .q_tit{margin-left:5px;font-weight:bold;}
.question .q_tit .sp{width:25px;height:22px;margin:-1px 10px 0 0;background-position:-17px -64px;}
.question .q_list_box{overflow:hidden;position:absolute;top:0;left:320px;width:400px;height:20px;}
.question .q_list{position:absolute;top:0;left:0;width:400px;}
.question .q_list li{height:20px;}
.question .q_list a{display:block;}
.pop_wrap{position:absolute;top:45px;right:110px;}
.layer_pop .close{position:absolute;right:0;bottom:0;z-index:5;width:28px;height:28px;border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9;}
.layer_pop .close .sp{width:15px;height:15px;margin:6px 0 0 7px;background-position:0 -64px;}
.main_img_link{position:relative;width:1280px;margin:auto;display:inline-block;height:680px;}
.main_img_link01{display:block;position:absolute;top:236px;left:318px;width:300px;height:300px;}
.main_img_link02{position:absolute;top:140px;left:660px;width:300px;height:300px;}

/* why_gy */
.why_gy{overflow:hidden;height:150px; width:100%; background:#785e6a;}
.why_gy .inr {background:#282e38;}
.why_list{width:100%; float:left; background:#785e6a; box-sizing:border-box;padding-left:40px;}
.why_list li {width:auto; margin-right:101px; float:left;}
.why_list li:after {content:""; display:inline-block; width:1px; height:48px; background:white; position:absolute; top:37px; margin-left:209px;}
.why_list li:last-child {margin:0;}
.why_list li:last-child:after {width:0;}
.why_list li a {display:block;font-size:24px; color:#f3debd;text-align:center;padding-top:80px;}
.why_list li:hover a {font-weight:bold;}
.why_list li:hover a span{font-weight:normal;}
.why_list li a span {display:block; font-size:14px; padding-top:6px; color:#f8f8f8;}
.why_list li:nth-child(1){background:url(/img/why_gn_icon_01.png) no-repeat center 26px;}
.why_list li:nth-child(2){background:url(/img/why_gn_icon_02.png) no-repeat center 26px;}
.why_list li:nth-child(3){background:url(/img/why_gn_icon_03.png) no-repeat center 26px;}
.why_list li:nth-child(4){background:url(/img/why_gn_icon_04.png) no-repeat center 26px;}
.why_list li:nth-child(5){background:url(/img/why_gn_icon_05.png) no-repeat center 26px;}

/* record */
.record{width:1280px;margin:auto;padding:65px 0;height:205px;}
.record .record_left{width:50%;float:left;}
.record .record_left .record_title{width:144px;height:144px;background:#91addb;font-size:60px;font-weight:bold;color:#fff;padding:10px;}
.record .record_left .record_content{}
.record .record_left .record_content a{}
.record .record_left .record_content a span{}
.record .record_left .record_content p{}
.record .record_left .record_content p span{}

/* img_slider */
.gy_point_wrap{width:100%;background:#fff;}
.why_gn_title {width:1280px;margin:auto;height:38px;}
.slider-pro{margin:48px auto 100px auto !important;}
.sp-slides-container{top:50px !important;}
.sp-thumbnail-title{border-right:1px solid #ababab; line-height: 18px; text-align: center;}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content: ''; position: absolute; width: 100%; color:#222; font-weight: bold;}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail{font-weight: bold;}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:nth-child(1){color:#e599bb;}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:nth-child(2){color:#8fd1b6;}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:nth-child(3){color:#f2b799;}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:nth-child(4){color:#91cadb;}
.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{position: relative;}
.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before{background-color:#d1d1d1 !important;}
.sp-fade-arrows{opacity:1 !important;}
.sp-horizontal .sp-previous-arrow{left:-25px !important;}
.sp-horizontal .sp-next-arrow, .sp-horizontal.sp-rtl .sp-previous-arrow{right:-25px !important;}
.slider-pro img.sp-image, .slider-pro img.sp-thumbnail{width:1120 !important;margin:auto;}
.last_border{border-right:0;}
.section_wrap {position:relative;width:100%;}

/* section1 */
.section1 {width:100%; background:#f8f8f8;}
.section1 .inr {}
.section1 .interv{height:630px;}
.section1 .interv:after{display:block;clear:both;content:'';}
.section1 .interv strong{display:block;margin-bottom:35px;text-align:center;font-size:32px;}
.section1 .interv_tit{width:536px;height:296px; background:#ffe7e9; display:inline-block; padding-top:77px; box-sizing:border-box; position:absolute; top:31px;text-align:center; box-shadow: 4.9px 3.5px 7px 0 rgba(0, 0, 0, 0.12);}
.section1 .interv_tit p {font-size:33px; margin:3px 0 21px 0;}
/*.section1 .interv_tit em{position:absolute;top:20px;left:20px;width:150px;height:64px;padding-top:15px;border:6px solid #fff;text-align:center}*/
.section1 .interv_tit span{font-size:20px; font-weight:bold;}
.section1 .interv_best .inr .member_best p{text-align:center;padding-top:100px;font-size:36px;font-weight:400;}
.section1 .interv_best .inr .member_best p span{display:block;font-size:20px;font-weight:400;padding-top:18px;}

/* ÃÊÈ¥¼­ºñ½º ³×Ä­Â¥¸® */
.section_service {width:1280px;margin:auto;overflow:hidden;}
.section_service .inr{width:640px;min-width:640px;float:left;margin-top:55px;}
.section_service .inr ul {width:640px;height:346px;border:1px solid #cdcdcd;box-sizing:border-box;}
.section_service .inr ul li {width:319px; height:172px; float:left; padding:40px 26px; box-sizing:border-box; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd;}
.section_service ul li.service_2, .section_service ul li.service_4{border-right:0;}
.section_service ul li.service_3, .section_service ul li.service_4{border-bottom:0;}
.section_service h2 {font-size:30px; padding-bottom:6px; box-sizing:border-box;}
.section_service h3 {font-size:16px;letter-spacing:-0.3;line-height:20px;padding-top:20px;}
/* ¸Å´ÏÀú¼Ò°³ 2020 ³¡ */

/* manager_slide */
.manager_slide .thumb{display:block; width:200px;margin-left:40px;}
.manager_slide .thumb img{width:100%; margin: 0 0 40px;}
.manager_slide .m_info{}
.manager_slide .name{display:block;margin-bottom:10px;font-size:30px; font-family: 'HGGGothicssi60g', sans-serif;}
.manager_slide .mng_name{display:block; font-size:18px; margin: 0 0 10px;}
.manager_slide li:nth-child(2n - 1) .mng_name{color: #2763bb;}
.manager_slide li:nth-child(2n) .mng_name{color: #88c8c6;}
.manager_slide .desc{display:block; font-size:15px;line-height:23px;box-sizing:border-box; word-break: keep-all; margin: 0 0 28px; height: 72px; font-weight: 300;
 display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.manager_slide .desc br{display: none;}
.manager_slide .mng_title{float:left;width:370px;font-size:32px;padding-top:38px;padding-left:42px;box-sizing:border-box;}
.manager_slide .mng_name .name{padding-left:5px;font-size:18px;font-weight:bold;margin-bottom:20px;display:block;}
.manager_slide .m_con{display: flex; justify-content: space-between; padding: 0 10px; box-sizing: border-box;}
.manager_slide .man_more{display:block;width: calc(50% - 5px);border-right:0;background:#2763bb; height:50px;line-height:48px;font-size:18px;text-align:center;}
.manager_slide .contact{display:block;width: calc(50% - 5px);background:#25a297; height:50px;line-height:48px;font-size:18px;text-align:center;}
.manager_slide .m_con a{display: block; color:#fff; width: 100%; height: 100%; font-size: 18px; }

/* section1 Ãß°¡ ½ºÅ¸ÀÏ */
#section1{padding: 140px 0;}
.section1 .member_box .interv_tit{position:absolute;top:20px;left:87px;background:none;width:146px;height:39px;}
.section1 .interv_new .member_box .member{height:310px;}
.section1 .interv_new .member_box .member ul{height:210px;overflow:hidden;}
.section1 .interv_new .member_box .txt{top:210px;background:#dca6bc;color:#fff;}
.section1 .interv_new .member_box .txt em{width:64px;height:13px;padding:4px 0 6px;background:#fff; color:#444;text-align: center;font-size:13px;display:inline-block;margin-right:10px;}
.section1 .interv_new .member_box .member .btn_area{height:50px;}
.section1 .interv_new .member_box .member .btn_area a {position: absolute;top: 210px;bottom:auto;padding: 17px 20px;}
.section1 .interv_new .member_box .member .btn_area .sp{background:url("/img/common/arrow_white.png") no-repeat;width:9px;height:15px;}
.section1 .interv_new .member_box .member .btn_area .btn_next .sp {background-position: -9px 0px;}
.section1 .interv_new .manager .tit{top:20px;left:83px;}
.section1 .interv_new .manager_slide a{margin: 75px 40px 0;height:235px;}
.section1 .interv_new .manager .mng_name{top:auto;right:0;left:auto;bottom:22px;padding-top:55px;border-top:1px solid #fff;}
.section1 .interv_new .manager .thumb{top:90px;left:0;right:auto;}

/* ga-event-top */
.gy_event_top {width:100%; height:614px;}
.gy_event_top .gy_event_top_left {width:1280px;margin:auto; height:376px; position:relative; box-sizing:border-box;margin-top:60px;}
.gy_event_top .gy_event_top_left .mt_list {}
.gy_event_top .gy_event_top_left .mt_list li{float:left; width:410px;margin-right:25px;}
.gy_event_top .gy_event_top_left .mt_list:nth-child(3) li{margin-right:0;}
.gy_event_top .gy_event_top_left img {width:100%;}
.gy_event_top .gy_event_top_left p, .gy_event_top .gy_event_top_right p { font-size:33px;margin-bottom:20px;}
.gy_event_top p{font-size:36px !important;padding-top:100px;font-weight:400;text-align:center;}
.gy_event_top p span{display:block;font-size:20px;font-weight:400;padding-top:18px;color:#a3a3a3;}
.gy_event_top_right {width:1280px; height:800px; position:relative;border-bottom:1px solid #e5e5e5;}
.gy_event_top_right ul{width:1120px;margin:auto;}
.gy_event_top_right li {width:auto; float:left;}
.gy_event_top_right li:first-child{padding-left:50px;}
.gy_event_top_right li:first-child, .gy_event_top_right li:nth-child(2), .gy_event_top_right li:nth-child(3){padding-right:37px; box-sizing:border-box;}
.gy_event_top_right li:nth-child(4){padding-right:0px;}
.gy_event_top_right li:nth-child(2), .gy_event_top_right li:nth-child(4){padding-top:84px;}
.gy_event_top_right li h4 {width:86px;height:32px;margin:auto;background-color:#eee;font-size:16px; font-weight:bold; margin-top:30px;text-align:center;line-height:32px;border-radius:20px;}
.gy_event_top_right li img{box-shadow:10.6px 7.5px 10px 0 #00000012;}
.gy_event_top_right p{font-size:36px !important;padding-top:100px;font-weight:400;text-align:center;padding-bottom:70px;}
.gy_event_top_right p span{display:block;font-size:20px;font-weight:400;padding-top:18px;color:#a3a3a3;}
.gy_event_bottom {width:100%; height:316px; position:relative; margin-top:100px;margin-bottom:110px;}
.gy_event_bottom .Manager_column {width:400px; height:147px; position:absolute;}
.gy_event_bottom .Manager_column a p{width:132px; position:absolute;top:10px;left:240px;font-size:16px; display:inline-block;}
.gy_event_bottom .Manager_column a span {font-size:16px; width:140px; top:44px;left:240px;position:absolute; line-height:28px;}
.gy_event_top_left .mt_party{overflow:hidden;position:absolute;top:54px; width:410px;height:376px;}
.gy_event_bottom .mt_check {width:400px; height:147px; position:absolute; top:170px;}
.gy_event_bottom .mt_check a p{width:132px; position:absolute;top:10px;left:240px; font-size:16px; display:inline-block;}
.gy_event_bottom .mt_check a span {font-size:16px; width:140px; top:44px;left:240px;position:absolute; line-height:28px;}
.culture .bx-controls-direction a{position:absolute;top:50%;z-index:54;width:16px;height:26px;text-indent:-9999px;}
.culture .bx-controls-direction .bx-prev{left:12px;background:url('../img/main/culture_btn.png') no-repeat;background-position:0 0;}
.culture .bx-controls-direction .bx-next{right:12px;background:url('../img/main/culture_btn.png') no-repeat;background-position:-16px 0px;}

/* section3 */
.section3 {position:relative; top:0;}
.section3 .inr{padding-top:80px;height:307px;position:relative; top:0;padding-left:80px;}
.section3 .news{position:relative;float:left;width:560px;height:220px;box-sizing:border-box; background:#fff;}
.section3 .news strong{font-size:26px;font-weight:bold;}
.section3 .news ul{margin-top:23px; width:auto;}
.section3 .news li{margin-top:7px;}
.section3 .news li > a{display:block;color:#666666; font-size:21px; margin-top:4px; line-height:27px;}
.section3 .news li .txt{display:block;padding-left:120px;text-align:left;}
.section3 .news li .txt2 {display:block; width:100%; font-size:13px; margin-top:20px; color:#666666;padding-left:120px;}
.section3 .news li img{position:absolute;left:0px;}
.section3 .news .link_more{position:absolute;top:0;right:31px;width:32px;height:32px;background-position:-140px -42px;}
.section3 .donation{position:relative;float:left;width:560px;height:220px;padding:0 0 0 40px; box-sizing:border-box; position:relative;background:#fff;}
.section3 .donation strong{font-size:26px;font-weight:bold;}
.section3 .donation ul{margin-top:23px; width:auto;}
.section3 .donation li{margin-top:7px;}
.section3 .donation li > a{display:block;color:#666666; font-size:21px; margin-top:4px; line-height:27px;}
.section3 .donation li img{float:left;}
.section3 .donation li .txt{display:block;padding-left:120px;text-align:left;}
.section3 .donation li .txt2 {display:block; width:100%; font-size:13px; margin-top:20px; color:#666666;padding-left:20px;text-align:left;text-indent:20px;}
.section3 .donation .link_more{position:absolute;top:00;right:31px;width:32px;height:32px;background-position:-140px -42px;}

/* gy_branch */
.gy_branch{clear:both; text-align:center; padding: 0 0 96px;}
.gy_branch strong{color:#000;font-size:35px; font-weight:normal;}
.gy_branch .branch_txt{margin-top:12px;color:#666;font-size:19px;line-height:30px;}
.gy_branch .branch_txt span{font-weight:bold;}
.gy_branch .branch_tit{width:100%; text-align:center;}
.gy_branch .branch_tit li:nth-child(3){margin-top:80px;}
.gy_branch p{width:300px;height:60px;margin:20px auto;text-align:center;color:#222;font-size:60px;font-weight:200;line-height:60px;border:0;}
.gy_branch .sub_title{font-size:18px;color:#5e5e5e;}
.gy_branch .store_wrap .flexBox{display: flex;justify-content: space-between;}
.gy_branch .store_wrap .flexBox:not(:last-child){margin: 0 0 20px;}
.gy_branch .store_wrap .flexBox > div{display: flex; width:350px; background: rgba(255,255,255,0.7);;padding:10px 12px;box-sizing:border-box;font-family:'NotoSansKR', sans-serif;
border: 3px solid #c5c4c4;}
.gy_branch .store_wrap .store_wrap div.margin_0{margin-right:0;}
.gy_branch .store_wrap .flexBox div.store_main_txt{background:rgba(255,255,255,0.3);}
.gy_branch .store_wrap .store:hover .store_txt{color:#eb0478;}
.gy_branch .store_wrap .store img{}
.gy_branch .store_wrap .store a{display:inline-block;}
.gy_branch .store_wrap .store a.store_img{width:106px;}
.gy_branch .store_wrap .store a.store_txt{text-align:left;color:#5d5e5e;font-size:30px;padding-top:6px; padding-left:16px; width: 200px; font-family: 'HGGGothicssi40g', sans-serif; 
  letter-spacing: 0.5px;}
.gy_branch .store_wrap .store a.store_txt > em{font-family: 'HGGGothicssi80g', sans-serif;}
.gy_branch .store_wrap .store a span{display:block;margin-top: 55px;font-size: 22px; letter-spacing: -1px;color:#222; font-family: 'GmarketSansMedium', sans-serif;}
.gy_branch .store_wrap .store a span em{ font-size: 27px; font-weight: 900; font-family: 'GmarketSansMedium', sans-serif;}
.gy_branch .swiper-container { width: 1070px; height: 290px; margin-top:51px;}
.gy_branch .swiper-slide {width: 245px; height: 286px; text-align: center; font-size: 18px;  background: #fff;}
.gy_branch .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right:40px;  margin-top:50px; background-image: url(/img/main/next.jpg);}
.gy_branch .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:40px; margin-top:50px; background-image: url(/img/main/pre.jpg);}
.gy_branch .swiper-slide .overlay{position:absolute; top:0; left:0; z-index:5;width:245px;height:245px;}
.gy_branch .swiper-slide a:hover .overlay{background:url(/img/main/branch_overay.png) no-repeat 50% 50% rgba(0,0,0,.6);}

.gy_branch .store_wrap .head_office a.store_txt{padding: 0; width: 100%; text-align: center; color: #eb0478; font-size: 50px; display: flex;flex-direction: column;justify-content: center;}
.gy_branch .store_wrap .head_office a span{margin-top:14px;}
.gy_branch .store_wrap .head_office a.store_txt div em{font-weight: 900;}
.gy_branch .store_wrap .head_office a.store_txt span em{ font-size: 40px;}

/* slick_slide */
.slick-slider{position:static !important;}
.slider {height:617px; font-family: "NotoSansKR", sans-serif;}
.slick-slide {}
.slick-slide img {width: 100%;}
.slick-prev:before, .slick-next:before {color: black;}
.slick-slide {transition: all ease-in-out .3s; opacity: .2;}
.slick-active {opacity: .5;}
.slick-current {opacity: 1;}
.con_2{width:1280px;margin:auto;}
.con_2 .slider_wrap{max-width:1280px;height:617px;margin:auto;position:relative;}
.con_2 .slider_wrap .slider-for{width:526px;margin:0 80px 0 115px; float:left;}
.con_2 .slider_wrap .slider-nav{width:480px;padding:0; float: left;}
.draggable{padding:0 !important;}
.slick-dots{position:absolute; right:0; top:240px; bottom:auto; display: block; z-index:100;}
.slick-dots li.active{opacity:1; width:30px; border-radius:9999px; color:#d0d0d0;}
.slick-dots li button{font-size:0; line-height:0; display:block; padding:5px; cursor:pointer; border:0; color:transparent; outline:none; background:transparent;}
.slick-prev{position:absolute; top:200px; right:0; width:16px; height:14px; text-indent:-9999px; background:url('/img/2021/left-arrow.png') no-repeat; z-index:100;}
.slick-next{position:absolute; bottom:240px; right:0; width:16px; height:14px; text-indent:-9999px; background:url('/img/2021/right-arrow.png') no-repeat; z-index:100;}
.title{margin-bottom:30px;font-size:40px;cursor:pointer;}
#section1 .title span{font-family: 'HGGGothicssi40g', sans-serif;}
.slick-current .title{font-size:54px; font-family: 'HGGGothicssi40g', sans-serif;}
.slick-current .title span{color:#fff; display:inline-block; padding: 8px 6px; font-family: 'HGGGothicssi40g', sans-serif;}
.slick-current .title.t_01{color:#96989a;}
.slick-current .title.t_01 span{background-color:#96989a;}
.slick-current .title.t_02{color:#aba2cc;}
.slick-current .title.t_02 span{background-color:#aba2cc;}
.slick-current .title.t_03{color:#cfaf9c;}
.slick-current .title.t_03 span{background-color:#cfaf9c;}
.slick-current .title.t_04{color:#6dbbc3;}
.slick-current .title.t_04 span{background-color:#6dbbc3;}
.slick-slide .sub_title{display: none; font-size:20px; color:#292929; font-weight:400; padding-left:20px; line-height:28px;}
.slick-current .sub_title{display: block;}
.slick-current .sub_title a{display:block; margin-top:30px; border:3px solid #d1cfcf; width:220px; height:54px; padding-left:40px; box-sizing:border-box; line-height:48px; color:#222; 
font-size:16px; background:url('/img/2021/arrow_right.png') no-repeat; background-position:164px center; }
.slick-slide .content{padding:20px 0;}

#section1 .con_2 .slider_wrap .slider-for {overflow: hidden;}
#section1 .slick-slider .slick-track {height: 1148px !important;}
#section1 .slick-slider .slick-list {height: 1148px !important; }

/*slick_slide*/ 
.slick-slider{ position:static !important } 
.slider { height:617px; font-family: "NotoSansKR", sans-serif; } 
.slick-slide { } .slick-slide img { width: 100%; } 
.slick-prev:before, .slick-next:before { color: black; } 
.slick-slide { transition: all ease-in-out .3s; opacity: .2; } 
.slick-active { opacity: .5; } 
.slick-current { opacity: 1; } 
.con_2{ width:1280px; margin:auto; } 
.con_2 .slider_wrap{ width:1280px; height:617px; margin:auto; position:relative; } 
.con_2 .slider_wrap .slider-for{ width:526px; margin:0 80px 0 115px; float:left; } 
.con_2 .slider_wrap .slider-nav{ width:480px; padding:0; float: left; } 
.draggable{ padding:0 !important; } 
.slick-dots{ position:absolute; right:0; top:240px; bottom:auto; display: block; z-index:100; } 
.slick-dots li{ display: block; width:10px; height:10px; border-radius:100%; text-indent:-9999px; margin:10px 5px; cursor:pointer; background-color:#bcbcbc; } 
.slick-dots li.slick-active{background-color: #000;} 
.slick-dots li button{ font-size:0; line-height:0; display:block; padding:5px; cursor:pointer; border:0; color:transparent; outline:none; background:transparent; } 
.slick-prev{ position:absolute; top:200px; right:0; width:16px; height:14px; text-indent:-9999px; background:url('/img/2021/arrow_top.png') no-repeat; z-index:100; } 
.slick-next{ position:absolute; bottom:240px; right:0; width:16px; height:14px; text-indent:-9999px; background:url('/img/2021/arrow_bottom.png') no-repeat; z-index:100; }

/* 2021³â ¸®´º¾ó */
#section2 {background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(223,235,255,1) 100%); padding-bottom: 140px;}

#section2 .gy_event{overflow:hidden;}
#section2 .gy_event .inr{}
#section2 .gy_event a{display:block;}
#section2 .gy_event strong{display:block;}
#section2 .gy_event p{color:#000;font-size:16px;}

#section2 .s2_wrap{ max-width:1280px; margin:auto;}
#section2 .s2_wrap .s2_top{padding-top:140px;}
#section2 .s2_wrap .s2_top .s2_t_left{text-align: center;}
#section2 .s2_wrap .s2_top .s2_t_left h3{font-size:45px; line-height: 53px; font-family: 'HGGGothicssi60g', sans-serif;}
#section2 .s2_wrap .s2_top .s2_t_left h3 i{font-family: 'HGGGothicssi80g', sans-serif;}
#section2 .s2_wrap .s2_top .s2_t_left h3 em{color: #25a297;}
#section2 .s2_wrap .s2_top .s2_t_left p{margin-top:12px; font-size:13px; color:#595959; line-height:20px;}
#section2 .s2_wrap .s2_top .s2_t_left a{display:block; margin-top:30px; border:3px solid #d1cfcf; width:220px; height:54px; padding-left:40px; box-sizing:border-box; line-height:48px; color:#222; font-size:16px; font-weight:500; background:#fff url('/img/2021/arrow_right.png') no-repeat 164px center;}
#section2 .s2_wrap .s2_bottom{clear:both; padding-top:84px;}

#section2 .bx-wrapper ul li{text-align: center; padding-right: 22px; border-right: 1px solid #ebf0f7;}

/* ¸Å´ÏÀú¼Ò°³ 2020 */
#section2 .bx-wrapper{border:0;-webkit-box-shadow:none !important;box-shadow:none !important;margin:0; background:none;}
.bx-wrapper .bx-pager{padding:0;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:100px;z-index:51;}
.bx-wrapper .bx-pager.bx-default-pager a{width:14px;height:14px;border-radius:7px;}

/* section3 */
#section3 {width:100%;}
#section3 .story_slide .fp-tableCell{display:block !important;}
#section3 .member_story{width:1190px; height:670px; margin:auto; top:0; bottom:0; right:0; left:0;}
#section3 .section_title{text-align:center;}
#section3 .section_title h3{font-size:60px; color:#2d2d2d; font-weight:200;}
#section3 .section_title p{font-size:16px; color:#2d2d2d; margin:16px 0 50px 0;}
#section3 .story_slide{position:relative; height:520px;}
#section3 .story_slide #slide1, #section3 .story_slide #slide2{width:1190px; height:520px; margin:auto;}
#section3 .story_slide #slide1 .left_img .info_img, #section3 .story_slide #slide2 .left_img2 .info_img{display:none; position:absolute; left:0; top:0;}
#section3 .story_slide #slide1 .left_img, #section3 .story_slide #slide2 .left_img2{position:relative; width:408px; float:left;}
#section3 .story_slide #slide1 .right_img, #section3 .story_slide #slide2 .right_img2{width:780px; float:left;}
#section3 .story_slide #slide1 .right_img ul li, #section3 .story_slide #slide2 .right_img2 ul li{position:relative;}
#section3 .story_slide #slide1 .right_img ul li.cover a:after, #section3 .story_slide #slide2 .right_img2 ul li.cover a:after{display:block; content:''; width:260px; height:260px; background:rgba(0,0,0,0.3); position:absolute; top:0;}
#section3 .story_slide #slide1 .right_img ul li, #section3 .story_slide #slide2 .right_img2 ul li{float:left; width:260px; height:260px;}
#section3 .story_slide #slide1 .right_img ul li img, #section3 .story_slide #slide2 .right_img2 ul li img {width:100%; height:100%;}
#section3 .story_slide #slide2 .left_img2 .info_img li{position:absolute;}

/* section4 */
#section4 { padding: 142px 0; }

/* section5 */
#section5 .con_05 {width:1280px; margin:auto;}
#section5 .con_05 .gy_cf {width:1120px; margin:auto; overflow:hidden;}
#section5 .con_05 .gy_cf .cf_img {width:560px; float:left;}
#section5 .con_05 .gy_cf .cf_info {width:480px; float:right;}
#section5 .con_05 .gy_cf .cf_info span {display:block; font-size:14px; color:#969; letter-spacing:0.5px;}
#section5 .con_05 .gy_cf .cf_info h3 {font-size:60px; color:#408ef2;}
#section5 .con_05 .gy_cf .cf_info h3 span {display:inline-block; font-size:60px; color:#fff; background:#408ef2; margin:0; padding:0 8px;}
#section5 .con_05 .gy_cf .cf_info a {display:block; margin-top:30px; border:3px solid #d1cfcf; width:220px; height:54px; padding-left:40px; box-sizing:border-box; line-height:48px; color:#222; font-size:16px; font-weight:500; background:#fff url('/img/2021/arrow_right.png') no-repeat 164px center;}
#section5 .con_05 .gy_cf .cf_info p {margin-top:30px; font-size:16px; line-height:1.3; color:#5e5e5e;}

/* section6 */
#section6 {display: flex; align-items: flex-end; justify-content: center;background: url("/images/main/sec6_bg.png") no-repeat center / cover; 
height: 943px; margin: 0 auto;}
#section6 .gy_branch {width: 100%; max-width: 1280px; padding: 0 30px 100px; box-sizing: border-box;}
#section6 .inr{ width: 100%; height:auto; overflow:hidden;}
#section6 .news{position:relative;float:left;width:560px;height:220px;box-sizing:border-box; background:#fff;}
#section6 .news strong{display:block;text-align:left;font-size:26px;font-weight:bold;}
#section6 .news ul{margin-top:23px; width:auto;;}
#section6 .news li{margin-top:7px;}
#section6 .news li > a{display:block;color:#666666; font-size:21px; margin-top:4px; line-height:27px;}
#section6 .news li .txt{display:block;padding-left:120px;text-align:left;}
#section6 .news li .txt2 {display:block; width:100%; font-size:13px; margin-top:20px; color:#666666;padding-left:120px;}
#section6 .news li img{position:absolute;left:0px;}
#section6 .news .link_more{position:absolute;top:0;right:31px;width:32px;height:32px;background-position:-140px -42px;}
#section6 .donation{position:relative;float:left;width:560px;height:220px;padding:0  0 0 40px; box-sizing:border-box; position:relative;background:#fff;}
#section6 .donation strong{display:block;text-align:left;font-size:26px;font-weight:bold;}
/* .section3 .donation ul{margin-bottom:7px;}
.section3 .donation li:nth-child(2){position:absolute;top:21px; right:20px} */
#section6 .donation ul{margin-top:23px; width:auto;}
#section6 .donation li{margin-top:7px;}
#section6 .donation li > a{display:block;color:#666666; font-size:21px; margin-top:4px; line-height:27px;}
#section6 .donation li img{float:left;}
#section6 .donation li .txt{display:block;padding-left:120px;text-align:left;}
#section6 .donation li .txt2 {display:block; width:100%; font-size:13px; margin-top:20px; color:#666666;padding-left:20px;text-align:left;text-indent:20px;}
#section6 .donation .link_more{position:absolute;top:00;right:31px;width:32px;height:32px;background-position:-140px -42px;}

/* section7 */
#section7 {background:#e0e0e0; padding: 140px 0;}
#section7 .partner-list-slider {margin-bottom: 30px;}
#section7 .f_bnr_wrap {background:#e0e0e0;}
#section7 .nw_top strong {font-size:60px;font-weight:200;letter-spacing:-0.5px;}
#section7 .nw_top p {width:176px;height:38px;margin:auto;text-align:center;color:#222;font-size:20px;border:1px solid rgba(0,0,0,0.23);line-height:38px;margin-top:60px;}

#section7 .slick-slide {opacity: 1; margin-right: 36px; }
#section7 .partner-list-slider-rtl {transform: rotate(-180deg);}
#section7 .partner-list-slider-rtl .slick-slide {transform: rotate(-180deg);}

#section7 .slick-slide a{ display: flex; justify-content: center; align-items: center; width: 195px; height: 195px; background-color: #fff; border-radius: 47px; }
#section7 .slick-slide a img{ width: 140px; }

/* section9 */
#section9 {overflow: hidden; cursor: pointer;}
#section9 .wrap {max-width: 1280px; width: 100%; box-sizing: border-box; padding: 140px 30px; margin: 0 auto; }
#section9 .textBox {text-align: center; }
#section9 .textBox h2 {font-size: 45px; margin-bottom: 28px; letter-spacing: 0.5px; font-family: 'HGGGothicssi80g', sans-serif;}
#section9 .textBox p {font-size: 18px; margin-bottom: 82px; line-height: 26px; font-weight: 300;}

#section9 .contentBox > div {display: flex; justify-content: space-between; align-items: center;}
#section9 .contentBox > div > * {width: calc(50% - 13px);}
#section9 .contentBox > div .imgBox {position: relative; padding-top: 23%;}
#section9 .contentBox > div .imgBox::after {content: ""; display: block; width: 100vw; height: 100%; position: absolute; top: 0;  z-index: -1;}
#section9 .contentBox > div .imgBox img {position: absolute; bottom: 0; }
#section9 .contentBox > div .textBox {position: absolute; top: 44px; }
#section9 .contentBox > div em {display: block; font-size: 24px; line-height: 35px;}
#section9 .contentBox > div > p {display: flex; justify-content: center; align-items: center; font-size: 33px; padding: 0 0 60px; letter-spacing: -0.5px; line-height: 41px; font-weight: 300;}
#section9 .contentBox > div > p::after {content: "\201D"; display: inline-block; align-self: flex-end; padding: 0 12px;}
#section9 .contentBox > div > p::before {content: "\201C"; display: inline-block; align-self: flex-start; padding: 0 12px;}

#section9 .contentBox > .second > p::before {content: none; display: none;}
#section9 .contentBox > .second > p{text-align: right;}

#section9 .contentBox > .first {margin: 0 0 38px;}
#section9 .contentBox > .first .imgBox::after { background-color: #e3d9cf; right: 0;}
#section9 .contentBox > .first .imgBox img { left: 0%;}
#section9 .contentBox > .first .textBox {right: 5%; text-align: right;}

#section9 .contentBox > .second {flex-direction: row-reverse;}
#section9 .contentBox > .second .imgBox::after {background-color: #d3ddde; left: 0;}
#section9 .contentBox > .second .imgBox img {right: 0%;}
#section9 .contentBox > .second .textBox {left: 5%; text-align: left;}

/* section10 */	
#section10 { background: url("/images/main/sec10_bg.png") no-repeat center / cover; position: relative;}
#section10 .videoBox{max-width: 1480px; margin: 0 auto; position: relative; height: 832.5px;}
#section10 .videoBox::after{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.75);}

#section10 .wrap {max-width: 1280px; width: 100%; position: absolute; top: 170px; left: 50%; transform: translateX(-50%);}
#section10 .wrap > .textBox h2, #section10 .wrap > .textBox p{text-align: center;}

#section10 .textBox{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#section10 .textBox h2{font-size: 45px; line-height: 53px; margin-bottom: 28px; font-family: 'HGGGothicssi60g', sans-serif;}
#section10 .textBox h2 i{font-family: 'HGGGothicssi80g', sans-serif;}
#section10 .textBox h2 em{color: #2763bb;}
#section10 .textBox p{font-size: 20px; line-height: 26px; margin-bottom: 72px; letter-spacing: 0.5px; font-weight: 300;}

#section10 .textBox .cardBox {display: flex; justify-content: space-between; width: 95.3125%;margin: 0 auto;}  
#section10 .textBox .cardBox li{width: 28%;}
#section10 .textBox .cardBox li a {display: block;; background-color: #fff; border: 2px solid #deebff; box-shadow: 0px 0px 35px rgba(0, 0, 255, 0.1); border-radius: 18px;
padding: 35px 40px; box-sizing: border-box;}
#section10 .textBox .cardBox dl{padding-bottom: 120px;}
#section10 .textBox .cardBox dt{font-size: 34px; font-family: 'HGGGothicssi80g', sans-serif; color: #2763bb; margin-bottom: 8px;}
#section10 .textBox .cardBox dd{font-size: 18px; letter-spacing: 0.5px; word-break: keep-all; line-height: 24px;}

#section10 .textBox .cardBox .imgBox .img01{display: inline-block; width: 47px; height: 47px; background: url("/images/main/sec10_4.png") no-repeat center / cover;}
#section10 .textBox .cardBox .imgBox .img01{display: inline-block; width: 47px; height: 47px; background: url("/images/main/sec10_4.png") no-repeat center / cover;}  	
#section10 .textBox .cardBox .imgBox {display: flex; justify-content: space-between; align-items: flex-end; position: absolute; bottom: 45px; left: 50%; transform: translateX(-50%); 
width: calc(100% - 70px);}
#section10 .textBox .cardBox .imgBox span{display: inline-block;}
#section10 .textBox .cardBox .imgBox .img01{width: 47px; height: 47px; background: url("/images/main/sec10_4.png") no-repeat center / cover;}
#section10 .textBox .cardBox li{position: relative;}
#section10 .textBox .cardBox li:nth-child(1) .img02{width: 87px; height: 69px; background: url("/images/main/sec10_1.png") no-repeat center / cover;}
#section10 .textBox .cardBox li:nth-child(2) .img02{width: 71px; height: 81px; background: url("/images/main/sec10_2.png") no-repeat center / cover;}
#section10 .textBox .cardBox li:nth-child(3) .img02{width: 68px; height: 81px; background: url("/images/main/sec10_3.png") no-repeat center / cover;}

/* section11 */	
#section11 {position: relative;}
#section11 .matching-satisfaction-slider {width: 100%;overflow: hidden;}
#section11 .slick-slide{opacity: 1;}
#section11 .matching-slide {margin-right: 50px;}
#section11 .matching-slide img {width: 100%; height: auto;}

#section11 .matching-satisfaction-slider {position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
#section11 .matching-satisfaction-slider .matching-slide{font-size: 150px;  font-family: 'HGGGothicssi99g', sans-serif;  color: transparent;  -webkit-text-stroke: 2px black;  text-align: center; }

#section11 .matching-vertical-slider-up, 
#section11 .matching-vertical-slider-down { width: 274px; height: 100%; overflow: hidden; } 
#section11 .matching-vertical-slide { margin-bottom: 10px; position: relative;  } 
#section11 .matching-vertical-slide img { width: 100%; height: auto; }

#section11 .matching-vertical-slider-down{transform: rotateX(-180deg);}
#section11 .matching-vertical-slider-down .matching-vertical-slide{transform: rotateX(-180deg);}

#section11 .wrap{width: 1220px; margin: 60px auto; display: flex; justify-content: flex-end; height: calc(100% - 120px); align-items: flex-end;}
#section11 .wrap > p{margin-right: auto; word-break: keep-all; font-size: 14px; line-height: 22px;}

#section11 .matching-vertical-slider-down{margin-right: 100px;}
#section11 .matching-vertical-slider-up{margin-right: 10px;}

#section11 .hoverBox{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); opacity: 0; padding: 10px; box-sizing: border-box;
transition: .2s; display: flex; justify-content: flex-end; flex-direction: column; letter-spacing: 0.5px;}
#section11 .hoverBox:hover{opacity: 1; color: #fff;}

#section11 .hoverBox dt{font-size: 22px; font-family: 'HGGGothicssi60g', sans-serif; margin: 0 0 5px; word-break: keep-all;}
#section11 .hoverBox dd{font-size: 20px; font-family: 'HGGGothicssi20g', sans-serif; word-break: keep-all;}

/* section12 */
#section12{background-color: #d0cae7; padding: 0 0 90px; overflow-Y: hidden; }
#section12 .wrap{max-width: 1280px; width: 100%; padding: 0 30px; box-sizing: border-box; margin: 0 auto; position: relative; }
#section12 .textBox {display: flex; margin: 0 0 42px; padding: 115px 0 0;}
#section12 .textBox figcaption {width: 27.3444%; }
#section12 .textBox .videoBox {width: 59.0163%; height: 0;}
#section12 .textBox::after {content: ""; display: block; width: 13.6393%;}
#section12 .section11_bg {position: absolute; top: 88px; right: 0; transform: translateX(30%); pointer-events: none;}

#section12 .videoBox {padding: 0 0 32.3%; position: relative;}
#section12 iframe {position: absolute;  top: 0; right: 0; width: 100%; height: 100%;}

#section12 ul {display: flex; justify-content: sapce-between;}
#section12 ul li {width: 26%; padding: 0 3.6% 0 0; box-sizing: border-box;}
#section12 ul li img {width: 100%;}
#section12 ul li dt {margin-top: 20px; font-size: 24px;  font-family: 'HGGGothicssi60g', sans-serif;}
#section12 ul li dd {margin-top: 4px; font-size: 20px;  word-break: keep-all; line-height: 28px; font-weight: 300;}

#section12 .textBox em {display: block; font-size: 45px; margin: 0 0 15px; font-family: 'HGGGothicssi40g', sans-serif;}
#section12 .textBox h2 {font-size: 45px; margin: 0 0 30px; font-family: 'HGGGothicssi80g', sans-serif;}
#section12 .textBox h2 i {font-size: 25px; font-family: 'NotoSansKR', sans-serif; padding: 0 5px;}
#section12 .textBox p{font-size: 20px; margin: 0 0 32px;  line-height: 28px; letter-spacing: 0.5px;}
#section12 .textBox a{font-size: 14px;}

/* #section13 */
#section13 .swiperWrap {display: flex;justify-content: space-between;max-width: 1280px;width: 100%;margin: 0 auto;padding: 140px 0;height: 612px;}

/* Left */
#section13 .mainLeftSwiper {width: 50%;overflow: hidden;}
#section13 .mainLeftSwiper .swiper-slide h3 {height: 100%;}
#section13 .mainLeftSwiper .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: contain;}

/* Right */
#section13 .mainRightSwiper {width: 40%;box-sizing: border-box;}
#section13 .mainRightSwiper .swiper-slide {width: 100%;height: auto;}
#section13 .mainRightSwiper .swiper-slide .title {margin-bottom: 30px;font-size: 40px;cursor: pointer;opacity: 0.3; font-family: 'HGGGothicssi40g', sans-serif;}
#section13 .mainRightSwiper .swiper-slide .sub_title {display: none;font-size: 20px;color: #292929;font-weight: 400;padding-left: 20px;line-height: 28px;}
#section13 .mainRightSwiper .swiper-slide .sub_title a {display: block;margin-top: 30px;border: 3px solid #d1cfcf;width: 220px;height: 54px;padding-left: 40px;box-sizing: border-box;line-height: 48px;color: #222;font-size: 16px;background: url(https://www.gayeon.com/img/2021/arrow_right.png) no-repeat;background-position: 164px center;}
#section13 .mainRightSwiper .swiper-slide-thumb-active .title {font-size: 54px;font-family: 'HGGGothicssi40g', sans-serif;opacity: 1;}
#section13 .mainRightSwiper .swiper-slide-thumb-active .title span {color: #fff;padding: 0 8px;}
#section13 .mainRightSwiper .content1.swiper-slide-thumb-active .title span {background-color: #96989a;}
#section13 .mainRightSwiper .content2.swiper-slide-thumb-active .title span {background-color: #aba2cc;}
#section13 .mainRightSwiper .content3.swiper-slide-thumb-active .title span {background-color: #cfaf9c;}
#section13 .mainRightSwiper .content4.swiper-slide-thumb-active .title span {background-color: #6dbbc3;}
#section13 .mainRightSwiper .content1.swiper-slide-thumb-active .title.t_01 {color: #96989a;}
#section13 .mainRightSwiper .content2.swiper-slide-thumb-active .title.t_02 {color: #aba2cc;}
#section13 .mainRightSwiper .content3.swiper-slide-thumb-active .title.t_03 {color: #cfaf9c;}
#section13 .mainRightSwiper .content4.swiper-slide-thumb-active .title.t_04 {color: #6dbbc3;}
#section13 .mainRightSwiper .swiper-slide-thumb-active .sub_title {display: block;}

/* controlBox */
#section13 .controlBox {position: relative;}
#section13 .controlBox .swiper-button-prev,
#section13 .controlBox .swiper-button-next {background: url(https://www.gayeon.com//img/2021/arrow_top.png) no-repeat;width: 16px;height: 14px;left: 0;right: auto;}
#section13 .controlBox .swiper-button-prev {top: 39%;}
#section13 .controlBox .swiper-button-next {transform: rotate(180deg);top: 66%;}
#section13 .controlBox .swiper-button-prev::after {content: none;}
#section13 .controlBox .swiper-button-next::after {content: none;}
#section13 .controlBox .swiper-pagination-bullets {left: auto;right: -17.5px;}
#section13 .controlBox .swiper-pagination-bullets span {display: block;width: 10px;height: 10px;border-radius: 100%;text-indent: -9999px;margin: 10px 5px;cursor: pointer;background-color: #96989a;}


/* ºñµð¿À ¿À¹ö·¹ÀÌ Æ˾÷ */
#section12 .openVideoPopup{cursor: pointer;}
#section12 .videoWrap {position: relative;}
#section12 #overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none; z-index: 999;}
#section12 .videoPopupBox {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 0 0 28.125%; border-radius: 8px; display: none; z-index: 1000; width: 50%; 
box-shadow: 0 5px 15px rgba(0,0,0,0.3); background-color: #000;}
#section12 .closeBtn {position: absolute; top: -44px; right: 0; color: #fff; border: none; font-size: 40px; cursor: pointer;}
#section12 .closeBtn:hover {color: #f00;}

/* layout */
.header {position: relative; height:95px; box-sizing: border-box;}
.header:after {content: ""; clear: both; display: block; height: 0; visibility: hidden;}
.header .header-inner {position: relative; display: flex; justify-content: space-between; align-items: center; max-width: 1280px; margin: 0 auto; 
box-sizing: border-box; height: 100%;}
.header .logo {float: none; padding-top: 0;}
.header .logo a, .header .logo img {display: block; object-fit: contain;}
.header .logo img{max-height: 43px;}

/* header-nav */
#nav {max-width: 1080px;width: 100%; display: flex; position: relative;}
.header-nav {width: 100%;position: relative; height: 100%; display: flex; justify-content: space-between; background-color: #fff; border: 1px solid #000; 
padding: 0 50px; box-sizing: border-box; }
.header-nav .gnb {position: relative; text-align: center;}
.header-nav .gnb > a {display: block; width: 100%; height: 100%; font-size: 20px;  color: #000; line-height: 72px; font-weight: 700;}
.header-nav .gnb.active > a {color: #e5006e;}
.header-nav .gnb-depth {display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 135px; height: 480px; z-index: 910; padding: 40px 0 0;}
.header-nav .gnb-depth.active {display: block;}
.header-nav .gnb-depth li {margin-bottom: 10px;}
.header-nav .gnb-depth li a {display: block; line-height: 32px; font-size: 16px; color: #232323; text-align: center; font-weight: 400;}
.header-nav .gnb-depth li .actOn, .header-nav .gnb-depth li:hover a {color: #e5006e;}
#header{width:100%; height:72px;position:fixed; top: 21px; z-index:50;background:none; }

/* full-drop Ãß°¡ ½ºÅ¸ÀÏ */
.header .depth-bg {display: none; position: absolute; top: 100%; right: 0; border: 1px solid #000; border-top: 0; box-sizing: border-box; max-width: 1120px; width: 100%; height: 530px; z-index: 900; padding-top: 40px; background-color: #f5f5f5; border-top: 1px solid #c4c4c4;}
.header .depth-bg.active {display: block;}

/* header-util */
.header .header-util {height: 74px; background-color: #000; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0 18px; width: 155px; }

.header-util .util-login {display: flex; justify-content: center; align-items: center; font-size: 16px; color: #333; font-weight: 700; width: 155px; height: 100%; background-color: #000; color: #fff;}
.header-util .util-user { font-weight: 500; color: #fff; margin-bottom: 6px;}
.header-util .util-logout {font-size: 16px; font-weight: 500; color: #fff;}
.header-util a:hover {color: #e5006e;}
.header-util .util-login.on {color: #fff;}
.header-util .util-logout.on {color: #fff;}
.header-util .util-user.on {border-color: #64a4f5; color: #fff;}

/* footer */
.footer { background-color: #fff;}
.footer .inner {width: 1280px; padding-bottom: 116px;}
.footer .footer-util {position: relative; padding-bottom: 12px; border-bottom: 1px solid #e1e1e1;}
.footer .footer-util .util-list {}
.footer .footer-util .util-list:after {content: ""; clear: both; display: block; height: 0; visibility: hidden;}
.footer .footer-util .util-list li {float: left; line-height: 35px; margin-right: 60px;}
.footer .footer-util .util-list a {display: block; width: 100%; height: 100%; font-size: 16px; color: #666; font-weight: 400;}
.footer .footer-util .family-select {position: absolute; bottom: 12px; right: 0; width: 165px; height: 35px; border-color: #b3b3b3; font-size: 14px; color: #000; text-align: left;}
.footer .footer-info {margin-top: 40px;}
.footer .footer-info:after {content: ""; clear: both; display: block; height: 0; visibility: hidden;}
.footer .footer-info .footer-office {margin-left: 60px;}
.footer .footer-office .gayeon-main-office li {margin-bottom: 10px; font-size: 14px; color: #666;}
.footer .footer-office .gayeon-spot {position: relative; margin-top: 15px;}
.footer .footer-office .gayeon-spot p {padding-top: 10px; font-size: 13px; color: #b3b3b3;}
.footer .footer-office .gayeon-spot .goto-spot {position: absolute; bottom: 0; right: 0; padding: 10px 25px; box-sizing: border-box; border: 1px solid #6e6e6e; font-size: 13px; color: #333;}
.footer .footer-capyright {margin-top: 25px;}
.footer .footer-capyright p {padding-bottom: 8px; font-size: 14px; color: #666;}
.footer .footer-capyright .tel {font-size: 22px; color: #666; font-weight: 400;}
.footer .footer-capyright .tel strong {font-weight: 700;}
.footer .footer-capyright .copyright {font-size: 14px; color: #666;}

/* footer-bottom */
.footer-bottom {margin-top: 40px;}
.footer-bottom:after {content: ""; clear: both; display: block; height: 0; visibility: hidden;}
.footer-bottom .certify-list {}
.footer-bottom .certify-list:after {content: ""; clear: both; display: block; height: 0; visibility: hidden;}
.footer-bottom .certify-list li {float: left; height: 40px; margin-right: 4px;}
.footer-bottom .certify-list a, .footer-bottom .certify-list img {display: block; width: 100%; height: 100%;}
.footer-bottom .sns-list {}
.footer-bottom .sns-list:after {content: ""; clear: both; display: block; height: 0; visibility: hidden;}
.footer-bottom .sns-list li {float: left; width: 40px; height: 40px; margin-left: 10px;}
.footer-bottom .sns-list a, .footer-bottom .sns-list img {display: block; width: 100%; height: 100%;}

/* Æ˾÷ µðÀÚÀÎ */
#promotionBanner { position:absolute; bottom: 100px; left:100px; max-width:500px; z-index:9; color: #f1f1f1; overflow: hidden;}
#promotionBanner .popContents {position:relative; margin: 0 auto; padding: 0; overflow: hidden; text-align: center;}
#promotionBanner .popClose {position:absolute;top:10px; right:10px; margin: 0 auto; text-align: right; font-size: 9pt; padding: 0; display: flex; align-items: center; justify-content: center;}
#promotionBanner #chkday {color: #5a5a5a;}
#promotionBanner label[for=chkday] { cursor: pointer; color: #ffe400; padding: 0 10px 0 5px;}
#promotionBanner .contents {width: 1100px; margin: 0 auto; height: 900px; background-color: #e0e0e0; overflow: hidden; padding: 20px;}


#promotionBanner .popClose01 {position:absolute; bottom:10px; right:10px; margin: 0 auto; text-align: right; font-size: 9pt; padding: 0; display: flex; align-items: center; justify-content: center;}
#promotionBanner .popClose01 label[for=chkday] { cursor: pointer; color: #000; padding: 0 10px 0 5px;}


/* ¸ÞÀο¡ ÀÖ´ø css À̵¿ 2411 */
.main_nonescroll {height: 100%; min-height: 100%; overflow: hidden !important; tocuh-action: none;}
#wrap {}
#section0 {}
#section0 div {position:relative; height: 100vh;}
#section0 .slide-cont.bg-color {background: #f4cc1d; position: relative;}
#section0 .slide-cont-img {background:url('/images/main/main_banner_2504_2.png') no-repeat top center / cover;  max-width: 1280px; width: 100%; height: 100%;
position: absolute; left: 50%; transform: translateX(-50%); top: 15.9574%;}
#header::before{display:none;}

/* ¸ÅĪ ¸¸Á·µµ */
.rank-absol.cs_survey {display: block; width: 538px; height: 179px; padding: 15px 42px 0; box-sizing:border-box; background-color: #96989a; line-height: 1.2;}
.rank-absol.cs_survey .tit {font-size: 40px; color: #fff; font-weight: 700;}
.rank-absol.cs_survey .tit > span {font-size: 40px; color: #f7e546; font-weight: 700;}
.rank-absol.cs_survey .tit > span > em {font-size: 60px;}
.rank-absol.cs_survey .txt {margin-bottom: 5px; font-size: 19px; color: #fff; font-weight: 500;}
.rank-absol.cs_survey .txt > span {color: #f7e546;}
.rank-absol.cs_survey .guide {font-size: 13px; color: #dadada; line-height: 1.2;}

/* gnb_wrap Ãß°¡ ½ºÅ¸ÀÏ */
.gnb_wrap .depth_bg{top:95px;background:#f5f5f5;}
.gnb_wrap .depthtwo{top:95px;left:240px;width:810px;padding-top:40px;height:480px;box-sizing:border-box;background:#f5f5f5;}
.gnb_wrap .m_list a{font-size:16px;line-height:32px;text-align:center;display:block;}
.gnb_wrap .m_list{padding:0;width:134px;}
.gnb_wrap .cate>a{line-height:94px;width:134px;text-align:center;padding:0;}
.gnb_wrap .cate>a:hover, .gnb_wrap .cate>a.actOn{color:#e5006e;}
.gnb_wrap .m_list a:hover{color:#e5006e;font-weight:bold;}
.gnb_wrap .lnb_wrap{width:220px;height:94px;padding:0;}
.gnb_wrap .lnb_wrap ul{float:none;width:220px;height:94px;}
.gnb_wrap .lnb_wrap ul li{padding:0;float:left;}
.gnb_wrap .lnb_wrap ul li.login{width:100%;}
.gnb_wrap .lnb_wrap ul li.login a{display:block;text-align:center;font-size:18px;line-height:94px;}
.gnb_wrap .lnb_wrap ul li.logout{width:100%;font-size:16px;text-align:right;line-height:94px;}
.gnb_wrap .lnb_wrap ul li.logout a{display:inline-block;line-height:1;margin-left:10px;padding-left:10px;border-left:1px solid #ddd;text-align:right;font-size:16px;}
.gnb_wrap .lnb_wrap ul li a:hover{color:#e5006e;}
.m_gnb {display: none; position: relative; float: left; margin-top: 32px; width: 30px; height: 30px; padding: 0; box-sizing: border-box; border: 0; background-color: transparent; text-align: center;}
.m_gnb > span {position: absolute; lefT: 0; width: 100%; height: 2px; background-color: #333;}
.m_gnb > span:first-child {top: 3px;}
.m_gnb > span:nth-of-type(2) {top: 14px;}
.m_gnb > span:last-child {bottom: 3px;}
.new_sitemap_wrap {display: none;}
#new_sitemap_wrap.active {display: block;}

/* ÇÏ´Ü »ó´ã¹Ù */
#before_freeAdvice_wrap{background-color:#79695b;}
#before_freeAdvice.advc_1809{background-color: rgba(0,0,0,0);}

/* ÇÏ´Ü »ó´ã¹Ù_³¡ */
#ft_freeAdvice_new .advice_wrap{width:530px;}
.advc_1809#ft_freeAdvice_new .advice_cont .form_cont2 .agr_cont{width:530px;}
#ft_freeAdvice_new .advice_cont .form_cont2 .agr_cont ul li span{margin-left:7px;}
.advc_1809#ft_freeAdvice_new .adv_btn{left:0;margin-left:23px;}

/* ³×ºñ°ÔÀÌ¼Ç */
#fp-nav{z-index:1;top:44%;}
#fp-nav.right{right:24px;}
#fp-nav ul li{margin:26px auto;}
#fp-nav ul li:last-child{display:none;}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span{width:24px;height:24px;}
#fp-nav ul li:hover a span{width:24px;height:24px;}
#fp-nav ul li:hover a span::after{content:'';display:block;width:10px;height:10px;background-color:#f3ce00;border-radius:5px;position:absolute;top:7px;left:7px;-webkit-transition:all 0.1s ease-in-out;transition:all 0.2s ease-in-out;}
#fp-nav ul li a.active span::after, #fp-nav ul li:hover a.active span::after{content:'';display:block;width:10px;height:10px;background-color:#f3ce00;border-radius:5px;position:absolute;top:7px;left:7px;-webkit-transition:all 0.1s ease-in-out;transition:all 0.2s ease-in-out;}
#fp-nav ul li a span{left:0;top:0;transition:none;}
#fp-nav ul li a.active .fp-tooltip.right{font-weight:bold;font-size:18px;line-height:24px;}
#fp-nav ul li a span{width:10px;height:10px;background:#96989a;}
#fp-nav ul li .fp-tooltip{color:#262626;opacity:1;width:auto;}
#fp-nav ul li .fp-tooltip.right{font-size:16px;margin-right:10px;}


.section_wide{position:relative;}
.section_wide .inr {}
.section_wide .status{width:100%;}
.section_wide .status p{margin:auto;text-align:center; font-size: 45px;font-family: 'HGGGothicssi80g', sans-serif;  padding-bottom: 28px;}
.section_wide .status em{display: block; width: 100%; text-align:center; font-size: 20px; padding-bottom:160px; }

/*20200104 Ãß°¡*/

.section_wide .marriage{position:absolute;top:166px;left:50%;width:180px;margin:auto;margin-left:-90px;overflow:hidden;z-index:10;}
.section_wide .marriage li{width:90px;float:left;font-size:30px;color:#fff;text-align:center;font-weight:bold;cursor:pointer; font-family: 'HGGGothicssi40g', sans-serif;}

.section_wide .marriage li:nth-child(1){border-right:1px solid #fff;box-sizing:border-box;color:#72dbcd;}
.section_wide .marriage li.on{font-weight:bold;}


/*20200104 Ãß°¡ ³¡*/
.section_wide .status .status_box_wrap{overflow:hidden;width:100%;margin:0 auto; height: 350px; position:relative; top:0;}
.section_wide .status .status_box_wrap h3 { position:absolute; top:0; color:#000; z-index:20; font-size:26px; padding:24px 0 0 110px ;  font-family: 'HGGGothicssi60g', sans-serif;}
.section_wide .status .status_box_wrap h3 span {color:#000;}
.section_wide .status .status_box{ position:relative; top:0; float:left;height:350px; 
color:#fff; overflow:hidden;}
.section_wide .status .status_box:nth-child(1),
.section_wide .status .status_box:nth-child(3){width:420px;}
.section_wide .status .status_box:nth-child(2) {width:440px;}
.section_wide .status .status_bg {background:url('/img/2021/wm_height.png') no-repeat center center;}
.section_wide .status .status_bg2 {background:url('/img/main/status_bg_04.jpg') no-repeat center center;}
.status_box .status_bg_box{width:100%; height:100%; position:absolute; top:0}

.section_wide .status .status_bg ul {width:98px;position:absolute; top:160px; padding-bottom:5px;text-align:center;}
.section_wide .status .status_bg ul li:first-child {font-size:17px; box-sizing:border-box;  color:#72dbcd;padding-bottom:7px;font-weight:bold;}
.section_wide .status .status_bg ul li:nth-child(2) {font-size:34px;color:#fff;font-weight:bold;}
.section_wide .status .man_height {right: -151px;}
.section_wide .status .man_height li:first-child{}

.section_wide .status .woman_height {left: -151px;}
.section_wide .status .woman_height li:first-child{float:right;}
.section_wide .status .woman_height li:nth-child(2){float:right;}
.section_wide .status .status_box.school{ background:url('/img/2021/w_school.png') no-repeat left 22px top -38px; width:420px; height:400px; }
.chart_txt, .chart_fade {width:100%; height:100%; position:absolute;top:0;}
.chart_txt span {font-family: 'NotoSansKR', sans-serif;font-size:18px; color:#72dbcd;display:block;font-weight:bold;}
.chart_txt span .school_name{color:#222;padding-top:2px;font-size:14px;font-weight:normal;}
.chart_txt .lc_1 {position:absolute; top:79px; left:72px;text-align:right;}
.chart_txt .lc_2 {position:absolute; top:282px; left:178px;text-align:center;}
.chart_txt .lc_3 {position:absolute; top:71px; right:62px;}
.chart_txt .lc_4 {position:absolute; top: 135px; right: 59px;}
.chart_txt .lc_5 {position:absolute; top:76px; left:43px;text-align:right;}
.chart_txt .lc_6 {position:absolute; top:230px; left:50px;text-align:center;}
.chart_txt .lc_7 {position:absolute; top:71px; right:62px;}
.chart_txt .lc_8 {position:absolute; top:218px; right:64px;}
.chart_fade .chart_fade1 {position:absolute; top:120px; left:30px;}
.chart_fade .chart_fade2 {position:absolute; top:298px; left:145px;}
.chart_fade .chart_fade3 {position:absolute; top:170px; right:30px;}
.chart_fade .chart_fade4 {position:absolute; top:95px; right:45px;}

/* ±×·¡ÇÁ */
.section_wide {width:100%; }
.section_wide .section_wide_round {width:100%; height:410px; padding:60px 80px; box-sizing:border-box; }
.w_round {width:300px; height:300px; border-radius:50%; background:#fff;}
.section_wide_round div{float:left; position:relative;}
#graph:after {display:block;content:"";clear:both;}
.box {float:left;width:100%;height:350px;}
.graph {position:relative;height:320px;width:348px;margin:auto; border-bottom:2px solid #fff;}
.year {position:absolute; bottom:-23px;width:348px;text-align:center;font-weight:bold;font-size:13px; color:#666666;}
.year li {float:left; margin:0 11px; width:33px; color: #222; font-weight: 400;}
.year li:first-child {margin-left:50px;}
.graph-bar {height:100%; overflow:hidden; }
.graph-bar:after {display:block;content:"";clear:both;}
.graph-bar li {position:relative;float:left; width:32px; margin:0 9px; height:100%; border-top-left-radius:50px; border-top-right-radius:50px;}
.graph-bar li:first-child {margin-left:34px;}
.graph-box {position:absolute;bottom:0;width:100%; }
.graph-box .graph-txt {display:block;position:absolute;top: -20px;left:0;width:100%;height:20px; z-index:10;text-align:center;font-size:14px; color:#72dbcd; font-weight:bold; letter-spacing:0.01em; }
.graph-box .graph-img {display:block;position:absolute;bottom:0px;left:0;width:100%;height:100%;background:#72dbcd; 
border-top-left-radius:50px; border-top-right-radius:50px;}
.graph-box.t3 span{color:#fff;font-size:30px;}
.graph-box.t3 .graph-txt {top: -40px; left: -20px; }
.graph-bar li:nth-child(3) .graph-box .graph-img {background:#fff}
.graph-bar li .graph-box #graph-color {background:#7f82cb !important;}

.graph-bar li:nth-child(4) .graph-box #graph-color {background:#fff !important;}
.graph-bar li .graph-box #graph-txt-color {color:#7f82cb;}

.graph-bar li:nth-child(3) .graph-box #graph-txt-color{font-size:14px;}
.graph-bar li:nth-child(4) .graph-box #graph-txt-color{font-size:30px; color:#fff !important; top: -40px; left: -5px; }

/* Çз µµ³Ó ±×·¡ÇÁ */
.chart_dnt_1 {width: 194px;height:194px;margin:auto;margin-top:19%;z-index:50;}
.section_wide .main_ban{overflow:hidden; width:100%; height:262px; margin-top:41px;}
.section_wide .main_ban .rc{ width:760px; height:262px; display:inline-block;}
.section_wide .main_ban .tst{background:#6473e4; width:364px; height:262px; display:inline-block; float:right; padding:26px 34px; box-sizing:border-box;}
.section_wide .main_ban .tst a {width:100%; height:100%; border:2px solid #fff; display:block; text-align:center; font-size:28px; line-height:1.29;
padding-top:58px; box-sizing:border-box; font-weight:bold; color:#fff;}
.section_wide .main_ban .tst a span {width:78px; height:20px; border:1px solid #fff; display:block; font-size:13px; margin-top:25px;
margin-left:50%; transform:translateX(-50%); line-height:20px;}
span.pink_text{color:#ea107b; font-weight:bold; }


/* ¹ÝÀÀÇü */
@media screen and (max-width: 1280px) { 
	#header{padding: 0; top: 0;}
	.header .header-inner{border-top: 0;}
	.header-nav { padding: 0 30px;}
	.header-nav .gnb > a {font-size: 18px;}

	#section10 .textBox .cardBox dd{height: 48px;}

	#nav { padding: 0 0 0 50px; box-sizing: border-box;}
	.header-nav .gnb-depth{width: 120px;}
	.header-nav .gnb:first-child .gnb-depth {transform: none; right: 0; left: auto;}
	.header-nav .gnb:last-child .gnb-depth {transform: none; right: auto; left: 0;}
	.header .depth-bg{width: 100dvw; max-width: none;}
	.header .header-inner{padding-left: 20px;}

	#section0 .slide-cont-img{width: 95%;}
}