@charset "utf-8";
/* CSS Document */
/* com2zoa design MHS 230413 */
    /********************************************* 공통시작 **********************************************/
/* Common */
.pc_none{display:none}
.mobile_bg {display: none; position: fixed; width: 100%; height: 100%;  left: 0; top: 0; background: #000; z-index:400}
.clear_fix:after {content: ""; display: block; clear: both}
.hide{display: none}
.hidden{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}

/* Layout */
#wrap {width: 100%; min-width: 320px; font-family: NSK; font-weight: 400; color: #222;}
a:link, a:visited{color: #222;}
#content{position: relative; z-index:1; max-width: 1920px; margin: 0 auto;}
.inner{max-width: 1400px; width: 100%; margin: 0 auto; position: relative;}

/* Poplayer */
/*팝업레이어 노출시 컨텐츠위로 가려져서 버튼클릭 안될시에는 .popup_on{display:none}/.popup_on.active {display:block} 주면됨 */
.main_openpop .pop_tit{font-size: 15px; color:#fff;}
.main_openpop .popup_on{display: none;position: absolute;bottom: 80px;width: 340px;height: 300px; background: rgba(255, 255, 255, .9); border-radius: 8px 8px 0 0; right: 0;}
.main_openpop .popup_on.active {display:block}
.main_openpop .popup_layer_wrap{ overflow: hidden; position: relative}
.main_openpop button{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px; cursor: pointer}
.main_openpop .slick-prev,.main_openpop .slick-next{position: absolute; bottom:19px; width: 12px; height: 17px; z-index: 500; width: 16px; height: 22px;}
.main_openpop .slick-prev {left:14px; background:url(../images/main/btn_layer_left.png) 0 0 no-repeat}
.main_openpop .slick-next {right:14px; background:url(../images/main/btn_layer_right.png) 0 0 no-repeat}
.main_openpop .popup_layer{position: relative; padding-top:14px; box-sizing: border-box}
.main_openpop .popup_imgsize{width: 310px; height:240px; margin: 0 auto; border-radius: 8px;  background:url(../images/main/noimg.png) no-repeat center #ddd; border: 1px solid #999; }
.main_openpop .popup_imgsize img{width: 310px; height:240px; border-radius: 8px;}
.main_openpop .popup_layer .popup_tit{display:block; margin:15px 50px}
.main_openpop .popup_layer .popup_tit a{display:block; overflow:hidden; color:#222; font-size: 15px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; margin-bottom:22px}
.qmu_popup a span{font-size:0}
/* .main_openpop .popup_on{display:none}
.main_openpop .popup_on.active {display:block} */
.main_openpop .close_pop{position: absolute; right: 0; top: -36px; width: 30px; height: 30px; background: rgba(255, 255, 255, .9); border-radius: 30px; display: flex; align-items: center; justify-content: center; box-shadow:0 0 3px rgba(0, 0, 0, .3);}


/* 메인 공통 텍스트, 이미지박스 등 */
.img_box{overflow: hidden; position: relative; background: url(../images/main/noimg.png) no-repeat center #ddd; border:1px solid rgba(0, 0, 0, .01)}
.img_box img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.date_p{text-align: right; font-size: 13px;}
.date_p span{font-weight: 300; color: #999999;}
.elip01{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.elip02{display: -webkit-box; display: -ms-flexbox; display: box; overflow:hidden; vertical-align:top; text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.elip03{display: -webkit-box; display: -ms-flexbox; display: box; overflow:hidden; vertical-align:top; text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.info_tit{font-size: 30px; font-weight: 700; margin-bottom: 20px;}
.info_tit::before{content: ''; display: block; width: 40px; height: 2px; background: #5322df; margin-bottom: 15px;}
.info_txt{font-size: 16px; color: #555555; ;}
/********************************************* // 공통 끝 **********************************************/

/********************************************* PC LAYOUT 시작 **********************************************/
/* PC LAYOUT */
.skip_navi .mb_skip{display:none}
/* #wrap {min-width:1230px} */
#content{position: relative}
.btn_top_pc{position: absolute; top:35px; right:50%; margin-right: -670px}

/* Menu FIX */
.top_bar_fix{position:absolute; top:0; left:0; width:100%; z-index:1000; transition: 0.6s}
#mainheader.fixed{position:fixed; top:0; left:0; width:100%; padding-left:0; margin-top:-67px; background:rgba(255,255,255,0.9); box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); transition: 0.6s}
#mainheader.fixed .headerwrap{height: 100px; background:none}
#mainheader.fixed .header_top .header_box::after{display: none}
#mainheader.fixed .logo_top{top:45px}
#mainheader.fixed .gnb_box{border-radius: 0; background:none; box-shadow:none}
#mainheader.fixed #gnb .navi_sub{top:60px}

/* 메인 헤더 */
.header_wrap{position: relative; min-width: 320px;}
.header_btns{border-bottom: 1px solid #ddd;}
.header_btns .inner{display: flex; justify-content: space-between; align-items: center;}
.header_btns .logo{width: 229px; height: 66px;}
.header_btns .util{display: flex;}
.header_btns .util a{display: inline-block; padding: 5px;}
.header_btns .util p + p::before{content: ''; display: inline-block; width: 1px; height: 12px; background: #dddddd; margin: 0 10px; vertical-align: -1px;}
.header_btns .util .util_enter a{padding-left: 25px; background: url(../images/main/icon_util01.png) no-repeat left center;}
.header_btns .util .util_consult a{padding-left: 25px; background: url(../images/main/icon_util02.svg) no-repeat left center;}

/* 퀵메뉴 */
.main_quick{background: #1d0d53; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 99; box-sizing: border-box;}
.main_quick .inner{display: flex; justify-content: space-between; height: 80px;}
.quick_top{padding: 20px 10px 20px 20px; width: 12%; box-sizing: border-box;}
.quick_top > p{font-size: 14px; ; color: #fff;}
.quick_top .quick_tit{font-size: 18px; font-weight: 600; margin-bottom: 6px;}
.quick_bottom{width: 88%; display: flex;justify-content: space-between;}
.quick_list{position: relative; width: calc(75% - 180px); max-width: 738px}
.quick_list > ul{display: flex; height: 100%;}
.quick_list > ul > li{flex: 1; transition: 0.3s ease;}
.quick_list > ul > li > a{display: block; height: 100%; box-sizing: border-box; padding: 32px 40px 0 52px; color: #fff; position: relative; transition: 0.3s ease; font-size: 15px;}
.quick_list > ul > li + li a::before{content: ''; position: absolute; top: 30px; width: 1px; height: 20px; background: rgba(255, 255, 255, .4); left: 0;}
.quick_list > ul > li > a::after{content: ''; position: absolute; top: 34px; background: url(../images/main/quick_icon05.png) no-repeat; width: 21px; height: 20px; right: 15px; transition: 0.3s ease;}
.quick_list > ul > li.q_li01 > a{background: url(../images/main/quick_icon01.png) no-repeat 15px center;}
.quick_list > ul > li.q_li02 > a{background: url(../images/main/quick_icon02.png) no-repeat 15px center;}
.quick_list > ul > li.q_li03 > a{background: url(../images/main/quick_icon03.png) no-repeat 15px center;}
.quick_list > ul > li.q_li04 > a{background: url(../images/main/quick_icon04.png) no-repeat 15px center;}
.quick_list > ul > li:hover{background: rgba(255, 255, 255, .8);}
.quick_list > ul > li:hover > a{color: #1d0d53; font-weight: 600;}
.quick_list > ul > li.q_li01:hover > a{background: url(../images/main/quick_icon01_on.png) no-repeat 15px center;}
.quick_list > ul > li.q_li02:hover > a{background: url(../images/main/quick_icon02_on.png) no-repeat 15px center;}
.quick_list > ul > li.q_li03:hover > a{background: url(../images/main/quick_icon03_on.png) no-repeat 15px center;}
.quick_list > ul > li.q_li04:hover > a{background: url(../images/main/quick_icon04_on.png) no-repeat 15px center;}
.quick_list > ul > li:hover a::after{background: url(../images/main/quick_icon05_on.png) no-repeat;}
.quick_list > ul > li.on{background: rgba(255, 255, 255, .8);}
.quick_list > ul > li.on > a{color: #1d0d53; font-weight: 600;}
.quick_list > ul > li.q_li01.on > a{background: url(../images/main/quick_icon01_on.png) no-repeat 15px center;}
.quick_list > ul > li.q_li02.on > a{background: url(../images/main/quick_icon02_on.png) no-repeat 15px center;}
.quick_list > ul > li.q_li03.on > a{background: url(../images/main/quick_icon03_on.png) no-repeat 15px center;}
.quick_list > ul > li.q_li04.on> a{background: url(../images/main/quick_icon04_on.png) no-repeat 15px center;}
.quick_list > ul > li.on a::after{background: url(../images/main/quick_icon05_on.png) no-repeat;}
/* 퀵메뉴 서브 */
.quick_list .quick_sub{position: absolute; bottom: 80px; left: 0; display: none; border: 1px solid #110a29; background: rgba(255, 255, 255, .9); box-sizing: border-box; padding: 15px; width: 100%;}
.quick_list > ul > li.on .quick_sub{display: block;}
.quick_sub .sub_close{position: absolute; top: 15px; right: 15px; line-height: 15px; display: inline-block; padding-right: 23px; background: url(../images/main/quick_sub_close_icon.png) no-repeat right 0;}
.quick_sub > p{font-size: 15px; ;}
.quick_sub .sub_tit > span{font-size: 24px; color: #6751a5; font-weight: 600; margin-right: 8px; letter-spacing: -0.5px;}
.quick_sub .sub_tit{margin-bottom: 10px;}
.quick_sub ul{display: flex; gap: 10px;}
.quick_sub ul li{width: 11.11%; margin: 0 5px;}
.quick_sub ul li a{display: block; text-align: center; word-break: keep-all; }
.quick_sub ul li a:hover{color: #6b3c92;}
.quick_sub .sub_icon{display: inline-block; width: 100%; height: 45px; position: relative; z-index: 1;}
.quick_sub .sub_icon::after{content: ''; position: absolute; width: 50px; height: 50px; background: #bfb3ff; left: 50%; transform: translateX(-50%); border-radius: 50px; z-index: -1; bottom: 0; opacity: 0; transition: 0.2s ease;}
.quick_sub ul li a:hover .sub_icon::after{opacity: 1;}


/* 행사 */
.calendar{display: flex; align-items: center; max-width: 308px; width: 25%; padding:0 20px; box-sizing: border-box;}
.calendar .cal_tit{font-size: 14px; width: 48px; padding: 5px 0 6px; text-align: center; background: #6b3c92; border-radius: 40px; font-size: 14px; color: #fff; position: absolute; z-index:1;}
.calendar .cal_tit a{display:block; color:#fff}
.calendar .cal_box{padding: 0 15px 0 58px; width: 100%; box-sizing: border-box; position: relative;}
.calendar .cal_list{width: 90%;}
.calendar .cal_list li{color: #fff;}
.calendar .cal_list li a{color: #fff; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; padding:10px 0}
.calendar .cal_btn{border:none; padding-top:0;}

/* 팝업, 탑 */
.quick_btn > div{width: 80px; height: 100%; text-align: center; float: left;}
.quick_btn .quick_popup, .main_openpop, .popup_open {height: 100%;}
.quick_btn .open_pop, .quick_btn .btn_top a, .quick_btn .entrance a{display: block; box-sizing: border-box; padding: 46px 8px 0; height: 100%; font-size: 15px;}
.quick_btn .open_pop{background: url(../images/main/quick_icon08.png) no-repeat center 14px rgba(255, 255, 255, .1); color: #fff;}
.quick_btn .btn_top a{background: url(../images/main/quick_icon09.png) no-repeat center 18px rgba(255, 255, 255, .8); font-weight: 600;}
.quick_btn .entrance a{background: url(../images/main/quick_icon10.png) no-repeat center 18px #ff6018; color: #fff;}

/* GNB */
#gnb .allbtnclose, #gnb .mbl_area, #gnb .navi_sub {display: none}
#gnb .mb_gnbtit, #gnb p.gnb_mbtxt{display: none}
.gnb_box{position: relative;}
.gnb_list{width: calc(100% - 160px); display: flex; justify-content: space-between;}
.gnb_btn_wrap{position: absolute; top: 0; right: 0; background: pink; display: flex;}
.gnb_btn_wrap > p a{width: 80px; height: 80px; display: block;}
.gnb_btn_wrap p.search a{background: url(../images/main/icon_search.png) no-repeat center #221748;}
.gnb_btn_wrap p.sitemap a{background: url(../images/main/icon_sitemap.png) no-repeat center #2529a1;}
#gnb .depth1{position: relative; padding:30px 0; text-align: center; z-index: 1000; text-align: center}
#gnb .depth1 h2 a{display: block; text-align: center; font-weight:500; font-size:19px; color: #222222; font-weight: 500}
#gnb .navi_sub{position: absolute; left:50%; top:60px; width:200px; margin-left:-105px;box-shadow:2px 2px 4px rgba(0, 0, 0, 0.1); background: #fff; border: 1px solid #ccc; border-radius: 8px 8px 0 0; overflow: hidden; border-bottom: 4px solid #ccc;}
#gnb .navi_sub a {display: block; line-height: 140%; padding: 5px; text-align: center; font-size:15px; color:#222222;}
#gnb .navi_sub li a{border-bottom: 1px solid #ddd;}
#gnb .navi_sub li:first-child a{margin-top: 0}
#gnb .navi_sub li:last-child a{margin-bottom: 0; border-bottom:none; }
/*GNB-hover*/
#gnb .depth1.active .navi_sub{display: block; z-index: 30}
#gnb .depth1.active h2 > a{font-weight:600;}
#gnb .navi_sub li:hover a, #gnb .depth1.active .navi_sub .depth2 > li.active a{display: block; font-weight:600; background: #ff6018; color:#fff}

/* 메인비주얼 */
.main_visual{padding-top: 147px;}
.visual_list{display: flex; justify-content: space-between;}
.visual_list .visual_item{width: 25%; height: 720px; overflow: hidden;}
.visual_list .visual_item a{display: block; height:100%; position: relative;}
.visual_list .bg{position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; transition: 0.4s ease-in; background-repeat: no-repeat;}
.visual_list .visual_item a:hover .bg{transform: scale(1.05);}
.visual_list .visual_item a:hover .visu_more span{color: #fff; border: 1px solid #fff;}
.visual_list .item1 .bg{background-image: url(../images/main/visual_bg01_n.png); background-position: 47% bottom;}
.visual_list .item1.depart1 .bg{background-image: url(../images/main/visual_bg01_n.png); background-position: 47% bottom;}
.visual_list .item1.depart2 .bg{background-image: url(../images/main/visual_bg02_n.png); background-position: 45% bottom;}
.visual_list .item1.depart3 .bg{background-image: url(../images/main/visual_bg03_n.png); background-position: 18% bottom;}

.visual_list .item2 .bg{background-image: url(../images/main/visual_bg02.png); background-position: 82% 17%;}
.visual_list .item3 .bg{background-image: url(../images/main/visual_bg03.png); background-position: 33% 11%;}
.visual_list .item4 .bg{background-image: url(../images/main/visual_bg04.png); background-position: 12% 5%;}
.visual_list .item5 .bg{background-image: url(../images/main/visual_bg05.png); background-position: 57% 10%;}
.visual_list .bg::after{content: ''; position: absolute; width: 100%; height: 65%; bottom: 0;}
.visual_list .item1 .bg::after{background: linear-gradient(180deg, rgba(0,0,0,0) 0%,  rgba(0,0,0,1) 85%);}
.visual_list .item2 .bg::after{background: linear-gradient(180deg, rgba(42,80,70,0) 0%,  rgba(42,80,70,1) 90%);}
.visual_list .item3 .bg::after{background: linear-gradient(180deg, rgba(24,42,62,0) 0%,  rgba(24,42,62,1) 90%);}
.visual_list .item4 .bg::after{background: linear-gradient(180deg, rgba(7,68,99,0) 0%,  rgba(7,68,99,1) 90%);}
.visual_list .item5 .bg::after{background: linear-gradient(180deg, rgba(78,58,126,0) 0%,  rgba(78,58,126,1) 90%);}
.visual_list .visual_item .item_list{width: 100%; height: 50%; overflow: hidden;}
.visual_list .visu_box{position: absolute; bottom: 40px; left:40px; width: calc(100% - 80px);}
.visual_list .visu_box > p{word-break: keep-all;}
.visual_list .visu_box .visu_tit{font-size: 32px; font-family: 'GMS'; font-weight: 600; text-shadow: 5px 0 8px rgba(0, 0, 0, 0.3); color: #fff; z-index: 1;}
.visual_list .visu_box .visu_txt{margin-top: 20px; font-size: 18px; color: rgba(255,255,255,0.7); line-height: 1.3;}
.visual_list .visu_more{text-align: right; margin-top: 20px;}
.visual_list .visu_more span{display: inline-block; width: 120px; box-sizing: border-box; padding: 0 20px; line-height: 36px; border: 1px solid rgba(255, 255, 255, .5); color: rgba(255, 255, 255, .5); font-weight: 300;font-size: 15px; border-radius: 40px; text-align: left; position: relative; transition: 0.3s ease;}
.visual_list .visu_more span::after{content: '+'; position: absolute; right: 20px;}
.visual_list .item3 .visu_box .visu_tit{line-height: 48px;}
.visual_list .item3 .visu_box .visu_txt{position: absolute; bottom: 0; padding-right: 120px;}

/* Pride Kumpa */
.pride{background: url(../images/main/pride_bg01.png) no-repeat 64% 96%; padding: 110px 0 100px; margin-bottom: 50px; position: relative;}
.pride::before, .pride::after{content: '';position: absolute; top: 0; height: 640px; z-index: -1;}
.pride::before{left: 0; width: 468px; background: url(../images/main/pride_bg02.png) no-repeat ;}
.pride::after{right: 0; width: 445px; background: url(../images/main/pride_bg03.png) no-repeat ;}
.pride_tit{max-width: 420px; width: 90%; height: 345px; margin: 0 auto; background-image: url(../images/main/pride_img01_2.png); background-repeat:  no-repeat; box-sizing: border-box; padding-top: 215px; background-position: center 40%; position: relative;}
.emblem{animation: priani 3s infinite; position: absolute; top: 0; left: 0; width: 100%; height: 220px; background: url(../images/main/pride_img011.png) no-repeat center;}
@keyframes priani{
    0%{transform: translateY(0);}
    50%{transform: translateY(-20px);}
    0%{transform: translateY(0);}
}
.pride_tit p{font-size: 17px; line-height: 150%; text-align: center; ;}
.pride_cont .pride_item{position: absolute; width: 200px; background-repeat: no-repeat; background-position: center bottom;}
.pride_cont .pride_item.pi1, .pride_cont .pride_item.pi4{top: 80px; padding-bottom: 210px;}
.pride_cont .pride_item.pi2, .pride_cont .pride_item.pi3{top: -40px; padding-bottom: 150px;}
.pride_cont .pride_item.pi1{left: 6%; background-image: url(../images/main/pride_img02.png)}
.pride_cont .pride_item.pi2{left:20%; background-image: url(../images/main/pride_img03.png)}
.pride_cont .pride_item.pi3{right:20%; background-image: url(../images/main/pride_img04.png)}
.pride_cont .pride_item.pi4{right: 6%; background-image: url(../images/main/pride_img05.png)}
.pride_cont .pride_item p{font-weight: 800; text-align: center; word-break: keep-all;}
.pride_cont .item_tit{margin-bottom: 8px; word-break: keep-all;}
.pride_cont .orange .item_tit{font-size: 22px;}
.pride_cont .orange .item_txt{font-size: 40px; color: #ff6018; }
.pride_cont .purple .item_tit, 
.pride_cont .purple .item_tit a{font-size: 19px; color: #3838bf;}
.pride_cont .purple .item_txt{font-size: 30px;}

/* Pride Kumpa - 협력기업 레이어 */
.modal_wrap{position: fixed; background: rgba(0, 0, 0, 0.6); z-index: 999; top: 0; left: 0; bottom: 0; right: 0; display: none;}
.modal_wrap.on{display: block;}
.com_modal{width: 80%; max-width: 1020px; height: 80vh; max-height: 620px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #ddd;}
.com_modal_head{height: 140px; background-image: url(../images/main/layer_bg.png); background-repeat:  no-repeat; background-position:  14px bottom; background-color: #526cc1; border-bottom: 1px solid #ddd; padding: 50px 10px 0; box-sizing: border-box;}
.com_modal_head .head_tit{text-align: center; color: #fff; font-family: 'GMS'; font-size: 28px; font-weight: 500; margin: 0 62px;}
.com_modal_head .head_tit > span{display: block; font-size: 0.393em; color: #aec1ff; margin-top: 5px; word-break: keep-all; font-weight: 300;}
.com_modal_body{height: calc(100% - 140px); overflow: auto;}
.com_modal_body::-webkit-scrollbar {width: 10px; background-color: #fff;}
.com_modal_body::-webkit-scrollbar-thumb{background-color: #bbb; border-radius: 10px; width: 8px; }
.com_modal_body > ul{display: flex; flex-wrap: wrap; padding: 20px; gap: 15px;}
.com_modal_body > ul > li{width: calc(20% - 12px);}
.com_modal_body .comlogo{width: 100%; height: 80px; overflow: hidden; text-align:center;}
.com_modal_body .comname{background: #f1f1f1; min-height: 36px; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 13px; height: calc(100% - 80px);}
.com_modal_body .comname span{font-weight: 400;}
.modal_wrap .close{position: absolute; top: 20px; right: 20px; width: 23px; height: 23px; background: url(../images/main/layer_icon.png);}

/* 금파인의 활동 */
.act_wrap{display: flex; justify-content: space-between; min-height: 268px;}
.act_wrap > div{width: 33.33%; box-sizing: border-box;}
.act_top{padding: 20px 58px 20px 28px;}
.act_top .act_btn{margin-top: 40px; text-align: right;}
.act_top .act_btn a{background: url(../images/main/more_img.png) no-repeat; display: inline-block; width: 77px; height: 15px; transition: 0.2 ease;}
.act_top .act_btn a:hover{background: url(../images/main/more_img_on.png) no-repeat;}
.act_wrap .txt_box{padding: 10px 35px 10px 30px;}
.act_wrap .act_label span{line-height: 270%; font-size: 16px; padding: 0 22px; background: #f1f1f1; display: inline-block;}
.act_wrap .post_tit{margin: 26px 0; font-size: 19px;}
.act_wrap .post_txt{color: #555; font-size: 15px; line-height: 150%; ;}
.act_wrap .date_p{margin-top: 53px;}
.gal_bottom{display: flex; margin-top: 35px; justify-content: space-between; align-items: flex-start; min-height: 400px;}
.gal_bottom > div{box-sizing: border-box; overflow: hidden; position: relative; }
.major_wrap{width: calc(34% - 22px); }
.major_wrap .major{position: relative;display: none; z-index:1;}
.major_wrap .img_box{height: 272px;}
.major_wrap .txt_box{position: absolute; width: 100%; padding: 20px 70px 20px 20px; background: rgba(0, 0, 0, 0.7); color: #fff; box-sizing: border-box; bottom: 0; transition: 0.3s ease; opacity: 0;}
.major_wrap:hover .txt_box{opacity: 1;}
.major_wrap .txt_box .post_tit{font-size: 16px; font-weight: 600;}
.major_wrap .txt_box .post_txt{margin-top: 8px; font-weight: 300;}
.major_wrap .txt_box .go_btn{position: absolute; line-height: 40px; width: 40px; background: #5322df; color: #fff; font-size: 16px; border-radius: 5px; text-align: center; right: 20px; top: 20px;}
.photo_wrap{width: calc(24% - 22px);}
.photo_wrap .img_box{height: 190px;}
.photo_wrap .txt_box{padding-top: 12px;}
.photo_wrap .txt_box .act_label a{color: #31168d; font-size: 13px;}
.photo_wrap .txt_box .post_tit{font-size: 16px; ; margin: 8px 0 15px;}
.suc_wrap{width: calc(42% - 22px); }
.suc_wrap .img_box{height: 340px; width: 100%;}
.suc_wrap .txt_box{background: #221748; padding: 28px 30px; ; width: 100%; box-sizing: border-box;}
.suc_wrap .txt_box p, .suc_wrap .txt_box p a{color: #fff;}
.suc_wrap .txt_box .post_tit{font-size: 23px;}
.suc_wrap .txt_box .post_txt{font-size: 15px; color: #cccccc; margin: 18px 0 26px; ; line-height: 140%;}
.main_gallery .img_box > a .zoom, 
.main_gallery .suc_wrap > a .zoom{transition: 0.4s ease;}
.main_gallery .img_box > a:hover .zoom, 
.main_gallery .suc_wrap > a:hover .zoom{transform: scale(1.05);}

/* main_notice */
.m_noti_wrap{display: none;}
#main_notice{margin-top: -105px; padding: 135px 0 40px; background: url(../images/main/notice_bg03.png) no-repeat 97% 85% #f1f1f1}
#main_notice .inner{z-index: 0;}
#main_notice .inner::before, #main_notice .inner::after{content: ''; position: absolute; z-index: -1;}
#main_notice .inner::before{width: 483px; height: 24px; background: url(../images/main/notice_bg01.png); top: -159px; left: -18%;}
#main_notice .inner::after{width: 310px; height: 144px; background: url(../images/main/notice_bg02.png); top: -230px; left: 20%;}
#main_notice .info_tit::before{background: #14a78d;}
#main_notice .notice_info{position: absolute; top: 0;}
.notice_info{height: 140px;}
.notice_box {overflow:hidden; position: relative; padding:0 0 0 348px; box-sizing: border-box; height: 349px;}
.notice_box.mobile{display: none;}
.notice_box h3{position: absolute; left:0; width: 294px;}
.notice_box .noticetab01{top: 140px}
.notice_box .noticetab02{top:192px}
.notice_box .noticetab03{top:244px}
.notice_box .noticetab04{top:296px}
.notice_box h3 > a{position: relative; display: block; transition: 0.3s ease; padding: 0 40px 0 20px;line-height: 52px;border-bottom: 1px solid #ddd; font-size: 19px; font-weight: 400;}
.notice_box h3 > a::after{content: ''; position: absolute; width: 11px; height: 17px; background: url(../images/main/notice_icon01.png) no-repeat; right: 20px; top: 17px; opacity: 0;}
.notice_box h3.on > a {background:#14a78d; color:#fff; font-weight: 600;}
.notice_box h3.on > a::after{opacity: 1;}
.notice_box noticetab01.on > a {background:none}
.notice_box .noticetb{overflow:hidden; height:100%;}
.noticetb ul {display: flex; flex-wrap: wrap; height: 100%; gap: 20px;}
.noticetb li{width: calc(33.33% - 16px);  height: calc(50% - 12.5px); background: #fff; border: 1px solid #ddd; transition: 0.3s ease; position: relative;}
.notice_txt_box{padding: 20px 20px 15px 20px; height: calc(100% - 33px); box-sizing: border-box; position: relative;}
.notice_txt_box .notice_tit{font-size: 16px;}
.notice_txt_box .notice_txt{font-size: 15px; ; color: #888888; margin: 14px 0; line-height: 120%;}
.notice_txt_box .date_p{position: absolute; right: 20px; bottom: 15px;}
.notice_box .notice_label{padding: 0 16px; font-size: 15px; height: 33px; line-height: 200%; background: #fff; font-weight: 600; border-top: 1px solid #ddd; transition: 0.3s ease; position: absolute; bottom: 0; width: 100%; box-sizing: border-box;}
.notice_box .notice_list01 .notice_label{color: #533f9b;}
.notice_box .notice_list02 .notice_label{color: #199a83;}
.notice_box .notice_list03 .notice_label{color: #7c5733;}
.noticetb > ul > li:hover{box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);}
.noticetb .notice_list01:hover{border: 1px solid #533f9b; }
.noticetb .notice_list02:hover{border: 1px solid #199a83; }
.noticetb .notice_list03:hover{border: 1px solid #7c5733; }
.noticetb .notice_list01:hover .notice_label{background:#533f9b; color: #fff; border-top: 1px solid #533f9b;}
.noticetb .notice_list02:hover .notice_label{background:#199a83; color: #fff; border-top: 1px solid #199a83;}
.noticetb .notice_list03:hover .notice_label{background:#7c5733; color: #fff; border-top: 1px solid #7c5733;}



/* 사이트링크 */
.main_link{background:url(../images/main/quickLink_bg02.png) no-repeat bottom right #533f9b; padding: 40px 0; }
.main_link .inner{display: flex; justify-content: space-between;}
.main_link .link_info{color: #fff; position: relative; padding-left: 120px; margin: 20px 0 0 20px;}
.main_link .link_info::before{content: ''; position: absolute; width: 98px; height: 98px; background:url(../images/main/quickLink_bg01.png) no-repeat; left: 0; top: 0;}
.link_info .link_tit{font-size: 30px; line-height: 120%;}
.link_info .link_tit span{display: block;}
.link_info .link_txt{font-size: 16px; margin-top: 4px; ;}
.link_wrap .link_more a{color: #fff; display: none; ; font-size: 15px; border: 1px solid #bfaeff; padding: 12px 30px 11px 10px; box-sizing: border-box; height: 40px; background: url(../images/main/clickmore_icon.png) no-repeat right;}
.link_wrap{width: calc(100% - 340px); height: 138px; position: relative;}
.link_wrap ul{width: 100%; height: 100%; display: flex; flex-wrap: wrap; flex-direction: column;}
.link_wrap ul li{height: 20%; line-height: 200%; width: calc(25% - 10px); margin-right: 10px;}
.link_wrap ul li a{color: #fff; font-size: 15px; font-weight: 300; display: block; transition: 0.3s ease; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}
.link_wrap ul li a:hover{font-weight: 500; background: rgba(0, 0, 0, 0.2);}
.link_wrap ul li a::before{content: ''; display: inline-block; vertical-align: middle; width: 6px; height: 6px; background: url(../images/main/quickLink_icon.png); margin-right: 6px;}

/* main_banner */
#main_banner{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 87px; overflow: hidden;}
.banner_wrap {position: relative; margin:33px 0 15px 20px; box-sizing: border-box; }
.banner_wrap .banner_tit{font-size: 16px; font-weight: 500;}
.banner_wrap .btns{position: absolute; left:105px; top: -7px;}
.banner_wrap .btns li {float: left}
.banner_wrap .btns li:nth-child(2){margin: 0 3px}
.banner_wrap .btns button{display: block; cursor: pointer;width:27px; height:33px}
.banner_wrap .btns span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
.banner_wrap .btns button:focus-visible{outline:2px solid #000}
.banner_wrap .btns .ban_btn_prev{background:url(../images/main/banner_icon02.png) no-repeat 0 center}
.banner_wrap .btns .ban_btn_stop{background:url(../images/main/banner_icon03.png) no-repeat 0 center}
.banner_wrap .btns .ban_btn_next{background:url(../images/main/banner_icon04.png) no-repeat 0 center}
.banner_wrap .ban_area{margin:-34px 0 0 220px}
.banner_wrap .ban_item a {overflow: hidden; display: block; width: 184px; height:55px; border:1px solid #ddd; margin: 0 auto; background:#ccc; box-sizing: border-box}
.banner_wrap .ban_item img {margin: 0 auto; width:184px; height: 55px}
.banner_wrap .btns button{background:none; outline:0}
.banner_wrap .more{position: absolute; top:2px; left:72px}

/* footer */
#footwrap{background: #e1e1e1;}
.foot_area{border-bottom: 1px solid #fff; height: 56px; padding: 0 20px;}
.foot_area .pc_menu{display: flex; height: 100%; align-items: center;}
.foot_area .pc_menu li a{display: block; font-size: 16px;}
.foot_area .pc_menu li + li a::before,
.foot_area .mb_menu li + li a::before{content: ''; width: 3px; height: 3px; border-radius: 3px; margin: 0 10px; background: #fff; display: inline-block; vertical-align: 4px;}
.foot_area .pc_menu li.privacy a{color: #533f9b; font-weight: 600;}
.add_area{padding: 20px 20px 100px 20px;}
.address address, .add_list{font-size: 15px; ; margin-bottom: 10px; line-height: 120%; color: #555;}
.add_list ,.add_list .add_num{display: flex; }
.add_list .add_num::before{content: '/'; display: inline-block; vertical-align: middle;}
.copy{font-size: 12px; font-weight: 300;}
.btn_admin{position: absolute; left: 652px; top: 12px;}
.btn_admin a{display: block; background: #199a83; line-height: 32px; border-radius: 32px; color: #fff; box-sizing: border-box; width: 66px; text-align: center;}

.count_box{position: absolute; right: 20px; top: 12px;}
.count_box > ul{display: flex;}
.count_box > ul > li{width: 170px; height: 32px; border-radius: 32px; position: relative; background: #fff;}
.count_box > ul > li + li{margin-left: 15px;}
.count_box > ul > li span{display: inline-block;  }
.count_box > ul > li .tit{width: 66px; text-align: center; color: #fff; border-radius: 32px; line-height: 32px;}
.count_box > ul > li .num{width: calc(100% - 79px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 10px; text-align: right;}
.count_box > ul > li.today .tit{background:#55468b;}
.count_box > ul > li.total .tit{background:#4b4a4f;}
.count_box .num{color: #555;}
.foot_mlst, .mb_menu{display: flex; align-items: center; justify-content: center;}
.homeimg{background: #999; display: inline-block; width: 22px; height: 22px; border-radius: 22px; box-sizing: border-box; padding: 3px 0 0 4px; margin-right: 8px;}




/********************************************* 반응형 시작 **********************************************/
@media  all and (max-width:1600px){
    /* 메인비주얼 1600 */
    .visual_list .bg{background-size: cover;}
    .visual_list .visual_item{height: 620px}
    .visual_list .visu_box{width: calc(100% - 40px); left: 20px; bottom: 20px;}
    .visual_list .visu_box .visu_tit{font-size: 26px;}
}

@media only screen and (max-width:1400px) {
    .inner{box-sizing: border-box; width: calc(100% - 40px);}
    .main_quick .inner{width: 100%;}
    .header_wrap .inner{width: 100%;}

	/* GNB 1400 */
    #gnb .navi_sub{width:180px; margin-left:-95px;}
    #gnb .depth1:first-child .navi_sub{margin-left:-45px;}

    /* 퀵메뉴 1400 */
    .quick_top{display: none;}
    .quick_bottom{width: 100%;}
    .quick_list{ max-width: unset;}
    .quick_list .quick_sub{width: 100vw;}
    .main_quick .inner{padding: 0;}
    .calendar{margin:0 10px;}
    .quick_list > ul > li > a{padding: 32px 36px 0 15px; background: none !important;}

    /* 메인비주얼 1400 */
    .visual_list .item5 .bg{background-position: 67% 10%;}
    .visual_list .visu_box .visu_txt{font-size: 15px; margin-top: 10px;}
    .visual_list .visu_more{margin-top: 10px;}
    
    /* Pride 1400 */
    .pride{padding: 110px 0 80px;}
    .pride::before, .pride::after{background-size: contain; width: 400px;}
    .pride_tit p{font-size: 16px; letter-spacing: -0.5px;}
    .pride_cont .orange .item_tit{font-size: 19px;}
    .pride_cont .orange .item_txt{font-size: 35px;}
    .pride_cont .purple .item_tit{font-size: 16px;}
    .pride_cont .purple .item_txt{font-size: 26px;}
    .pride_cont .pride_item.pi1{left: 4%;}
    .pride_cont .pride_item.pi4{right: 4%;}
    
    /* 금파인의 활동 1400  */
    .act_wrap .act_top{padding: 20px 30px 20px 20px; width: 25%;}
    .act_wrap .img_box{width: 40%;}
    .act_wrap .txt_box{width: 35%; padding: 10px 20px;}
    .major_wrap{width: calc(34% - 12px);}
    .photo_wrap{width: calc(24% - 12px);}
    .suc_wrap{width: calc(42% - 12px); }

    /* main_notice */
    #main_notice .inner::before{left: -20px;}
    #main_notice .inner::after{left: 28%;}
    .notice_box{padding: 0 0 0 310px;}
    #main_notice .notice_info, .notice_box h3{width: 260px;}

    /* 사이트링크 1400 */
    .main_link .link_info {margin: 20px 0 0 0;}
    .link_wrap{width: calc(100% - 250px);}
}
@media only screen and (max-width:1200px) {
    /* 메인비주얼 1200 */
    .visual_list .visu_more span{width: 100px;}
    /* 금파인의 활동 1200 */
    .major_wrap .img_box{height: 232px;}
    .photo_wrap .img_box{height: 150px;}
    .suc_wrap .img_box{height: 280px;}
    /* footer 1200 */
    .foot_area{padding: 0;}
    .add_area{padding: 20px 0 100px 0;}
    .foot_area .pc_menu li a{font-size: 14px;}
    .btn_admin{left: 520px;}
}
@media only screen and (max-width:1024px) {
    .mb_none{display: none}
    #mainheader.fixed{margin-top: 0;}
    .pc_none{display:block}
    .skip_navi .pc_skip{display:none}

    /*Mainheader 1024 */
    .header_btns .util{display: none;}
    .gnb_btn_wrap{top: -67px;}
    .gnb_btn_wrap > p a{width: 66px; height: 66px;}
    .gnb_btn_wrap p.search a, .gnb_btn_wrap p.sitemap a{background-size: 22px;}

    /* Mobile Menu 1024 */
    .header_wrap .qmenu .mb_non{display: none}
    .header_wrap .qmu_btnbox{float: right; padding-top: 7px}
    .header_wrap .qmu_btnbox > p{float: left; margin-right: 3px}
    .header_wrap .qmu_btnbox > p:last-child{margin-right: 0}

    /* GNB 1024 */
    #gnb .allbtnclose,
    #gnb .mbl_area{display: block}
    .mobile_bg{z-index: 500 !important}
    #gnb {display: none; position:fixed; top:0; right:0;  width: 260px; height:100%; min-height:100%; background:#fff; z-index:1000; overflow-y:auto; box-sizing:border-box}
    #gnb p.mb_gnbtit{display: block; height:58px; line-height: 58px; padding-left: 32px; background:url(../images/main/main_m_06.png) no-repeat 15px #666666; font-size:18px; font-weight:500;color:#fff}
    #gnb p.mb_gnbtit span{padding-left:15px}
    #gnb .allbtnclose .closebtn {display:block; width: 45px; height: 52px; position:absolute; top:3px; right:0; background: url(../images/main/btn_menu_close.png) no-repeat center}
    #gnb .mbl_area{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
    #gnb .mbl_area li {width:calc(50% - 1px); height: 42px;}
    #gnb .mbl_area li:first-child{float: left; border-right: 1px solid #ddd;}
    #gnb .mbl_area li:last-child{float: right; }
    #gnb .mbl_area li a {display:block; font-size: 14px;text-align: center; line-height: 42px;}
    #gnb .gnb_list{display: block; width: 100%;}
    #gnb .gnb_list .depth1{padding: 0;}
    #gnb .gnb_list .depth1 > h2 a{display:block; line-height:42px; font-size:15px;font-weight:500; padding:0 0 0 15px; margin:0; width:auto; background:url(../images/main/bg_mn.png) no-repeat 95% center;color:#222; box-sizing: border-box; text-align: left; border-bottom: 1px solid #ddd;}
    #gnb .gnb_list .depth1 > h2 a[target=_blank] span{display:inline-block; padding-right:15px;}
    #gnb .gnb_list .act > h2 a{position: relative; background:url(../images/main/bg_mn_a.png) no-repeat 95% center #3838bf; color:#fff;}
    #gnb .gnb_list .depth1 .navi_sub{position: static; width: auto; background:#eee; box-sizing: border-box; margin-left: 0; border: 0; border-bottom: 1px solid #ddd; box-shadow: none; padding: 10px 12px;}
    #gnb .gnb_list .depth1 .navi_sub ul > li > a {line-height:180%; display:block; padding:2px 0 2px 12px; font-size:15px;font-weight: 500; text-align: left; position: relative;}
    #gnb .gnb_list .depth1 .navi_sub ul > li > a::before{content: ''; position: absolute; left: 0; top: 16px; width: 6px; height: 2px; background: #999;}
    #gnb .gnb_list .depth1 .navi_sub ul > li > a[target=_blank] span{display:inline-block; padding-right:15px}
    #gnb .gnb_list .depth1 .navi_sub ul > li:hover > a {font-weight:700; background: none; color: inherit;}
    #gnb .gnb_list .depth1 .navi_sub ul > li:hover > a::before{background: #3838bf;}

    /* 퀵메뉴 1024 */
    .quick_list{width: calc(100% - 160px);}
    .calendar{display: none;}

    /* 메인비주얼 1024 */
    .main_visual{padding-top: 67px;}
    .visual_list{display: block;}
    .visual_list .visual_item{width: 100%; height: 160px;}
    .visual_list .visual_item .item_list{float: left;}
    .visual_list .visual_item .item_list{width: 50%; height: 100%;}
    .visual_list .item1 a{background: #000;}
    .visual_list .item2 a{background: #2a4f45;}
    .visual_list .item5 a{background: #4e3a7e;}
    .visual_list .item1 .bg{background-image: url(../images/main/visual_bg01_n_m.png); background-position: left center; background-size: auto;}
	.visual_list .item1.depart1 .bg{background-image: url(../images/main/visual_bg01_n_m.png);background-position: left center;}
	.visual_list .item1.depart2 .bg{background-image: url(../images/main/visual_bg02_n_m.png);  background-position: left top; }
	.visual_list .item1.depart3 .bg{background-image: url(../images/main/visual_bg03_n_m.png);  background-position: left 27%; }
    .visual_list .item2 .bg{background-image: url(../images/main/visual_bg02_m.png); background-position: right 18%; background-size: auto; }
    .visual_list .item4 .bg{background-position: 12% 19%;}
    .visual_list .item5 .bg{background-image: url(../images/main/visual_bg05_m.png); background-position: right 45%; background-size: auto;}
    .visual_list .bg::after{content: ''; position: absolute; width: 100%; height: 100%; bottom: 0;}
    .visual_list .item1 .bg::after{background: linear-gradient(90deg, rgba(0,0,0,0) 0%,  rgba(0,0,0,1) 100%);}
    .visual_list .item2 .bg::after{background: linear-gradient(-90deg, rgba(42,80,70,0) 0%,  rgba(42,80,70,1) 100%);}
    .visual_list .item5 .bg::after{background: linear-gradient(-90deg, rgba(78,58,126,0) 0%,  rgba(78,58,126,1) 100%);}
    .visual_list .visu_box{bottom: 40px;}
    .visual_list .item1 .visu_box::after{right: 0; left: unset;}
    .visual_list .item1 .visu_box .visu_tit{text-align: right;}
    .visual_list .item1 .visu_box .visu_more{text-align: right;}
    .visual_list .visu_box .visu_txt{display: none;}
    .visual_list .visu_more{text-align: left;}
    .visual_list .visu_more span{line-height: 34px; width: 120px;}

    /* Pride 1024 */
    .emblem{display: none;}
    .pride{padding: 40px 0; margin-bottom: 0; background: none;}
    .pride::before, .pride::after{content: none;}
    .pride_tit{background: url(../images/main/pride_img01_m.png) no-repeat center top; padding-top: 168px; height: auto; margin-bottom: 18px;}
    .pride_cont{width: 100%; max-width: 600px; margin: 0 auto;}
    .pride_cont .pride_item{width: 100%; position: static; margin-bottom: 25px; box-sizing: border-box; height: 168px}
    .pride_cont .pride_item.pi1, .pride_cont .pride_item.pi2, .pride_cont .pride_item.pi3, .pride_cont .pride_item.pi4{padding-bottom: 0; padding-top: 40px; border-bottom:1px solid #cbcbcb}
    .pride_cont .pride_item.pi4{border-bottom:none; margin-bottom:0}
    .pride_cont .pride_item.pi1{background-image: url(../images/main/pride_img02_m.png); background-position: right top}
    .pride_cont .pride_item.pi2{background-position: left top}
    .pride_cont .pride_item.pi3{background-position: right top}
    .pride_cont .pride_item.pi4{background-image: url(../images/main/pride_img05_m.png); background-position: left top}
    .pride_cont .purple .item_tit{font-size: 19px;}
    .pride_cont .purple .item_txt{font-size: 35px;}
    .pride_cont .pi1, .pride_cont .pi3{padding-right: 140px;}
    .pride_cont .pi2, .pride_cont .pi4{padding-left: 140px;}
    .pride_cont .pride_item p{word-break: break-all; text-align: center;}

    /* Pride Kumpa - 협력기업 레이어 1024px */
    .com_modal_head{background-size: 150px;}
    .com_modal_head .head_tit{font-size: 24px;}
    .com_modal_body > ul > li{width: calc(25% - 12px);}

    /* 금파인의 활동 1024 */
    .main_gallery .inner{z-index: 1;}
    .act_wrap, .gal_bottom{display: block; max-width: 600px; margin: 0 auto;}
    .act_wrap .act_top, .act_wrap .img_box, .act_wrap .txt_box{width: 100%;}
    .act_wrap .act_top{padding: 0 0 20px 0;}
    .act_wrap .img_box::after{content: ''; display: block; width: 100%; padding-bottom: 60%;}
    .act_wrap .txt_box{padding: 20px 0;}
    .act_top .act_btn{margin-top: 15px;}
    .act_wrap .date_p{margin-top: 15px;}
    .act_wrap .post_tit{margin: 15px 0;}
    .major_wrap, .photo_wrap, .suc_wrap{width: 100%;}
    .gal_bottom > div{margin-bottom: 20px;}
    .major_wrap .img_box, .photo_wrap .img_box, .suc_wrap .img_box{height: auto;}
    .major_wrap .img_box::after, .photo_wrap .img_box::after, .suc_wrap .img_box::after{content: ''; display: block; width: 100%; padding-bottom: 60%;}
    .major_wrap .txt_box{opacity: 1;}
    .photo_wrap .act_btn{float: left;}
    .photo_wrap .txt_box .post_tit{margin: 10px 0 20px;}

    /* Poplayer 1024 */
    .main_openpop .popup_on{display:none; width: 100%; margin: 0 auto;}
	.main_openpop .close_pop{right: 10px;}

    /* main_notice 1024 */
    #main_notice{margin-top: 45px; padding: 40px 0;}
    #main_notice .inner::before{width: 333px; height: 17px; background: url(../images/main/notice_bg01_m.png) no-repeat; top: -57px;}
    #main_notice .inner::after{background: url(../images/main/notice_bg02_m.png) no-repeat; width: 78px; height: 69px; right: 5%; top: -78px; left: unset;}
    .notice_box{padding: 0 0 0 280px;}
    #main_notice .notice_info, .notice_box h3{width: 240px;}
    .notice_box h3 > a{font-size: 17px;}
    .noticetb li{width: calc(50% - 12px);}

    /* 사이트링크 1024 */
    .main_link .inner{display: block;}
    .main_link .link_info {padding-left: 0; margin: 0 0 10px 0;}
    .main_link .link_info::before{content: none;}
    .link_info .link_tit span, .main_link .link_info > p{display: inline;}
    .link_info .link_txt{margin-left: 6px;}
    .link_wrap{width: 100%;}

    /* footer 1024 */
    .foot_area .pc_menu{justify-content: center; flex-wrap: wrap;}
    .foot_area .pc_menu li{line-height: 39px;}
    .foot_area .pc_menu li:last-child{display: none;}
    .foot_mlst{height: 42px; border-bottom: 1px solid #fff;}
    .count_box, .btn_admin{display: none;}
    .foot_area{height: auto;}
    .address{ text-align: center; font-size: 13px;}
    .add_list{display: block; font-size: 13px;}
    .add_list .add_num{justify-content: center;}
    .add_list .add_num::before{content: none;}

    
}

@media only screen and (max-width:768px) {
    .info_tit{font-size: 24px; margin-bottom: 15px;}
    /* 퀵메뉴 768 */
    .quick_sub .sub_tit > span{display: block; margin-bottom: 8px;}
    .quick_sub ul{flex-wrap: wrap;}
    .quick_list > ul > li > a{font-size: 14px;}
    .quick_list > ul > li > a::after{right: 10px;}
    .quick_list > ul > li > a > span{display: block;}
    .quick_sub ul{gap: unset;}
    .quick_sub ul li{width: calc(33.33% - 10px); margin: 5px;}
    .quick_sub ul li a{line-height: 24px; border: 1px solid #ddd; background: #fff; border-radius: 24px; font-size: 14px; transition: 0.3s ease; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; box-sizing: border-box;}
    .quick_list > ul > li.q_li04 > a{padding: 24px 36px 0 15px;}
    .quick_sub ul li a:hover{border: 1px solid #6751a5; color: #6751a5;}
    .quick_sub ul li a br{display: none;}
    .quick_sub .sub_icon{display: none;}
    /* 메인비주얼 768 */
    .visual_list .visual_item{height: 140px;}
    .visual_list .visu_more span{font-size: 13px; width: 104px;}
    .visual_list .visu_box{bottom: 30px;}

    /* Pride Kumpa - 협력기업 레이어 768 */
    .com_modal_head{background-size: 110px; background-position: 4px bottom;}
    .com_modal_head .head_tit{font-size: 20px;}
    .com_modal_body > ul > li{width: calc(50% - 10px);}

    /* 사이트링크 768 */
    .main_link{padding: 20px 0;}
    .link_info .link_tit{font-size: 22px;}
    .link_info .link_txt{font-size: 14px;}
    .link_wrap{height: auto;}
    .link_wrap .link_more a{display: block;}
    .link_wrap ul{position: absolute; display: none; background: #fff; height: 140px; overflow: hidden auto; border: 1px solid #bfaeff; box-sizing: border-box; z-index: 1;}
    .link_wrap.on ul{display: block;}
    .link_wrap ul li{width: 100%;}
    .link_wrap ul li a{color: #222; padding: 0 10px;}
    .link_wrap ul li a::before{content: none;}
    
    /* 금파인의 활동 768 */
    .suc_wrap .txt_box{padding: 20px;}
    .suc_wrap .txt_box .post_tit{font-size: 16px;}
    .suc_wrap .txt_box .post_txt{display: none;}
    .suc_wrap .date_p{margin-top: 8px;}
    /* main_banner 768 */
    #main_banner{height: 80px;}
    .banner_wrap{margin: 16px 0 0 0;}
    .banner_wrap .ban_area{margin: -20px 0 0 128px;}
    .banner_wrap .btns{position: absolute; left:0; top: 20px;}
    .banner_wrap .btns button{width: 28px;}
    

    /* main_notice 금파 소식 768 */
    #main_notice .notice_info{width: 100%; box-sizing: border-box;}
    #main_notice{background: #f1f1f1;}
    .notice_box{height: auto; padding: 90px 0 0 0 ;}
    .notice_box h3{display: none;}
    .info_txt{font-size: 14px;}
    .noticetb ul{display: block; border: 1px solid #ddd; box-sizing: border-box; padding: 0 10px; background: #fff; height: auto;}
    .noticetb li{width: 100%; border: none; background: none; height: auto; position: relative; padding-bottom: 20px;}
    .noticetb li a{border-top: 1px solid #ddd; display: block; height: 100%;}
    .noticetb li:first-child a{border-top: none;}
    .noticetb li:nth-child(n + 4){display: none;}
    .notice_txt_box{padding: 20px 10px 0; height: 100%;}
    .notice_txt_box .notice_tit{padding-bottom: 23px;}
    .notice_txt_box .notice_txt{display: none;}
    .notice_box .notice_label{margin: 0 10px; border-top: none; bottom: 10px; background: none; padding: 0; height:auto;}
    .noticetb .notice_list01:hover, .noticetb .notice_list02:hover, .noticetb .notice_list03:hover{border: none; }
    .noticetb .notice_list01:hover .notice_label, .noticetb .notice_list02:hover .notice_label, .noticetb .notice_list03:hover .notice_label{background: none; color: inherit; border-top: none;}
    .notice_txt_box .date_p{bottom: 0;}
    
    /* 모바일 금파 소식 768 */
    .m_noti_wrap{display: block; position: relative;}
    .m_noti_wrap a{display: block;}
    .m_noti_select{position: absolute; }
    .m_noti_tit{margin-bottom: 15px;}
    .m_noti_tit > a{background:#14a78d; position: relative; display: block; transition: 0.3s ease; padding: 0 40px 0 20px; line-height: 40px; border-bottom: 1px solid #ddd; font-size: 15px; font-weight: 400; color: #fff;}
    .m_noti_tit > a::after{content: ''; position: absolute; width: 12px; height: 8px; background: url(../images/main/notice_icon02.png) no-repeat; right: 20px; top: 16px}
    .m_noti_select{position: absolute; top: 40px; background: #fff; border: 1px solid #14a78d; width: 100%; display: none; z-index: 1; box-sizing: border-box;}
    .m_noti_select li a{line-height: 40px; padding: 0 20px;}
    .m_noti_select li + li a{border-top: 1px solid #ddd;}
    .m_noti_select li:hover{background: #f1f1f1;}
    .noticetb > ul > li:hover{box-shadow: none;}
    

    /* footer 768 */
    .add_area{padding: 20px 0 60px 0;}
    .address address, .add_list, .foot_area .pc_menu li a{font-size: 13px;}
    .add_list .add_num{display: block; line-height: 140%;}
    .add_list .add_num > dt{display: inline-block; padding: 2px 10px; border-radius: 40px; background: #55468b; color: #fff; margin: 10px 0 4px;}   
}

@media only screen and (max-width:600px) {
    /* 메인헤더 600 */
    .header_btns .logo{width: 170px; margin-left: 5px;}
    .header_btns .logo img{margin-top: 9px; width: 100%;}

    /* 퀵메뉴 600 */
    .main_quick .inner{height: 40px;}
    .quick_list{width: calc(100% - 80px);}
    .quick_list > ul > li > a{padding: 14px 0 0; text-align: center; font-size: 13px;}
    .quick_list > ul > li.q_li04 > a{padding: 7px 0 0;}
    .quick_list > ul > li > a::after{content: none;}
    .quick_list > ul > li + li a::before{top: 15px; height: 10px;}
    .quick_btn > div{width: 40px;}
    .quick_btn .open_pop{background:url(../images/main/quick_icon08_m.png) no-repeat center rgba(255, 255, 255, .1);}
    .quick_btn .btn_top a{background: rgba(255, 255, 255, .8);}
    .quick_btn .open_pop, .quick_btn .btn_top a{padding: 12px 0 0;}
    .quick_btn .entrance a{background: #ff6018; font-weight: 300;padding: 6px 2px 0;}
    .quick_btn .open_pop span{position: absolute; width: 0; height: 0; overflow: hidden; font-size: 0;}
    .quick_btn .btn_top a span{letter-spacing: -0.5px;}
    .quick_list .quick_sub{bottom: 40px;}

    /* Poplayer 600 */
    .main_openpop .popup_on{bottom: 40px;}
}

@media all and (max-width:500px){
     /* Pride 500 */
    .pride_cont .orange .item_tit{font-size: 16px;}
    .pride_cont .orange .item_txt{font-size: 21px;}
    .pride_cont .purple .item_tit{font-size: 16px;}
    .pride_cont .purple .item_txt{font-size: 21px;}

    /* Pride Kumpa - 협력기업 레이어 500px */
    .com_modal_head{padding: 30px 10px 0; background-image: none; height: auto; min-height: 90px;}
    .com_modal_head .head_tit{font-size: 16px; margin: 0 20px;}
    .com_modal_body{height: calc(100% - 90px);}
    .com_modal_body > ul{padding: 10px;}
    .com_modal_body > ul > li{width: 100%;}
    
    .modal_wrap .close{width: 16px; height: 16px; background-size: contain; top: 12px; right: 12px;}
    
    /* main_notice 금파 소식 500 */
    #main_notice .inner::before{width: 100%;}
    #main_notice .inner::after{top: -28px;}
}

@media  all and (max-width:400px){
    /* 메인비주얼 400 */
    .visual_list .visu_box .visu_tit{font-size: 22px;}
    .visual_list .visu_more span{line-height: 28px;}
    .visual_list .item1 .bg{background-size: cover;}
    .visual_list .item2 .bg{background-size: cover;}
    .visual_list .item5 .bg{background-size: cover;}
}