@charset "utf-8";
/**************************************************

	Respond.css ( ver 1.0.2 )

**************************************************/
/**************************************************
	Setting Device Width
**************************************************/
#_device_pc{display: block;} #_device_ta{display: none;} #_device_mo{display: none;} .__pc{display: block !important;} .__ta{display: none !important;} .__mo{display: none;}
@media screen and (min-width: 750px) and (max-width: 1400px){#_device_pc{display: none;} #_device_ta{display: block;} #_device_mo{display: none;} .__pc{display: none !important;} .__ta{display: block !important;} .__mo{display: none;}}
@media screen and (max-width: 750px){#_device_pc{display: none;} #_device_ta{display: none;} #_device_mo{display: block;} .__pc{display: none !important;} .__ta{display: none;} .__mo{display: block !important;} }

/**************************************************
	아이폰 하이브리드앱에서 노치 겹침현상 방지
    ( 노치 높이 만큼 html에 자동으로 padding 부여 )
**************************************************/
html{padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top);}
#header{padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top);}

/**************************************************
	Layout
**************************************************/
@media screen and (max-width: 1400px){
    html{min-width: 320px; padding-top: 60px; overflow-x: hidden;}
    body{padding-top: 0;}
    img{max-width: 100%;}

    #header{position: fixed; top: 0; left: 0; width: 100%}
    #header .inner{width: auto !important; height: 60px !important;padding: 0 10px;}
    #header .logo{height: 100% !important; line-height: 60px !important;}
    #header .logo img{width: 196px !important; height: auto !important;}
    /* #header:after{content: '';display: block;position: absolute;bottom: -1px;width: 100%;height: 1px;background: rgba(0,0,0,0.05);} */
	
	
    #gnb{display: none;}
    #tnb{display: none;}

    #hd-lan{display: none;}
    #hd-sch{display: none;}
    #hdMenu{display: none;}
    #quickMenu{display: none;}

    #footer .fnbWrap .inner{width: auto;}
    #footer .fnbWrap .inner{width: auto; padding: 5px 0; padding: 10px 10px 20px; flex-wrap: wrap; gap: 10px;}
    #footer .ftWrap{width: auto; padding: 15px 0;}
    #footer address{margin-top: 10px; font-size: 12px; font-weight: 300; line-height: 20px; color: #b3b3b3;padding-left: 12px;}
    #footer address span{display: none;}
    #footer address hr{display: block; border: none; margin: 0;}
    #footer address .copyright{display: block; margin-top: 10px; font-size: 10px; color: #777777;}
	#footer address .mbr {display: block;}

    #sns-ico{margin: 10px 0; text-align: center;}
    #sns-ico li{margin: 2px; width: 26px; height: 26px; background-size: contain;}
    #sns-ico li img{width: 100%;}

    #ft-fam{height: auto;}
    #ft-fam > a{line-height: normal; padding: 16px 20px;}
    #ft-fam ul{width: 100%;top: 53px;}

    #ft-contact {line-height: normal;padding: 16px 20px;font-size: 14px;}


    #gotop{display: none;}

    #ftBox{text-align: center;}
    #ftBox > h5{text-align: center; margin: 0; margin-bottom: 5px; font-size: 15px; line-height: 22px;}

    #ftInfo{position: static; width: 100%; text-align: center;}
    #ftInfo > *{text-align: center;}
    #ftInfo h6{font-size: 12px; line-height: 20px;}
    #ftInfo h6 strong{display: block; margin: 0; font-size: 15px;}
    #ftInfo p{margin-top: 5px; font-size: 11px;}
    #ftInfo em{margin-top: 10px; font-size: 11px; line-height: 16px;}

    #fnb{text-align: center;}
    #fnb > li{display: inline-block; padding: 0 8px;}
    #fnb > li:first-child{padding-left: 0; background: none;}
    #fnb > li:before{height: 9px; background: rgba(255,255,255,0.2);}
    #fnb > li a{font-size: 14px; font-weight: 400; color: #b3b3b3; line-height: 42px;}

    #hdBtns {}
    #slide-btn{display: block; width: 18px; height: 12px; border: 0; border-radius: 0; margin: 0;}
    #slide-btn button{width: 100%; height: 100%;}
	#slide-btn button span, #slide-btn button:before, #slide-btn button:after {height: 2px;}

    #slide-bg{position: fixed; z-index: 200; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); display: none;}
    #slide-close{position: absolute; top: 0; right: 0; width: 60px; height: 60px; background: url('/front/zones/img/ico_close.png') no-repeat center center; background-size: 24px auto;}

    #slide-menu{position: fixed; top: 0; right: -100%; width: 80%; height: 100%; display: block; background: #fff; z-index: 201; overflow-y: auto; transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
    #slide-menu .tit{height: 60px; position: relative; background: linear-gradient(130deg, #04599e 48%, #1a05b3);}
    #slide-menu.on{right: 0;}

    #tnb-mo{position: absolute; top: 10px; left: 15px;}
    #tnb-mo > li{display: inline-block; line-height: 28px;}
    #tnb-mo > li a{display: block; width: 30px; background: url('../images/layout/mo_hd_login_ico.png') no-repeat center / 14px; text-indent: -999em; border: 1px solid rgba(255,255,255,0.4); border-radius: 50%;}

    #gnb-mo > li{border-bottom: 1px solid #e1e1e1;}
    #gnb-mo > li > a{display: block; line-height: 50px; padding: 0 15px; font-size: 16px; color: #333; text-decoration: none; position: relative;}
    #gnb-mo > li > a:after{content: ""; position: absolute; top: 18px; right: 15px; background:url("https://plkcup.com/front/zones/img/ico_downward.png"); width: 14px; height: 14px; background-size: contain; background-repeat: no-repeat; transform: rotate(0); transition: .5s; background-position: 50%;}
	#gnb-mo > li.up > a:after{content: ""; position: absolute; top: 18px; right: 15px; background:url("https://plkcup.com/front/zones/img/ico_upward.png"); width: 14px; height: 14px; background-size: contain; background-repeat: no-repeat; transform: rotate(0); transition: .5s; background-position: 50%;}
    #gnb-mo > li > ul{padding: 10px 15px; border-top: 1px solid #e1e1e1; background: #f7f7f7; display: none;}
    #gnb-mo > li > ul li a{line-height: 30px; font-size: 14px; color: #666; text-decoration: none; display: block;}
    #gnb-mo > li > ul > li > ul{display: none;}
    #gnb-mo > li.hidden-gnb{display: none;}

    #hd-lan-mo{position: absolute;top: 0;left: 15px;z-index: 92;}
    #hd-lan-mo > a{display: block;line-height: 50px;padding: 0 10px 0 20px;font-size: 12px;color: #fff;text-decoration: none;text-transform: uppercase;background: url('../images/layout/hd-lan-ico-mo.png') no-repeat 0 center / 15px auto, url('../images/layout/hd-lan-spr-mo.png') no-repeat right center / 6px auto;}
    #hd-lan-mo > ul{position: absolute;top: 40px;left: 50%;display: none;width: 80px;margin-left: -40px;padding: 10px 0;border: 1px solid #b8b8b8;background: #fff;}
    #hd-lan-mo > ul:before{position: absolute;top: -7px;left: 50%;content: '';display: block;width: 6px;height: 7px;margin-left: -3px;background: url('../images/layout/hd-lanbox-spr-mo.png');}
    #hd-lan-mo > ul li a{display: block;font-size: 12px;line-height: 20px;color: #666666;text-decoration: none;text-align: center;text-transform: uppercase;}
    #hd-lan-mo.on > ul{display: block;}

    #hd-sch-mo{position: absolute;top: 10px;left: 55px;z-index: 91}
    #hd-sch-mo .btn{display: block;width: 30px;height: 30px;background: url('../images/layout/hd-sch-btn-mo.png') no-repeat center center;background-size: 14px auto;text-indent: -999em;border: 1px solid rgba(255,255,255,0.4); border-radius: 50%; box-sizing: border-box}
    #hd-sch-mo form{position: fixed;display: none;top: 50px;right: 0;width: 80%;padding-right: 50px;border: 1px solid #333;border-width: 1px 0 1px 0;overflow: hidden;background: #fff;box-sizing: border-box;}
    #hd-sch-mo legend{display: none;}
    #hd-sch-mo .inp{width: 100%;height: 38px;line-height: 38px;text-indent: 10px;background: none;border: none;font-size: 12px;}
    #hd-sch-mo .sbm{position: absolute;top: 0;right: 0;width: 40px;height: 40px;background: #333 url('../images/layout/hd-sch-btn-mo.png') no-repeat center center;background-size: 18px auto;border: none;text-indent: -999em;}
    #hd-sch-mo.on form{display: block;}

    #hd-menu-mo ul {background: #f8f8f8; text-align: center; padding: 10px 0}
    #hd-menu-mo ul li {display: inline-block; vertical-align: middle; padding: 0 8px}
    #hd-menu-mo ul li a {font-size: 14px; line-height: 30px; color: #555; letter-spacing: -0.5px}

    /* Site Layer Popup */
    .sp-pop{top: 65px !important;left: 5% !important;width: 90% !important;height: auto !important;}
    .sp-pop .img{position: relative;min-height: 100px;padding-bottom: 30px;}
    .sp-pop .img img{max-width:100%;vertical-align: top;}
    .sp-pop .btns li{height: 30px;}
    .sp-pop .btns li a,
    .sp-pop .btns li label{line-height: 28px;}

    /* etc */
    .table1 tr > *{font-size: 11px;line-height: 15px;}

}

/**************************************************
	Ajax Popup
**************************************************/
@media screen and (max-width: 1400px){

    #popup{top: 5%;left: 5%;width: 90%;height: 90%;margin-top: 0;margin-left: 0;padding-top: 41px;}
    #popup .pop-tit{height: 40px;padding: 0 10px;}
    #popup .pop-tit h3{font-size: 13px;line-height: 40px;}
    #popup .pop-tit .close{width: 39px;height: 39px;line-height: 39px;font-size: 13px;}
    #popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
    #popup.on{opacity: 1;}
    #popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
    #popupBG.on{opacity: 1;}

    /* sitemap */
    #popup .sitemap > li{width: 49%;}
    #popup .sitemap > li > a{font-size: 12px;line-height: 35px;}
    #popup .sitemap > li ul li a{font-size: 12px;padding: 7px 0;}

}


/**************************************************
	Main
**************************************************/

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


    #main .visual {margin: 0}
    #main .visual .roll .item {border-radius: 0}
    #main .visual .roll .item img {margin-left: -50vw}


}

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

    #main #mainWrap{width: auto;margin: 0;padding: 0}
    #main #mainWrap .inner {padding: 0 10px; box-sizing: border-box}


    #main .visual .roll .item img{position: static;margin-left: 0;width: 100%;height: auto;}
    #main .visual .slick-dots{bottom: 5%; left: 50%}
    #main .visual .slick-dots li{margin: 0 4px;}
    #main .visual .slick-dots li button {width: 40px; height: 4px}
    #main .visual .slick-dots > a.pause {margin-left: 15px}
    #main .visual .slick-photo{display: block; width: 100%; height: calc(100vh - 60px);}
    #main .visual .slick-photo img{width: 100%; height: 100%; object-fit: cover;}
    /*#main .visual .slick-txt{position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center; word-break: keep-all; width: 100%; padding: 0 20px;}
    #main .visual .slick-txt h4{font-size: 2rem; font-weight: 600; line-height: 34px;}
    #main .visual .slick-txt p{font-size: 1rem; font-weight: 400; line-height: 22px; margin-top: 20px;}*/
    #main .visual .slick-txt{position: absolute; bottom: 27%; left: 0; color: #fff; text-align: left; word-break: keep-all; width: 100%; padding: 0 20px;}
    #main .visual .slick-txt h4{font-size: 1.5rem; font-weight: 600; line-height: 26px;}
    #main .visual .slick-txt .txt{margin-top: 6px;}
    #main .visual .slick-txt p{font-size: 1rem; font-weight: 400; line-height: 22px;}

    #main #mainWrap .title span {margin-bottom: 5px; font-size: 16px; line-height: 24px}
    #main #mainWrap .title h5 {font-size: 38px; line-height: 44px}
    #main #mainWrap .title p {margin-top: 15px; font-size: 16px; line-height: 24px}

    .mainSec{padding: 60px 0;}
    .mainSec_tit{font-size: 1.75rem; font-weight: 600; text-align: center;}
    .mainSec_subTit{font-size: 22px;}
    .mainSec_tap{margin: 30px 0;}
    .mainSec_tap ul{display: flex; align-items: center; justify-content: center; gap: 20px;}
    .mainSec_tap ul li{position: relative; padding-bottom: 20px;}
    .mainSec_tap ul li button{font-size: 1.125rem; font-weight: 400; color: #999; margin: 0; padding: 0;}
    .mainSec_tap ul li button:after{display: block; content: ''; width: 0; height: 2px; position: absolute; bottom: 10px; left: 50%; background: #6aaae4; transition: all 0.25s;}
    .mainSec_tap ul li:hover button, .mainSec_tap ul li.active button{font-weight: 500; color: #6aaae4;}
    .mainSec_tap ul li:hover button:after, .mainSec_tap ul li.active button:after{width: 100%; left: 0;}
    
    .mainSec_game_list{padding: 16px;}
    .mainSec_game_gal{display: block; width: 100%; height: 200px; position: relative;}
    .mainSec_game_gal img{width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
    .mainSec_game_info{height: 150px; padding-top: 10px;}
    .mainSec_game_info h3{font-size: 18px; font-weight: 600; line-height: 26px;}
    .mainSec_game_info p{font-size: 1rem; font-weight: 300; color: #999; margin-top: 8px;}
    .mainSec_game_info p:first-of-type{margin-top: 12px;}
    .mainSec_game_txt ul{gap: 20px;}
    .mainSec_game_txt ul li{width: auto; border: none; margin: 0;}
    .mainSec_game_btn{display: flex; align-items: center; gap: 20px;}
    .mainSec_game_btn a{display: block; background: #6aaae4; border-radius: 4px; font-size: 1rem; color: #fff;}
    .mainSec_more_btn{display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 10px;}
    .mainSec_more_btn a{display: block; background: #04599e; padding: 14px 40px; border-radius: 4px; font-size: 1.125rem; color: #fff;}
    .mainSec_benefit_box{margin-top: 30px;}
    .mainSec_benefit_box ul{display: flex; flex-wrap: wrap; gap: 25px; position: relative;}
    .mainSec_benefit_box ul li{width: 100%;}
    .mainSec_benefit_list{padding: 40px 10px;}
    .mainSec_btn_more{position: absolute; top: -4px; padding: 8px;}
    .mainSec_btn_more img{width: 16px;}
    .mainSec_notice_box{margin-top: 30px;}
    .mainSec_notice_box ul li{padding: 20px 10px;}
    .mainSec_notice_box ul li a p{font-size: 1.2rem; letter-spacing: -0.5px; padding-right: 0; margin-bottom: 10px;}
    .mainSec_notice_box ul li a span{position: relative; right: 0; font-size: 1rem; font-weight: 400; letter-spacing: -0.5px;}
    .mainSec_news_box{margin-top: 30px;}
    .mainSec_news_box ul li{width: 100%;}
    .mainSec_photo_box{margin-top: 30px;}
    .mainSec_photo_box ul li{width: 100%; margin-bottom: 20px;}
    .mainSec_photo_box ul li a{display: block;}
    .mainSec_photo_box h3{margin-top: 10px;}
    .mainSec_photo_gal{height: 240px;}
    .mainSec_photo_gal img{width: 100%; height: 100%; object-fit: cover;}
    .mainSec_partner_box{margin-top: 30px; padding: 0 10px;}
    /*.mainSec_partner_box ul{animation: roll 10s linear infinite;}
    .mainSec_partner_box ul li img{height: 100px;}*/
    .mainSec_partner_box ul{width: 100%; gap: 20px;}
    .mainSec_partner_box ul li{width: 47%;}
    .mainSec_partner_box ul li span{height: 120px;}
	
	.mainSec_news_box .block {width: 50%;}

    .mainLankSec .inner {flex-direction: column;}
    .mainLankSec .inner .tableItem:nth-child(1) {order:1;}
    .mainLankSec .mainSec_tit {font-size: 28px;}
    
}

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

    #main .visual .slick-dots {left: 50%; bottom: 9%; width: 100%; text-align: center}
    #main .visual .slick-dots li {margin: 0 3px}
    #main .visual .slick-dots li button {height: 3px;width: 24px;}
    #main .visual .slick-dots li.slick-active button {height: 6px}
    #main .visual .slick-dots > a {display: none}

    .mainSec_game_box{margin-top: 30px;}
    .mainSec_game_box ul{display: flex; flex-wrap: wrap; gap: 25px; position: relative;padding: 0;}
    .mainSec_game_box ul li{width: 100%; border: 1px solid #ddd; border-radius: 12px; margin-bottom: 20px;}

    #main #mainWrap .title span {font-weight: 800; font-size: 14px; line-height: 20px}
    #main #mainWrap .title h5 {font-size: 30px; line-height: 40px}
    #main #mainWrap .title p {font-size: 14px; line-height: 24px}
    #main #mainWrap .title p br {display: none}
	
	.mainSec_news_box .block {width: 100%;}
	.mainSec_news_info .container, .mainSec_news_info .inner {height: 500px;}
	.mainSec_news_box .block a img {height: 250px;}


    .mainSec_tournament .tournament_group:nth-child(1) {margin-bottom: 24%;}
    .mainSec_tournament .tournament_group:nth-child(1):after {margin: 20% auto 0;}

    #ft-fam{width: 100%;}
    #famWrap {flex-wrap: wrap;width: 100%;}
    #ft-contact {width: 100%;margin-right: 0;margin-bottom: 10px;}
}

/**************************************************
	Sub
**************************************************/
@media screen and (max-width: 1400px){

    #sub #content{width: auto; padding: 80px 10px}
    #sub #content.pd0 {padding: 0 10px !important}

    #sub .sub-vis{height: 120px;}
    #sub .sub-vis h2{font-size: 20px;}
    #sub .sub-vis h2 em{margin-top: 5px;font-size: 11px;}

    #sub .sub-tit,
    #sub .sub-tit2 {padding-bottom: 45px}
    #sub .sub-tit h3,
    #sub .sub-tit2 h3 {font-size: 34px;}
    #sub .sub-tit p {margin-top: 10px; font-size: 18px; line-height: 30px}
    #sub .sub-tit p br {display: none}
    #sub .sub-tit.left p {margin-top: 20px}

    #sub .sub-tit .btns {margin-left: 40px}
    #sub .sub-tit .btns a {width: auto; padding: 0 25px; margin-right: 5px; font-size: 17px; line-height: 44px}

    .lnbWrap {width: 100%; box-sizing: border-box}
    #lnb {margin: 70px 0}
    #lnb > li a {font-size: 17px; line-height: 54px}
    #lnb > li a:after {height: 10px}
    #lnb > li.active a {line-height: 56px}

    #status{display: none;}

    #navigator{border-width: 0 0 1px 0;}
    #navigator > ul{width: auto;border-left: none;padding-left: 40px;}
    #navigator > ul > li{width: 50%;box-sizing: border-box;}
    #navigator > ul > li > a{min-width: 0;font-size: 13px;padding: 0 20px 0 10px;line-height: 40px;background-size: 8px auto;}
    #navigator > ul > li:first-child{position: absolute;top: 0;left: 0;width: 40px;}
    #navigator > ul > li:first-child a{width: 40px;background: none;}
    #navigator > ul > li.d2{border: none;}
    #navigator > ul > li > ul{top: 40px;left: -1px;}
    #navigator > ul > li.d2 > ul{border-right: none;}
    #navigator > ul > li > ul li a{padding: 10px;font-size: 13px;}


    .allTab > li a {font-size: 17px; line-height: 54px}
    .allTab > li a:after {height: 10px}
    .allTab > li.active a {line-height: 56px}


    .subTit {padding: 17px 0 35px 0}
    .subTit:before {width: 35px; height: 3px}
    .subTit h5 {font-size: 28px;}
    .subTit p {margin-top: 15px; padding-top: 20px; font-size: 17px; line-height: 26px}
    .subTit p br {display: none}


    #video-popup {display: none !important}


    .bgBox {padding: 70px 0}


    .fullBox {left: -10px; width: calc(100% + 20px); margin: 0}
    .fullBox .inner {padding: 0 10px; box-sizing: border-box}


    .topInfo {padding-bottom: 90px}
    .topInfo dl {width: 90%; margin-top: -70px; padding: 45px 0 0 55px}
    .topInfo dt {margin-bottom: 25px; padding-bottom: 20px; font-size: 28px; line-height: 34px}
    .topInfo dt a {top: -4px; width: auto; padding: 0 25px; line-height: 40px; font-size: 16px}
    .topInfo dd {font-size: 17px; line-height: 30px}
    .topInfo dd > br {display: none}
    .topInfo dd ul {margin-top: 30px}
    .topInfo dd ul li {padding: 40px 0 35px 0}
    .topInfo dd ul li img {height: 50px}
    .topInfo dd ul li strong {margin-top: 15px; font-size: 20px; line-height: 30px}
    .topInfo dd span {margin-top: 10px; font-size: 14px; line-height: 24px}
    .topInfo dd ol {margin-top: 30px; padding-top: 30px}
    .topInfo dd ol li {padding: 0 !important; text-align: center}
    .topInfo dd ol li span {position: static; display: inline-block; padding-left: 25px; font-size: 16px; line-height: 30px; background-size: 15px !important}
    .topInfo dd ol li a {display: block; margin-top: 5px; font-size: 22px; line-height: 30px}

    .mnvBox {left: -10px; width: calc(100% + 20px); margin: 0; padding: 80px 10px; box-sizing: border-box}
    .mnvBox dl .img {padding: 30px 10px; box-sizing: border-box}
    .mnvBox dl h6 {font-size: 18px; line-height: 45px}

    .idenBox {padding: 90px 0}
    .idenBox ul li {flex: 1 50%; padding: 60px 30px 45px 30px; background-position: 90% 15%; background-size: 45px}
    .idenBox ul li:nth-child(3n) {border-right: 1px solid #ddd}
    .idenBox ul li:nth-child(even) {border-right: 0}
    .idenBox ul li .mid h6 {font-size: 24px; line-height: 32px}
    .idenBox ul li .mid h6 span {margin-left: 10px; font-size: 14px}
    .idenBox ul li .mid p {margin-top: 15px; font-size: 16px; line-height: 26px}
    .idenBox ul li .mid p br {display: none}
    .idenBox ul li > img {height: 40px}

    .ciBox {padding-bottom: 70px}
    .ciBox dl {margin-top: 60px}
    .ciBox dl > * {width: 100% !important; margin: 0 !important}
    .ciBox dt {padding: 45px 30px; box-sizing: border-box}
    .ciBox dt img {max-width: 400px}
    .ciBox dd {padding-top: 40px}
    .ciBox dd h6 {padding-bottom: 15px; font-size: 24px; line-height: 32px}
    .ciBox dd p {font-size: 18px; line-height: 30px}
    .ciBox dd .mid > p br {display: none}
    .ciBox dd .mid > p {margin: 20px 0 40px}
    .ciBox dd ul {display: flex; flex-flow: row wrap; margin: -5px}
    .ciBox dd ul li {width: calc(100% / 2 - 10px); margin: 5px; margin-top: 20px; padding-left: 70px; box-sizing: border-box}
    .ciBox dd ul li strong {font-size: 18px}
    /* .ciBox dd ul li img {width: 30px} */
    .ciBox dd ul li p {font-size: 15px; line-height: 25px}
    .ciBox dd ul li p span {margin-right: 10px}
    .ciBox ol {margin: 0 -20px}
    .ciBox ol li {width: calc(50% - 40px); margin: 0 20px}
    .ciBox ol li .img {height: auto; padding: 100px 0}
    .ciBox ol li .img img {height: 40px}
    .ciBox ol li p {margin-top: 15px; font-size: 18px; line-height: 30px}

    .logoBox {padding: 90px 0}
    .logoBox:before {top: 0; width: 100%; height: 100%; background-position: right 10% !important; background-size: 50% !important}

    .tblBox .tbl table tr > * {padding: 15px 10px; font-size: 16px; line-height: 26px}

    .stepBox {padding-top: 90px}
    .stepBox ul.w16 {padding: 40px 5px}
    .stepBox ul.w20 {padding: 30px 10px}
    .stepBox ul.w25 {padding: 30px 10px}
    .stepBox ul li {padding: 0 10px; box-sizing: border-box}
    .stepBox ul li:before,
    .stepBox ul li:after {top: 113px}
    .stepBox ul.w16 li:before,
    .stepBox ul.w16 li:after {top: 113px}
    .stepBox ul li img {height: 40px}
    .stepBox ul li span {margin: 20px auto 30px; width: 70px; line-height: 24px; font-size: 11px}
    .stepBox ul li h6 {padding-top: 30px; font-size: 17px; line-height: 26px}
    .stepBox ul.w16 li h6 br {display: none}
    .stepBox ul li h6 p {margin-top: 10px; font-size: 15px; line-height: 24px}
    .stepBox ul li h6 p br {display: none}
    .bnsnWrap .stepBox ul li h6 p br {display: block}

    .listBox {padding: 90px 0}

    .besgBox {padding: 90px 0}
    .besgBox h5 {margin-bottom: 50px; padding-bottom: 20px; font-size: 28px; line-height: 36px}
    .besgBox dl > * {width: 100%; padding: 0 !important}
    .besgBox ul {display: flex; margin-top: 50px}
    .besgBox ul li {flex: 1 30%; padding: 0 10px; margin: 0}
    .besgBox ul li h6 {font-size: 24px; line-height: 36px}
    .besgBox ul li h6 span {margin-bottom: 5px; font-size: 14px; line-height: 20px}
    .besgBox ul li p {margin-top: 10px; font-size: 16px; line-height: 28px}
    .besgBox ul li p br {display: none}


    .coreBox:before {height: 50%}
    .coreBox {padding: 90px 0 70px 0}
    .coreBox.wimg .img .box {left: 40px; height: 100%}
    .coreBox.wimg .img .box img {width: auto; height: 100%}
    .coreBox .txt {width: 90%; padding: 50px 40px 40px 40px; margin-top: -40px; box-sizing: border-box}
    .coreBox.wlogo .txt {background-size: auto 40px}
    .coreBox.wimg .txt {padding-top: 50px}
    .coreBox .txt p {margin-top: 15px; font-size: 16px; line-height: 26px}

    .coreBox2 {padding: 90px 0}
    .coreBox2 .box dl {margin-bottom: 50px}
    .coreBox2 .box dl > * {width: 100%}
    .coreBox2 .box dl dt img {width: 100%}
    .coreBox2 .box dd {padding: 40px 30px}
    .coreBox2 .box .mid h6 {font-size: 20px; line-height: 30px}
    .coreBox2 .box .mid h6 br {display: none}
    .coreBox2 .box .mid h6 span {margin-top: 15px; font-size: 16px; line-height: 28px}
    .coreBox2 .box .mid h6 span br {display: none}
    .coreBox2 .box .mid p {font-size: 16px; line-height: 30px}
    .coreBox2 .box .mid p.br {margin-top: 20px; padding-top: 20px}
    .coreBox2 .box .mid p br {display: none}
    .coreBox2 .box .mid .tt {margin-top: 20px; padding-top: 25px; font-size: 17px; line-height: 28px}
    .coreBox2 .box .mid .tt br {display: none}

    .txtBox {padding: 80px 0}
    .txtBox:before {left: -10px; width: 90%; margin: 0; max-height: 100%; background-position: left center}
    .txtBox dl {flex-flow: row wrap !important}
    .txtBox.right dl:nth-child(even) {margin-top: 50px}
    .txtBox dl > * {width: 100%; padding: 0 !important}
    .txtBox dt img {width: 100%; border-radius: 30px 0 30px 0}
    .txtBox dd {margin-top: 40px}
    .txtBox dd p {margin-top: 20px; font-size: 16px; line-height: 30px}
    .txtBox dd p br {display: none}

    .bnsn23 .txtBox.right dl:nth-child(odd) dd .mid {margin-top: 0}
    .bnsn23 .txtBox.right dl:nth-child(even) dd .mid {padding-top: 0}


    .tagBox {padding: 90px 0}
    .tagBox ul li {width: calc(100% / 3 - 10px); padding: 30px 15px}
    .tagBox ul li:nth-child(n+4) {width: calc(100% / 4 - 10px)}
    .tagBox ul li img {width: 70px}
    .tagBox ul li p {margin-top: 15px; font-size: 18px; line-height: 26px}


    .aidBox ul {padding: 40px 0}
    .aidBox ul li {padding: 10px; box-sizing: border-box}
    .aidBox ul li img {height: 40px}
    .aidBox ul li h6 {margin-top: 15px !important; font-size: 20px; line-height: 30px}
    .aidBox ul li p {margin-top: 10px; font-size: 15px; line-height: 24px}
    .aidBox ul li p br {display: none}


    .inqBox {padding-top: 70px}
    .inqBox ul {margin: -10px}
    .inqBox ul li {width: calc(100% / 3 - 20px); margin: 10px; padding: 25px 15px}
    .inqBox ul li span {padding-top: 25px; font-size: 16px; line-height: 26px}
    .inqBox ul li a {margin-top: 10px; font-size: 23px; line-height: 36px}
    .inqBox ul li.inq a {width: 150px; font-size: 15px}

    .wldBox {padding: 90px 0}
    .wldBox .subTit span {margin-left: 15px; font-size: 18px; line-height: 36px}
    .wldBox .brBox {padding: 50px 15px; box-sizing: border-box}

    .useBox {padding: 90px 0}
    .useBox ul {padding: 40px 0}
    .useBox ul li {padding: 0 15px; box-sizing: border-box}
    .useBox ul li h6 {font-size: 20px; line-height: 30px}
    .useBox ul li img {margin: 20px 0 25px; max-width: 150px}
    .useBox ul li p {font-size: 16px; line-height: 26px}
    .useBox ul li p br {display: none}
    .useBox ul li span {margin-top: 10px; font-size: 14px; line-height: 24px}
    .useBox ul li span br {display: none}

    .rptBox {padding: 90px 0}
    .rptBox dl > * {width: 100%}
    .rptBox dt img {width: 100%}
    .rptBox dd {padding: 40px; box-sizing: border-box}
    .rptBox dd h6 {font-size: 20px; line-height: 30px}
    .rptBox dd p {margin-top: 15px; font-size: 16px; line-height: 26px}
    .rptBox dd p br {display: none}


    .kindBox ul li {width: 50%; padding: 40px 20px}
    .kindBox ul li:nth-child(3n) {border-right: 1px solid #ddd}
    .kindBox ul li:nth-child(even) {border-right: 0}
    .kindBox ul li:nth-child(n+4) {border-bottom: 1px solid #ddd}
    .kindBox ul li:nth-child(n+5) {border-bottom: 0}
    .kindBox ul li img {width: 60px}
    .kindBox ul li h6 {margin-top: 20px; font-size: 20px; line-height: 30px}
    .kindBox ul li p {margin-top: 10px; font-size: 16px; line-height: 28px}


    .imgList .inner {padding: 0 50px}
    .imgList .inner .slick-arrow {width: 25px; margin-top: -120px}
    .imgList .inner .slick-prev {left: -30px}
    .imgList .inner .slick-next {right: -30px}
    .imgList .inner > ul {margin: 0 -10px}
    .imgList .inner > ul li {width: calc(50% - 20px); margin: 0 10px}
    .imgList .inner > ul li .ico {top: auto; bottom: 39%}
    .imgList .inner > ul li .ico > a > img {width: 60px; border-radius: 10px 0 10px 0}
    .imgList .inner > ul li h6 {margin-top: 30px; font-size: 18px; line-height: 30px}
    .imgList .inner > ul li p {margin-top: 15px; font-size: 16px; line-height: 28px; min-height: 120px}
    .imgList .inner > ul li p br {display: none}
    .imgList .inner > ul li > span {margin-top: 20px; padding-right: 20px; font-size: 16px; line-height: 30px}
    .imgList .inner > ul li > span:after {width: 5px; height: 5px}

    .subTit .moreBtn {top: 15px; width: 160px; line-height: 38px; font-size: 15px}
    .subTit .moreBtn:after {width: 5px; height: 5px}

    .ptnBox ul {margin: -10px}
    .ptnBox ul li {width: calc(100% / 3 - 20px); margin: 10px}
    .ptnBox ul li p {margin-top: 15px; font-size: 18px; line-height: 24px}


    .recBox .box {padding: 0 15px}
    .recBox .box dl {width: calc(100% / 3 + 20px); margin: 0 -10px}
    .recBox .box dt {padding: 0 40px}
    .recBox .box dt h6 {font-size: 20px; line-height: 70px; text-align: left}
    .recBox .box dt img {top: 10px; right: 10px; width: 50px}
    .recBox .box dd {margin-top: 20px; font-size: 16px; line-height: 26px}


    .banBox {margin: 0 -10px; padding: 20px 15px; box-sizing: border-box}
    .banBox.fixed {margin: 0}
    .banBox dl > * {line-height: 40px}
    .banBox dt {font-size: 20px}
    .banBox dd a {width: 150px; font-size: 17px}

    .numBox {padding-bottom: 90px}
    .numBox ul li {position: relative; padding: 25px; padding-left: 90px; font-size: 18px; line-height: 26px}
    .numBox ul li img {position: absolute; top: 50%; left: 25px; transform: translateY(-50%); width: 45px}

    .artBox {padding: 90px 0}
    .artBox .subTit > * {display: block}
    .artBox .subTit span {margin-top: 15px; font-size: 17px; line-height: 30px}
    .artBox ul {padding-top: 0; margin: -15px}
    .artBox ul li {width: calc(50% - 30px); margin: 15px}
    .artBox ul li h6 {top: 30px; width: 100%; padding: 0 30px; font-size: 20px; line-height: 30px}
    .artBox ul li h6 p {margin-top: 10px; font-size: 16px; line-height: 26px}
    .artBox ul li .txt {font-size: 16px; line-height: 55px}

    .wayBox {padding-bottom: 90px}
    .wayBox ul li {padding: 30px}
    .wayBox ul li img {position: static; width: 45px}
    .wayBox ul li dt {margin-top: 15px}
    .wayBox ul li dt h6 {font-size: 20px; line-height: 40px}
    .wayBox ul li dt p {font-size: 16px; line-height: 26px}
    .wayBox ul li dt p br {display: none}
    .wayBox ul li dt .btn {position: static; margin-top: 15px}
    .wayBox ul li dt .btn a {margin: 0; margin-right: 5px; width: auto; padding: 0 25px; font-size: 12px; line-height: 36px}
    .wayBox ul li dd {margin-top: 20px; padding-top: 20px}
    .wayBox ul li dd strong {font-size: 18px; line-height: 26px}
    .wayBox ul li dd p {margin: 10px 0; font-size: 16px; line-height: 28px}
    .wayBox ul li dd span {font-size: 15px; line-height: 24px}

    .qnaBox {padding-top: 90px}
    .qnaBox .box dl > * {padding: 15px 30px; padding-left: 60px}
    .qnaBox .box dt {background-size: 30px; background-position: 20px center}
    .qnaBox .box dd {background-size: 30px; background-position: 20px center}
    .qnaBox .box dt h6 {font-size: 16px; line-height: 30px}
    .qnaBox .box dd p {margin-bottom: 10px; font-size: 15px; line-height: 24px}

    .imgwTxt {padding-bottom: 90px}
    .imgwTxt .img {margin-bottom: 40px}
    .imgwTxt .img img {width: 50%}
    .imgwTxt .txt h6 {margin-bottom: 15px; font-size: 22px; line-height: 30px}
    .imgwTxt .txt p {margin-top: 5px; font-size: 17px; line-height: 30px}
    .imgwTxt .txt span {margin-top: 10px; font-size: 14px; line-height: 24px}
    .imgwTxt .txt span br {display: none}

    .phtBox ul {margin: 0 -10px}
    .phtBox ul li {width: calc(100% / 3 - 20px); margin: 0 10px; padding: 10px}
    .phtBox ul li h6 {padding: 25px 0 15px; font-size: 20px; line-height: 30px}
    .phtBox ul li h6 p {margin-top: 5px; font-size: 16px; line-height: 23px}



    .absWrap .sec04 .subTit .down {width: 180px; margin-left: 25px; padding: 0 20px; line-height: 46px; font-size: 16px; background-position: right 20px center; background-size: 15px}

    .locWrap .top .mapBox > div {height: 300px !important}
    .locWrap .top .mapBox > div > div {height: 100% !important}


    .grtWrap dl > * {width: 100% !important}
    .grtWrap dt h6 {padding-top: 25px; margin-bottom: 40px; font-size: 30px; line-height: 44px}
    .grtWrap dt h6:before {width: 40px; height: 3px}
    .grtWrap dt p {margin-top: 15px; font-size: 16px; line-height: 28px}
    .grtWrap dt p br {display: none}
    .grtWrap dd {padding-top: 40px; text-align: center}
    .grtWrap dd b {margin-top: 35px; font-size: 16px; line-height: 24px}
    .grtWrap dd .sign {margin-top: 20px; height: 35px}

    .hisWrap .left {width: 35%; padding-right: 40px; box-sizing: border-box}
    .hisWrap .right {width: 65%; border-top-width: 2px}
    .hisWrap dl {padding-top: 35px; padding-left: 110px}
    .hisWrap dt {top: 35px; left: 0; font-size: 28px}
    .hisWrap dd ul {padding-bottom: 30px}
    .hisWrap dd ul li {padding-left: 40px; font-size: 16px; line-height: 30px}

    .locWrap .top {padding-bottom: 90px}
    .locWrap .top ul {padding: 20px}
    .locWrap .top ul li {padding: 0 15px; font-size: 16px}
    .locWrap .top ul li strong {margin-right: 10px; padding-left: 20px; font-size: 16px; background-size: 15px !important}
    .locWrap .bot dt {flex-basis: 100%}
    .locWrap .bot dd ul li {padding-left: 100px; padding-bottom: 30px; margin-bottom: 35px}
    .locWrap .bot dd ul li h6 {top: 0; font-size: 20px; line-height: 30px}
    .locWrap .bot dd ul li span {font-size: 16px; line-height: 30px}
    .locWrap .bot dd ul li p {margin-bottom: 7px; padding-left: 95px; font-size: 16px; line-height: 30px}
    .locWrap .bot dd ul li p strong {width: 80px; font-size: 14px}


    .bnsnWrap .subtit {padding-left: 20px; font-size: 22px; line-height: 30px}
    .bnsnWrap .subtit.lne2 {line-height: 28px}
    .bnsnWrap .subtit:before {top: 3px; width: 2px; height: 24px}
    .bnsnWrap .subtit.lne2:before {top: 5px; height: 46px}
    .bnsnWrap .allTab {margin: 90px 0 70px}


    .recWrap .sec04 {padding-bottom: 90px}
    .recWrap .tblBox {padding-bottom: 90px}
    .recWrap .tblBox .tbl table colgroup {display: none !important}
    .recWrap .tblBox .tbl table tr th {width: 90px}
    .recWrap .tblBox .tbl table tr td {padding: 15px 20px}

    .cmpWrap .sec03 {padding: 90px 0}
    .cmpWrap .tblBox .tbl {margin-top: 40px}
    .cmpWrap .tblBox .tbl table colgroup {display: none !important}
    .cmpWrap .tblBox .tbl table tr td {padding: 15px 20px}

    .rptWrap .tblBox .subTit {overflow: hidden}
    .rptWrap .tblBox .subTit .goBtn {float: right; position: static; display: inline-block; margin-top: 20px; width: auto; font-size: 17px; line-height: 40px; padding: 0 25px}
    .rptWrap .tblBox .tbl table colgroup {display: none !important}
    .rptWrap .tblBox .tbl table tr th {width: 100px}
    .rptWrap .tblBox .tbl table tr.bld td:nth-of-type(1) {width: 50px; text-align: center}
    .rptWrap .tblBox .tbl table tr td {padding: 15px 20px}




    #popup2 {width: 80%}
    #popup2 .tit {font-size: 22px; line-height: 60px}
    #popup2 .popClose {top: 18px; right: 18px}
    #popup2 .popClose img {width: 25px}
    #popup2 .wrap {border-width: 3px; padding: 20px}
    #popup2 .wrap ul li {width: calc(50% - 20px)}
    #popup2 .wrap ul li p {margin-top: 10px; font-size: 16px; line-height: 24px}





}


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


    #sub #content {padding: 30px 10px; min-height: 500px;}

    #sub .sub-tit,
    #sub .sub-tit2 {padding-bottom: 35px}
    #sub .sub-tit h3,
    #sub .sub-tit2 h3 {font-size: 1.625rem; font-weight: 600;}
    #sub .sub-tit .btns {display: block; margin-left: 0; margin-top: 10px; text-align: left}
    #sub .sub-tit .btns a {padding: 0 15px; font-size: 14px; line-height: 32px}
    #sub .sub-tit p {font-size: 14px; line-height: 24px}
    #sub .sub-tit.left p {margin-top: 15px}

    #lnb {margin: 50px 0}
    #lnb > li a {font-size: 1rem; line-height: 42px; letter-spacing: -1px}
    #lnb > li.active a {line-height: 44px; border-radius: 22px}

    .subTit {padding: 10px 0 16px; letter-spacing: -0.5px}
    .subTit:before {width: 24px; height: 2px}
    .subTit h5 {font-size: 1.125rem; font-weight: 500;}
    .subTit span {font-size: 0.875rem; font-weight: 400;}
    .subTit em {font-size: 1rem;}
    .subTit p {padding-top: 15px; font-size: 14px; line-height: 23px}
    .subTit .moreBtn {top: 12px; width: 120px; font-size: 13px; line-height: 30px; padding: 0 5px}
    .subTit .moreBtn:after {right: 5px; width: 3px; height: 3px}

    .bnsnWrap .subtit {padding-left: 12px; font-size: 17px; line-height: 24px}
    .bnsnWrap .subtit:before {height: 90%}


    .topInfo {padding-bottom: 60px}
    .topInfo dl {width: 100%; margin: 0; padding: 25px 15px; padding-bottom: 0}
    .topInfo dt {margin-bottom: 15px; padding-bottom: 10px; font-size: 18px; line-height: 30px}
    .topInfo dt a {top: -1px; padding: 0 10px; line-height: 30px; font-size: 12px}
    .topInfo dd {font-size: 14px; line-height: 26px}
    .topInfo dd ul {margin-top: 25px}
    .topInfo dd ul li {padding: 25px 0 20px}
    .topInfo dd ul li img {height: 35px}
    .topInfo dd ul li strong {margin-top: 5px; font-size: 14px; line-height: 24px}
    .topInfo dd span {font-size: 13px; line-height: 21px}
    .topInfo dd ol {margin-top: 20px; padding-top: 0}
    .topInfo dd ol li {width: 100% !important; padding: 15px 0 !important; border-bottom: 1px solid #ddd}
    .topInfo dd ol li:first-child {}
    .topInfo dd ol li:after {display: none}
    .topInfo dd ol li span {padding-left: 20px; font-size: 14px; line-height: 22px; background-size: 12px !important}
    .topInfo dd ol li a {font-size: 16px; line-height: 24px}

    .mnvBox {padding: 60px 10px}
    .mnvBox dl > * {width: 100%}
    .mnvBox dt .img {border: 0; padding-top: 0}
    .mnvBox dl h6 {font-size: 16px; line-height: 40px}

    .idenBox {padding: 60px 0}
    .idenBox ul li {padding: 55px 15px 25px 15px; background-position: 92% 10%; background-size: 30px}
    .idenBox ul li .mid h6 {font-size: 18px; line-height: 30px}
    .idenBox ul li .mid h6 span {margin-left: 5px; font-size: 12px}
    .idenBox ul li .mid p {margin-top: 5px; font-size: 13px; line-height: 20px}
    .idenBox ul li > img {height: 25px}

    .ciBox {padding-bottom: 60px}
    .ciBox dl {margin-top: 40px}
    .ciBox dt {padding: 30px 20px}
    .ciBox dt img {width: 100%}
    .ciBox dd {padding-top: 30px}
    .ciBox dd h6 {padding-bottom: 10px; font-size: 18px; line-height: 28px}
    .ciBox dd p {font-size: 14px; line-height: 22px}
    .ciBox dd .mid > p {margin: 12px 0 22px}
    .ciBox dd ul {flex-flow: row wrap; margin: 0; padding-top: 10px}
    .ciBox dd ul li {width: 100%; margin: 10px 0; padding-left: 80px}
    .ciBox dd ul li strong {font-size: 16px}
    .ciBox dd ul li img {left: 10px}
    .ciBox dd ul li p {font-size: 14px; line-height: 22px}
    .ciBox ol {margin: 0 -5px}
    .ciBox ol li {width: calc(50% - 10px); margin: 0 5px}
    .ciBox ol li .img {padding:40px 0}
    .ciBox ol li .img img {height: 22px}
    .ciBox ol li p {margin-top: 10px; font-size: 16px; line-height: 22px}


    .bgBox {padding: 60px 0}

    .listBox {padding: 60px 0}

    .topBox img {border-radius: 25px 0 0 0}

    .logoBox {padding: 60px 0}
    .logoBox:before {background-position: right 5% !important; background-size: 65% !important}

    .tblBox .tbl table tr > * {padding: 10px 5px; font-size: 0.875rem; line-height: 20px;}

    .stepBox {padding-top: 60px}
    .stepBox ul.w16,
    .stepBox ul.w20 {border-width: 4px; border-radius: 25px 25px 25px 0; text-align: center}
    .stepBox ul.w16 {padding: 30px 15px}
    .stepBox ul.w25 {padding: 25px 15px}
    .stepBox ul.w25 li {width: 50%; padding: 10px}
    .stepBox ul.w16 li,
    .stepBox ul.w20 li {width: 33.33%; padding: 10px 5px}
    .stepBox ul li:before,
    .stepBox ul li:after {top: 103px}
    .stepBox ul.w16 li:before,
    .stepBox ul.w16 li:after {top: 103px}
    .stepBox ul li:first-child:before,
    .stepBox ul li:last-child:after {display: block}
    .stepBox ul.w16 li:nth-child(3) h6:after,
    .stepBox ul.w25 li:nth-child(even) h6:after,
    .stepBox ul.w20 li:nth-child(3) h6:after {display: none}
    .stepBox ul li img {height: 35px}
    .stepBox ul li span {margin: 15px auto 20px}
    .stepBox ul li h6 {padding-top: 20px; font-size: 15px; line-height: 23px}
    .stepBox ul li h6 p {margin-top: 5px; font-size: 14px; line-height: 22px}
    .stepBox ul.w20 li h6 p {font-size: 13px; line-height: 21px}

    .besgBox {padding: 60px 0}
    .besgBox h5 {margin-bottom: 40px; padding-bottom: 15px; font-size: 20px; line-height: 30px}
    .besgBox ul {flex-flow: row wrap; margin-top: 35px}
    .besgBox ul li {flex: 1 100%; padding: 10px}
    .besgBox ul li:last-child {padding-bottom: 0}
    .besgBox ul li h6 {font-size: 18px; line-height: 26px}
    .besgBox ul li h6 span {margin-bottom: 3px; font-size: 11px; line-height: 15px}
    .besgBox ul li p {margin-top: 5px; font-size: 14px; line-height: 26px}

    .coreBox {padding: 60px 0 40px 0}
    .coreBox:before {height: 80%}
    .coreBox.wimg .img .box {left: 3%}
    .coreBox .txt {width: 100%; margin: 0; padding: 40px 20px 20px 20px}
    .coreBox.wlogo .txt {padding-top: 40px; background-size: auto 25px}
    .coreBox.wimg .txt {padding-top: 30px}
    .coreBox .txt p {margin-top: 10px; font-size: 14px; line-height: 24px}

    .txtBox {padding: 50px 0}
    .txtBox:before {width: 95%}
    .txtBox dd {margin-top: 25px}
    .txtBox dd p {margin-top: 15px; font-size: 14px; line-height: 24px}

    .imgList .inner {padding: 0 10px}
    .imgList .inner > ul {padding-bottom: 30px}
    .imgList .inner .slick-arrow {width: 20px; margin-top: -40px}
    .imgList .inner .slick-prev {left: 0}
    .imgList .inner .slick-next {right: 0}
    .imgList .inner > ul {margin: -15px 0; padding: 0 30px}
    .imgList .inner > ul li {width: 100%; margin: 15px 0}
    .imgList .inner > ul li .ico {bottom: auto; top: 0}
    .imgList .inner > ul li h6 {margin-top: 15px; font-size: 16px; line-height: 24px}
    .imgList .inner > ul li p {min-height: 0; margin-top: 10px; font-size: 14px; line-height: 24px}
    .imgList .inner > ul li span {margin-top: 10px; font-size: 14px}

    .ptnBox ul {margin: -15px 0}
    .ptnBox ul li {width: 100%; margin: 15px 0}
    .ptnBox ul li img {width: 100%}
    .ptnBox ul li p {margin-top: 10px; font-size: 15px; line-height: 22px}

    .allTab > li a {font-size: 14px; line-height: 42px; letter-spacing: -1px}
    .allTab > li.active a {line-height: 44px; border-radius: 22px}
    .allTab.w25 {border-radius: 20px}
    .allTab.w25 li {flex: 1 50%}
    .allTab.w25 > li:nth-child(even) a:after {display: none}
    .allTab.w25 > li:nth-child(n+3) a:before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 65%; height: 1px; background: #ddd; z-index: -1}

    #popup2 {width: 95%}
    #popup2 .tit {font-size: 17px; line-height: 50px}
    #popup2 .popClose {top: 15px; right: 15px}
    #popup2 .popClose img {width: 20px}
    #popup2 .wrap {padding: 15px 10px}
    #popup2 .wrap ul {margin: -10px -5px}
    #popup2 .wrap ul li {width: calc(50% - 10px); margin: 10px 5px}
    #popup2 .wrap ul li p {font-size: 13px; line-height: 22px}

    .inqBox {padding-top: 60px}
    .inqBox ul {margin: -10px 0}
    .inqBox ul li {width: 100%; margin: 10px 0; padding: 20px 10px}
    .inqBox ul li span {padding-top: 17px; font-size: 14px; line-height: 22px; background-size: 15px !important}
    .inqBox ul li a {margin-top: 5px; font-size: 18px; line-height: 24px}
    .inqBox ul li.inq a {width: auto; padding: 0 15px; line-height: 30px; font-size: 14px}

    .tagBox {padding: 60px 0}
    .tagBox ul li {width: calc(50% - 10px) !important; padding: 20px 10px}
    .tagBox ul li:last-child {width: calc(100% - 10px) !important}
    .tagBox ul li p {margin-top: 10px; font-size: 15px; line-height: 20px}

    .aidBox {padding-bottom: 60px}
    .aidBox:before {height: 70%}
    .aidBox ul {padding: 0}
    .aidBox ul.w25 li {width: 50%; border: 1px solid #ddd; border-width: 0 1px 1px 0; padding: 20px 15px}
    .aidBox ul.w30 li {width: 100%; border: 0; border-bottom: 1px solid #ddd; padding: 20px}
    .aidBox ul.w25 li:nth-child(even) {border-right: 0}
    .aidBox ul.w25 li:nth-child(n+3) {border-bottom: 0}
    .aidBox ul.w30 li:last-child {border-bottom: 0}
    .aidBox ul li img {height: 35px}
    .aidBox ul li h6 {margin-top: 10px !important; font-size: 16px; line-height: 24px}
    .aidBox ul li p {margin-top: 5px; font-size: 14px; line-height: 22px}

    .wldBox {padding: 60px 0}
    .wldBox .subTit span {display: block; margin: 0; margin-top: 5px; font-size: 15px; line-height: 22px}
    .wldBox .brBox {padding: 40px 10px}

    .coreBox2 {padding: 60px 0}
    .coreBox2 .box dd {padding: 25px 15px}
    .coreBox2 .box .mid h6 {font-size: 17px; line-height: 24px}
    .coreBox2 .box .mid h6 span {margin-top: 5px; font-size: 14px; line-height: 24px}
    .coreBox2 .box .mid p.br {margin-top: 15px; padding-top: 15px}
    .coreBox2 .box .mid p {font-size: 14px; line-height: 26px}
    .coreBox2 .box dl:last-child .mid p strong {line-height: 26px}
    .coreBox2 .box .mid .tt {margin-top: 15px; padding-top: 15px; font-size: 14px; line-height: 22px}
    .coreBox2 .box .mid .tt strong.grn {display: block}

    .recBox {padding: 60px 0}
    .recBox .box {margin: -10px 0}
    .recBox .box dl {width: 100%; margin: 10px 0}
    .recBox .box dt h6 {text-align: center; font-size: 18px; line-height: 50px}
    .recBox .box dt img {top: 5px; right: 5px; width: 40px}
    .recBox .box dd {margin-top: 10px; font-size: 14px; line-height: 24px}

    .banBox {padding: 22px 10px; text-align: center}
    .banBox dt {font-size: 16px; line-height: 26px}
    .banBox dt strong {display: block}
    .banBox dd {position: static; margin-top: 10px}
    .banBox dd a {width: 120px; font-size: 15px; line-height: 34px}

    .useBox {padding: 60px 0}
    .useBox ul {padding: 0}
    .useBox ul li {width: 100%; padding: 25px 15px; border: 0; border-bottom: 1px solid #ddd}
    .useBox ul li:last-child {border-bottom: 0}
    .useBox ul li h6 {font-size: 17px; line-height: 24px}
    .useBox ul li img {margin: 15px 0 20px; max-width: 120px}
    .useBox ul li p {font-size: 14px; line-height: 24px}
    .useBox ul li span {margin-top: 5px; font-size: 13px; line-height: 22px}

    .rptBox {padding: 60px 0}
    .rptBox dd {padding: 30px 20px}
    .rptBox dd h6 {font-size: 17px; line-height: 24px}
    .rptBox dd p {margin-top: 10px; font-size: 14px; line-height: 24px}

    .kindBox ul li {padding: 25px 10px}
    .kindBox ul li img {width: 50px}
    .kindBox ul li h6 {margin-top: 15px; font-size: 18px; line-height: 24px}
    .kindBox ul li p {margin-top: 5px; font-size: 14px; line-height: 24px}
    .kindBox ul li p br {display: none}

    .numBox {padding-bottom: 60px}
    .numBox ul li {padding: 20px; padding-top: 65px; font-size: 15px; line-height: 25px; text-align: center}
    .numBox ul li img {top: 20px; left: 50%; transform: translateX(-50%); width: 35px}

    .artBox {padding: 60px 0}
    .artBox .subTit span {margin-top: 10px; font-size: 14px; line-height: 24px}
    .artBox ul {margin: -10px 0}
    .artBox ul li {width: 100%; margin: 10px 0}
    .artBox ul li h6 {top: 25px; padding: 0 25px; font-size: 17px; line-height: 24px}
    .artBox ul li h6 p {margin-top: 5px; font-size: 14px; line-height: 24px}
    .artBox ul li h6 p br {display: none}
    .artBox ul li .txt {font-size: 14px; line-height: 40px}

    .wayBox {padding-bottom: 60px}
    .wayBox ul li {padding: 25px 15px}
    .wayBox ul li img {width: 40px}
    .wayBox ul li dt {margin-top: 10px}
    .wayBox ul li dt h6 {font-size: 17px; line-height: 30px}
    .wayBox ul li dt p {margin-top: 5px; font-size: 14px; line-height: 24px}
    .wayBox ul li dt .btn a {display: block; width: 100%; margin-bottom: 5px}
    .wayBox ul li dd strong {font-size: 16px; line-height: 24px}
    .wayBox ul li dd p {margin: 5px 0 10px; font-size: 14px; line-height: 24px}
    .wayBox ul li dd span {font-size: 14px; line-height: 22px}
    .rptWrap .tblBox .subTit .goBtn {float: none; display: block; margin-top: 10px; width: 100%; box-sizing: border-box; font-size: 14px; line-height: 34px}


    .qnaBox {padding-top: 60px}
    .qnaBox .box dt {padding: 10px 25px; padding-left: 45px; background-size: 25px; background-position: 10px center}
    .qnaBox .box dd {padding: 10px 25px; padding-left: 45px; background-size: 25px; background-position: 10px center}
    .qnaBox .box dt h6 {font-size: 14px; line-height: 24px}
    .qnaBox .box dd p {margin-bottom: 5px; font-size: 13px; line-height: 22px}


    .imgwTxt {padding-bottom: 60px}
    .imgwTxt .img {margin-bottom: 25px}
    .imgwTxt .img img {width: 100%}
    .imgwTxt .txt h6 {font-size: 18px; line-height: 26px}
    .imgwTxt .txt p {font-size: 14px; line-height: 22px}
    .imgwTxt .txt span {font-size: 13px; line-height: 21px}

    .phtBox ul {margin: -5px; justify-content: center}
    .phtBox ul li {width: calc(100% / 2 - 10px); margin: 5px; padding: 5px}
    .phtBox ul li h6 {padding: 15px 0 10px; font-size: 16px; line-height: 24px}
    .phtBox ul li h6 p {font-size: 14px; line-height: 22px}



    .absWrap .sec04 .subTit .down {width: 130px; margin-left: 15px; padding: 0 15px; line-height: 38px; font-size: 14px; background-size: 11px; background-position: right 15px center}

    .grtWrap dt h6 {padding-top: 15px; margin-bottom: 20px; font-size: 20px; line-height: 30px}
    .grtWrap dt h6:before {width: 30px; height: 2px}
    .grtWrap dt h6 br {display: none}
    .grtWrap dt p {margin-top: 10px; font-size: 14px; line-height: 24px}
    .grtWrap dd b {margin-top: 30px; font-size: 14px; line-height: 22px}
    .grtWrap dd .sign {height: 25px; margin-top: 10px}

    .hisWrap .left {width: 100%; padding: 0; margin-bottom: 30px}
    .hisWrap .right {width: 100%}
    .hisWrap dl {padding: 0; padding-top: 25px}
    .hisWrap dt {position: static; font-size: 18px}
    .hisWrap dd {margin-top: 10px}
    .hisWrap dd ul {padding-bottom: 20px}
    .hisWrap dd ul li {padding-left: 35px; font-size: 14px; line-height: 28px}

    .mngWrap #sb-search .where {width: 40%}
    .mngWrap #sb-search .inp {width: 58%}

    .locWrap .top {padding-bottom: 60px}
    .locWrap .top .mapBox > div {height: 240px !important}
    .locWrap .top ul {padding: 15px 5px}
    .locWrap .top ul li {padding: 0 10px; font-size: 14px; line-height: 26px}
    .locWrap .top ul li strong {margin-right: 8px; padding-left: 15px; background-color: 12px !important; font-size: 14px}
    .locWrap .bot dd ul li {padding-left: 0; padding-bottom: 25px; margin-bottom: 30px}
    .locWrap .bot dd ul li h6 {position: static; margin-bottom: 5px; font-size: 17px; line-height: 24px}
    .locWrap .bot dd ul li span {font-size: 14px; line-height: 22px}
    .locWrap .bot dd ul li p {font-size: 14px; line-height: 24px; padding-left: 75px}
    .locWrap .bot dd ul li p strong {width: 65px; font-size: 13px}

    .bnsnWrap .allTab {margin: 40px 0}

    .recWrap .tblBox {padding-bottom: 60px}
    .recWrap .sec04 {padding-bottom: 60px}

    .givWrap .topInfo dt {font-size: 16px}

    .cmpWrap .sec03 {padding: 60px 0}

    .supWrap .topInfo dl {padding: 25px 10px}
    .supWrap .topInfo dt {font-size: 16px}
    .supWrap .stepBox ul.w20 li:nth-child(n+4) {width: 50%}

    .rptWrap .tblBox .tbl table tr th {width: 80px}
    .rptWrap .tblBox .tbl table tr.bld td:nth-of-type(1) {width: 40px}
    .rptWrap .tblBox .tbl table tr td {padding: 10px 15px}

    .search_page .search_box {margin-top: 30px}
    .search_page .search_box h4 {padding-left: 10px; font-size: 18px; line-height: 30px; padding-bottom: 10px}
    .search_page .search_box h4:before {width: 2px; height: 18px}
    .search_page .search_box ul {}
    .search_page .search_box ul li {font-size: 14px; line-height: 22px; padding: 5px}

    .common_searchbox{display: flex; justify-content: space-between; gap: 10px; margin-bottom: 20px;}
    .common_searchbox select{width: 25%;}
    .common_search{display: flex; align-items: center; width: 100%;}
    .common_search input{width: 100%;}
    .common_search button{width: 60px; height: 40px; background-size: 20px 20px;}

    .common_view_tit{padding: 20px 0;}
    .common_view_tit h3{font-size: 1.25rem; line-height: 24px;}
    .common_view_tit ul{display: flex; align-items: center; gap: 20px; margin-top: 20px;}
    .common_view_tit ul li{font-size: 1rem;}
    .common_view_con{font-size: 1rem; line-height: 24px; padding: 24px 0;}
    .common_view_btn{margin-top: 30px;}

    .result_date{display: flex; align-items: center; justify-content: center;}
    .result_date a img{width: 30px;}
    .result_date span{font-size: 1.5rem; font-weight: 600; padding: 0 20px;}

    .result_list{margin-top: 20px;}
    .result_list ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
    .result_list ul li{width: 48%; margin-bottom: 10px;}
    .result_list ul li a{display: block;}
    .result_list_sum{display: block; width: 100%; height: 130px; position: relative;}
    .result_list_sum img{width: 100%; height: 100%; object-fit: cover; border-radius: 6px;}
    .result_list_hide{position: absolute; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); border-radius: 6px;}
    .result_list_hide p{height: 100%; font-size: 2rem; font-weight: 600; color: #fff; display: flex; align-items: center; justify-content: center;}
    .result_list_txt{height: 80px; padding: 10px;}
    .result_list_txt p{font-size: 1rem; font-weight: 400; line-height: 20px;}

    .result_over_list ul li{width: 100%; margin-bottom: 50px;}
    .result_over_itembox{display: flex; flex-direction: column; justify-content: center; padding: 16px 16px 30px; border: 1px solid #ddd; border-radius: 20px;}
    .result_over_item01{width: 100%; height: 200px; margin-bottom: 15px;}
    .result_over_item01 img{width: 100%; height: 100%; object-fit: cover; border-radius: 6px;}
    .result_over_item02{width: 100%; font-size: 1.125rem; font-weight: 600; line-height: 20px; word-break: keep-all; padding: 0; margin-bottom: 10px;}
    .result_over_item03{width: 100%; font-size: 1rem; font-weight: 400; text-align: left; padding: 0; margin-bottom: 6px;}
    .result_over_item04{width: 100%; font-size: 1rem; font-weight: 400; text-align: left; line-height: 18px; padding: 0; margin-bottom: 20px;}
    .result_over_item05{width: 100%; display: block; padding: 0;}
    .result_over_item05 a{display: block; padding: 14px; background: #6aaae4; font-size: 1.125rem; font-weight: 400; color: #fff; text-align: center; border-radius: 4px;}

    .extra_wrap{width: 100%; height: 100vh; background: #04599e;}
    .extra_box{display: flex; justify-content: center; flex-direction: column; align-items: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 0 10px;}
    .extra_box img{height: 150px;}
    .extra_btn{display: flex; flex-wrap: wrap; width: 100%; gap: 30px; margin-top: 120px;}
    .extra_btn a{display: block; background: #6aaae4; width: 100%; padding: 16px 0; font-size: 1.25rem; font-weight: 600; color: #fff; text-align: center; border-radius: 27px;}

    #sb-list .list_tbl colgroup{display: none;}
    #sb-list .list_tbl tr > *{padding: 10px 5px; font-size: 1rem; letter-spacing: -1px;}
    #sb-list .list_tbl thead tr th{font-size: 1rem;}
    #sb-list .list_tbl .sbj img{max-height:12px;width: auto;height: auto;}
    #sb-list .list_tbl .view,
    #sb-list .list_tbl .no{display: none;}
    #sb-list .list_tbl .date,
    #sb-list .list_tbl .cate{width: 18%;}
    #sb-list .list_tbl .writer{width: 70px;}
    #sb-list .list_tbl .sbj a{font-size: 13px !important;letter-spacing: -1px;}

    /* 참가신청서 대회 참가 비용 테이블 */
    #sb-list .entry_fee_tbl tr > * {font-size: 14px;word-break: keep-all;}
    .entry_fee_tbl .point_input{width: 100%;height: 38px;font-size: 13px;padding: 0 5px;}
    .entry_fee_tbl .mem_info {display: block;text-align: center;}
    .entry_fee_tbl .select_wrap select {font-size: 13px;width: 100%;}
    .entry_fee_tbl .select_wrap .mem_status span:last-child {display: block;}
    #sb-list .entry_fee_tbl .sbj{width: 27%;}


    

    #sb-form .privacy{height: 180px;}
    #sb-form .privacy .privacy_txt{font-size: 0.875rem; font-weight: 300; line-height: 20px;}

    .member_join h4 {font-size: 18px;margin-bottom: 40px;line-height: 20px;}
    #sb-form.join_form_chk {padding: 20px;}
    #sb-form.join_form_chk .agree_item {margin-bottom: 10px;}
    #sb-form.join_form_chk .agree_item label {word-break: keep-all;}
    #sb-form.join_form_chk .agree_item input {width: 18px;height: 18px;}
    #sb-form.join_form_chk .privacy_info {padding-left: 0;}

    .tbl_btn{height: 40px; padding: 0 12px; color: #fff; font-size: 0.875rem; font-weight: 500;}
    input[type="text"]{height: 40px; padding: 0 10px; font-size: 0.875rem; font-weight: 400; color: #666; letter-spacing: -1px; border: 1px solid #ddd; box-sizing: border-box;}
	input[type="password"]{height: 40px; padding: 0 10px; font-size: 0.875rem; font-weight: 400; color: #666; letter-spacing: -1px; border: 1px solid #ddd; box-sizing: border-box;}
    select{height: 40px; padding: 0 6px; font-size: 0.875rem; font-weight: 400; color: #666; letter-spacing: -1px; border: 1px solid #ddd; box-sizing: border-box;}
    textarea{height: 150px; padding: 6px; font-size: 0.875rem; font-weight: 500; color: #666; letter-spacing: -1px; border: 1px solid #ddd; border-radius: 0; box-sizing: border-box;}
    .tbl_form input[type="radio"] + label {font-size: 0.875rem;}

    .mem_txt_end img{width: 30%;}
    .mem_txt_end p{font-size: 1.5rem; font-weight: 700; line-height: 30px; text-align: center; margin: 30px 0;}
    .mem_txt_end span{font-size: 1.125rem; font-weight: 400; line-height: 22px; text-align: center; letter-spacing: -0.5px; word-break: keep-all;}

    .lb_txtbox{background: #eee; padding: 30px 20px; text-align: center;}
    .lb_txtbox h7{font-size: 1.5rem; font-weight: 600; margin-bottom: 10px; display: block;}
    .lb_txtbox p{font-size: 1.125rem; font-weight: 600; margin-bottom: 16px; display: block;}
    .lb_txtbox span{font-size: 0.875rem; font-weight: 500; display: block;}
    .lb_schbox{display: flex; align-items: center;}
    .lb_schbox button{width: 60px; height: 40px; background: #333 url(/front/zones/img/ico_sch.png) no-repeat center center; background-size: 20px 20px;}

    .lb_scorebox{margin-top: 30px;}
    .score_tbl_tab li {font-size: 14px;min-width: 100px;padding: 13px 5px;}
    
    .lb_score_tbl{width: 100%; border-top: 4px solid #6aaae4;}
    .lb_score_tbl tr > *{position: relative; padding: 10px 2px; border-bottom: 1px solid #ddd; font-size: 15px; line-height: 24px; text-align: center; color: #666; letter-spacing: -1px; vertical-align: middle;}
    .lb_score_tbl thead tr th{font-weight: 600; font-size: 14px; color: #222; letter-spacing: -1px; background: #f8f8f8;}
    .lb_score_dp{display: none;}
    /* .lb_score_w01{width: 10%;}
    .lb_score_w02{width: 17%;}
    .lb_score_w03{width: 16%;}
    .lb_score_w04{width: 39%;}
    .lb_score_w05{width: 17%;} */
    .lb_score_w01{width: 13%;}
    .lb_score_w02{width: 18%;}
    .lb_score_w03{width: 24%;}
    .lb_score_w04{width: 28%;}
    .lb_score_w05{width: 17%;}
	.lb_score_w07{width: 12%;}
    .point_rank_tbl .lb_score_w03{width: 24%;}
    .mainLankSec .lb_score_w03{width: 10%;} /* 메인 포인트 랭킹 */
    

    .lb_score_step{display: flex; align-items: center; justify-content: center; gap: 2px;}
    .lb_score_step_chart{display: flex; align-items: center;}
    .lb_score_step_chart img{height: 16px;}
    .lb_score_step_num{font-size: 14px;}
    .lb_score_txt{display: flex; flex-direction: column; text-align: left;gap: 6px;}
    .lb_score_tbl .lb_score_txt{flex-direction: row;justify-content: center;}
    .lb_score_name{font-size: 15px; font-weight: 600;}
    .lb_score_area{font-size: 0.875rem; font-weight: 300;}

    .lb_score_par{flex-wrap: wrap;}
    .lb_score_infobox{width: 100%; border-bottom: 1px solid #666;}
    .lb_score_info{align-items: center; justify-content: center; flex-direction: row; gap: 20px; padding: 20px;}
    .lb_score{overflow-x: scroll;}
    /*.lb_score_detail_tbl tr th{width: 70px; position: sticky; left: 0; top: 0; background: #f8f8f8; z-index: 100; font-size: 0.875rem; letter-spacing: 0; color: #333; padding: 0 6px;}*/
    .lb_score_detail_tbl tr th{width: 70px; background: #f8f8f8; z-index: 100; font-size: 0.875rem; letter-spacing: 0; color: #333; padding: 0 6px;}
    .lb_score_detail_tbl tr td{width: 26px; font-size: 0.875rem; letter-spacing: 0; color: #333; padding: 0 10px;}
    .lb_score_detail_tbl tr td div span{width: 20px; height: 20px; line-height: 20px;}
    /*.lb_score_detail_tbl tr td:last-child{position: sticky; right: 0; top: 0; z-index: 100;}*/
    .lb_score_detail_tbl tr td:last-child div span{width: auto;}
    .lb_score_fix_tit{background: #04599e; border-left: 1px solid #333; width: 40px !important;}
    .lb_score_fix_txt{background: #eee; color: #fff !important; border-left: 1px solid #333;}
    .lb_score_parlist > ul{gap: 14px;}

    .lb_score_photo{width: 70px; height: 70px; border-radius: 50%;}

    .lb_score_par_m{display: block;}
    .lb_score_par_pc{display: none;}
    .m_mode01{overflow-x: auto;}
    .m_mode02{width: 1100px;}

    .lb_hide{display: none;}
    .lb_modify_tr{border-bottom: 1px solid #ddd; display: flex; flex-wrap: wrap; padding: 10px; gap: 6px; background: #fff;}
    .lb_modify_td01{border-bottom: none !important; padding: 0 !important; font-size: 0.875rem !important; line-height: normal !important;}
    .lb_modify_td02{border-bottom: none !important; width: 100% !important; padding: 0 !important; line-height: normal !important; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; overflow: hidden;}

    .lb_tapbox{gap: 20px; margin: 30px 0;}
    .lb_tapbox02{gap: 20px; flex-wrap: wrap;}

    .lb_tap{margin: 0;}
    .lb_tap > ul li a{padding: 12px 0; font-size: 1rem; font-weight: 500;}

    .lb_tap02{margin-bottom: 30px;}
    .lb_tap02 > ul li a{padding: 12px 0; font-size: 1rem; font-weight: 500;}

    .lb_tap03 > ul li a{padding: 12px 0; font-size: 1rem; font-weight: 500;}

    .lb_tap04{margin-bottom: 30px;}
    .lb_tap04 > ul{display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px;}
    .lb_tap04 > ul li a{display: flex; align-items: center; justify-content: center; color: #000; background: #eee; padding: 12px 14px; border-radius: 20px; font-size: 1rem; font-weight: 500;}
    .lb_tap04 > ul li.active a{color: #fff; background: #6aaae4;}

    .result_list{margin-top: 20px;}
    .result_list ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
    .result_list ul li{width: 48%; margin-bottom: 10px;}
    .result_list ul li a{display: block;}
    .result_list_sum{display: block; width: 100%; height: 130px; position: relative;}
    .result_list_sum img{width: 100%; height: 100%; object-fit: cover; border-radius: 6px;}
    .result_list_hide{position: absolute; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); border-radius: 10px;}
    .result_list_hide p{height: 100%; font-size: 1.8rem; font-weight: 500; color: #fff; display: flex; align-items: center; justify-content: center;}
    .result_list_txt{height: 80px; padding: 10px;}

    .prog_list{margin-top: 20px;}
    .prog_list ul{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0;}
    .prog_list ul li{width: 100%; border: 1px solid #ddd; border-radius: 12px; margin-bottom: 20px;}
    .prog_list ul li a{display: block; padding: 6px;}
    .prog_list_sum{display: block; width: 100%; height: 200px; position: relative;}
    .prog_list_sum img{width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
    .prog_list_state{display: inline-block; font-size: 0.75rem; color: #fff; padding: 4px 6px; margin: 10px 0;}

    .prog_list_txt{height: 150px; padding: 10px 0; border-top: 1px solid #ddd;}
    .prog_list_txt p{font-size: 1rem; font-weight: 500; line-height: 20px; margin-bottom: 10px;}
    .prog_list_txt ul{display: flex; flex-direction: column; justify-content: space-between;}
    .prog_list_txt ul li{width: auto; padding: 0; border: none; border-radius: 0; margin-bottom: 8px; display: flex; align-items: flex-start; gap: 6px;}
    .prog_list_ico img{width: 14px;}
    .prog_list_info{font-size: 0.875rem; font-weight: 300; color: #999; letter-spacing: -0.8px}

    .prog_infobox{margin-bottom: 40px;}
    .prog_info dl{gap: 10px; font-size: 1rem; margin-bottom: 10px;}

    .prog_menual dl{margin-top: 50px;}
    .prog_menual dl dt{gap: 6px; font-size: 1.063rem; margin-bottom: 14px;}
    .prog_menual dl dt span{width: 22px; height: 22px; line-height: 22px; font-size: 0.875rem;}
    .prog_menual dl dd{font-size: 0.938rem; line-height: 22px;}

    .prog_banner ul{gap: 20px;}
    .prog_banner ul li{width: calc(100% / 3 - 14px); height: 80px;}
    .prog_banner ul li img{width: 100%; height: 100%; object-fit: cover;}
    .prog_tit_area{background: #e4eef7; padding: 20px; display: flex; align-items: center; gap: 20px; margin-bottom: 40px;}
    .prog_tit_gal{width: 50%; height: 70px;}
    .prog_tit_area img{width: 100%; height: 100%; object-fit: cover; border-radius: 6px;}
    .prog_tit_name{display: flex; flex-direction: column; gap: 5px;}
    .prog_tit_name p{font-size: 1.3rem; font-weight: 600; line-height: 24px; word-break: keep-all;}
    .prog_tit_name span{font-size: 1rem; font-weight: 500;}
    .prog_tit_name a{padding: 10px 16px; font-size: 1rem; border-radius: 4px; margin-top: 12px;}

    .prog_team_schbox{flex-direction: column; margin-bottom: 50px;}
    .prog_team_tap{margin: 50px 0;}
    .prog_team_tap ul{gap: 20px;}
    .prog_team_tap ul li button{font-size: 1.125rem;}
    .prog_team_selbox{flex-direction: column; width: 100%; gap: 10px; margin-top: 20px;}
    .prog_team_selbox select{width: 100%; border-radius: 0;}
    .prog_team_selbox input{width: 100%;}
    .prog_team_list ul li{width: 50%; margin-bottom: 40px;}
    .prog_team_sum{width: 100px; height: 100px;}
    .prog_team_info p:first-child{font-size: 1rem; font-weight: 600; color: #666; margin-top: 14px;}
    .prog_team_info .prog_team_name{font-size: 1rem; font-weight: 600; line-height: 20px; margin-top: 6px;}
    .prog_team_info p:nth-child(3){font-size: 0.875rem; margin-top: 6px;}

    .prog_play_area{flex-wrap: wrap; gap: 40px;}
    .prog_play_sum{display: block; width: 120px; height: 120px; border-radius: 50%;}
    .prog_play_sum span img{width: 100%; height: 100%; border-radius: 50%; object-fit: cover;}
    .prog_play_info_l p:first-of-type{font-size: 1.4rem;}
    .prog_play_info_l p:first-of-type.member{background-size: 20px;padding-left: 23px;}

    .prog_play_info_l p:nth-of-type(2){font-size: 0.75rem; margin-top: 6px;}
    .prog_play_mark01{width: 30px; height: 30px;}
    .prog_play_mark02{width: 30px; height: 30px;}
    .prog_play_info_r{display: flex; flex-direction: column; gap: 40px;}
    .prog_play_info_r ul{gap: 50px; flex-wrap: wrap;}
    .prog_play_info_r ul li:before{left: -25px;}
    .prog_play_info_r ul li label{letter-spacing: -1px;}
    .prog_play_info_c{margin-bottom: 30px;}
    .prog_play_info_c p:first-of-type{font-size: 1.4rem;}
    .prog_play_info_c p:first-of-type.member{background-size: 20px;padding-left: 23px;}
    .prog_play_info_c p:nth-of-type(2){font-size: 0.75rem; margin-top: 6px;}
    .prog_play_record{width: 100%; margin: 0 auto; margin-top: 70px;}
    .prog_play_record button{width: 100%; padding: 16px 0; color: #fff; font-size: 20px; font-weight: 600;}
    .prog_play_rival{justify-content: space-between; gap: 30px;}
    .prog_play_zone{gap: 40px;}
    .prog_play_info_v ul{gap: 30px;}
    .prog_play_info_v ul li label{letter-spacing: -1px;}
    .prog_wish_list ul li{width: 50%; margin-bottom: 40px;}


    .after_sch{display: flex; flex-direction: column; align-items: center;}
    .after_sch img{width: 80px;}
    .after_sch span{font-size: 1.125rem; font-weight: 400; margin-top: 20px;}

    .join_select ul{display: flex; flex-wrap: wrap; gap: 25px; position: relative; flex-direction: column;}
    .join_select ul li{width: 100%; border: 1px solid #ddd; border-radius: 12px;}
    .join_select_info{display: flex; flex-direction: column; align-items: center; padding: 40px}
    .join_select_info img{width: 70px;}
    .join_select_info p{font-size: 1.5rem; font-weight: 600; margin-top: 14px;}
    .join_select_info a{background: #6aaae4; padding: 14px 0; border-radius: 6px; width: 100%; font-size: 1.2rem; font-weight: 500; color: #fff; text-align: center; margin-top: 40px;}

    .login_box{width: 100%; padding-bottom: 200px;}
    .login_result{font-size: 1.125rem; line-height: 24px; padding-bottom: 10px;}

    .qa_box ul li{padding-top: 16px;}
    .qa_list_tit{font-size: 1rem; line-height: 22px; position: relative; padding-left: 36px; padding-right: 50px; margin-bottom: 16px;}
    .qa_list_tit:before{content: "Q"; position: absolute; top: 0; left: 10px; font-size: 1.6rem; font-weight: 700; color: #04599e;}
    .qa_list_tit:after{content: ""; position: absolute; top: 4px; right: 10px; background:url(/front/zones/img/ico_downward.png); width: 14px; height: 14px; background-size: contain; background-repeat: no-repeat; transform: rotate(0); transition: .5s; background-position: 50%;}
    .qa_list_tit.on:after{transform: rotate(-180deg);}
    .qa_list_txt{padding: 16px; font-size: 0.913rem; line-height: 22px; position: relative; background: #f4f4f4; /*display: none;*/}

    .photo_gal{width: 100%; height: 250px;}
    .photo_btn_prev img{width: 54px;}
    .photo_btn_next img{width: 54px;}
    .photo_page{width: calc(100% / 5); margin-top: 14px;}

    .policy_text{font-size: 0.875rem; font-weight: 300; line-height: 20px;}


    .version_popup .popup_content::-webkit-scrollbar {width: 9px;}
    .version_popup .popup_content::-webkit-scrollbar-thumb {background: #8B8B8B;border-radius: 10px;}

}

@media screen and (max-width: 479px) {
	.mainSec_game_box ul li:nth-child(n+7) {display: none;}
	.terms_box {display: block;}
	.terms_history {margin-bottom: 12px;}
	#sb-form .agree {text-align: left;}
}

/*
.common_loader {position:fixed; top:0; left:0; right:0; bottom:0; z-index:10000;}
.common_loader::before {position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.2); content:'';}
.common_loader .pbox {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:60rem; padding:5rem; border-radius:2rem; background:#fff;}
.common_loader .loader_logo {width:14rem; height:7rem; margin:0 auto 4rem; line-height:1; background:url('../img/img_logo_off.png') no-repeat center/ contain;}
.common_loader .loader_circle{width:15rem; height:15rem; margin:auto; border-radius:50%; background-color:#fff; box-shadow:0 4px 10px rgba(0,0,0,.1); display:flex; justify-content:center; align-items:center; animation:1.5s ease-in-out infinite pulse}
.common_loader .loader_circle:before{content:""; display:block; width:12rem; height:12rem; border-radius:50%; border:8px solid #3ebce6; border-color:#3ebce6 transparent; animation:1.2s linear infinite loader}
.common_loader .loader_text{font-size:2.8rem; font-weight:400; margin-top:3rem; text-align:center;}*/