@charset "UTF-8";
:root{
    --point-Blue:#1B71EF;
    --stroke-100: #E6E6E6;
    --text-0:#FFF;
    --text-400:#AEAEB2;
    --text-600:#66676B;
    --text-900:#111;
    --BG-caption_dark:#41436A;
    --BG-Button200:#E9E9EA;
}

/* common */
html,body{touch-action:manipulation;}
body{position:relative;}
body.scroll_hide,
body.popup_scroll_lock{overflow:hidden;width:100%;height:100%;}
main > section.inner{padding:48px 0;}
main > section.company_inner{padding:80px 0;min-height:calc(100svh - 436px);}
.cont_inner{max-width:1432px;width:100%;padding:0 16px;margin:0 auto;}
.safari_only{min-width:0;flex-shrink:0;}
.safari_only .safari_only_left{flex-shrink:0;white-space:nowrap;}
.safari_only .safari_only_right{flex-shrink:0;display:flex;justify-content:flex-end;min-width:0;}



/* text_style */
.fc_white{color:var(--text-0, #fff)!important}
.fc_blue{color:var(--point-Blue,#1B71EF)!important;}
.fc_t900{color:var(--text-900,#111)!important}
.fc_t600{color:var(--text-600, #66676B);}
.fc_t400{color:var(--text-400,#AEAEB2)}
.text.b18{font-size:18px;font-weight:700;line-height:1.5;color:var(--text-900)}
.text.r16{font-size:16px;font-weight:400;line-height:1.5;}
.text.r14{font-size:14px;font-weight:400;line-height:1.5;}
.text.ellipsis2{min-height:3em;}
.text.b14{font-size:14px;font-weight:700;line-height:1.5;}
.text.b13{font-size:13px;font-weight:700;line-height:1.6;}
.text.r12{font-size:12px;font-weight:700;line-height:1.5;}
.title{color:var(--text-900,#111)}
.title.flex{gap:12px;align-items:flex-end;}
.title.eb32{font-size:32px;font-weight:800;line-height:1.35;}
.title.eb28{font-size:28px;font-weight:800;line-height:1.35;}
.title.eb26{font-size:26px;font-weight:800;line-height:1.35;}
.title.ellipsis2:not(.eb20){min-height:2.7em;}
.title.eb20{font-size:20px;font-weight:800;line-height:1.5;}
.title.eb18{font-size:18px;font-weight:800;line-height:1.5;}
.sub_title.b22{font-size:22px;font-weight:700;line-height:1.5;}
.sub_title.b20{font-size:20px;font-weight:700;line-height:1.5;}
.sub_title.b18{font-size:18px;font-weight:700;line-height:1.5;}
.sub_title.b14{font-size:14px;font-weight:700;line-height:1.5;}
.sub_title.b16{font-size:16px;font-weight:700;line-height:1.5;}
.sub_title.ellipsis2{min-height:3em;}
.caption.r12{font-size:12px;line-height:1.1;font-weight:400;}
.caption.r13{font-size:13px;line-height:1.35;font-weight:400;}
.caption.r14{font-size:14px;line-height:1.5;font-weight:400;}



/* btns */
.btn_wrap{display:flex;gap:8px;}
.btn_wrap.center{justify-content:center;}
.btn_wrap .btn{flex:1;border-radius:99px;padding:12px 0;background-color:var(--point-Blue);text-align:center;color:#fff;}
.btn_wrap .btn.purple{border-radius:8px;background: var(--BG-caption_dark, #41436A);}
.btn_wrap .btn.sm{padding:12px;flex:0 0 auto;font-size:14px;}
.btn_round{display:flex;padding:4px 12px;border-radius:99px;border:1px solid var(--point-Blue, #1B71EF);background:#ECF3FC;color:var(--point-Blue,#1B71EF);}

.btn_top{display:none;position:fixed;bottom:32px;right:50%;margin-right:-770px;border-radius:40px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;border: 1px solid var(--stroke-300, #CACBCE);background: rgba(255, 255, 255, 0.70);backdrop-filter: blur(2px);z-index:9999;}



/* form_wrap */
.form_list_wrap{display:flex;flex-direction:column;gap:24px;}
.form_list{display:flex;gap:8px;flex-wrap:wrap;}
.form_list .sub_title{width:100%;}
.form_wrap.full{width:100%;}
.form_wrap.full input{width:100%;}
.form_wrap input[type='text']{height:43px;padding:12px;border-radius:8px;border:1px solid var(--stroke-100, #E6E6E6);font-size:14px;color:var(--text-900,#000)}
.form_wrap input::placeholder{color:var(--text-400, #AEAEB2);}
.form_wrap.search{position:relative;}
.form_wrap.search input{width:100%;height:44px;border-width:0 0 1px 0;border-radius:0;padding:8px 52px 8px 12px;border-bottom:1px solid var(--stroke-100, #E6E6E6);} 
.form_wrap.search .btn{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:28px;height:28px;}
/* select */
.form_wrap select{width:100%;height:43px;padding:12px 30px 12px 12px;border-radius:8px;border: 1px solid var(--stroke-300, #CACBCE);background:url('../images/icon_select.svg') no-repeat calc(100% - 12px) 50% / 18px auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px;color:var(--text-900, #111);}
/* button */
.form_wrap.button{display:flex;gap:8px;}
.form_wrap.button .btn{border-radius:8px;flex:0 0 78px;background:var(--BG-caption_dark, #41436A);font-size:14px;color:#fff;display:flex;align-items:center;justify-content:center;}
/* checkbox, radio */
.form_wrap.check{border-width:0;}
.form_wrap.check,
.form_wrap.radio{position:relative;}
.form_wrap.check input[type="checkbox"],
.form_wrap.radio input[type="radio"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.form_wrap.check label,
.form_wrap.radio label{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid #ddd;border-radius:20px;background:#fff;font-size:14px;color:#666;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;}
.form_wrap.check label::before,
.form_wrap.radio label::before{content:'';display:inline-block;width:18px;height:18px;margin-right:4px;border:1px solid #ddd;border-radius:50%;background:#fff no-repeat center/10px;transition:all 0.2s ease;}
.form_wrap.check input[type="checkbox"]:checked+label,
.form_wrap.radio input[type="radio"]:checked+label{border-color:var(--point-Blue);color:var(--point-Blue);background-color:#f0f7ff;}
.form_wrap.check input[type="checkbox"]:checked+label::before,
.form_wrap.radio input[type="radio"]:checked+label::before{background-color:var(--point-Blue);border-color:var(--point-Blue);background:var(--point-Blue) url('../images/icon_radio.svg') no-repeat center;}

.radio_wrap{display:flex;justify-content:space-around;width:100%;border:1px solid var(--stroke-100, #E6E6E6);border-radius:8px;}
.radio_wrap .form_wrap.radio2{flex:1;}
.form_wrap.radio2 input[type="radio"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.form_wrap.radio2 label{display:block;width:100%;height:100%;padding:12px 0;border:1px solid transparent;border-radius:8px;background:#fff;font-size:14px;color:var(--text-600, #66676B);cursor:pointer;transition:all 0.2s ease;white-space:nowrap;text-align:center;}
.form_wrap.radio2 input[type="radio"]:checked + label{border:1px solid var(--point-Blue);color:var(--point-Blue)}

.form_wrap.check2{border-width:0;}
.form_wrap.check2 input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;border-radius:0;}
.form_wrap.check2 input + label{display:flex;align-items:center;gap:8px;color:#555;font-size:15px;cursor:pointer;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;color:var(--color-text);white-space:nowrap;}
.form_wrap.check2 input + label:before { /* 가짜 체크박스 */ content:'';display:inline-block;width:14px;height:14px;border-radius:2px;background-color:#fff;border:1px solid var(--stroke-300, #CACBCE);}
.form_wrap.check2 input:checked + label:before {content:'';background:var(--point-Blue, #1B71EF) url('../images/icon_checked.svg') no-repeat center center / 9px auto;border-color:var(--point-Blue, #1B71EF)}

/* datepicker */
.datepicker_wrap{display:flex;gap:8px;align-items:center;width:100%;}
.datepicker_wrap .form_wrap{flex:1;}
.form_wrap.datepicker input{width:100%;font-size:14px;line-height:1.3;padding-left:36px;background:url('../images/icon_datepicker.svg') no-repeat 12px center;} 
.ui-datepicker{left:0;width:236px;border-radius:8px;background:#FFF;box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.20);}
.ui-datepicker-header{position:relative;padding:14px 16px;border-bottom: 1px solid var(--stroke-100, #E6E6E6);}
.ui-datepicker-prev,
.ui-datepicker-next{font-size:0;color:transparent;width:20px;height:20px;position:absolute;top:14px;}
.ui-datepicker-prev{right:38px;background:url('../images/icon_datepicker_prev.svg') no-repeat center;}
.ui-datepicker-next{right:10px;background:url('../images/icon_datepicker_next.svg') no-repeat center;}
.ui-datepicker-title{font-size:14px;font-weight:800;line-height:1.5;}
.ui-datepicker-calendar{width:calc(100% - 24px);margin:8px auto;}
.ui-datepicker-calendar thead th,
.ui-datepicker-calendar tbody td{height:29px;text-align:center;font-size:12px;color:var(--text-900, #111);line-height:1.1;}
.ui-datepicker-calendar thead th{font-weight:700;}
.ui-datepicker-calendar tbody td a{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:29px;overflow:hidden;}
.ui-datepicker-calendar tbody td .ui-priority-secondary{color:var(--text-400, #AEAEB2);}
.ui-datepicker-calendar tbody td .ui-state-active{background-color:var(--point-Blue, #1B71EF);color:#fff;}
.form_wrap.time{width:158px;}
.form_wrap.time input{text-align:center;}





/* tag */
.tag{width:fit-content;border-radius:99px;padding:5px 12px;}
.tag.new{padding:1px 4px 2px 4px;color:#fff;font-size:10px;line-height:1.5;font-weight:800;background-color:#E82020;}



/* border */
.border_bottom{border-bottom:1px solid var(--stroke-500, #8C8D92);}



/* swiper */
.swiper_wrap{position:relative;}
.swiper-controller{position:absolute;top:-1px;right:-1px;z-index:9;display:flex;align-items:center;gap:16px;}
.swiper_btn{flex:0 0 36px;width:36px;height:36px;border-radius:36px;border:1px solid var(--stroke-300, #CACBCE);display:flex;align-items:center;justify-content:center;transition:border-color 0.3s ease;}
.swiper_btn:hover{border-color:var(--point-Blue)}
/* ---------------------------------------------------- */



/* top_banner */
.top_banner .swiper_wrap{position:relative;width:100%;overflow:hidden;}
.top_banner .swiper-slide{height:60px;}
.top_banner .swiper-slide img{width:100%;height:100%;object-fit:cover;}
.top_banner .swiper_pagenav{position:absolute;top:50%;left:50%;transform:translate(658px, -50%);display:flex;align-items:center;justify-content:center;gap:2px;min-width:42px;width:auto;height:21px;padding:4px 8px;width:auto;border-radius:99px;background:rgba(255, 255, 255, 0.20);font-size:12px;color:#fff;z-index:9;}
.not-enough + .swiper_pagenav{display:none;}



/* header */
header{position:relative;}
.top_header, .gnb{position:relative;z-index:9;}
.dim2{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;background:rgba(0, 0, 0, 0.60);z-index:8;display:none;}
.top_header{border-bottom:1px solid var(--stroke-100,#E6E6E6);background:var(--text-0,#FFF);}
.top_header .cont_inner{display:flex;align-items:center;justify-content:space-between;height:80px;}
.top_header ul{display:flex;gap:16px;}
.top_header .logo img{width:179px;}
@media(min-width:1280px){
    .top_header.fixed{position:fixed;top:0;left:0;width:100%;z-index:1000;}
    .top_header.fixed ~ .gnb_menu_wrap{position:fixed;top:80px;left:0;width:100%;}
    .top_header.fixed ~ .search_wrap{position:fixed;top:80px;left:0;width:100%;}
    .top_header.no_banner_top ~ .gnb_menu_wrap{position:absolute;top:154px;left:0;width:100%;}
}

.gnb .inner{border-bottom: 1px solid var(--stroke-100,#E6E6E6);background: var(--text-0,#FFF);}
.gnb_list{display:flex;gap:24px;justify-content:center;align-items:center;height:72px;}
.gnb_list li{position:relative;display:flex;align-items:center;justify-content:center;width:69px;height:100%;text-align:center;}
.gnb_list li a{display:block;width:100%;padding:8px 0;font-size:18px;font-weight:700;color:var(--text-900,#111);line-height:1.5;}
.gnb_list li:after{content:'';display:block;width:100%;height:0;position:absolute;bottom:0;left:0;background-color:var(--point-Blue, #1B71EF);transition:height 0.2s ease}
.gnb_list li.active:after,
.gnb_list li:hover:after{height:2px;}
.gnb_list li.active a,
.gnb_list li:hover a{color:var(--point-Blue, #1B71EF);transition:color 0.2s ease}

.gnb_menu_wrap{display:none;position:absolute;top:100%;right:0;width:100%;padding:32px 0;background-color:#fff;z-index:999;}
.gnb_menu_list{display:flex;gap:32px 41px;flex-wrap:wrap;max-width:1400px;margin:0 auto;width:100%;}
.gnb_menu_list > .inner{position:relative;width:calc(12.5% - 36px);display:flex;flex-direction:column;gap:8px;}
.gnb_menu_list > .inner:after{content:'';display:block;position:absolute;top:0;right:-20px;width:1px;height:calc(100% + 16px);background-color:var(--stroke-100, #E6E6E6);}
.gnb_menu_list > .inner:nth-child(n+9):after{top:-16px}
.gnb_menu_list > .inner:nth-child(8n):after{display:none;}
.gnb_menu_list ul{display:flex;flex-direction:column;gap:6px;}
.gnb_menu_list ul li a{font-size:14px;line-height:1.5;color:var(--text-600);}
.gnb_menu_list ul li.active a,
.gnb_menu_list ul li a:hover{color:var(--point-Blue, #1B71EF)}

header .search_wrap{display:none;position:absolute;top:100%;z-index:999;}
.search_wrap{width:100%;padding:32px 0;background-color:#fff;}
.search_wrap > .cont_inner{max-width:800px;display:flex;flex-direction:column;gap:40px;}
.search_wrap .keyword{position:relative;display:flex;flex-direction:column;gap:8px;}
.search_wrap .keyword .list{display:flex;flex-wrap:wrap;gap:12px;}
.search_wrap .keyword .list li{border-radius:99px;background-color:var(--BG-Button100, #F0F1F5);transition:background-color 0.3s ease;}
.search_wrap .keyword .list li a{display:block;padding:8px 16px;transition:color 0.3s ease;}
.search_wrap .keyword .list li:hover{background-color:var(--BG-Button_submenu, #DFEAFB);}
.search_wrap .keyword .list li:hover a{color:var(--point-Blue, #1B71EF)}
.search_wrap .keyword .caption_box{display:none;position:absolute;top:0;right:22px;padding:10px;border-radius:6px;border:1px solid var(--text-600, #66676B);background:var(--text-600, #66676B);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.20);font-size:12px;color:#fff;line-height:1.35;}



/* footer */
footer{background-color:#222428;}
.footer_nav{display:flex;gap:16px;height:50px;align-items:center;justify-content:flex-end;}
.footer_nav a{color:#fff;}
.footer_wrap{display:flex;gap:40px;justify-content:flex-start;padding-bottom:24px;}
.footer_wrap .company{display:flex;gap:28px;}
.footer_wrap .company ul{display:flex;flex-direction:column;gap:8px;}
.footer_wrap .company li{display:flex;gap:16px;color:#fff;flex-wrap:wrap;white-space:nowrap;}
footer .copyright{border-top:1px solid #32373C;}
footer .copyright > .cont_inner{display:flex;justify-content:space-between;color:#fff;padding:12px 0;}



/* page navigaiton */
.page_navigation{display:flex;gap:20px;align-items:center;justify-content:center;}
.page_navigation .btns{display:flex;gap:8px;}
.page_navigation .btns .btn{width:36px;height:36px;border-radius:36px;border:1px solid var(--stroke-300, #CACBCE);padding:6px;}
.page_navigation .btns .btn_next,
.page_navigation .btns .btn_after{transform:rotate(180deg)}
.page_navigation .numbers{display:flex;gap:16px;}
.page_navigation .numbers.mo{display:none;}
.page_navigation .numbers .num{font-size:20px;color:var(--text-400, #AEAEB2);}
.page_navigation .numbers li.active .num{font-weight:700;color:var(--point-Blue, #1B71EF)}



/* popup */
.popup_wrap{height:0;overflow:hidden;position:fixed;top:0;left:0;width:100%;z-index:100000}
.popup_wrap > .inner{opacity:0;display:flex;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.60);align-items:center;justify-content:center;transition:all 0.5s ease;padding:0 24px;}
.popup_wrap .cont_wrap{width:100%;max-width:800px;transform:translateY(10px);transition:all 0.5s ease;}
.popup_wrap .btns{display:flex;gap:8px;position:absolute;top:24px;right:24px;}
.popup_wrap .btn_refresh,
.popup_wrap .btn_close_popup{width:28px;height:28px;}
.popup_wrap .cont_wrap .cont{position:relative;background-color:#fff;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:48px;max-height:calc(100vh - 100px);}
.popup_wrap .top{display:flex;flex-direction:column;gap:8px;}
.popup_wrap .title_wrap{display:flex;justify-content:space-between;align-items:center;}
.popup_wrap.active{height:100%;}
.popup_wrap.active > .inner{opacity:1;}
.popup_wrap.active .cont_wrap{position:relative;transform:translateY(0);}
.popup_wrap .cont_wrap .cont::-webkit-scrollbar{width:0;}
.popup_wrap .cont_wrap .cont::-webkit-scrollbar-track {background-color: transparent;}
.popup_wrap .cont_wrap .cont::-webkit-scrollbar-thumb {border-radius:2px;background-color:rgba(200,200,200,1);}
.popup_wrap .cont_wrap .cont::-webkit-scrollbar-button {width: 0;height: 0;}
.popup_wrap .bottom{display:flex;flex-direction:column;gap:20px;overflow-y:auto;}
.popup_wrap.search .cont_wrap{max-width:544px;}
/* main_popup */
.popup_wrap.main_popup .cont_wrap{max-width:600px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;}
.popup_wrap.main_popup .cont_wrap .cont{padding:0;gap:0;border-radius:20px;overflow-y:auto;background-color:transparent;max-height:100%;}
.popup_wrap.main_popup .thumb_img{padding-bottom:100%;}
.popup_wrap.main_popup .mainPopupSwiper{position:relative;}
.popup_wrap.main_popup .swiper_pagenav{position:absolute;top:16px;left:auto;right:16px;width:42px;height:26px;border-radius:99px;color:#fff;background-color:rgba(0, 0, 0, 0.40);z-index:1;display:flex;align-items:center;justify-content:center;gap:2px;}
.popup_wrap.main_popup .swiper_pagenav *{font-size:13px;}
.popup_wrap.main_popup .popup_controller{padding:12px;background-color:var(--text-900, #111);display:flex;justify-content:space-between;min-width:0;align-items:center;}
.popup_wrap.main_popup .popup_controller .check2 label{color:#fff;font-size:13px;}
.form_wrap.check2 input + label:before{background-color:transparent;}
.popup_wrap.main_popup .popup_controller .btn_close_popup{width:20px;height:20px;padding:4px;}
/* video_popup */
.popup_wrap.video .cont_wrap .cont{position:relative;width:100%;height:0;padding:0;padding-bottom:56.25%;overflow:hidden;background:none;}
.popup_wrap.video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.popup_wrap.video .btn_close_popup{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:32px;background-color:rgba(0, 0, 0, 0.40);display:flex;align-items:center;justify-content:center;}
.popup_wrap.video .btn_close_popup img{width:12px;height:12px;}


/* top_visual */
.top_visual > .cont_inner{display:flex;justify-content:space-between;align-items:stretch;gap:16px;}
.top_visual .swiper_wrap{flex:0 0 74.71%;height:0;padding-bottom:44.85%}
.top_visual .swiper{border-radius:24px;position:absolute;top:0;left:0;width:100%;height:100%;}
.top_visual .swiper-slide{position:relative;}
.top_visual .swiper-slide:after{content:'';display:block;width:100%;height:100%;background:linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 90%);;position:absolute;top:0;left:0;}
.top_visual .swiper-slide img{width:100%;height:100%;object-fit:cover;}
.top_visual .swiper-controller{width:200px;height:72px;background:url('../images/img_corner_lg.svg') no-repeat center center;padding:0 16px 37px 40px;}
.top_visual .swiper_pagenav{display:flex;align-items:center;justify-content:center;gap:8px;font-size:18px;line-height:20px;color:var(--text-400, #AEAEB2);min-width:43px;}
.top_visual .swiper_pagenav .swiper-pagination-current{color:var(--point-Blue)}
.top_visual .swiper_pagenav .bar{display:block;width:1px;height:14px;background-color:var(--text-400,#AEAEB2);}
.top_visual .swiper .title_wrap{position:absolute;bottom:0;left:0;width:100%;z-index:9;display:flex;flex-direction:column;gap:20px;padding:48px 24px}
.top_visual .swiper .title_wrap .title{color:var(--text-0, #FFF);}
.top_visual .swiper .title_wrap .sub_title{color:var(--text-400, #AEAEB2);}

.top_visual .news_list{flex:1;display:flex;flex-direction:column;gap:6px;}
.top_visual .news_list .list{flex:1;display:flex;flex-wrap:wrap;gap:8px;}
.top_visual .news_list .list li{position:relative;flex:0 0 100%;height:0;padding-bottom:55.80%}
.top_visual .news_list .list li a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
.top_visual .news_list .list .img{width:100%;height:100%;border-radius:12px;overflow:hidden;position:relative;}
.top_visual .news_list .list .img::after{content:'';display:block;width:100%;height:100%;background:linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 90%);;position:absolute;top:0;left:0;}
.top_visual .news_list .list img{width:100%;height:100%;object-fit:cover;}

.top_visual .news_list .tag_corner{position:absolute;top:-1px;right:-1px;width:95px;height:43px;background:url('../images/img_corner_top.svg') no-repeat;padding:1px 0 0 17px;}
.top_visual .news_list .tag_corner .tag{width:77px;padding:6px 0;border-radius:8px;background:var(--BG-caption_dark, #41436A);
color:#fff;text-align:center;}
.top_visual .news_list .title_wrap{position:absolute;bottom:0;left:0;width:100%;display:flex;flex-direction:column;gap:8px;padding:24px 16px;}
.top_visual .news_list .title_wrap .ellipsis2{min-height:auto;max-height:3em;}



/* realtime_news */
.realtime_news .cont_inner{padding-bottom:40px;}
.realtime_news .bg{display:flex;gap:50px;border-radius:12px;padding:20px 32px;height:74px;background:radial-gradient(50% 304.04% at 50% 50%, #122D81 0%, #142352 100%);}
.realtime_news .title{display:flex;align-items:center;white-space:nowrap;}
.realtime_news .swiper_wrap{flex:1;overflow:hidden;;}
.realtime_news .swiper{height:34px;}
.realtime_news .swiper-slide{display:flex;align-items:center;gap:16px;justify-content:flex-start;}
.realtime_news .tag{border:1px solid var(--stroke-100, #fff);color:#fff;white-space:nowrap;}



/* google_ads */
.google_ads .bg{background-color:#EDEDED;display:flex;justify-content:center;}
.google_ads .bg img{max-width:100%;}



/* best_news */
.best_news > .cont_inner{display:flex;flex-direction:column;gap:16px;}
.best_news .top_title{display:flex;justify-content:space-between;}
.best_news .tab_list{display:flex;height:50px;padding:4px;border-radius:99px;background-color:var(--BG-Button200, #E9E9EA);}
.best_news .tab_list li .btn{width:112px;height:42px;border-radius:99px;color:var(--text-600, #66676B);text-align:center;}
.best_news .tab_list li.active .btn{background-color:var(--point-Blue, #1B71EF);color:#fff;}
.card_list_wrap{display:flex;flex-wrap:wrap;gap:16px;}
.card_list_wrap .list{width:calc(25% - 12px);}
.card_list_wrap .list:hover .title_wrap .title{text-decoration:underline;color:var(--text-600, #66676B)}
.card_list_wrap .list.w50{width:calc(50% - 8px);}
.card_list_wrap .img{position:relative;}
.card_list_wrap .thumb_img{padding-bottom:66.27%;border-radius:12px;}
.card_list_wrap .tag_corner{position:absolute;bottom:-1px;right:-1px;width:95px;height:43px;background:url('../images/img_corner_bottom.svg') no-repeat;display:flex;align-items:flex-end;justify-content:flex-end;}
.card_list_wrap .tag_corner .tag{width:77px;padding:6px 0;display:flex;justify-content:center;align-items:center;border-radius:8px;background:var(--BG-caption_dark, #41436A);;color:#fff;}
.card_list_wrap .title_wrap{padding:8px;display:flex;flex-direction:column;gap:6px;justify-content:space-between;flex:1;}



/* sports_news */
section > .cont_inner.sports_news_wrap{display:flex;gap:16px;align-items:stretch;;}
.sports_news_wrap{padding-bottom:40px}
.sports_news_wrap.top_border{padding-top:40px;padding-bottom:0;border-top:1px solid var(--stroke-100, #E6E6E6);}
.sports_news_wrap .keyword_list{flex:0 0 338px;}
.sports_news{display:flex;gap:16px;;flex-direction:column;;}
.out_link{border-radius:99px;padding:6px;border:1px solid var(--stroke-300, #CACBCE);;}
.card_list_wrap .list.full{width:100%;}
.card_list_wrap .list.column a{display:flex;flex-direction:row;gap:16px;}
.card_list_wrap .list.column .thumb_img{flex:0 0 420px;height:265px;padding-bottom:0;}
.card_list_wrap .list.column:hover .title_wrap .sub_title:not(.author){text-decoration:underline;color:var(--text-600, #66676B)}
.sports_news .card_list_wrap .title_wrap{padding:16px 0 0 0;}
.keyword_list{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px;overflow:hidden;}
.keyword_list .list{flex:1;display:flex;flex-direction:column;gap:8px;}
.keyword_list .list li{flex:1;display:flex;gap:6px;align-items:center;}
.keyword_list .list li a{display:flex;width:100%;height:100%;padding:0 16px;align-items:center;border-radius:12px;background:var(--BG-Button100, #F0F1F5);transition:all 0.3s ease;;}
.keyword_list .list li a:hover{background-color:var(--BG-Button_submenu, #DFEAFB);color:var(--point-Blue, #1B71EF)}
.keyword_list .list li .tit{display:inline-block;position:relative;font-weight:700;}
.keyword_list .list li .tag.new{position:relative;top:-1px;left:6px;}
.side_google_ads{flex:1;min-width:0;display:flex;flex-direction:column;gap:32px;justify-content:center;}
.side_google_ads img{max-width:100%;}

/* photo_news */
.photo_news > .cont_inner{display:flex;gap:16px;flex-direction:column;}
.photo_news .photo_wrap{display:flex;gap:16px;align-items:stretch;}
.photo_news .visual{display:block;border-radius:16px;overflow:hidden;position:relative;flex:0 0 360px;height:430px;}
.photo_news .thumb_img{height:100%;padding-bottom:0;}
.photo_news .thumb_img:after{position:absolute;content:'';display:block;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,0) 39.49%,#000 78.99%);}
.photo_news .visual .thumb_img img{transition:transform 0.2s ease;}
.photo_news .visual:hover .thumb_img img{transform:scale(1.05)}
.photo_news .swiper_wrap{flex:1;min-width:0;padding-top:10px;}
.photo_news .swiper-slide{width:285px!important;height:332px;align-self:flex-end;}
.photo_news .swiper-slide .thumb_img{height:100%;padding-bottom:0;border-radius:16px;overflow:hidden;}
.photo_news .swiper-slide img{width:100%;height:100%;object-fit:cover;transition:transform 0.2s ease;}
.photo_news .swiper-slide:hover img{transform:scale(1.05)}
.photo_news .title_wrap{position:absolute;bottom:0;left:0;width:100%;padding:24px 12px;display:flex;flex-direction:column;gap:6px;}
.photo_news .swiper-controller{top:auto;bottom:0;width:100%;height:56px;gap:16px;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;}
.photo_news .swiper-scrollbar{width:100%;top:100%;left:0;top:auto;height:4px;}
.photo_news .swiper-scrollbar-drag{background-color:var(--point-Blue,#1B71EF);border-radius:0;}
.photo_news .swiper_btn{border:0;background:var(--point-Blue,#1B71EF);}

/* photo_news(위클리 상암) */
.photo_news.weekly_sangam .weekly_sangam_photo_wrap{display:flex;gap:16px;align-items:stretch;}
.photo_news.weekly_sangam .visual{flex:0 0 661px;height:372px;}
.photo_news.weekly_sangam .swiper-slide{width:480px!important;height:270px;}


/* bottom_bnr */
.main > section.bottom_bnr{padding-top:40px;}
.bottom_bnr > .cont_inner{display:flex;gap:16px;}
.bottom_bnr .thumb_img{flex:1;padding-bottom:6.78%;border-radius:16px;overflow:hidden;}
.bottom_bnr .thumb_img img{width:100%;object-fit:cover;}



/* sub_top_list */
.sub_top_list{display:flex;gap:32px;flex-direction:column;}
.sub_top_list .top_title{display:flex;gap:12px;align-items:flex-end;padding-bottom:12px;}
.sub_top_list .search_wrap > .cont_inner{align-items:center;}
.sub_top_list .form_wrap.search{width:100%;}
.sub_top_list .keyword{flex-direction:row;align-items:center;}
.sub_top_list .keyword .sub_title{white-space:nowrap;}
.sub_nav{display:flex;gap:1px;margin:0 -6px;}
.sub_nav li{position:relative;padding:0 6px;}
.sub_nav li:after{content:'';display:block;width:1px;height:12px;background-color:var(--stroke-100, #E6E6E6);position:absolute;top:50%;transform:translateY(-50%);right:-1px;}
.sub_nav li:last-child:after{display:none;}
.sub_nav li a{color:var(--text-600, #66676B);}
.sub_nav li.active a{color:var(--point-Blue, #1B71EF);}

.article_list_wrap{display:flex;flex-direction:column;gap:40px;}
.article_list{display:flex;gap:16px;}
.article_list .article_wide{flex:0 0 74.71%;}
.article_list .article_side{flex:1;}
.article_list .list.column .thumb_img{flex:0 0 480px;height:303px;}
.article_list .list.column.w50 a{gap:20px;}
.article_list .list.w50 .thumb_img{flex:0 0 312px;height:202px;}
.article_list .list.w50 .title_wrap{padding:16px 16px 16px 0;;}
.article_list.search .list.column .thumb_img{flex:0 0 320px;height:202px;}
.article_list.search .side_list{flex:none;gap:21px;}
.article_list.search .side_list li:after{bottom:-10px;}

.sub_tab_list{display:flex;justify-content:space-between;}
.sub_tab_list > li{flex:1;border-radius: 8px 8px 0 0;border-bottom:1px solid var(--text-900, #111);}
.sub_tab_list > li.active{border:1px solid var(--text-900, #111);border-bottom-width:0;}
.sub_tab_list > li > a{display:flex;width:100%;padding:10px;color:var(--text-400, #AEAEB2);align-items:center;justify-content:center;}
.sub_tab_list > li.active > a{color:var(--text-900, #111);}
.sub_tab_list > li.active > a .impact{color:var(--point-Blue, #1B71EF)}

.sub_array_wrap{display:flex;justify-content:flex-end;align-items:center;gap:16px;padding:20px 0;}
.sub_array_wrap .line_list{display:flex;gap:13px;}
.sub_array_wrap .line_list .btn{position:relative;}
.sub_array_wrap .line_list .btn:after{position:absolute;top:50%;right:-6px;transform:translateY(-50%);content:'';display:block;width:1px;height:12px;background-color:var(--stroke-100, #E6E6E6);;}
.sub_array_wrap .line_list li:last-child .btn:after{display:none;}
.sub_array_wrap .line_list li.active .btn{color:var(--point-Blue, #1B71EF)}
.sub_array_wrap .btn_setting{width:32px;height:32px;border-radius:32px;padding:6px;border:1px solid var(--text-600, #66676B);background:url('../images/icon_search_setting.svg') no-repeat center center/ 20px auto;transition:all 0.3s ease;}
.sub_array_wrap .btn_setting:hover{background-image:url('../images/icon_search_setting_b.svg');border-color:var(--point-Blue)}
.no_search{padding:60px 0;text-align:center;}

.article_side{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px;overflow:hidden;}
.side_list{flex:1;display:flex;flex-direction:column;gap:8px;justify-content: space-between;}
.side_list li{position:relative;}
.side_list li:after{content:'';display:block;width:100%;height:1px;background-color:var(--stroke-100, #E6E6E6);position:absolute;bottom:-14px;left:0;}
.side_list li:last-child:after{display:none;}
.side_list li a{display:flex;gap:12px;}
.side_list li a .title_wrap{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:8px 0;}
.side_list li:hover a .title_wrap .sub_title{text-decoration:underline;}
.side_list .thumb_img{border-radius:8px;width:94px;height:94px;padding-bottom:0;}



/* sub/view_list */
.line_list{display:flex;gap:13px;}
.line_list span{position:relative;}
.line_list span:after{position:absolute;top:50%;right:-6px;transform:translateY(-50%);content:'';display:block;width:1px;height:12px;background-color:var(--stroke-100, #E6E6E6);;}
.line_list span:last-child:after{display:none;}
.view_title{padding-bottom:16px;border-bottom:1px solid var(--stroke-300, #CACBCE);}
.view_title .title{padding:12px 0 28px;}
.view_title .btn_craft{display:flex;position:relative;}
.view_title .btn_craft .view_btns{display:flex;gap:12px;}
.view_title .btn_craft .view_btns .btn{flex:0 0 24px;}
.view_title.fixed .mini_popup{top:calc(100% - 4px);}
.view_title.fixed{position:fixed;top:80px;left:0;z-index:900;width:100%;background-color:#fff;border-bottom:0;padding-bottom:0;animation:slideDownStyle 0.4s forwards;}
.view_title.fixed > .inner{position:relative;max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;}
.view_title.fixed .scroll_progress{display:block;}
.view_title.fixed .breadcrumb,
.view_title.fixed .line_list{display:none;}
.view_title.fixed .title{padding:14px 0;font-size:18px;}
.view_title .scroll_progress{display:none;position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--BG-Button200, #E9E9EA);}
.view_title .scroll_progress .bar{display:block;width:0%;height:100%;background-color:var(--point-Blue, #1B71EF)}
@keyframes slideDownStyle{0%{transform:translateY(-100%);}100%{transform:translateY(0);}}

.mini_popup{display:none;position:absolute;top:calc(100% + 15px);right:0;width:260px;padding:20px;border-radius:12px;background:var(--text-0, #FFF);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.30);z-index:900;}
.mini_popup .sub_title{padding-bottom:20px}
.mini_popup.active{display:block;}
.mini_popup .btn_close_popup{position:absolute;top:20px;right:20px;width:24px;height:24px;}
.mini_popup ul{display:flex;justify-content:space-between;}
.mini_popup ul li{display:flex;flex-direction:column;gap:8px;text-align:center;font-size:12px;line-height:1.1;color:var(--text-600);transition:color 0.3s ease;}
.mini_popup ul li .btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:44px;border:1px solid var(--stroke-100, #E6E6E6);margin:6px;transition:border-color 0.3s ease;}
.mini_popup ul li:hover{color:var(--point-Blue, #1B71EF)}
.mini_popup ul li:hover .btn{border-color:var(--point-Blue, #1B71EF)}
.mini_popup.font_size ul li .btn.normal{font-size:12px}
.mini_popup.font_size ul li .btn.medium{font-size:16px}
.mini_popup.font_size ul li .btn.large{font-size:20px}

.detail_layer{padding:0 24px;}
.detail_layer img{max-width:100%;height:auto;}
.detail_layer .article{font-size:16px;color:var(--text-900, #111);line-height:1.5;font-family:'Pretendard', sans-serif;}
.detail_layer .article p{margin-bottom:2em;font-size:18px;}
.detail_layer .article_info{padding:40px 0;font-size:14px;line-height:1.5;color:var(--text-900, #111);display:flex;flex-direction:column;gap:8px;}
.detail_layer .article_info .copyright{line-height:1.35;}
.detail_layer .article_info .journalist{font-weight:700;line-height:1.1;}
.detail_layer .keyword_list{gap:12px;}
.detail_layer .keyword_list{display:flex;gap:8px;flex-wrap:wrap;flex-direction:row;}
.detail_layer .keyword_list .item{display:flex;padding:8px 16px;background: var(--BG-Button100, #F0F1F5);border-radius:99px;justify-content:center;
align-items:center;gap:10px;}
.detail_layer .keyword_list .item:hover{background-color:var(--BG-caption_dark, #41436A);color:#fff;}
.detail_layer .keyword_list .item:hover .hashtag{color:#fff;}
.detail_layer .keyword_list .hashtag:before{content:'#';}
.detail_layer .keyword_list .hashtag{color: var(--text-600, #66676B);}
.detail_layer .keyword_list .form_wrap .st_tag{background-color:transparent;width:160px;font-size:14px;}
.detail_layer .article .article-attachment{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.detail_layer .article figcaption{font-size:16px!important;}

.detail_another h2.title{padding-bottom:8px;}
.detail_another .list{display:flex;flex-direction:column;gap:8px;}
.detail_another .list li{padding:12px;border-radius:8px;border:1px solid var(--stroke-100, #E6E6E6);}
.detail_another .list li:hover{background-color:var(--BG-Button200, #E9E9EA);}
.detail_another .list li a{display:block;}
.view_wrap .article_list.search .list.column .thumb_img{flex:0 0 226px;height:142px;}
.view_wrap .article_wide{display:flex;gap:48px;flex-direction:column;}



/* 사진 구매 신청 */
.purchase_photo > .cont_inner{display:flex;flex-direction:column;gap:48px;}
.purchase_photo .top_title{text-align:center;display:flex;flex-direction:column;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--stroke-500, #8C8D92);}
.purchase_photo .top_title .sub_text{line-height:1.5;}

.purchase_area{max-width:720px;width:100%;margin:0 auto;}
.purchase_area hr{margin:48px 0;background:var(--stroke-300, #CACBCE);height:1px;}
.purchase_area .form_list_wrap{gap:16px}
.purchase_area .form_list{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;}
.purchase_area .form_list .sub_title{flex:0 0 146px;display:flex;}
.purchase_area .form_list .sub_title.lh{line-height:1.5}
.purchase_area .form_list .impact{font-size:18px;color:#f33;margin-right:4px;}
.purchase_area .form_list .form_inner{display:flex;flex-direction:column;gap:8px;flex:1;}
.purchase_area .form_wrap{display:flex;gap:8px;flex:auto;min-width:auto;}
.purchase_area .form_wrap input{flex:0 0 auto;width:100%;}
.purchase_area .form_wrap.button input{flex:1;}
.purchase_area .form_wrap input[type='text'],
.purchase_area .form_wrap input::placeholder,
.purchase_area .form_wrap select{font-size:14px;}
.purchase_area .form_wrap ~ .form_wrap.select{flex:0 0 160px;}
.purchase_area .btn_wrap{justify-content:center;padding-top:32px;}
.purchase_area .btn_wrap .btn{max-width:240px;}
.purchase_area .form_list.alarm{flex-wrap:wrap;}
.purchase_area .form_list.alarm input{border-color:#f33}
.purchase_area .form_list.alarm .form_notice{display:block;color:#f33;font-size:12px;line-height:1.1;}
.purchase_area .form_list.alarm .sub_title{align-self:flex-start;padding-top:9px;}

.table_wrap{display:flex;flex-direction:column;gap:5px}
.table_wrap table{width:100%;}
.table_wrap thead th{height:48px;background: var(--BG-admin, #E4E7EC);color:var(--text-900, #111);font-size:16px;font-weight:700;line-height:1.5;}
.table_wrap thead th:first-child{border-radius:8px 0 0 8px;}
.table_wrap thead th:last-child{border-radius:0 8px 8px 0;}
.table_wrap tbody td{height:48px;padding:12px 0;text-align:center;color:var(--text-600, #66676B);font-size:16px;line-height:1.5;border-bottom:1px solid var(--stroke-100, #E6E6E6);}
.table_wrap .import{text-align:right;}

/* ------- */
/* company */
/* ------- */

/* company header */
header.company_header{position:fixed;top:0;left:0;width:100%;z-index:99999;}
header.company_header .logo a{display:block;}
header.company_header .gnb_list{display:flex;gap:48px;justify-content:center;align-items:center;}
header.company_header .gnb_list li{width:auto;}
header.company_header .gnb_list li.active:after{display:none;}
header.company_header .gnb_list li:hover:after{display:none;}
header.company_header .btn_news{padding:6px 16px;background-color:var(--point-Blue);border-radius:99px;font-size:18px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;}


/* company_top_content */
.company_contents{padding-top:80px;}
.company_top_content .top_bg{background:url('../images/img_company_top.png') no-repeat center center / cover;color:var(--text-0)}
.company_top_content .title{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;height:226px;text-align:center;}
.company_top_content .title p{color:var(--text-0)}
.company_top_content .title .sub_title{display:flex;gap:6px;align-items:center;}
.company_top_content .title .img{width:179px;height:auto;}

.company_top_nav{border-top:1px solid rgba(255, 255, 255, 0.30);}
.company_top_nav .depth01_nav{height:70px;display:flex;justify-content:space-between;align-items:center;}
.company_top_nav .depth01_nav .sub_title{flex:1;text-align:center;}
.company_top_nav .depth01_nav a img{width:28px;height:28px;}
.company_sub_nav{background-color:var(--stroke-100, #E6E6E6);}
.company_sub_nav > .cont_inner{display:flex;}
.company_sub_nav > .cont_inner li{flex:1;border-right:1px solid var(--stroke-300, #CACBCE);}
.company_sub_nav > .cont_inner li:last-child{border-right-width:0!important}
.company_sub_nav > .cont_inner li.active{border-right-color:var(--point-Blue, #1B71EF)!important}
.company_sub_nav > .cont_inner li a{width:100%;height:59px;display:flex;align-items:center;justify-content:center;color:var(--text-600)}
.company_sub_nav > .cont_inner li.active a{background-color:var(--point-Blue);color:var(--text-0)}

.company_inner .top_title{display:flex;;align-items:center;justify-content:center;gap:40px;}
.company_inner .top_title .title{font-size:28px;font-weight:900;line-height:1.35;text-align:center;}


/* company_greeting */
.company_greeting > .cont_inner{display:flex;flex-direction:column;gap:72px;}
.company_greeting .top_title .title{max-width:766px;width:100%;color:var(--point-Blue)}
.company_greeting .top_title span{font-size:40px;font-weight:800;line-height:1.35;color:var(--point-Blue)}
.company_greeting .text_wrap{display:flex;flex-direction:column;gap:24px;}
.company_greeting .text_wrap .text{text-align:center;font-size:16px;font-weight:400;line-height:1.7;}
.company_greeting .text_wrap .text .fc_blue{font-size:20px;font-weight:700;}
.company_greeting .bottom_info{border-top: 1px solid var(--point-Blue, #1B71EF);}
.company_greeting .bottom_info ul{display:flex;max-width:648px;margin:0 auto;flex-wrap:wrap;gap:8px 40px;padding-top:40px;}
.company_greeting .bottom_info li:nth-child(odd){flex:0 0 328px;}
.company_greeting .bottom_info li:nth-child(even){flex:0 0 280px;}
.company_greeting .bottom_info li dl{display:flex;gap:6px;}
.company_greeting .bottom_info li dt{flex:0 0 80px;}


/* company_request */
.company_request > .cont_inner{display:flex;flex-direction:column;gap:72px;}
.company_request .top_info_wrap{border-bottom:1px solid var(--stroke-300, #CACBCE);}
.company_request .top_info{max-width:720px;width:100%;margin:0 auto;padding-bottom:20px;display:flex;flex-direction:column;gap:24px;}
.company_request .top_info .inner{display:flex;flex-direction:column;gap:4px}
.company_request .top_info .inner2{display:flex;gap:16px}
.company_request .top_info .inner2 .inner{flex:1 0 0;}
.company_request .bg_box{padding:16px;border-radius:12px;background:var(--BG-Button100, #F0F1F5);}
.request_contents{max-width:720px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:48px;}
.request_contents .terms{display:flex;flex-direction:column;gap:8px;}
.request_contents .terms .check2{display:flex;justify-content:flex-end;}
.request_contents .form_list .sub_title{flex:0 0 82px;}


/* company_map */
main > section.company_map{padding-bottom:0;}
.company_map > .cont_inner{display:flex;flex-direction:column;gap:72px;}
.company_map .info{padding-bottom:72px;}
.company_map .info ul{display:flex;gap:81px;justify-content:space-around;}
.company_map .info ul li{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;}
.company_map .info ul li:after{content:'';display:block;width:1px;height:100%;background-color:var(--stroke-100, #E6E6E6);position:absolute;top:0;right:-40px;}
.company_map .info ul li svg{padding-bottom:6px;}
.company_map .info ul li .sub_title{padding-bottom:12px;}
.company_map .map{position:relative;width:100%;height:410px;}
.company_map .map iframe{position:absolute;top:0;left:0;width:100%;height:100%;}


/* company_service */
.company_service > .cont_inner{max-width:1046px;}
.toc_wrap{display:flex;flex-direction:column;gap:48px;}
.toc_wrap .table_wrap table{table-layout:fixed;}
.toc_wrap .table_wrap tbody td{border-bottom:0;color:var(--text-900, #111)}
.toc_btn_list{display:flex;flex-direction:column;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--stroke-300, #CACBCE);}
.toc_btn_list button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.toc_list{display:flex;flex-wrap:wrap;gap:8px;}
.toc_list li{width:calc(50% - 4px);}
.toc_list li button{width:100%;height:48px;padding:12px;border-radius:4px;
border:1px solid var(--stroke-100, #E6E6E6);text-align:left;}
.toc_list li:hover button{border-color:var(--stroke-500, #8C8D92)}
.toc_cont{display:flex;flex-direction:column;gap:12px;}
.toc_cont + .toc_btn_list{padding-top:24px;border-top:1px solid var(--stroke-300, #CACBCE);}
.toc_cont .refer{font-size:14px;font-weight:400;line-height:1.7;color:Var(--text-600, #66676B);text-indent:0;;margin:12px 0;}
.number_list{display:flex;flex-direction:column;gap:8px;}
.number_list.refer{gap:0;margin:8px 0;}
.number_list li{padding-left:20px;text-indent:-18px;}
.number_list.refer li{padding-left:15px;text-indent:-13px;}
.number_list li .table_wrap{padding-left:0;margin:12px 0 12px -20px;}
.bar_list li{padding-left:10px;text-indent:-8px;}

.toc_year_selector{display:flex;flex-direction:column;gap:12px;padding-top:48px;}
.toc_year_selector .select{max-width:520px;}


/* 2026-08-22 */
.top_visual .swiper-slide img,
.top_visual .news_list .list img,
.card_list_wrap .thumb_img img,
.photo_news .visual .thumb_img img,
.side_list .thumb_img img{object-position:top;}






/* ------------- */
/* 모바일 반응형 */
/* ------------- */

@media screen and (max-width:1555px){
    /* btns */
    .btn_top{bottom:32px;right:16px;margin-right:0;}
}
@media screen and (max-width:1432px){
    /* top_banner */
    .top_banner .swiper_pagenav{right:16px;transform:translateY(-50%);left:auto;font-size:11px;}
}

@media screen and (max-width:1280px){
    /* common */
    /* html,body{min-width:360px;} */
    main{max-width:100%;overflow:hidden;padding-top:209px;padding-bottom:24px;}
    main.no_banner_fixed{padding-top:178px}
    main > section.inner{padding:24px 0;}
    /* .page_navigation{display:none;} */
    .page_navigation .numbers.pc{display:none;}
    .page_navigation .numbers.mo{display:flex;}
    .flex.between.mo_text{white-space:nowrap;flex-wrap:wrap;}
    .flex.between.mo_text *{flex:1;}
    .flex.between.mo_text *:last-child{text-align:right;}


    /* text_style */
    .title.eb32{font-size:26px;}
    .title.eb28{font-size:22px;}
    .title.eb26{font-size:20px;line-height:1.5;}
    .title.eb18{font-size:16px;}
    .title.ellipsis2:not(.eb20){min-height:auto;}
    .sub_title.b22{font-size:20px;}
    .sub_title.b20{font-size:16px;}
    .sub_title.b18{font-size:16px;}
    .sub_title.b16{font-size:14px;}
    .caption.r14{font-size:13px;}
    .caption.r12{font-size:11px;}
    .text.r16{font-size:14px;}
    .text.r14{font-size:13px;}


    /* btns */
    .btn_wrap .btn.purple{border-radius:6px}
    .btn_wrap .btn.sm{padding:8px 12px;font-size:13px;}


    /* form_wrap */
    .form_wrap input[type='text']{font-size:16px;}
    .form_wrap.search input{height:40px;} 
    .form_wrap.search .btn{position:absolute;top:50%;right:12px;width:24px;height:24px;}
    
    .datepicker_wrap{flex-wrap:wrap;}
    .datepicker_wrap .form_wrap.datepicker input{width:100%;}

    .form_wrap.check2 input + label{font-size:13px;}

    .form_list.email .form_wrap.id{flex:1;}
    .form_list.email .form_wrap.domain{flex:1;}
    .form_list.email .form_wrap.select{flex:0 0 100%;}


    /* swiper */
    .swiper-controller{gap:10px;}
    .swiper_btn{flex:0 0 28px;width:28px;height:28px;border-radius:28px;padding:4px;}
    /* ---------------------------------------------------- */


    /* top_banner */
    .top_banner .swiper-slide{height:48px;}


    /* header */
    header{transition:top 0.3s ease;}
    body.is-scroll-fixed header{top:-48px;}
    body.is-scroll-fixed .gnb{display:none;}
    body.is-scroll-fixed .view_title.fixed{top:103px}

    header{position:fixed;/*min-width:360px;*/top:0;left:0;width:100%;z-index:999;background-color:#fff;;}
    .top_header .cont_inner{flex-wrap:wrap;min-height:103px;height:auto;padding:12px 16px;gap:8px;}
    .top_header ul{gap:8px;}
    .top_header .logo{order:3;width:100%;text-align:center;}
    .top_header .logo img{width:125px;}
    .top_header .sidenav{margin-left:auto;}
    .gnb{position:relative;}
    .gnb:after{content:'';position:absolute;width:48px;height:56px;top:0;right:0;background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);}
    .gnb_list{gap:0px;justify-content:space-between;height:56px;overflow-y:auto;max-width:690px;margin:0 auto;scrollbar-width:none;-ms-overflow-style:none;padding-right:30px;}
    .gnb_list:-webkit-scrollbar{display:none;}
    .gnb_list li{flex:0 0 69px;}
    .gnb_list li a{padding:14px 0;white-space:nowrap;}
    .gnb_list li:hover:after{height:0;}
    .gnb_list li:hover a{color:var(--text-900)}


    .gnb_menu_wrap{position:fixed;top:0;right:0;width:272px;height:100vh;height:100dvh;overflow-y:scroll;padding:54px 16px;z-index:999;}
    header .dim{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;background:rgba(0, 0, 0, 0.60);z-index:99;display:none;}
    .gnb_menu_list{flex-direction:column;gap:8px;}
    .gnb_menu_list > .inner{width:100%;gap:0;}
    .gnb_menu_list > .inner:after{display:none;}
    .gnb_menu_list > .inner.active{gap:8px;}
    .gnb_menu_list .btn_menu_open{position:absolute;top:0;left:0;width:100%;height:48px;background:url('../images/icon_more.svg') no-repeat calc(100% - 16px) center;}
    .gnb_menu_list > .inner.active .btn_menu_open{background-image:url('../images/icon_btn_menu_close.svg');}
    .gnb_menu_list .sub_title{font-size:16px;padding:12px 16px;}
    .gnb_menu_list ul{position:relative;gap:0;padding:0 24px;display:none;}
    .gnb_menu_list ul li a{display:block;padding:6px 0;}

    header .search_wrap{padding:32px 0;}
    header .search_wrap > .cont_inner{gap:40px;padding:0 16px;}
    .search_wrap{padding:24px 0;}
    .search_wrap > .cont_inner{gap:32px;padding:0;}
    .search_wrap .keyword{gap:12px;}
    .search_wrap .keyword .list{gap:8px;}
    .sub_top_list .keyword{flex-direction:column;gap:12px;align-items:flex-start;}


    /* footer */
    footer > .cont_inner{position:relative;padding:0;}
    .footer_nav{padding-left:16px;gap:12px;height:48px;justify-content:flex-start;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;}
    .footer_nav:-webkit-scrollbar{display:none;}
    .footer_nav li:last-child{padding-right:16px;}
    .footer_nav a{white-space:nowrap;font-size:12px;line-height:1.33;}
    .footer_nav:after{content:'';display:block;width:40px;height:48px;position:absolute;top:0;right:0;background: linear-gradient(270deg, #222428 0%, rgba(34, 36, 40, 0.00) 100%);}
    .footer_wrap{padding:24px 16px;gap:20px;flex-direction:column;}
    .footer_wrap .company{gap:12px;flex-direction:column;}
    .footer_wrap .company ul{gap:6px;}
    .footer_wrap .company li{gap:6px 12px;;font-size:12px;}
    footer .copyright{padding:0 16px;border-top:1px solid #32373C;}
    footer .copyright > .cont_inner{flex-direction:column;padding:12px 16px;text-align:center;gap:12px;}
    footer .copyright .caption.r12{line-height:1.45;}



    /* popup */
    .popup_wrap:not(.photodb, .main_popup, .video) > .inner{padding:0;align-items:end;}
    .popup_wrap .cont_wrap .cont{position:relative;border-radius:16px 16px 0 0;padding:40px 12px 0 12px;}
    .popup_wrap.search .cont_wrap{max-width:none;}
    .popup_wrap.search .cont_wrap .cont{padding-top:61px;}
    .popup_wrap:not(.video) .cont_wrap .cont:before{content:'';display:block;width:64px;height:4px;background-color:var(--stroke-100, #E6E6E6);border-radius:99px;position:absolute;top:12px;left:50%;transform:translateX(-50%);}
    .popup_wrap .bottom{padding:0 0 48px 0;}
    /* video_popup */
    .popup_wrap.video.active .cont_wrap{position:fixed;top:50%;left:50%;width:calc(var(--vh,1vh) * 100);height:calc(var(--vh,1vh) * 100 * 9 / 16);max-height:100vw;aspect-ratio:16/9;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center center;z-index:9999;}
    .popup_wrap.video iframe{width:100%;height:100%;border:0;}
    .popup_wrap.video .cont_wrap .cont{border-radius:16px;}
    .popup_wrap.video .btn_close_popup{top:12px;right:12px;width:20px;height:20px;}
    .popup_wrap.video .btn_close_popup img{width:9px;height:9px;}


    /* top_visual */
    main > section.top_visual{padding-top:48px}
    .top_visual > .cont_inner{flex-direction:column;gap:32px;}
    .top_visual .swiper_wrap{flex:0 0 100%;height:0;padding-bottom:116.34%}
    .top_visual .swiper{border-radius:16px;}
    .top_visual .swiper-controller{width:151px;height:48px;background-size:cover;padding:0 13px 20px 27px;}
    .top_visual .swiper_pagenav{gap:6px;font-size:16px;line-height:24px;min-width:auto;}
    .top_visual .swiper_pagenav span:not(.bar){min-width:11px;text-align:center;}
    .top_visual .swiper .title_wrap{gap:6px;padding:32px 16px}
    .top_visual .swiper .title_wrap .title{word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:initial;}
    .top_visual .news_list{gap:16px;}
    .top_visual .news_list .list{gap:12px;justify-content:initial;}
    /* .top_visual .news_list .list li{position:relative;flex:0 0 23.42%;height:calc(33.33% - 5px);} */
    .top_visual .news_list .tag_corner{width:91px;height:41px;background-size:contain;padding:1px 0 0 20px;}
    .top_visual .news_list .tag_corner .tag{width:69px;padding:5px 0;border-radius:6px;}
    .top_visual .news_list .title_wrap{gap:8px;padding:24px 16px;}


    /* realtime_news */
    .realtime_news .cont_inner{padding:24px 16px;}
    .realtime_news .bg{gap:16px;flex-direction:column;border-radius:12px;padding:32px 16px;height:156px;
    background:radial-gradient(304.04% 50% at 50% 50%,#122D81 0%,#142352 100%);}
    .realtime_news .swiper{height:48px;}
    .realtime_news .swiper-slide{align-items:flex-start;}
    .realtime_news .swiper-slide .sub_title{word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:initial;padding-top:5px;}
    .realtime_news .tag{padding:4px 10px 2px;height:auto;font-size:13px;font-weight:700;line-height:1.53;}


    /* best_news */
    .best_news > .cont_inner{gap:32px;}
    .best_news .top_title{flex-direction:column;gap:16px;}
    .best_news .top_title .title{justify-content:space-between;}
    .best_news .tab_list{justify-content:space-around;}
    .best_news .tab_list li{width:100%;}
    .best_news .tab_list li .btn{width:100%;}
    .card_list_wrap .list,
    .card_list_wrap .list.w50{width:100%;}
    .card_list_wrap .list .bottom{padding:8px;}
    .card_list_wrap .tag_corner{width:91px;height:41px;background-size:contain;}
    .card_list_wrap .tag_corner .tag{width:69px;padding:5px 0;border-radius:6px;}
    .card_list_wrap .title_wrap{padding:8px;display:flex;flex-direction:column;gap:6px;justify-content:space-between;}


    /* sports_news */
    section > .cont_inner.sports_news_wrap{flex-direction:column;gap:48px;}
    .keyword_list{order:1;gap:8px;}
    .keyword_list .list li a{border-radius:8px;padding:12px;font-size:14px;font-weight:700;line-height:1.5;}
    .sports_news{order:2;gap:32px;flex:0 0 100%;}
    .out_link{width:32px;height:32px;padding:5px;}
    .sports_news .card_list_wrap{gap:12px;}
    .sports_news .card_list_wrap .list{width:calc(50% - 6px);}
    .sports_news .card_list_wrap .list.full{width:100%;padding-bottom:20px;}
    .card_list_wrap .list.column a{flex-direction:column;gap:0;}
    .card_list_wrap .list.column .thumb_img{flex:0 0 100%;width:100%;height:0;padding-bottom:66.20%;}
    .sports_news .card_list_wrap .title_wrap{padding:12px 0 0 0;}
    .sports_news_wrap.top_border .sports_news{order:1;}
    .sports_news_wrap.top_border .side_google_ads{order:2;}
    .sports_news_wrap .keyword_list{flex:1;}
    .side_google_ads{gap:12px;flex-direction:row;}
    .side_google_ads .img{width:calc(50% - 6px);}


    /* photo_news */
    .photo_news > .cont_inner{padding:0 0 0 16px;}
    .photo_news .visual{display:none;}
    .photo_news .swiper_wrap{padding-bottom:68px;padding-top:0;margin-left:0;}
    .photo_news .swiper-slide{width:81.44%!important;height:auto;}
    .photo_news .swiper-slide .thumb_img{height:0;padding-bottom:122.78%;}
    .photo_news .title_wrap{padding:20px 12px;gap:4px;}
    .photo_news .swiper-controller{width:100%;height:52px;gap:16px;padding-right:16px;}
    .photo_news .swiper-scrollbar{width:calc(100% - 16px);}
    .photo_news .out_link{margin-right:16px;}

    /* photo_news(위클리 상암) */
    .photo_news.weekly_sangam .swiper-slide{width:68.97%!important;height:auto;}
    .photo_news.weekly_sangam .swiper-slide .thumb_img{height:0;padding-bottom:56.25%;}


    /* bottom_bnr */
    .main > section.bottom_bnr{padding:24px 0 48px 0;}
    .bottom_bnr > .cont_inner{flex-wrap:wrap;}
    .bottom_bnr .thumb_img{flex:0 0 100%;padding-bottom:13.72%;}


    /* sub_top_list */
    .sub_top_list{padding-bottom:24px;white-space:nowrap;}
    .sub_top_list .top_title{padding-bottom:8px;align-items:center;}
    .sub_top_list .sub_nav{flex-wrap:wrap;}
    .sub_top_list .sub_nav li{padding:0 4px;}

    .article_list_wrap{gap:48px;}
    .article_list{flex-direction:column;gap:24px;}
    .article_list .article_wide{flex:0 0 100%;}
    .article_list .title_wrap{padding:4px;gap:8px;}
    .article_list .list.column .thumb_img{flex:0 0 100%;height:0;padding-bottom:63.33%;}
    .article_list .list.column .title{margin-bottom:12px;}
    .article_list .list.column.w50 a{gap:12px;flex-direction:row;}
    .article_list .list.w50 .thumb_img{flex:0 0 128px;height:83px;padding-bottom:0;}
    .article_list .list.w50 .title_wrap{padding:0;flex:1;min-width:0;}
    .article_list .list.w50 .title_wrap .sub_title.b20{font-size:14px;}

    .article_list.search .list.column a{flex-direction:row;gap:12px}
    .article_list.search .list.column .thumb_img{flex:0 0 128px;height:83px;padding-bottom:0;}
    .article_list.search .list.column .title_wrap{padding:0;min-width:0;}

    .sub_array_wrap{padding:16px 0;}
    .sub_array_wrap .line_list li:last-child .btn:after{display:none;}
    .sub_array_wrap .btn_setting{width:32px;height:32px;border-radius:32px;padding:6px;border:1px solid var(--text-600, #66676B)}

    .article_side{gap:12px;}
    .side_list{gap:25px;}
    .side_list li:after{bottom:-13px;}
    .side_list li a .title_wrap{min-width:0;}
    .side_list .thumb_img{flex:0 0 90px;height:90px;}


    /* sub/view_list */
    .mo_separate{flex-wrap:wrap;}
    .mo_separate > *{width:100%;justify-content:flex-start;}
    .mo_separate > *:nth-child(2){justify-content:flex-end;}
    .view_title{padding-bottom:12px;border-bottom:1px solid var(--stroke-300, #CACBCE);}
    .view_title .title{padding:8px 0 22px;font-size:28px;}
    .view_title .btn_craft .view_btns{gap:8px;}
    .view_title .breadcrumb{font-size:14px;font-weight:700;line-height:1.5;}
    .view_title .mo_separate{gap:6px;}
    .view_title.fixed{top:225px;}
    .view_title.fixed.no_banner{top:178px}
    .view_title.fixed > .inner{padding:12px 16px;gap:8px}
    .view_title.fixed .scroll_progress{display:block;}
    .view_title.fixed .breadcrumb,
    .view_title.fixed .line_list{display:none;}
    .view_title.fixed .title{padding:0;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 0 calc(100svw - 130px)}
    .view_title.fixed .mini_popup{top:calc(100% + 8px);}
    .view_title .scroll_progress{display:none;position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--BG-Button200, #E9E9EA);}
    .view_title .scroll_progress .bar{display:block;width:0%;height:100%;background-color:var(--point-Blue, #1B71EF)}

    .mo_separate{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;}
    .mo_separate .btn_craft{flex-shrink:0;}

    .mini_popup{top:calc(100% + 12px);width:240px;padding:16px;border-radius:8px;}
    .mini_popup .sub_title{padding-bottom:16px}
    .mini_popup .btn_close_popup{top:16px;right:16px;width:20px;height:20px;}
    .mini_popup ul li{gap:0;}

    .detail_layer{padding:0;}
    .detail_layer .article p{margin-bottom:0.8em;}
    .detail_layer .keyword_list{display:flex;gap:8px;flex-wrap:wrap;flex-direction:row;}
    .detail_layer .keyword_list .item{display:flex;padding:8px 16px;background: var(--BG-Button100, #F0F1F5);border-radius:99px;justify-content:center;
    align-items:center;gap:10px;}
    .detail_layer .keyword_list .item:hover{background-color:var(--BG-caption_dark, #41436A);color:#fff;}
    .detail_layer .keyword_list .item:hover .hashtag{color:#fff;}
    .detail_layer .keyword_list .hashtag:before{content:'#';}
    .detail_layer .keyword_list .hashtag{color: var(--text-600, #66676B);}
    .detail_layer .keyword_list .form_wrap .st_tag{background-color:transparent;width:160px;font-size:14px;}
    .detail_another h2.title{padding-bottom:8px;}
    .detail_another .list{display:flex;flex-direction:column;gap:8px;}
    .detail_another .list li{padding:12px;border-radius:8px;border:1px solid var(--stroke-100, #E6E6E6);}
    .detail_another .list li:hover{background-color:var(--BG-Button200, #E9E9EA);}
    .detail_another .list li a{display:block;}
    .view_wrap .article_list.search .list.column .thumb_img{flex:0 0 128px;height:83px;}
    .view_wrap .article_wide{display:flex;gap:48px;flex-direction:column;}

    .purchase_area .form_list_wrap{gap:12px;}
    .purchase_area .form_list{flex-wrap:wrap;}
    .purchase_area .form_list .sub_title{flex:0 0 100%;}
    .purchase_area .form_wrap input[type='text'],
    .purchase_area .form_wrap input::placeholder,
    .purchase_area .form_wrap select{font-size:16px;}

    
    .table_wrap thead th{white-space:nowrap;padding:0 4px;font-size:14px;}
    .table_wrap thead th:first-child{padding-left:8px;}
    .table_wrap thead th:last-child{padding-right:8px;}
    .table_wrap tbody td{font-size:14px;padding:8px 4px;}
    .table_wrap thead th:first-child,
    .table_wrap tbody td:first-child{padding-left:8px;}
    .table_wrap thead th:last-child,
    .table_wrap tbody td:last-child{padding-right:8px;}
    .table_wrap .import{text-align:left;}
    /* ------- */
    /* company */
    /* ------- */

    /* company header */
    header.company_header .btn_news{padding:12px 16px;font-size:16px;margin-bottom:20px;}
    header.company_header .top_header .cont_inner{padding:0 16px;height:72px;}
    header.company_header .top_header .logo{order:0;width:auto;text-align:left;}
    header.company_header .top_header .logo img{width:154px;}
    
    
    /* company_contents */
    main > section.company_inner{padding:48px 0;min-height:calc(100svh - 507px);}
    .company_contents{padding-top:72px;}
    
    /* conpany_top_content */
    .company_top_content .top_bg{background:url('../images/img_company_top.png') no-repeat center center / 1920px auto;}
    .company_top_content .title{gap:12px;padding:0 16px;}
    .company_top_content .title .sub_title{gap:4px;flex-wrap:wrap;justify-content:center;}
    .company_top_content .title .img{width:139px;}

    .company_top_nav .depth01_nav{height:62px;}
    .company_sub_nav > .cont_inner{padding:0;flex-wrap:wrap;}
    .company_sub_nav > .cont_inner li{flex:1 0 50%;border-bottom:1px solid var(--stroke-300, #CACBCE);}
    .company_sub_nav > .cont_inner li:nth-child(even){border-right-color:var(--stroke-100, #E6E6E6)}
    .company_sub_nav > .cont_inner li:last-child{border-bottom-width:0;}
    .company_sub_nav > .cont_inner li a{height:48px;}

    .company_inner .top_title .title{max-width:221px;padding:0 16px;font-size:24px;}

    /* company_greeting */
    .company_greeting > .cont_inner{gap:32px;}
    .company_greeting .top_title span{font-size:32px;}
    .company_greeting .text_wrap .text .fc_blue{font-size:16px;}
    .company_greeting .bottom_info ul{flex-direction:column;gap:16px 12px;gap:6px;}
    .company_greeting .bottom_info li:nth-child(odd),
    .company_greeting .bottom_info li:nth-child(even){flex:0 0 auto;}
    .company_greeting .bottom_info li:nth-child(2){order:4;}
    .company_greeting .bottom_info li:nth-child(3){order:2;}
    .company_greeting .bottom_info li:nth-child(4){order:5;}
    .company_greeting .bottom_info li:nth-child(5){order:3;}
    .company_greeting .bottom_info li dl{display:flex;gap:6px;}
    .company_greeting .bottom_info li dt{flex:0 0 70px;}


    /* company_request */
    .company_request > .cont_inner{gap:32px;}
    .company_request .top_info{padding-bottom:16px;gap:20px;}
    .company_request .top_info .inner2{gap:20px;flex-wrap:wrap;}
    .company_request .top_info .inner2 .inner{flex:0 0 100%;}
    .company_request .bg_box{border-radius:8px;}
    .request_contents{gap:32px;}
    .request_contents .terms{gap:6px;}
    

    /* company_map */
    .company_contents.mo_no_padding{padding-bottom:0;}
    main > section.company_map{padding-bottom:0;}
    .company_map > .cont_inner{gap:32px;}
    .company_map .info{padding-bottom:48px;}
    .company_map .info ul{flex-direction:column;gap:0;}
    .company_map .info ul li{padding:16px 0;}
    .company_map .info ul li:after{display:none;}
    .company_map .info ul li svg{width:28px;height:28px;padding-bottom:2px;}
    .company_map .info ul li .sub_title{padding-bottom:4px;}


    /* company_service */
    .toc_wrap{gap:32px;}
    .toc_wrap .table_wrap tbody td{word-break:break-all;}
    .toc_cont .refer{font-size:13px;}
    .toc_btn_list{gap:12px;padding-bottom:20px;}
    .toc_list{gap:8px;}
    .toc_list li{width:100%;}
    .toc_list li button{height:45px;}
    .number_list li{padding-left:18px;text-indent:-16px;}
    .bar_list li{padding-left:10px;text-indent:-10px;}

}