@charset "utf-8";


/* 서브 컨텐츠 */
/* .sub_contents{position:relative;width:100%;padding: 100px 0 20em;background:#f7f7f7;box-sizing:border-box;overflow:clip;} */
.page_Title{position:relative;width:100%;line-height:1;font-size:79.6px;font-weight:800;font-family:'Poppins', sans-serif !important;letter-spacing:-0.02em;text-align:center;color:#212121;margin-bottom:1.2em;}
.page_Title2{position:relative;width:100%;line-height:1;font-size:79.6px;font-weight:800;font-family:'Poppins', sans-serif !important;letter-spacing:-0.02em;text-align:left;color:#212121;border-bottom:1px solid #ccc;padding-bottom:0.5em;margin-bottom:1.2em;}
.page_Title3{position:relative;width:100%;line-height:1;font-size:1.5rem;font-weight:600;letter-spacing:-0.02em;text-align:left;color:#6ca3d1;padding-left:32px;margin-bottom:1em}
.page_Title3::before{content:'';position:absolute;left:0;top:49%;width:22px;height:1px;background:#6ca3d1;}
.page_Title4{position:relative;width:100%;padding-left:46px;margin-bottom:1em;}
.page_Title4::before{content:'';position:absolute;left:0;top:49%;width:30px;height:2px;background:#6ca3d1;}
.page_Title4 *{font-family:'Poppins', sans-serif !important;}
.page_Title4 strong{line-height:1;font-size:4.2rem;font-weight:800;letter-spacing:-0.02em;text-align:left;color:#6ca3d1;}
.page_Title4 span{font-size:1.5rem;font-weight:600;color:#111;margin-left:0.5em;}
.page_Title5{position:relative;width:100%;line-height:1;font-size:1.5rem;font-weight:600;letter-spacing:-0.02em;text-align:left;color:#111;padding-left:32px;margin-bottom:1em}
.page_Title5::before{content:'';position:absolute;left:0;top:49%;width:22px;height:2px;background:#6ca3d1;}


#content_page{position:relative;width:100%;width:1600px;margin:0 auto;}




/* ABOUT 회사소개 */
#about{display:flex;justify-content:space-between;gap:7.2em;}
#about .left{flex:1;}
#about .left h2{display:block;line-height:1.2;font-size:52px;font-weight:700;letter-spacing:-0.01em;margin:0.1em 0 1em 0;}
#about .left small{font-size:16px;font-family:'Poppins', sans-serif !important;font-weight:600;}
#about .left p{line-height:1.4;font-size:17px;margin-top:1.4em;word-break:keep-all;}
.sns_list{display:flex;flex-direction:column;justify-content: flex-start;gap:1em;margin-top:8em;}
.sns_list a{display:inline-flex;align-items:center;width:fit-content;height:18px;font-family:'Poppins',sans-serif !important;text-align:left;background-repeat:no-repeat;background-size:contain;background-position:left center;cursor:pointer}
.sns_list a.i1{background-image:url(../img/icon_top_y_on.png)}
.sns_list a.i2{background-image:url(../img/icon_top_i_on.png)}
.sns_list a.i3{background-image:url(../img/icon_top_f_on.png)}
.sns_list a.i4{background-image:url(../img/icon_top_n_on.png)}
.sns_list a.i5{background-image:url(../img/icon_top_b_on.png)}
.sns_list a b{line-height:18px;font-size:16px;font-weight:600;color:#6ca3d1 !important;padding-left:26px}

#about .right{width:46%;aspect-ratio:1/1.2}
#about .right img{display:block;width:100%;height:100%;object-fit:cover;}




/* CATEGORY 카테고리 */
#category{display:grid;grid-template-columns:1fr 4fr;grid-gap:3em;align-items:start;position:relative;}
.category.mo{display:none;}
#category .category{position:sticky;top:120px;align-self:start;z-index:5;background:#f7f7f7;}
#category .category h5{font-size:2.5rem;font-weight:600;letter-spacing:-0.02em;color:#6ca3d1;margin-bottom:1.2em;}
#category .category ul{display:flex;flex-direction:column;gap:1.5em 0;}
#category .category ul li{}
#category .category ul li a{font-size:1.4rem;font-weight:500;font-family:'Poppins',sans-serif !important;}

#category .right{min-height:800px;position:relative;overflow:visible;}
/* 카테고리 상단 swiper */
#cate_swiper{position:relative;width:100%;min-height:600px}
.cate_slider{position:absolute;left:0;top:0;width:100%;width:1900px!important;height:540px;overflow-x:hidden;margin-bottom:4em}
.cate_slider .swiper-slide{flex-shrink:0;box-sizing:border-box}
.cate_slider a .img{display:block;overflow:hidden}
.cate_slider a .img img{transition-duration:.3s}
.cate_slider a:hover .img img{transform:scale(1.1,1.1);transition-duration:.5s}
.cate_slider strong{font-size:23px;margin:1.2em 0 .5em}
.cate_slider a:hover strong{color:#6ca3d1}
.cate_slider p{line-height:1.4;font-size:16px;color:#888;font-weight:300}
#cate_swiper .swiper-pagination{display:flex;justify-content:center;align-items:center;gap:6px;bottom:0 !important;width:100%}
#cate_swiper .swiper-pagination span{display:flex;align-items:center}
#cate_swiper .swiper-pagination-bullet-active{background:none !important;border:2px solid #6ca3d1 !important;border-radius:100%}
#cate_swiper .swiper-button-prev,#cate_swiper .swiper-button-next{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;line-height:52px;font-size:40px;text-shadow:0 1px 3px #0000004d;border-radius:50%;color:#fff!important;text-align:center;display:flex;justify-content:center;align-items:center;transition:all .3s ease;z-index:10000!important;background-image:none!important}
#cate_swiper .swiper-button-prev:hover,#cate_swiper .swiper-button-next:hover{background:#0009 !important;color:#fff}
#cate_swiper .swiper-button-prev::after,#cate_swiper .swiper-button-next::after{font-size:20px;font-weight:700}
#cate_swiper .swiper-button-prev{left:10px}
#cate_swiper .swiper-button-next{right:10px}




/* 카테고리 리스트 */
.article_list{position:relative;width:100%;}
.article_list ul{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:4em 2em;}
.article_list ul li{}
.article_list a .img{display:block;overflow:hidden}
.article_list a .img img{transition-duration:.3s}
.article_list a:hover .img img{transform:scale(1.1,1.1);transition-duration:.5s}
.article_list ul li strong{font-size:1.5rem;font-weight:700;color:#111;margin:1em 0 0.2em;}
.article_list ul li:hover strong{color:#6ca3d1}
.article_list ul li p{font-size:1rem;color:#555;}
.article_list ul li .btm{display:flex;justify-content:space-between;font-size:12px;font-weight:500;color:#aaa;margin-top:1em;}
.article_list ul li .btm span:last-child{color:#6ca3d1}




/* 뉴스 상세 페이지 */
#detail_news{position:relative;width:100%;}
.progress-container{position:fixed; top:0; left:0; width:100%; height:5px; z-index:99999999 !important}
.progress-bar{height:100%; width:0; background:var(--main-color);}

.dtl_news_top{display:flex;justify-content:space-between;position:relative;width:100%;margin-bottom:2em;}
.two_way{display:flex;flex-direction:column;width:288px;}
.two_way *{color:#6ca3d1;}
.two_way span{font-size:1.3rem;}
.two_way div{line-height:1;margin-top:0.5em;}
.two_way div a{font-size:3rem;margin-right:24px;}

.dtl_news_top .news_title{flex:1;}
.dtl_news_top .news_title h1{line-height:1.3;font-size:3.8rem;font-weight:700;letter-spacing:-0.05em;word-break:keep-all;margin-bottom:0.4em;}
.dtl_news_top .news_writer{display:flex;}
.dtl_news_top .news_writer span{color:#999;margin-right:20px;}

#dtl_news_contents{margin-bottom:5em;}
#dtl_news_contents h2{line-height:1.4;font-size:2.2rem;font-weight:600;margin-bottom:2em}
.dtl_news_photo{position:relative;width:100%;margin-bottom:4em}
.dtl_news_photo *{word-break:keep-all;}
.dtl_news_photo img{width:100%;height:auto;object-fit:contain;}

.c1200{display:flex;justify-content:space-between;position:relative;gap:3em;width:1117px;margin:0 auto;}

#dtl_news_sticky{flex-shrink:0;width:54px;z-index:1;}/* 기사 내부 따라다니는 */
#dtl_news_sticky .dtl_stk_wrap{position:sticky;top:280px;align-self:start;width:54px;}
#dtl_news_sticky .dtl_stk_wrap .two_way div{display:flex;gap:25px;}
#dtl_news_sticky .dtl_stk_wrap .two_way div a{margin:0}
#dtl_news_sticky .dtl_stk_wrap ol{display:flex;flex-direction:column;width:28px;margin-top:3em;}
#dtl_news_sticky .dtl_stk_wrap ol li{width:100%;padding:0 0.4em;}
#dtl_news_sticky .dtl_stk_wrap ol li + li{margin-top:0.8em;padding-top:0.5em;border-top:1px solid #6ca3d1;}
#dtl_news_sticky .dtl_stk_wrap ol li *{width:100%}

.dtl_news_text{flex:1;min-width:0;position:relative;width:100%;}
.imageWrap figure{margin-right:0 !important;margin-left:0 !important;width:100% !important;}

.dtl_news_tag{position:relative;max-width:1120px;margin:0 auto;text-align:left;font-size:0;}
.dtl_news_tag p{display:block;width:100%;color:#999;font-size:1.1rem;margin:4em 0 0.8em 0}
.dtl_news_tag .tag_list{display:flex;align-items:center;flex-wrap:wrap;gap:5px;}
.dtl_news_tag .tag_list a{font-size:0.9rem;font-weight:450;color:#6ca3d1;padding:0.3em 1.5em;border:1px solid #6ca3d1;border-radius:90px;transition:color 0.3s ease, background 0.5s ease;}
.dtl_news_tag .tag_list a:hover{color:#fff;background:#6ca3d1;}

#dtl_news_bottom{display:flex;justify-content:space-between;align-items:center !important;position:relative;width:1120px;margin:0 auto;box-sizing:border-box;padding:3em 5em;background:#333;}
#dtl_news_bottom div{display:flex;flex-direction:column;}
#dtl_news_bottom h5{line-height:1.1;font-size:2.3rem;font-weight:600;color:#6ca3d1;margin-bottom:0.3em}
#dtl_news_bottom p{font-size:1.3rem;color:#fff;}
#dtl_news_bottom .rd_button{align-self:center;}

#dtl_news_swiper{position:relative;width:100%;margin-top:8em;overflow:hidden;}
.dtl_swiper{padding-bottom:60px;}
.dtl_swiper .swiper-slide{margin-top:1.5em;padding-top:1.2em;border-top:2px solid #ddd}
.dtl_swiper h5{font-size:23px;margin:0 0 0.5em}
.dtl_swiper a:hover h5{color:#6ca3d1}
.dtl_swiper p{line-height:1.4;font-size:16px;color:#555;font-weight:350}
.dtl_swiper .swiper-pagination{display:flex;justify-content:center;align-items:center;bottom:0 !important;}
.dtl_swiper .swiper-pagination span{display:flex;align-items:center}
.dtl_swiper .swiper-pagination-bullet-active{background:none!important;border:2px solid #6ca3d1 !important;border-radius:100%}




/* 검색결과 */
.search_result{padding-top:1em !important;}
.page_Title2.small{font-size:2.4rem !important;}




/* 구독하기(뉴스레터) */
#newsletter{max-width:1024px;margin:auto;}
#newsletter .letter_txt{line-height:1.3;font-size:3.8rem;font-weight:700;letter-spacing:-0.05em;}
#newsletter input{font-size:4.5rem !important;font-weight:600 !important;padding-bottom:2rem;border-width:4px !important;color:#111 !important}
#newsletter input:focus{border-color:#6ca3d1 !important;}
#newsletter input::placeholder{color:#bbb !important;}
#newsletter .agree label{font-weight:400 !important;}




/* 응원하기, 제보 및 제휴문의 */
#support{width:100%;}
#support strong{display:block;line-height:1;font-weight:800;}
#support p{line-height:1.5;font-size:1.3rem;}
#support .spt_txt{}
#support .spt_txt strong{line-height:1.4;font-size:4rem}
#support .spt_txt strong sub{display:block;font-size:1.3rem;font-weight:600;}
#support .spt_txt2{margin-top:4em;}
#support .spt_txt2 span,#support .spt_txt2 b{display:block;font-size:1.6rem;font-weight:600;}
#support .spt_txt2 b{font-size:1.6rem;font-weight:600;margin-bottom:1em;}
#support .spt_txt2 strong{font-size:4.6rem;letter-spacing:-0.02em;color:#6ca3d1;margin:0.1em 0;}










/* 로그인 */
.mr4_001 { position: relative;margin:0;}
.mr4_001 a { transition: .3s all ease;}

.mr4_001 .login_top { position: relative; padding: 40px 0 35px; background: url(../img/default/bg_line02.png) no-repeat center bottom;}
.mr4_001 .login_top h1 { position: relative; width: 272px; padding-left: 68px; margin: 0 auto; font-size: 34px; font-weight: normal; letter-spacing: -0.04em; color: #363636; background: url(../img/default/icon_login.png) no-repeat 0 2px;}
.mr4_001 .login_top h1 span { display: block; font-size: 15px; color: #363636; font-weight: normal;}
.mr4_001 .login_top h1 b { margin-left: -3px; letter-spacing: -0.08em;}

.mr4_001 .login_form { position: relative; padding: 35px 0; width: 380px; margin: 0 auto;}
.mr4_001 .login_form .login_input li { position: relative; width:100%; margin: 16px 0; padding-right: 32px;}
.mr4_001 .login_form .login_input li .i_label { left: 15px; top: 12px; font-size: 19px; color:#bbb; line-height: 1;}
.mr4_001 .login_form .login_input li .i_text { width:100%; box-sizing:border-box;padding: 0 15px; font-size: 19px; line-height:50px; height: 50px; border:1px solid #ddd;}
.mr4_001 .login_form .login_input li .i_text:focus { border-color: #0c5ba7;}
.mr4_001 .login_form input[type=submit] {width:100%; box-sizing:border-box; height:66px; line-height:66px; width: 100%; color:#fff; background:#6ca3d1;font-size: 19px; cursor:pointer !important;font-weight: bold; margin: 12px 0 ; transition: .3s all ease;}
.mr4_001 .login_form .login_input li .i_text::placeholder {color:#bbb;}
#login_password_lost{border:none !important}

.mr4_001 .float_btn { position: relative; margin: 0 -1px;}
.mr4_001 .float_btn li a { display: block; text-align: center; height: 40px; line-height: 40px; background: #e9e9e9; font-size: 13px; margin: 0 1px;}
.mr4_001 .float_btn li a:hover { background: #ccc;}

.mr4_001 .find_info_top { position: relative; padding: 40px 0 35px; background: url(../img/default/bg_line02.png) no-repeat center bottom;}
.mr4_001 .find_info_top h1 { position: relative; width: 302px; padding-left: 68px; margin: 0 auto; font-size: 34px; font-weight: normal; letter-spacing: -0.08em; color: #363636; background: url(../img/default/icon_login.png) no-repeat 0 2px;}
.mr4_001 .find_info_top h1 span { display: block; font-size: 15px; color: #363636; font-weight: normal;}
.mr4_001 .find_info_top h1 b { margin-left: -3px; letter-spacing: -0.08em;}

.mr4_001 .find_info_captcha img {width:120px;}
.mr4_001 .find_info_captcha #captcha_key {float:right;width:180px;height:18px;padding:13px 15px;font-size:19px;}
.mr4_001 .find_info_captcha #captcha_key:focus {border-color:#0c5ba7;}
.mr4_001 .find_info_captcha #captcha_mp3 {display:none;}
.mr4_001 .find_info_captcha #captcha_reload {width:90px;height:32px;float:left;margin-top:10px;background:#fff;border:1px solid #0c5ba7;}
.mr4_001 .find_info_captcha #captcha_info {display:inline-block;float:right;width:240px;line-height:32px;margin-top:10px;}




/* 회원가입 */
.mr1_001 { position: relative; max-width: 780px; margin:7em auto 10em auto;}
.mr1_001:after { content: ""; display: block; clear: both;}
.mr1_001 a { transition: .3s all ease;}

.mr1_001 .tit_all { position: relative; font-size: 26px; padding-bottom: 10px;}

.mr1_001 .terms_wrap {margin-bottom: 8px; height: 185px;}
.mr1_001 .terms_wrap > h2 { height: 40px; line-height: 40px; background: #f3f3f3; font-size: 16px; padding: 0 15px;}
.mr1_001 .terms_wrap .terms_box { height: 120px; padding:15px; border:1px solid #e6e6e6; border-top:none; overflow-y: scroll;}
.mr1_001 .terms_wrap iframe { width: 100%; height: 150px;}

.mr1_001 .terms_agree { position: relative; padding: 5px 0 23px;}

.mr1_001 .box_gray { position: relative; padding: 18px 20px 20px; background: #f3f3f3;}
.mr1_001 .box_gray p { width: 620px; margin: 0 auto; font-size: 15px; margin-bottom: 15px; color: #808080;}

.mr1_001 .user_confirm { width: 620px; margin: 0 auto;}
.mr1_001 .user_confirm:after { content: ""; display: block; clear: both;}
.mr1_001 .user_confirm li { float: left; position: relative; margin-left: 6px;}
.mr1_001 .user_confirm li:first-child { margin-left: 0;}
.mr1_001 .user_confirm li .i_label { left: 15px; top: 12px; font-size: 17px; color:#808080; height: 16px; line-height: 1;}
.mr1_001 .user_confirm li .i_text { padding: 10px 15px 14px; height: 20px; font-size: 17px; line-height: 1;}
.mr1_001 .user_confirm li .i_text:focus { border-color: #1b66bf;}

.mr1_001 .btn_confirm { width: 150px; height:50px;line-height:50px;padding: 0 0 13px; color:#fff; background:#6ca3d1; font-size: 17px; transition: .3s all ease; font-weight: bold; cursor:pointer;}
.icheckbox { position:absolute; top:1px; width:20px; height:20px;  background:url(../img/default/btn_chk.png) no-repeat 0 0; cursor:pointer;}
.chk { color:#808080; display:inline-block; margin:0 5px 5px; padding-left:22px; font-size:14px; cursor:pointer;}
.icheckbox.checked { background-position:0 -20px;}
.icheckbox.disabled { background-position:0 -40px;}
.chk_all { position:relative; display:inline-block; cursor:pointer;}


.mr2_001 { position: relative; max-width: 780px; margin:7em auto 10em auto;}
.mr2_001:after { content: ""; display: block; clear: both;}
.mr2_001 a { transition: .3s all ease;}

.mr2_001 .tit_all { position: relative; font-size: 26px; margin-bottom: 15px;}

.mr2_001 .form_box { position: relative; border-top: 1px solid #222; border-bottom: 1px solid #222; margin-bottom: 20px; background: url(../img/default/bg_form.png) repeat-y 0 0; background-size:120px;}
.mr2_001 .form_box:after { content: ""; display: block; clear: both;}
.mr2_001 .form_box > p { position: absolute; right: 0; top: -30px; color: #222; font-size: 12px;}
.mr2_001 .form_box > p b { font-size: 17px; vertical-align: middle; color: #d4253e;}
.mr2_001 .form_box dl{display:flex;align-items:center;border-top:1px solid #ccc;box-sizing:border-box;padding:0 15px;flex-wrap:wrap}
.mr2_001 .form_box dl:first-child{border-top:0}
.mr2_001 .form_box dl dt{width:120px;font-size:14px;flex-shrink:0}
.mr2_001 .form_box dl dd{flex:1;margin:0}
.mr2_001 .form_box dl dt span, .mr2_001 .form_box dl dt label { color: #222; font-weight: bold; font-size: 14px;}
.mr2_001 .form_box dl dd { position: relative; margin: 5px 0; min-height: 38px; padding-right: 25px;line-height: 38px; }
.mr2_001 .form_box dl dd .chk_wrap { position: relative; display: block; width:100%; min-height:20px;}
.mr2_001 .alert_txt { display: inline-block !important;}

.mr2_001 .i_label { left: 7px; top: 11px; color:#bbb; line-height: 1; font-size: 14px;}
.mr2_001 .require:after {content:"*"; font-size: 14px; font-weight:300 !important;color: #d4253e;}
.mr2_001 .wid01 { width: 160px;}
.mr2_001 .wid02 { width: 100%;}
.mr2_001 .wid03 { width: 64px;}
.mr2_001 .icon_bar { display: inline-block; width: 15px; vertical-align: middle; text-align: center;}

.mr2_001 .column02:after { content: ""; display: block; clear: both;}
.mr2_001 .column02 > dl { float: left; width: 50%;}
.mr2_001 .column02 > dl dd { width: 224px;}

.mr2_001 input { vertical-align: middle; height:34px; line-height:34px;padding:0 8px;border:1px solid #ddd}
.mr2_001 .frm_info{display:inline-block;width:100%;line-height:18px !important;font-size:12px;margin-top:10px;}
.mr2_001 .btn_gray { display: inline-block; padding: 9px 15px 11px; height: 16px; line-height: 1; background: #808080; color: #fff; vertical-align: middle; border: 1px solid #6c6c6c; border-radius: 3px; font-weight: bold;}
.mr2_001 .btn_gray:hover { background: #6c6c6c;}
.btn_grays { display: inline-block; padding: 9px 15px; height: 16px; line-height: 1; background: #808080; color: #fff; vertical-align: middle; border: 1px solid #6c6c6c; border-radius: 3px; font-weight: bold; }

.mr2_001 .btn_blue { display: inline-block; padding: 13px 35px; height: 47px; line-height: 1; background:#6ca3d1;color: #fff; vertical-align: middle; cursor:pointer;margin-left: 5px; font-size: 18px; transition: .3s all; font-weight: bold;}

.mr2_001 .btn_bic { padding: 14px 35px 17px; font-size: 17px !important; line-height: 1; font-weight: bold; border-radius: 0; border: 0;}

.mr2_001 .alert_txt * { margin-left: 10px; font-size: 13px !important; color: #d4253e !important;}

.mr2_001 .mb_list li { position: relative; margin-top: 5px;}
.mr2_001 .mb_list li:first-child { margin-top: 0;}

.mr2_001 .float_list { position: relative;}
.mr2_001 .float_list:after { content: ""; display: block; clear: both;}
.mr2_001 .float_list li { position: relative; float: left;}
.mr2_001 .float_list li:before { content: "-"; text-align: center; float: left; display:block; width: 15px; height: 38px; line-height: 38px;}
.mr2_001 .float_list li:first-child:before { display: none;}
.mr2_001 .float_list.no_bu li { margin-right: 8px;}
.mr2_001 .float_list.no_bu li:before { display: none;}

.mr2_001 .btn_center { position: relative; text-align: center; padding: 10px 0 20px;}

.mr2_001 .form_box dl .slt { width: 173px;}

.mr2_001 .rdo_list { padding-top: 9px;}
.mr2_001 .rdo_list:after { content: ""; display: block; clear: both;}
.mr2_001 .rdo_list li { float: left; position: relative;  margin-right: 10px;}


.pl20{padding:0 !important}



/* 마이페이지 */
.tab_nav{display:flex !important;}
.tab_nav li{flex:1 !important;width:100% !important}





/*


@media (max-width: 1600px) {
	.sub_contents{padding:5em 3em 8em;}
	#content_page{width:100%;max-width:100% !important;}
	.two_way{width:17%;}
}


@media (max-width:1260px) {
	.c1200{width:100%;}
}


@media (max-width:1024px) {
	.page_Title2{margin-top:1em;}
	
	#category{grid-template-columns:1fr;grid-template-rows:auto auto;}
	#category .category.pc{display:none;}
	.category.mo{position:relative;display:block !important;width:100%;top:0 !important;}
	.category.mo select{position:relative;display:block;width:100%;height:50px;line-height:50px;font-size:1.3em;padding:0 1em;margin:0!important;border:1px solid #6ca3d1;appearance:none;padding-right:2em;font-family:'Poppins',sans-serif;background:#fff;color:#6ca3d1!important;box-sizing:border-box}
	.category.mo::after{content:"\f107";font-family:fontawesome;font-weight:900;position:absolute;right:1em;top:50%;transform:translateY(-50%);pointer-events:none;font-size:1.4em;color:#6ca3d1}

	#category .right{overflow-x:hidden;}
	#cate_swiper{min-height:auto !important;}
	.cate_slider{position:relative;max-width:100% !important;height:auto !important;padding-bottom:60px;}
	.cate_slider .swiper-pagination{margin-left:0}
	
	.dtl_news_top{flex-direction:column;margin-bottom:2em;}
	.two_way{width:100%;margin-bottom:2em}
	.two_way span{font-size:1.3rem;}
	.two_way div{display:none;}
	.dtl_news_top .news_title{flex:1;}
	.dtl_news_top .news_title h1{line-height:1.3;font-size:3.8rem;font-weight:700;letter-spacing:-0.05em;word-break:keep-all;margin-bottom:0.4em;}
	.dtl_news_top .news_writer{display:flex;}
	.dtl_news_top .news_writer span{color:#999;margin-right:20px;}
	.dtl_news_text{min-height:200px;}
	.dtl_news_text *{max-width:100%;}
	
	#dtl_news_bottom{flex-direction:column;width:100% !important;padding:3em !important;}
	#dtl_news_bottom .rd_button{margin-top:1.2em;align-self:center;}
	
	.mys_001 .board_list{display:flex;flex-direction:column;}
	.mys_001 .board_list li{display:flex;justify-content:space-between;align-items:center;gap:20px;}
	.mys_001 .board_list li .art_link{flex:1;width:100% !important}
	.mys_001 .board_list li .mng{float:none !important;width:auto !important;display:flex !important;justify-content:flex-end !important;align-items:center !important;gap:8px;}

}


@media (max-width:900px) {
	.page_Title{font-size:3.6rem;margin-bottom:0.4em;}
	.page_Title2{font-size:3.6rem;padding-bottom:0.3em;margin-bottom:1em;}
	
	#about{display:block;width:100%;justify-content:none;gap:0;}
	#about .left,#about .right{display:block;width:100%;}
	#about .right{aspect-ratio:1/1;margin-top:8em}
	
	.article_list ul{grid-template-columns:repeat(2, 1fr);grid-gap:3em 1.6em;}	
	
	#newsletter{max-width:100%;margin:0;}
	
	.mr1_001,.mr2_001{max-width:100% !important;box-sizing:border-box !important; margin:7em 0 10em 0;padding:0 1.5em !important;}
	
}


@media (max-width:768px) {
	.sub_contents{padding:4em 2em 8em;}
	.page_Title4{padding-left:30px;margin:0;}
	.page_Title4::before{top:49%;width:20px;}
	.page_Title4 strong{font-size:2.8rem;}
	.page_Title4 span{font-size:1rem;}

	#about .left h2{font-size:4rem;}

	#category{flex-direction:column !important;justify-content:center;align-items:center;gap:2em}
	#category .left,#category .right{width:100% !important}
	.cate_slider{padding-bottom:40px;}
	.cate_slider strong{font-size:20px;}
	.cate_slider p{-webkit-line-clamp:4;}
	
	.mr2_001 .form_box dl table td:first-child{width:100px !important;}
	.mr2_001 .form_box dl table td:nth-child(2){display:flex !important;width:auto !important;}
	.mr2_001 .form_box dl table td button{float:left !important;margin-right:2px;}
	.mr2_001 .form_box dl table td:nth-child(3){display:block !important;width:100% !important;float:left !important;}
	#captcha_img{width:100px !important;height:auto !important;object-fit:contain !important;}
	
	#newsletter .letter_txt{font-size:2.4rem;letter-spacing:-0.03em;}
	#newsletter input{font-size:3rem !important;padding-bottom:1rem;border-width:4px !important;}

	.btn_center *{border:none !important}	
	
	#support{width:100%;}
	#support p{font-size:1rem;}
	#support .spt_txt strong{font-size:2rem}
	#support .spt_txt strong sub{font-size:1.3rem;}
	#support .spt_txt2{margin-top:2em;}
	#support .spt_txt2 span{font-size:1rem;}
	#support .spt_txt2 strong{font-size:2.6rem;}	
	
	.dtl_news_top .news_title h1{font-size:3.6rem;}
	.c1200{display:flex;flex-direction:column;}
	.dtl_news_text{order:-1;}
	.dtl_news_tag{order:2;}
	#dtl_news_sticky{order:3 !important;position:relative;left:0;top:0;width:100%;margin-top:4em;}
	#dtl_news_sticky .dtl_stk_wrap{display:flex;align-items:center;position:relative;left:0;top:0;width:100%;padding:0;}
	#dtl_news_sticky .dtl_stk_wrap ol{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row;margin:0}
	#dtl_news_sticky .dtl_stk_wrap ol li{width:30px;margin:0;padding:0;}
	#dtl_news_sticky .dtl_stk_wrap ol li + li{margin:0 0 0 10px;padding:0 0 0 10px;border:0;border-left:1px solid #6ca3d1;}
	#dtl_news_sticky .dtl_stk_wrap .two_way{margin:0;}
	#dtl_news_sticky .dtl_stk_wrap .two_way *{margin:0;}
	#dtl_news_sticky .dtl_stk_wrap .two_way div{display:flex;align-items:center;position:relative;width:100%;height:40px;z-index:100}
	#dtl_news_sticky .dtl_stk_wrap .two_way a{display:flex;justify-content:center;align-items:center;width:40px;height:40px;}
	#dtl_news_sticky .dtl_stk_wrap .two_way .perv{margin-right:auto;}
	#dtl_news_sticky .dtl_stk_wrap .two_way .next{margin-left:auto;}
	
	.sr1_001,.column.mypage{width:100% !important;padding:0 !important;margin:0 !important}
	.sr1_001 .form_box dl dd{width:100% !important;padding:0 !important;margin:0 !important}
	.sr1_001 .form_box{padding:0 !important}
	.sr1_001 input.wid02{max-width:100% !important;width:100% !important;box-sizing:border-box !important;}
	.sr1_001 .form_box dl dt span, .sr1_001 .form_box dl dt label{display:block !important;color:#111 !important;font-weight:600;margin-bottom:10px;}
	.sr1_001 .btn_center,.sr1_001 .btn_blue{width:100% !important;padding:0 !important;margin:0 !important}
	.mys_001 p{margin:0 !important}
	.mys_001 .board_list{margin:30px 0 0 0 !important;}
	.myp_001 #fwrite{margin:0 !important}
	.myp_001 fieldset,.myp_001 fieldset .form_box,.myp_001 fieldset,.myp_001 fieldset dl{width:auto !important}
	.sr1_001.allnews input[type=radio]{width:16px !important;height:16px !important}
	
}


@media (max-width:600px) {
	.myp_001 .form_box{background:none !important;border:none !important;border-top:3px solid #333 !important}
	.myp_001 .form_box dl{display:flex !important;flex-direction:column !important;padding:0 !important;padding:10px !important;box-sizing:border-box !important;background:#fff;}
	.myp_001 .form_box dl dt,.myp_001 .form_box dl dd{position:relative !important;display:block !important;width:100% !important;padding:0 !important;margin:0 !important;}
	.myp_001 .form_box dl dt{}
	.myp_001 .form_box dl dd{min-height:auto !important;}
	.myp_001 .form_box dl dd textarea{width:96% !important;padding:2% !important;}
	.myp_001 .form_box dl dd > span{line-height:20px !important}
}


@media (max-width:480px) {
	.sub_contents{padding:3em 1.2em 6em;}
	.cate_slider p{font-size:13px;}
	
	#about .left h2{font-size:2.2rem;}
	#about .left small{font-size:0.9rem;}
	#about .left p{font-size:1.1rem;margin-top:1em;}
	.sns_list{gap:0.8em;margin-top:3em;}
	#about .right{margin-top:4em}
	
	.article_list ul{grid-template-columns:repeat(1, 1fr);grid-gap:3em 0;}
	
	#newsletter .letter_txt{font-size:2rem;letter-spacing:-0.02em;}
	#newsletter input{font-size:2rem !important;padding-bottom:0.2rem;border-width:3px !important;}
	
	.mr4_001,.mr1_001 {width:100%;box-sizing:border-box; margin:3em 0 7em 0; padding:0 1.5em;}
	.mr4_001 .login_top{padding:0 0 1em 0;background:none ;}
	.mr4_001 .login_top h1 { position: relative; width: 100%; padding-left: 0; margin: 0; text-align:center;font-size: 22px;background:none;}
	.mr4_001 .login_top h1 span { display: block; font-size: 13px;}
	.mr4_001 .login_top h1 b { margin-left: -3px; letter-spacing: -0.08em;}

	.mr4_001 .login_form { width: 100% !important; margin: 0; padding:0; }
	.mr4_001 .login_form .login_input li { margin:5px 0; }
	.mr4_001 .login_form .login_input li .i_text {padding: 0 10px; font-size: 14px; line-height:40px; height: 40px;}
	.mr4_001 .login_form input[type=submit] {height:52px; line-height:52px;font-size:18px;margin:6px 0;}

	.mr4_001 .float_btn li a {height: 32px; line-height: 32px;font-size: 12px; }
	

	.mr1_001 .terms_wrap .terms_box{padding:10px;font-size:12px;}
	.mr2_001 .form_box {background-size:100px;}
	.mr2_001 .form_box dl{padding:0 10px;gap:10px;}
	.mr2_001 .form_box dl dt{width:90px !important;}
	.mr2_001 .form_box dl dd { min-height: auto !important; padding-right: 0;line-height: auto !important; }
	.mr2_001 .form_box dl dt span,.mr2_001 .form_box dl dt label{font-size:13px;}

	.mr2_001 input {width:100% !important;box-sizing:border-box !important;font-size:12px !important}
	.mr2_001 input#reg_mb_id{width:120px !important;}
	
	.icheckbox {transform: scale(0.8);}
	
	.btn_center{display:flex;justify-content:space-between;gap:5px;}
	.btn_center *{flex:1 !important;height:50px !important;line-height:50px !important;padding:0 !important;border:none !important}
	.btn_center input,.mr2_001 .btn_bic {font-size:16px !important;}
	
	.dtl_news_top .news_title h1{font-size:2rem;}
	#dtl_news_contents h2{font-size:1.6rem !important;}
	#dtl_news_sticky .dtl_stk_wrap ol li{width:22px;margin:0;padding:0;}
	#dtl_news_sticky .dtl_stk_wrap .two_way div a{font-size:2.2rem;}
	#dtl_news_bottom *{text-align:center;}
	#dtl_news_bottom h5{font-size:1.8rem;}
	#dtl_news_bottom p{font-size:0.9rem;}
	
	.ctt_admin{right:0;margin-top:-30px;padding:5px 10px !important;}
	.ctt_admin a{font-size:0.8rem;}
	
	#support{width:100%;}
	#support p{font-size:0.95rem;}
	#support .spt_txt strong{font-size:1.8rem}
	#support .spt_txt strong sub{font-size:1.1rem;}
	#support .spt_txt2{margin-top:2em;}
	#support .spt_txt2 span,#support .spt_txt2 b{font-size:0.95rem;}
	#support .spt_txt2 b{margin-bottom:0.5em;}
	#support .spt_txt2 strong{font-size:1.8rem;}
	
	.column.mypage{padding:0 !important;margin:0 !important;}

	.mys_001 .board_list{display:flex;flex-direction:column;}
	.mys_001 .board_list li{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;height:auto !important;padding:14px 0;}
	.mys_001 .board_list li .art_link{width:100% !important;padding:0 !important;margin-bottom:10px;}
	.mys_001 .board_list li .mng{width:auto !important;display:flex !important;justify-content:flex-start !important;align-items:center !important;gap:5px;line-height:30px !important}
	.mys_001 .board_list li .mng *{height:26px !important;line-height:26px !important;font-size:12px !important}
}




@media (max-width:360px) {
	.wrapper{overflow-x:hidden;}
	
	.page_Title4 strong{font-size:2.2rem;}
	.page_Title4 span{font-size:0.9rem;}
	
	.mr2_001 input#reg_mb_id{width:100% !important}
	.btn_center *{height:40px !important;line-height:40px !important;}
	.btn_center input,.mr2_001 .btn_bic {font-size:14px !important;}
		
	#dtl_news_bottom{padding:2em !important;}
	#dtl_news_bottom h5{font-size:1.6rem;}
	.dtl_swiper h5{font-size:18px}
	.dtl_swiper p{font-size:13px;}

}
*/












/* ========= 검색페이지 ========= */
.page_title{text-align: center; font-size: 3.6rem; color: #111;}
.page_title .word{position: relative; color: #fff; padding: 0 0.2em; z-index: 1;}
.page_title .word::after{position: absolute; left: 0; right: 0; bottom: 0; top: 0; transform: skewX(-4deg); background-color: var(--deep-color); content:""; z-index: -1;}
.page_title .sum{color: var(--deep-color);}

.search_wrap{padding-top: 100px; padding-bottom: 100px;}
.search_wrap .magazine_list{grid-template-columns: repeat(4, 1fr); gap: var(--grid-gap); margin-top: 50px;}

#more_block{margin-top: 100px;}
.pop_btn{display: block; max-width: 280px; margin: auto; text-align: center; font-size: 1.3rem; padding: 10px 1em; border: 2px solid #111; background-color: #fff; font-family: 'Poppins', sans-serif; font-weight: 600; color: #111; border-radius: 2em; box-shadow: inset -2px -2px 0 #111; transition-duration: 200ms;}
.pop_btn:hover{background-color: var(--main-color); transform: translateY(-8px);}


/* ========= 서브페이지 ========= */
.sub_contents{background:#f7f7f7;}
.sub_wrap{display: flex; align-items: flex-start; background-color: #111;}
.lnb{position: sticky; top: 100px; width: 25%; padding-left: 50px; padding-right: 50px; font-size: 1.6rem; font-family: 'Poppins', sans-serif; font-weight: 600; padding-bottom: 100px;}
.lnb li > a{display: block; padding: 0.5em; color: #666; transition-duration: 100ms;}
.lnb li > a:not(.on):hover{color: #fff;}
.lnb li > a.on{background-color: #272727; color: var(--main-color); border-radius: 10px; font-weight: 700;}

.content_wrap{flex: 1; background-color: #f7f7f7; padding-bottom: 150px; max-width: 75%; min-height: 100vh;}


/* 서브 헤드라인 인기 게시글 출력 */
.popular_wrap .swiper-slide > a{position: relative; display: flex; align-items: flex-end; padding: 50px; aspect-ratio: 1/1; z-index: 1; color: #fff; overflow: hidden;}
.popular_wrap .swiper-slide > a > img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: 100%; height: 100%; object-fit: cover; transition-duration: 800ms; z-index: -2;}
.popular_wrap .swiper-slide > a::before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.4); content: ""; display: block; z-index: -1;}
.popular_wrap .swiper-slide:hover > a > img{transform: translate(-50%, -50%) scale(1.1);}

.popular_wrap .text_box{font-size: var(--font-size-l);}
.popular_wrap .text_box .tit{font-size: 1.6em; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.4;}
.popular_wrap .text_box .t2{line-height: 1.6; margin-top: 10px;}


/* 서브 페이지 일반 게시글 출력 */
#sub_headline + .sub_section{margin-top: 100px;}
.page_tit{font-size: var(--page-title); font-weight: 800; font-family: 'Poppins', sans-serif; line-height: 1; letter-spacing: -0.02em; margin-bottom: 30px; color: #111;}
.page_sub_tit{font-size: 1.6em; font-weight: 500; line-height: 1.6; word-break: keep-all;}
.sub_section{padding-left: 100px; padding-right: var(--padding);}
.sub_section:first-of-type{padding-top: 100px;}

#sub_headline .swiper-scrollbar-drag{background: rgba(255,255,255,0.6);}
.sub_section .magazine_list{grid-template-columns: repeat(3, 1fr); gap: var(--grid-gap);}
.magazine_list li:nth-child(10n+1), .magazine_list li:nth-child(10n+7){grid-column: span 2;}
.magazine_list li:nth-child(10n+1) .thumb, .magazine_list li:nth-child(10n+7) .thumb{aspect-ratio: 5/3;}

.search_wrap .magazine_list li{grid-column: initial;}
.search_wrap .magazine_list li .thumb{aspect-ratio: 4/5;}



/* ========= 상세페이지 ========= */
.detail_wrap{display: flex; align-items: flex-start; background-color: #fbfbfb;}
.detail_wrap > section{flex: 1; min-width: 50%;}

/* ====== 좌측 이미지 부분 ====== */
.de_title{position: relative; display: flex; height: 100vh; align-items: flex-end; padding: 100px 50px; z-index: 1; background-color: var(--main-color);}
.de_title::after{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.4); content: ""; display: block; z-index: -1;}
.de_img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1;}
.de_img img{display: block; width: 100%; height: 100%; object-fit: cover;}

.de_title .tit_box{font-size: var(--font-size-l); color: #fff; word-break: keep-all; width: 100%;}
.de_title .tit_box > * + *{margin-top: 20px;}

.de_title .category_wrap{display: flex; gap: 20px; justify-content: space-between; align-items: flex-end;}
.de_title .category_wrap button{width: 30px; aspect-ratio: 1/1; background-color: transparent;}
.de_title .category_wrap button img{display: block; width: 100%; height: 100%; object-fit: contain;}


.de_title .tit_box .tit{font-size: 2.4em; line-height: 1.2;}
.de_title .tit_box .text{line-height: 1.6;}
.de_title .tit_box .btm_text{display: flex; font-size: 0.9em; justify-content: space-between;}
.de_title .tit_box .view::before{content:""; display: inline-block; width: 0.9em; height: 0.9em; background: url('../img/icon/icon_view.svg') no-repeat center / contain; margin-right: 0.5em; vertical-align: middle;}


/* ====== 우측 에디터 내용 출력 ====== */
.de_contents{font-size: 1.1rem;}
.de_edit{padding: 100px 50px; line-height: 1.8; min-height: calc(100vh - 200px);}
.de_edit *{all: revert; max-width: 100%;} /* 에디터 출력시 reset 적용 안되고 기본 css 값 적용 */
.de_edit img{height: auto !important;}

.de_tit_box{position:relative; margin-bottom: 20px; z-index: 1;}
.de_tit_box::before{position: absolute; top: 50%; right: 0; left: 0; height: 1px; background-color: #eee; content: ""; display: block; z-index: -1;}
.de_tit_box .tit{display: block; width: fit-content; padding-right: 1em; background-color: #fbfbfb; font-size: 1.6em;}

/* 첨부파일 */
.de_files{padding: 30px 50px;}
.file_list{font-size: 0.9rem;}
.file_list > li{padding: 5px 0;}

.file_list a{display: flex; gap: 10px;justify-content: space-between; color: #666;}
.file_list .name{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-decoration: underline;}
.file_list .small{font-size: 0.9em;}


/* 키워드 (#해시태그) */
.de_tag{padding: 0 50px;}
.tag_list{display: flex; flex-wrap: wrap; gap: 0.5em 1em; font-size: 0.8em; color: #666;  padding-top: 30px; border-top: 1px solid #eee; padding-bottom: 50px;}
.tag_list a{display: block; line-height: 1.5; transition-duration: 100ms;}
.tag_list a:hover{color: #111; font-weight: 600;}


/* 관련 기사 */
.relate_wrap{padding: 30px 50px 50px 50px; background: #fff;}
.relate_wrap .de_tit_box .tit{background-color: #fff;}
.related_post a{display: flex; justify-content: space-between; gap: 10px; padding: 10px 0; align-items: center;}
.related_post .tit{flex: 1; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.related_post time{font-size: 0.9em; color: #666;}



/* 작성자 프로필 */
.de_writer{position: relative; padding: 50px; padding-bottom: 30px; background-color: #111; color: #fff;}
.de_writer .tit{position: absolute; left: calc(50px - 0.5em); display: block; width: fit-content; font-size: 1.6em; top: -0.7em; line-height: 1.4; padding: 0 0.5em; font-weight: 700; transform: skewX(-6deg); color: #111; background-color: var(--pop-yellow); }

.de_profile{display: flex; align-items: center; gap: 20px;}
.de_profile .p_img{width: 60px; background-color: #ddd; aspect-ratio: 1/1; border-radius: 50%; overflow: hidden;}
.de_profile .p_img > img{display: block; width: 100%; height: 100%; object-fit: cover;}
.de_profile .p_text{flex: 1;}
.de_profile .p_text >strong{display: block; font-size: 1.4em; margin-bottom: 10px;}
.de_profile .p_btn{font-size: 0.9em; padding: 0.6em 1em; border: 1px solid #fff; border-radius: 2em;}

.de_profile a{transition-duration: 100ms;}
.de_profile a:hover{opacity: 0.6;}


/* 이전 다음 게시글 + sns 공유 */
.de_btns{position: sticky; bottom: 0; display: flex; padding: 15px 50px; justify-content: space-between; background-color: #111; color: #fff; z-index: 10;}
.de_move_btn{display: flex; gap: 20px;}
.de_move_btn > a{display: block; width: 30px; line-height: 30px; font-size: 30px;}
.de_move_btn > a + a{text-align: right;}


.de_sns ol{display: flex; gap: 10px;}
.de_sns a > img{filter: invert(1); width: 30px;}
.de_sns a > img, .de_move_btn > a{display: block; opacity: 0.5; transition-duration: 100ms;}
.de_sns a:hover > img, .de_move_btn > a:hover{opacity: 1;}



/* ========= 댓글 기능 ========= */
.reply_wrap{padding: 50px;}
.reply_wrap .tit_box{margin-bottom: 20px;}
.reply_wrap .tit_box .tit{display: inline-block;font-size: 1.6em; margin-right: 10px;}

.reply_form, .reply_text{position: relative;}
.reply_form textarea{padding-right: 50px;}
.reply_wrap #btn_submit{position: absolute;right: 10px; bottom: 10px; display: flex; align-items: center; justify-content: center; width: 36px; aspect-ratio: 1/1; background-color: #111; color: #fff; border-radius: 50%;}
.reply_form #btn_submit img{display: block; width: 60%;}
.reply_form #btn_submit i{transform: translateX(-2px) rotate(90deg);}

.reply_list{font-size: 0.9rem;}
.reply_list > li:last-child{border-bottom: 1px solid #eee;}
.reply_list > li + li{border-top: 1px solid #eee;}
.re_reply_box li{border-top: 1px solid #eee; padding-bottom: 10px; padding-left: 20px;}
.reply_list > li > p{margin-bottom: 20px;}
.re_reply_box .reply_list > li{background-color: #fbfbfb;}
.re_reply_box .reply_list > li:last-child{border-bottom: none;}
.re_reply_box .reply_list > li textarea{background-color: #fff;}

.reply_top{display: flex; justify-content: space-between; align-items: center; padding: 10px 0; flex-wrap: wrap; gap: 10px;}
.reply_top .name{font-size: 1.1em; word-break: break-all;}

.co_info{position: relative; display: flex; align-items: center; font-size: 0.9em; gap: 10px; color: #666;padding-right: 10px;}
b.co_info{position: absolute; right: 0; top: 10px; font-size: 0.8em; font-weight: 400; z-index: 1; display: block;}
div.co_info{margin-left: auto;}
.co_info > * + *{padding-left: 10px; border-left: 1px solid #eee;}
.co_info .del{color: #ff0000;}

/* 삭제 말풍선 */
.pw_input{position:absolute; right: 0; top: 1.2em; display:inline-flex; align-items:center; gap:6px; margin-top:8px; padding:8px 10px; background:#fff; border:1px solid #eee; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,.08); font-size: 0.8rem; z-index: 1;}
.pw_input::before{content:""; position:absolute; top:-5px; right:18px; width:8px; height:8px; background:#fff; border-top:1px solid #eee; border-left:1px solid #eee; transform:rotate(45deg);}
.pw_input label{font-weight:600; color:#555; white-space:nowrap;}
.pw_input input{width:120px; height:30px; padding:0 8px; border:1px solid #eee; border-radius:6px; }
.pw_input .re_del, .pw_input .re_close{display:flex; align-items:center; justify-content:center; height:30px; border-radius:6px; text-decoration:none;}
.pw_input .re_del{white-space: nowrap; padding:0 10px; background:#333; color:#fff; font-size: 0.8em;}
.pw_input .re_close{width:30px; color:#666;}
.pw_input .re_close:hover{background:#fbfbfb;}

/* 답글 추천 */
.reply_bot{padding-bottom: 10px; margin-top: 10px;}
.btn_recom{display: flex; align-items: center; gap: 10px;}
.btn_recom i{font-size: 0.9em; margin-right: 5px; color: #999;}
.btn_recom i.fa-thumbs-up{color: #333;}


/* 비회원 */
.guest_box{display: flex; gap: 10px;}
.guest_box > *{flex: 1;}
.guest_box input{width: 100%;}
dl.re_captcha{margin: 10px 0;}
dl.re_captcha,
dl.re_captcha dd,
dl.re_captcha dd > div{display: flex; gap: 10px; align-items: center; flex-wrap: wrap;}
dl.re_captcha dd, dl.re_captcha dd > div, .re_captcha input[type="text"]{flex: 1;}

/* ========= 기부 ========= */
#donation_wrap{padding: 70px 50px 60px 50px; background-color: var(--bg-complementary);}
.do_wrap{font-size: 1.6rem; text-align: center;}
.do_wrap > * + *{margin-top: 30px;}
.do_wrap .tit{position: relative; width: fit-content; font-size: 2.4em; color: var(--deep-color); font-family: 'Poppins', sans-serif; line-height: 1.2; z-index: 1; margin-left: auto; margin-right: auto;}
.do_wrap .tit::after{position: absolute; right: -0.6em; bottom: 0.6em; width: 1em; aspect-ratio: 1 / 1; background: url('../img/tag_star2.png') no-repeat center / contain; content: ""; z-index: -1;}
.do_wrap p{line-height: 1.8; word-break: keep-all;}
.do_wrap .pop_btn{background-color: var(--main-color);}


/* ========= 함께 읽으면 좋은 콘텐츠 ========= */
.post_wrap{padding: 100px 0;}
.po_title{display: flex; gap: 1em; font-size: 1.6rem; align-items: flex-end; line-height: 1; margin-bottom: 30px;}
.po_title .tit{font-size: 2em; color: #111;}
.po_title > span{line-height: 1.4; font-weight: 500; color: #666;}



/* ========= 내용관리 공통 ========= */
.ctt_title{padding: 200px var(--padding) 100px var(--padding); background-color: #111;}
.ctt_title .page_tit{color: #fff; margin-bottom: 0;}

.ctt_admin{position:absolute; right: 50px; top:100px; z-index:10;}
.ctt_admin a{line-height:1; font-size: 0.9rem; font-weight:600; color:#fff; border-radius: 0.4em; background: #333; padding: 0.6em 1.2em;}


/* 회사 소개 about */
#ctt_company{background-color: var(--bg-complementary); padding-top: 100px;}
.ctt_logo{width: 100%; aspect-ratio: 3/1; max-height: 200px; filter: brightness(0) invert(1); opacity: 0.8; margin-bottom: -20px;}
.con_flex{display: flex; gap: 100px;}

.company_section .con_flex{position: relative; z-index: 1;}
.company_section:nth-of-type(even){background-color: #f7f7f7;}
.company_section:nth-of-type(odd) .con_flex{padding-right: var(--padding);}
.company_section:nth-of-type(even) .con_flex{padding-right: 0; padding-left: var(--padding);}

.company_section .img_box{width: 60%; overflow: hidden;}
.company_section .img_box > img{display: block; width: 100%; height: 100%; object-fit: cover;}

.company_section .text{display: flex; flex-direction: column; justify-content: center; flex: 1; line-height: 1.8; font-size: var(--font-size-l); word-break: keep-all; gap: 30px;}
.company_section .text .point_tit{font-size: 2.6em; color: var(--deep-color); line-height: 1.2;}

.company_section .text > p.lg_txt{font-size: 1.3em; font-weight: 600;}

.company_01 .img_box{aspect-ratio: 4/3;}
.company_02 .img_box{aspect-ratio: 3/2;}
.company_03 .img_box{aspect-ratio: 5/3;}


/* 약관 정책 */
.policy_wrap{padding-top: 100px; padding-bottom: 100px;}
.policy_wrap .big_txt{font-size: var(--font-size-l); color: #111;}
.policy_box{font-size: var(--font-size-m); line-height: 1.8; color: #444;}
.policy_box h3{font-size: 2em; margin-bottom: 30px; margin-top: 60px; line-height: 1.2; color: #111;}
.policy_box h4{font-size: 1.4em; margin-bottom: 20px; line-height: 1.2; color: #222;}
.policy_box .bold{font-weight: 600;}

.policy_box ol + h4, .policy_box p + h4{margin-top: 30px;}
.policy_box p + p, .policy_box p + ol, .policy_box ol + p, .policy_box ol + ol{margin-top: 1em;} 


/* 찾아오시는 길 */
.map_wrap{background-color: #111; color: #fff; padding-bottom: 100px;}
.map_wrap .con_flex{align-items: initial;}
.map_wrap .map{width: 50%; aspect-ratio: 3/2; border-radius: 30px 0 0 30px; overflow: hidden;}
.map_wrap .wrap_map{height: auto !important;}
.map_wrap .cont{display: none;}
.map_wrap .text{flex: 1; padding-left: var(--padding); font-size: 1.4rem; }
.map_wrap .text > dl:first-of-type{border-top: 2px solid #fff; padding-top: 100px;}
.map_wrap .text > dl{display: flex; gap: 1em; flex-wrap: wrap; line-height: 1.4;}
.map_wrap .text > dl + dl{margin-top: 30px;}
.map_wrap .text > dl dt{width: 7em; font-weight: 500;}
.map_wrap .text > dl dd{flex: 1;}


/* ========= 응원하기 ========= */
.support_wrap{display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 100vh; background-color: var(--bg-complementary); padding: 100px var(--padding);} 

/* 계좌번호 */
.bank_box{width: fit-content; min-width: 50%; padding: 40px; border-radius: 30px; margin-top: 30px; margin-left: auto; margin-right: auto; border: 2px solid #111; background-color: #fff; box-shadow: inset -2px -2px 0 #111;}

.bank_box .flex{display: flex; justify-content: center; flex-wrap: wrap; align-items: center; gap: 10px 20px;}
.bank_box img{width: 30%; max-width: 180px; min-width: 100px;}
.bank_box .text > strong{font-size: 1.4em; font-weight: 600;}

.bank_box small{display: block; margin-top: 1em;}
.copy_btn{font-size: 0.8em; margin-left: 10px; vertical-align: text-top; transition-duration: 100ms; color: #999; background: transparent;}
.copy_btn:hover{cursor: pointer;}

/* 복사 후 안내 메세지 */
.toast{position: fixed; left: 50%; bottom: 30px; transform: translateX(-50%) translateY(20px); background: #000; color:  #fff; padding: 12px 20px; border-radius: 30px; font-size: 14px; opacity: 0; pointer-events: none; transition: all 0.3s ease; z-index: 9999; font-weight: 500;}
.toast.show{opacity: 1; transform: translateX(-50%) translateY(0);}


/* ========= 제보 및 제휴문의 : Contact Us ========= */
.contact_wrap{display: flex; gap: 100px; align-items: flex-start;}
.contact_wrap > div{flex: 1; padding-top: 100px; padding-bottom: 100px;}

/* 타이틀 */
.contact_tit{position: sticky; top: 0; padding-left: var(--padding);}
.contact_tit .page_tit{color: var(--deep-color); margin-top: 60px;}
.contact_sns{display: grid; grid-template-columns: repeat(3,1fr); gap: 1em; margin-top: 60px; font-weight: 600; color: var(--deep-color); font-family: 'Poppins', sans-serif;}
.contact_sns a{display: flex; gap: 1em; align-items: center; width: fit-content;}
.contact_sns .symbol{display: flex; width: 2.2em; aspect-ratio: 1/1; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--deep-color);}
.contact_sns .symbol img{width: 60%;}


/* 폼 */
.contact_wrap .contact_form{flex :1; padding-right: var(--padding);}
.contact_form dl + dl{margin-top: 20px;}
.contact_form dl dt{color: var(--deep-color); font-weight: 600; font-family: 'Poppins', sans-serif;}

.contact_form dl input[type="text"], .contact_form dl input[type="tel"], .contact_form dl input[type="email"]{width: 100%; padding: 10px; border: none; border-bottom: 2px solid var(--deep-color); background-color: transparent; font-size: 1.2rem; font-weight: 500; border-radius: 0; }
.contact_form dl select{width: 100%; border: none; border-bottom: 2px solid var(--deep-color); background-color: transparent;  font-size: 1.2rem; font-weight: 500; border-radius: 0;}

.contact_form .row{display: flex; gap: 10px;}
.contact_form .row.tel{align-items: center;}
.contact_form .row.tel > li:not(.dash){flex: 1;}
.contact_form .row select{width: 25%;}
.contact_form .btn_box{margin-top: 60px;}
.contact_form .pop_btn{width: 100%; max-width: initial; cursor: pointer;}


/* 파일선택 스타일 변경 */
.file_input{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.f_file_wrap{padding-top: 10px; border-top: 1px dashed var(--border-color);}
.file_wrap{display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 5px;}
.file_label{position: relative; cursor: pointer; font-size: 0.9em; display: flex; width: fit-content; font-weight: 500; background-color: #111; color: #fff; padding: 0.75em 1.25em; line-height: 1; align-items: center; gap: 10px; border-radius: 2em; transition-duration: 100ms; }
.file_label::after{content: ""; display: block; width: 1.2em; aspect-ratio: 1 / 1; background: url('../img/icon/btn_arrow_white.svg') no-repeat center / contain;}
.file_label:focus-visible{outline: 2px solid var(--dark-bg); outline-offset: 2px;}
.file_name{font-size: 0.9em; color: var(--sub-text-color);}


 
/* 정책 원문 보기 */
.agree_wrap{display: flex; margin-top: 20px; align-items: center; font-size: 1.1rem; padding: 10px 0; gap: 5px 10px; flex-wrap: wrap;} 
.agree_wrap + .agree_wrap{margin-top: 0;}
.agree_wrap > label{font-size: 1.1em; font-weight: 500;}
.agree_wrap > label:hover{cursor: pointer;}
.agree_wrap > label input[type="checkbox"]{width: 1.4em; height: 1.4em;}

.agree_wrap .view_btn{font-size: 0.8em; padding: 0.4em 0.6em; background-color: var(--pop-yellow); font-weight: 600; border-radius: 5px; color: #111;}
.view_detail{display: none; background-color: #fff; padding: 20px; line-height: 1.6; font-size: 0.8rem; max-height: 200px; overflow-y: scroll !important; border-radius: 10px;}
.view_detail::-webkit-scrollbar {width: 5px;}
.view_detail::-webkit-scrollbar-track {background: transparent;}
.view_detail::-webkit-scrollbar-thumb {background: #ddd; border-radius: 5px;}

.view_detail strong{display: block; font-size: 1.2em; margin-bottom: 0.5em;}
.view_detail p{margin-bottom: 1em;}
.view_detail span{font-size: 1.1em; font-weight: 600;}


/* ========= 뉴스레터 ========= */
.newsletter_wrap{display: flex; min-height: 100vh; align-items: center; justify-content: center; flex-direction: column; padding: 100px var(--padding); gap: 60px;}
.newsletter_tit{text-align: center;}
.newsletter_tit .page_tit{color: var(--deep-color);}
.newsletter_wrap .contact_form{width: 100%; max-width: 786px;}





/* ========= 마이페이지 ========= */
/* 공통 */
.my_top, .my_board, .my_write{background-color:#fff; border-radius: 20px; margin-top: 30px; box-shadow: 0 0 10px rgba(63, 63, 63, 0.06);}
.my_top > *{padding: var(--grid-gap);}
.my_top > * + *{border-top: 1px solid #eee;}
.my_board, .my_write{padding: var(--grid-gap);}
.my_write .btn_box{margin-top: 60px; margin-bottom: 60px;}

/* 검색 옵션 */
.form_item + .form_item{margin-top: 1rem;}
.form_item{display: flex; gap: 10px; align-items:center;}
.form_label{font-weight: 600; width: 20%; max-width: 140px;}
.option_group{flex: 1; display:flex; flex-wrap:wrap; gap: 10px;}
.radio_box, .check_box{ position:relative; cursor:pointer; }
.radio_box input, .check_box input{ display:none; }
.radio_box span, .check_box span{display:inline-flex; align-items:center; justify-content:center; padding: 0.6em 1em; border:1px solid #eee; border-radius: 2em; background: #fff; font-size: 0.9em; font-weight: 500; transition-duration: 100ms; color: #888;}
.radio_box input:checked+span, .check_box input:checked+span{background: var(--main-color); color: var(--bg-text); border-color: var(--main-color); font-weight: 600;}
.radio_box:hover span, .check_box:hover span{border-color: var(--deep-color); color: var(--deep-color);}

/* 검색 */
.search_input{position: relative; flex: 1;}
.search_input input{width: 100%; border-radius:10px; line-height: 1.6; padding: 10px; padding-right: calc(20px + 1.2rem); border: none;} 
.search_input button{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 1.2rem; background-color: transparent;}

/* 수정 버튼 */
.btn{display: block; padding: 0.6em 0.8em; font-size: 0.9rem; border: 1px solid #eee; border-radius: 6px; font-weight: 500; text-align: center; line-height: 1; background-color: #f7f7f7; color: #888;}
.btn_b01{border-color: var(--main-color); background-color: var(--main-color); color: var(--bg-text);}
.btn_b02{border-color: #242424; background-color: #242424; color: #fff;}



/* ===== 마이페이지 상단 ===== */
.my_tit{display: flex; justify-content: space-between; margin-bottom: 20px; gap: 10px;}
.my_tit .tit{font-size: var(--font-size-l); font-weight: 600;}
.my_tit .color{position: relative; z-index: 1;}
.my_tit .color::before{position: absolute; content:""; display: block; left: -0.2em; right: -0.2em; bottom: 0; height: 0.8em; background-color: var(--main-color); transform: skewX(-10deg); opacity: 0.4; z-index: -1;}
.my_tit .small{font-size: 0.8em; color: #666; font-weight: 400;}

/* 접근 권한 */
.permission_list{display: flex; gap: 10px;}
.permission_list li{flex: 1; display: flex; justify-content: space-between; align-items: center; padding: 1rem; background: #fbfbfb; border-radius: 1rem;}
.permission_list .label{font-weight: 500;}

.status{display: block; padding: 0.6em 1em; font-weight: 500; border-radius: 2em; font-size: 0.9em; line-height: 1; font-weight: 600;}
.status.on{color: #16a34a; background: #c4ffd8;}
.status.off{color:#b91c1c; background:#fee2e2;}


/* ===== 마이페이지 리스트 출력 ===== */
.board_list{border-top: 1px solid #eee;}
.board_list li{ display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 1rem 0; border-bottom: 1px solid #eee;}


.board_list a{flex:1;}
.board_list a > b{font-size: var(--font-size-m); font-weight: 600; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.board_info{display:flex; align-items:center; gap:10px; margin-top: 10px; color:#888; font-size: 0.9rem; line-height: 1;}
.board_info span + span{padding-left: 10px; border-left: 1px solid #eee;}


/* 상태 텍스트 */
.board_btns{display:flex; align-items:center; gap:10px; font-size: 0.9rem;}
.state_txt{font-weight: 600; white-space: nowrap;}
.state_txt.on{color: #16a34a;}
.state_txt.off{color:#888;}
.board_btns .btn{font-size: 0.9em;}


/* 토글 */
.toggle_switch{ position:relative; width: 52px; height: 30px; border: none; border-radius:999px; cursor:pointer; transition-duration: 200ms;}
.toggle_switch::before{content:""; position:absolute; top: 3px; left: 3px; width: 24px; height: 24px; background:#fff; border-radius:50%; box-shadow:0 2px 6px rgba(0,0,0,.18); transition-duration: 200ms;}
.toggle_switch.on{background:#22c55e;}
.toggle_switch.on::before{left:25px;}
.toggle_switch.off{background:#d1d5db;}
.toggle_switch.off::before{left:3px;}



/* ===== 마이페이지 기사 등록 ===== */
.form_box dl{display: flex; gap: 10px; padding: 10px 0; align-items: center; border-bottom: 1px solid #eee;}
.form_box dt{width: 20%; font-weight: 600;}
.form_box dd{flex: 1;}
.req::after{content:""; display: inline-block; width: 6px; aspect-ratio: 1/1; background-color: var(--deep-color); border-radius: 50%; margin-left: 6px; vertical-align: top;}

.input_wide{width: 100%;}
textarea.input_wide{height: 8em; resize: none; line-height: 1.6; font-weight: 400;}
.input_file{width: 100%;}
.input_file + .input_file{margin-top: 5px;}
.options{display: flex; gap: 10px; align-items: center; min-height: 2em;}
.options > label{padding-right: 10px;}
.options > label:hover{cursor: pointer;}
.options > label > input[type="radio"]{vertical-align: baseline;}
.options > select{flex: 1; max-width: 25%;}
.nselect{display: flex; gap: 1em; font-size: 0.9em; padding: 5px 0; margin-top: 10px; line-height: 1;}
.nselect p + p{padding-left: 1em; border-left: 1px solid #eee;}
.nselect .bold{font-weight: 500;}
.desc{font-size: 0.9em; line-height: 1.4; word-break: keep-all;}
p.desc{margin: 10px 0 5px 0;}
.desc .color{position: relative; font-weight: 600; z-index: 1;}
.desc .color::before{position: absolute; content:""; display: block; left: -0.2em; right: -0.2em; bottom: 0; height: 0.8em; background-color: var(--main-color); transform: skewX(-5deg); opacity: 0.4; z-index: -1;}
#wr_image_preview{border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px;}
.img_box{width: fit-content; max-width: 60%; border: 1px solid #eee;}
#wr_image_preview img{max-width: 100%;}
.img_flex{display: flex; gap: 10px; align-items: center; padding: 5px 0; border-bottom: 1px solid #eee;}
.img_flex .img{width: 20%; max-width: 100px; aspect-ratio: initial; border-radius: 10px; overflow: hidden;}
.img_flex .text{font-size: 0.8rem; color: #888;}


/* ================================================================ */
@media screen and (max-width: 1700px){
	.lnb{font-size: 1.4rem; padding-left: var(--padding); padding-right: var(--padding);}
	.sub_section, .de_edit, .de_tag, .de_btns, #donation_wrap, .relate_wrap, .reply_wrap, .de_files{padding-left: var(--padding); padding-right: var(--padding);}
	.de_writer{padding: var(--padding);}

	/* 서브페이지 */
	.popular_wrap .swiper-slide > a{padding: 40px 30px;}

	/* 상세페이지 */
	.de_writer{font-size: 0.9rem;}
	.de_writer .tit, .de_tit_box .tit, .reply_wrap .tit_box .tit{font-size: 1.4em;}
	.de_profile .p_img{width: 50px;}

	.po_title{font-size: 1.4rem;}

	/* 기부 */
	.do_wrap{width: initial;}

	/* 내용관리 */
	.company_section .con_flex{gap: 0; padding: 0 !important;}
	.company_section .img_box{width: 50%;}
	.company_section .text{padding: var(--padding); font-size: var(--font-size-s); gap: 10px;}
	.company_section .text .point_tit{font-size: 2em;}
	.company_section .text > p.lg_txt{font-size: 1.1em;}

	/* 제보 및 제휴문의 */
	.contact_wrap{gap: var(--padding);}



}

@media screen and (max-width: 1280px){
	/* 공통 */
	.sub_wrap, .detail_wrap, .contact_wrap{display: block;}
	.content_wrap{max-width: initial; min-height: calc(100vh - 150px);}

	/* 서브 상단 메뉴 */
	.lnb{position: initial; width: initial; font-size: 1.2rem; padding: 100px var(--padding) 15px var(--padding); overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none;}
	.lnb::-webkit-scrollbar{display: none;}
	.lnb > ul{display: flex; line-height: 1; align-items: center; gap: 1.2em;}
	.lnb li {white-space: nowrap;}
	.lnb li:last-child > a{margin-right: var(--padding);}
	.lnb li > a{padding: 0;}
	.lnb li > a.on{border-radius: 6px; padding: 0.4em 0.6em;}

	/* 서브페이지 */
	.popular_wrap .text_box .tit{font-size: 1.4em;}
	.pop_btn{font-size: 1rem;}

	/* 상세페이지 */
	.de_title{height: fit-content; min-height: 50vh; padding: 120px var(--padding) 30px var(--padding);}	
	.de_edit{padding: 60px var(--padding); min-height: initial;}
	.de_contents{font-size: 1rem;}
	.de_writer .tit{left: var(--padding);}
	.po_title{font-size: 1.2rem;}


	/* 기부 */
	.do_wrap{font-size: var(--font-size-l);}
	
	/* 내용관리 */
	.ctt_title{padding-top: 150px; padding-bottom: 50px;}
	.ctt_admin{right: var(--padding);}
	.map_wrap{padding-bottom: 0;}
	.map_wrap .con_flex{gap: 50px; flex-direction: column;}
	.map_wrap .text{font-size: var(--font-size-l); padding-left: var(--padding); padding-right: var(--padding);}
	.map_wrap .text > dl:first-of-type{padding-top: 50px;}
	.map_wrap .map{width: 100%; border-radius: 0; aspect-ratio: 2/1;}


	/* 정책 */
	.policy_box h3{font-size: 1.6em; margin-top: 40px; margin-bottom: 20px;}

	/* 뉴스레터 */
	.page_sub_tit{font-size: 1.4rem;}


	/* 제보 및 제휴문의 */
	.contact_wrap .contact_tit{position: initial; background-color: #111; color: #fff; padding: 150px var(--padding) 50px var(--padding);}
	.contact_tit .page_tit{margin-top: 0;}
	.contact_sns{display: flex; margin-top: 30px; gap: 10px;}
	.contact_sns .name{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
	.contact_wrap .contact_form{padding: 60px var(--padding);}

	/* 검색 */
	.page_title{font-size: 2rem; text-align: left;}
	.search_wrap .magazine_list{margin-top: 30px; grid-template-columns: repeat(3, 1fr);}

	/* 마이페이지 */
	.my_wrap{background-color: #fff;}
	.my_top, .my_board, .my_write{box-shadow: none; background-color: transparent; border-top: 2px solid #111; border-radius: 0;}
	.my_top > *, .my_board, .my_write{padding-left: 0; padding-right: 0;}
	.my_write{padding-top: 0;}
}

@media screen and (max-width: 768px){
	#sub_headline + .sub_section{margin-top: 60px;}
	.sub_section:first-of-type{padding-top: 60px;}
	.content_wrap{padding-bottom: 60px;}
	.page_tit{margin-bottom: 20px;}
	.pop_btn{font-size: 0.9rem;}

	/* 서브 상단 메뉴 */
	.lnb{font-size: 0.9rem; padding-top: 60px;}

	/* 서브페이지 */
	.popular_wrap .swiper-slide > a{padding: 30px 20px;}
	.popular_wrap .text_box{font-size: var(--font-size-m);}
		/* before */
	.popular_wrap .swiper-slide img{opacity: 0.4; transition-duration: 200ms;}
	.popular_wrap .text_box{opacity: 0; transform: translateY(30px); transition-duration: 400ms;}
		/* after */
	.popular_wrap .swiper-slide.swiper-slide-active img{opacity: 1;}
	.popular_wrap .swiper-slide.swiper-slide-active .text_box{opacity: 1; transform: translateY(0);}
	#more_block{margin-top: 60px;}


	/* 상세페이지 */
	.de_title .tit_box{font-size: var(--font-size-m);}
	.de_title .tit_box .tit{font-size: 2em;}
	.de_title{padding-bottom: 40px;}
	.de_edit{padding-top: 40px;}
	.de_contents{font-size: 0.9rem;}
	.de_writer{font-size: 0.8rem; padding-top: 30px; padding-bottom: 15px;}
	.de_profile{gap: 1em;}
	.de_profile .p_img{width: 40px;}
	.de_profile .p_text >strong{margin-bottom: 6px;}
	.de_sns a > img, .de_move_btn img{width: 24px;}
	.po_title{font-size: 1rem;}

	
	/* 댓글 */
	.reply_wrap{padding-top: 30px;}
	.reply_wrap .tit_box{font-size: 0.9rem;}
	dl.re_captcha{flex-direction: column; align-items: initial;}

	/* 기부 */
	#donation_wrap, .support_wrap{padding-top: 60px; padding-bottom: 60px;}
	.do_wrap{font-size: var(--font-size-m);}
	.do_wrap .tit{font-size: 2em;}
	.do_wrap .tit::after{top: -0.5em; right: 10%; bottom: initial;}
	.do_wrap p br{display: none;}
	.bank_box{padding: 30px; border-radius: 20px;}
	.toast{font-size: 12px;}

	/* 내용관리 */
	.ctt_title{padding-top: 120px; padding-bottom: 30px;}
	.ctt_admin{top: 60px;}
	.ctt_admin a{padding: 0.4em 0.6em;}

	#ctt_company{padding-top: 0;}
	.ctt_logo{margin-bottom: -40px;}
	.company_section .text{padding: 40px var(--padding);}
	.company_section .text .point_tit{font-size: 1.6em;}
	.company_section .img_box{width: 30%;}
	.map_wrap .text{font-size: var(--font-size-m);}
	.map_wrap .text > dl{flex-direction: column;}
	.map_wrap .text > dl dt{width: initial; color: var(--main-color);}
	.map_wrap .text > dl:first-of-type{padding-top: 30px;}


	/* 정책 */
	.policy_wrap{padding-top: 60px; padding-bottom: 60px;}
	.policy_wrap .big_txt{font-size: var(--font-size-m); }
	.policy_box{font-size: var(--font-size-s);}
	.policy_box h3{font-size: 1.4em; margin-top: 30px; margin-bottom: 10px;}
	.policy_box h4{font-size: 1.2em; margin-bottom: 10px;}

	/* 뉴스레터 */
	.page_sub_tit{font-size: 1.1rem;}
	.newsletter_wrap{gap: 0;}
	.contact_form dl input[type="text"], .contact_form dl input[type="tel"], .contact_form dl input[type="email"]{font-size: 0.9rem; padding-left: 0; padding-right: 0;}
	.contact_form .row select{font-size: 0.9rem;}
	.agree_wrap{font-size: 0.9rem; padding: 0.5em 0;}
	.contact_form .btn_box{margin-top: 30px;}

	/* 제보 및 제휴문의 */
	.contact_wrap .contact_form{padding-top: 40px;}
	.contact_wrap .contact_tit{padding-top: 120px; padding-bottom: 30px;}
	.contact_sns{margin-top: 20px;}
	.contact_sns .symbol{width: 2em;}
	.file_label{font-size: 0.8em;}
	.view_detail{font-size: 0.7rem; border-radius: 6px;}

	/* 검색 */
	.search_wrap{padding-top: 60px; padding-bottom: 60px;}
	.page_title{font-size: 1.6rem;}
	.search_wrap .magazine_list{grid-template-columns: repeat(2, 1fr);}


	/* 마이페이지 */
	.permission_list{font-size: 0.9rem;}
	.permission_list li{flex: initial; padding: 0; border-radius: 0; background-color: transparent; line-height: 1;}
	.permission_list li + li{padding-left: 10px; border-left: 1px solid #eee;}
	.status{background-color: transparent !important; padding: 0; font-size: 1em; margin-left: 10px;}
	.form_item + .form_item{margin-top: 10px;}
	.search_card{font-size: 0.9rem;}
	.search_input input{line-height: 1.4;}
	.my_write .btn_box{margin-top: 40px; margin-bottom: 0;}

	/* 마이페이지 리스트 출력 */
	.board_list li{padding: 10px 0;}
	.board_list a > b{-webkit-line-clamp: 2; line-height: 1.4;}
	.board_info{font-size: 0.8rem;}
	.board_btns{font-size: 0.8rem; flex-direction: column;}
	.toggle_switch{width: 42px; height: 24px;}
	.toggle_switch::before{width: 18px; height: 18px;}
	.toggle_switch.on::before{left: 21px;}

	/* 마이페이지 기사 등록 */
	.form_box dl{flex-direction: column; align-items: initial;}
	.form_box dt{width: initial;}
	.form_box dd{font-size: 0.9rem;}
}

@media screen and (max-width:600px){
	/* 서브페이지 */
	.sub_section .magazine_list{grid-template-columns: repeat(2, 1fr);}
	.sub_section .magazine_list li:nth-child(10n+1), .sub_section .magazine_list li:nth-child(10n+7){grid-column: initial;}
	.sub_section .magazine_list li:nth-child(10n+1) .thumb, .sub_section .magazine_list li:nth-child(10n+7) .thumb{aspect-ratio: 4 /5;}
	.sub_section .magazine_list li:first-child{grid-column: span 2;}
	.sub_section .magazine_list li:first-child .thumb{aspect-ratio: 5 /3;}
	.sub_section .magazine_list li:first-child .text > p{min-height: initial;}

}

@media screen and (max-width:478px){
	.lnb{font-size: 0.8rem; padding-bottom: 10px;}
	#more_block{margin-top: 40px;}
	.pop_btn{max-width: initial;}

	/* 서브페이지 */
	#sub_headline + .sub_section{margin-top: 40px;}
	.sub_section:first-of-type{padding-top: 40px;}
    .popular_wrap .text_box {font-size: var(--font-size-s);}

	/* 상세페이지 */
	.de_title .tit_box{font-size: var(--font-size-s);}
	.de_title .tit_box .tit{font-size: 1.8em;}
	.de_writer{font-size: 0.7rem;}

	.po_title{font-size: 0.9rem;}
	.po_title .tit{font-size: 1.4em;}

	/* 기부 */
	.do_wrap{font-size: var(--font-size-s);}
	.bank_box small{margin-top: 10px;}

	/* 내용관리 */
	.con_flex{flex-direction: column-reverse;}
	.company_02 .con_flex{flex-direction: column;}
	.company_section .img_box{width: 100%; aspect-ratio: 2/1;}


	/* 정책 */
	.policy_box h3{font-size: 1.2em; margin-top: 30px; margin-bottom: 10px;}
	.policy_box h4{font-size: 1.1em;}

	/* 뉴스레터 */
	.page_sub_tit{font-size: 1rem;}
	.newsletter_wrap{gap: 30px; align-items: flex-start;}
	.newsletter_tit{text-align: left;}
	.agree_wrap{font-size: 0.8rem;}
	.agree_wrap > label input[type="checkbox"]{width: 1.2em; height: 1.2em;}

	/* 제보 및 제휴문의 */
	.contact_wrap .contact_tit{padding-top: 80px;}	

	/* 검색 */
	.page_title{font-size: 1.2rem;}
	.search_wrap .magazine_list{margin-top: 20px;}


	/* 마이페이지 */
	.permission_list{font-size: 0.8rem;}
	.form_label{width: 4em;}
	.my_tit{flex-direction: column;}
	.my_tit .btn{width: 100%;}
	.options{align-items: initial; flex-direction: column;}
	.options > select{max-width: initial;}
	.desc .color{color: var(--deep-color);}
	.desc .color::before{display: none;}

}