@charset "utf-8";
/* CSS Document */
@media (min-width: 768px) {  
/* 월정액서비스 */
.pay_day_m {display: none;}
.pay_day {border-radius: 10px; border:1px solid #fbe0c9; font-size: 3.5em; padding:55px 40px; letter-spacing: 0.5px;}
.pay_day:after {content:""; display: block; clear: both;}
.pay_day p {float:left;  text-align: center; position: relative;}
.pay_day .monday01 {float:left; width:53px; height:67px; margin-left:3%; color:#ee7b1a; background: url('../images/pay_month.png'); font-size: 1.25em; font-weight: bold; margin-top:-1%; }
.pay_day .monday01 img {position: absolute; left:0; top:50%;}
.pay_day .monday02 {float:left; width:82px; height:67px; margin-left:3%; color:#ee7b1a; background: url('../images/pay_day.png'); font-size: 1.25em; font-weight: bold; margin-top:-1%;}
.pay_day .monday02 img {position: absolute; left:0; top:50%;}
.monthly_scroller{ padding: 0px;  margin: 0px; }
.monthly_scroller:after {content:""; display: block; clear: both;}
.monthly_scroller .amazon_scroller_nav{ position: absolute;}
.monthly_scroller .amazon_scroller_nav li{ cursor: pointer;  position: absolute; top:-90px; }
.monthly_scroller .amazon_scroller_mask{ position: absolute; overflow: hidden; width:1110px!important; padding:10px 0 30px 0px; }
.monthly_scroller ul{ padding: 0px;  float: left; }
.monthly_scroller ul li{ padding: 0px; margin: 0px; margin-left: 5px; margin-right: 5px; list-style: none; float: left; }
.monthly_scroller ul li a{ text-decoration: none; }
.monthly_scroller ul li a:hover{ text-decoration: underline;}
.monthly_scroller ul li a img{ border: none;}
.monthly_wrap:after {content:""; display: block; clear: both;}
.monthly_digital li {float:left;}
.monthly_digital ol li {font-size: 16px; padding:2% 0;}
.monthly_digital ol li span {display: inline-block; margin-left:4%;}
.monthly_digital ol li.custom_txt {font-size: 14px;}
.payment { width:330px; margin:0 auto;}
.payment ol li {font-size: 16px; padding:2% 0;}
.payment ol li span {display: inline-block; margin-left:4%;}
.payment ol li.custom_txt {font-size: 14px;}
.payment_text {padding:20px 0!important; text-align: center; font-size: 1.5em;}
.monthly_wrap > p {padding:70px 0 40px; text-align: center;}
.request_tit {font-size: 2.4em; font-weight: bold; background: #ee7b1a; border-radius: 20px 20px 0 0; color: #fff; text-align: center; padding: 5px 0; display:flex; align-items:center; justify-content:center; }
.request_tit_stxt {font-size: 0.6em;  /*font-weight: normal;*/}
.request_stit {display: inline-block; height:50px; font-size: 1.55em;}
.request_stit_txt {color:#ee7b1a;}
.request_pay {padding:0px; font-size: 1.5em; color:#939393; text-align: right;}
.request_pay strong {color:#ee7b1a; font-size: 3.0em;}
.request_pay span {color:#ee7b1a; font-size: 1.8em;}
.request_pay font {text-decoration: line-through;}
.request_btn {padding-top:20px;}
.request_btn02 {padding-top:10px;}
.monthly_tit_p {padding:35px 0;}
.monthly_tit_m {display: none;}
.owl-carousel_wrap {height:520px;}
.monthly_request_wrap {border-radius: 20px; width:90%; height:460px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin-left:18px; }
/*.monthly_request_wrap:hover {border:2px solid #ee7b1a;}*/
.monthly_request_wrap dl {margin-top:10px; padding:0;}
.monthly_request_wrap dl:after {content:""; display: block; clear: both;}
.monthly_request_wrap dl dt {float:left; width:40%; font-size: 16px; padding:8px 0; line-height: 16px; margin:0;}
.monthly_request_wrap dl dd {float:left; width:60%; font-size: 16px; padding:8px 0; line-height: 16px; margin:0; text-align: right;}
.monthly_request_wrap ol {margin-top:5%;}
.monthly_request_wrap ol li.request_txt01 {font-size: 1.5em; margin:2% 0;}
.monthly_request_wrap ol li.custom_txt {font-size: 1.3em; margin:2% 0;}

.monthly_request_wrap_1 {border-radius: 23px; width:90%; height:500px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.monthly_request_wrap_1 dl {margin-top:10px; padding:0;}
.monthly_request_wrap_1 dl:after {content:""; display: block; clear: both;}
.monthly_request_wrap_1 dl dt {float:left; width:40%; font-size: 16px; padding:8px 0; line-height: 16px; margin:0;}
.monthly_request_wrap_1 dl dd {float:left; width:60%; font-size: 16px; padding:8px 0; line-height: 16px; margin:0; text-align: right;}
.monthly_request_wrap_1 ol {margin-top:5%;}
.monthly_request_wrap_1 ol li.request_txt01 {font-size: 1.5em; margin:2% 0;}
.monthly_request_wrap_1 ol li.custom_txt {font-size: 1.3em; margin:2% 0;}

 .req_m {display: none!important;}
.border_green { border:2px solid #22917f !important; }
.payment_top {border-radius: 23px; width:320px;/* padding:28px 35px 0; height:430px*/; box-shadow: 0px 0px 14px #989897;  border:2px solid #ee7b1a; position: relative; }
.payment_top dl {margin-top:10px; padding:0;}
.payment_top dl dt {float:left; width:40%; font-size: 16px; padding:8px 0; line-height: 16px; margin:0;}
.payment_top dl dd {float:left; width:60%; font-size: 16px; padding:8px 0; line-height: 16px; margin:0; text-align: right; word-break: keep-all;}
.payment_top ol {margin-top:10%; padding-top:15%; border-top:1px solid #cdcdcd;}
.total_pay{padding:1.2% 3%; background: #f5f5f5; margin-top:50px;}
.total_pay:after {content:""; display: block; clear: both;}
.total_pay_txt {float:left; width:10%; font-size: 1.8em; padding-top:1.4%;}
.total_pay_won {text-align: right; float:left; font-size: 4em; color:#ee7b1a; font-weight: bold; width:90%;}
/* 최종결제금액 영역 재정렬 2024-05-20 박은진 */
.new_totalpay { background:#f5f5f5; display:flex; align-items:center; justify-content:space-between; padding:20px 30px; box-sizing:border-box; margin-top:20px; }
.new_totalpay_tit { font-size:1.8rem; }
.new_totalpay_txt { font-size:1.4rem; }
.new_totalpay_won { font-size:4.0rem; color:#ee7b1a; font-weight:bold; flex:0 0 50%; text-align:right; }
/* 재정렬 끝 */

.payment_guide {background: #ee7b1a; padding:1.3%; text-align: center; color:#fff; font-size: 2.3em; margin-top:30px;}
.pay_method {text-align: center; padding:50px 0 10px;}
.pay_method span {display: inline-block; margin-right:15px;}
.pay_method span:nth-child(5) {margin-right:0;}
.pay_method img {vertical-align: middle; margin-left:5px;}
.pay_guide_wrap {margin-bottom: 50px;}
.pay_guide {padding:2%; text-align: left; font-size: 1.5em!important; border-bottom: 1px solid #ccc; font-weight: normal!important;}
    
.non-bankbook {margin-bottom: 50px;}
.non-bankbook_text {padding:2%; color:#f01480; font-size: 1.4em!important; font-weight: normal!important; }
.non-bankbook p {font-size: 1.8em; font-weight: bold; margin-bottom: 10px;}
.non-bankbook table {border-collapse: collapse; margin-bottom: 10px;}
.non-bankbook table tr th {border-top:1px solid #ccc; width:16%; border-bottom: 1px solid #ccc;  background: #f5f5f5;  font-size: 1.4em; font-weight: normal;}
.non-bankbook table tr td {border-top:1px solid #ccc; width:84%; border-bottom: 1px solid #ccc; padding:1.5% 0; padding-left:20px;  font-size: 1.4em;}
.non-bankbook table tr td .banking { font-size: 1.8em;}
.non-bankbook table tr td span {display: inline-block;}
.non-bankbook table tr td input {padding:5px; border:1px solid #ccc;}
.btn_bankbook {display: inline-block; padding:1% 2%; text-align: center; font-size: 0.9em; font-weight: bold; background:#fff; border:2px solid #eee; margin:2% 1% 0 0;}

.f_free_wrap {border-radius: 8px; border:1px solid #ee7b1a; padding:30px 0; text-align: center;}
.f_free_wrap .fir_free {display: inline-block; text-align: left; font-size: 1.8em;}
.f_free_wrap .fir_free strong { display: inline-block; margin-bottom: 5px; font-size: 2em;}
.f_free_wrap .fir_free p {padding:4px 0;}
.requester_wrap {margin-top:30px;}
.requester_wrap p {font-size: 1.8em; font-weight: bold; margin-bottom: 10px;}
.requester_wrap table {border-collapse: collapse; margin-bottom: 10px;}
.requester_wrap table tr th {border-top:1px solid #ccc; width:16%; border-bottom: 1px solid #ccc;  background: #f5f5f5;  font-size: 1.4em; font-weight: normal;}
.requester_wrap table tr td {border-top:1px solid #ccc; width:84%; border-bottom: 1px solid #ccc; padding:1.5% 0; padding-left:20px;  font-size: 1.4em;}
.requester_wrap table tr td span {display: inline-block;}
.requester_wrap table tr td input {padding:5px; border:1px solid #ccc;}
.dropdown { vertical-align: middle; margin-left:10px;  border:1px solid #ddd;  margin-top:2px; display: inline-block; position: relative; overflow: hidden; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06)); margin-bottom: 2px; }
.dropdown:before, .dropdown:after { content: ''; position: absolute; z-index: 2;  top: 11px; right: 6px; width: 0; height: 0; border: 4px dashed; border-color: #888 transparent;  pointer-events: none;}
.dropdown:before {  border-bottom-style: solid;  border-top: none;}
.dropdown:after { margin-top: 7px; border-top-style: solid; border-bottom: none;}
.dropdown-select_1 { position: relative; width: 118%; margin: 0; padding: 5px 25px 6px 10px; height: 38px; line-height: 14px; font-size: 12px;  color: #62717a;  text-shadow: 0 1px white;  border:0;  border-radius: 0;}
.dropdown-select_1:focus { z-index: 3;  width: 100%;  color: #394349;  outline-offset: -2px;}
.dropdown-select_1 > option { padding: 6px 8px;  text-shadow: none;  background: #f2f2f2;  border-radius: 3px;  cursor: pointer;}
.req_comment {font-size: 0.8em; font-weight: normal;}
.pay_stit01 {margin:50px 0 10px; font-size: 1.4em; }
.pay_txt01 {border:3px solid #eee; padding:30px; font-size: 1.4em; line-height: 2em; margin-bottom: 10px;}
.pay_txt02 {padding:5px 0; font-size: 1.4em; line-height: 2em;}


dl:after {content:""; display: block; clear: both;}
.search_onestep {width:100%; }
.search_onestep:after {content:""; display: block; clear: both;}
.search_onestep_tit {text-align: center; padding:80px 0 30px 0;}
.search_onestep_left {float:left; padding:118px 5% 0 0; font-size: 1.6em; text-align: right; font-weight: bold;}
.search_onestep_left ul li {padding:10px 0;}
.search_onestep_left_1 {display: none;}
    
.pc_mo {float:left; width:32%;  padding-right:2%; border-right:1px solid #eee;}
.pc_mo:after {content:""; display: block; clear: both;}
.pc_mo ul {float:left; display:block; font-size: 1.6em; /*width:130px; margin-right:47px;*/ width:47%; margin-right:3%;}
.pc_mo ul li {padding:10px 0; text-align: center;}
.pc_mo ul li strong {font-size: 1.5em; display: inline-block; padding:10px 0;}
.pc_mo_m {display: none;}
.pc_mo_p {text-align: center; padding:10px  0; font-size: 1.5em;}

.pc_mo_1 {float:left; width:40%; padding-left:3%; }
.pc_mo_1:after {content:""; display: block; clear: both;}
.pc_mo_1 ul {float:left; display:block; font-size: 1.6em; width:47%; margin-right:3%;}
.pc_mo_1 ul.digital_1 {border:none; width:47%;}
.pc_mo_1 ul.maz_1 {border:none; width:47%; border-right:2px solid #e0e0e0;}
.pc_mo_1 ul.pakage_1 {border:none; width:47%;}
.pc_mo_1 ul.webina {border:none; width:47%; padding-right:0;}
.pc_mo_1 ul li {padding:10px 0; text-align: center;}
.pc_mo_1 ul li strong {font-size: 1.5em; display: inline-block; padding:10px 0;}

.subscribe_wrap {border-radius: 20px; border:1px solid #ee7b1a; width:85%; padding:2% 7.5%; margin:0 auto;}
.subscribe_wrap:after {content:""; display: block; clear: both;}
.subcript_intro { float:left; width:15.5%;  border-right:2px solid #c5c5c5; padding:2.5% 3% 2.5% 0; }
.subcript_intro_m { display: none;}

.subcript_info {width:100%;}
.subcript_info01 {padding:2% 0;}
.subcript_info01_01 {display: inline-block; width:23%; text-align: center; font-size: 1.5em;}
.subcript_info01_02 {display: inline-block; width:35%;}
.subcript_info01_03 {display: inline-block; width:22%; text-align: center; font-size: 1.5em;}
    
.magazine_wrap {float:left; width:46%; margin-left:3%;}
.magazine_wrap:after {content:""; display: block; clear: both;}
.magazine_wrap>p {text-align: center; padding:10px 0; font-size: 1.5em; }
.magazine_wrap ul {float:left; display:block; font-size: 1.6em; /*width:130px; margin-right:48px;*/width:31%; margin-right:3%;}
.magazine_wrap ul:nth-child(1) {margin-left:48px;}
.magazine_wrap ul:nth-child(4) {margin-right:0px;}
.magazine_wrap ul li {padding:10px 0; text-align: center;}
.magazine_wrap ul li strong {font-size: 1.5em; display: inline-block; padding:10px 0;}
}
@media (max-width:1550px) { 
.pc_mo {float:left; width:72%;  padding-right:2%; border-right:1px solid #eee;}
.pc_mo:after {content:""; display: block; clear: both;}
.pc_mo ul {float:left; display:block; font-size: 1.6em; /*width:130px; margin-right:47px;*/ width:47%; margin-right:3%;}
.pc_mo ul li {padding:10px 0; text-align: center;}
.pc_mo ul li strong {font-size: 1.5em; display: inline-block; padding:10px 0;}
.pc_mo_m {display: none;}
.pc_mo_p {text-align: center; padding:10px  0; font-size: 1.5em;}

.pc_mo_1 {float:left; width:72%;}
.pc_mo_1:after {content:""; display: block; clear: both;}
.pc_mo_1 ul {float:left; display:block; font-size: 1.6em; /*width:130px; margin-right:47px;*/ width:47%; margin-right:3%;}
.pc_mo_1 ul.pakage_1 {border:none; }
.pc_mo_1 ul.webina {border:none; padding-right:0;}
.pc_mo_1 ul li {padding:10px 0; text-align: center;}
.pc_mo_1 ul li strong {font-size: 1.5em; display: inline-block; padding:10px 0;}

.search_onestep_left_1 {display: block;}
.search_onestep_left_1 {float:left; padding:16% 3% 0 0; font-size: 1.6em; text-align: right; font-weight: bold;}
.search_onestep_left_1 ul li {padding:16.9% 0;}

.magazine_wrap {float:left; width:100%; margin-left:3%}
.magazine_wrap:after {content:""; display: block; clear: both;}
.magazine_wrap>p {text-align: center; padding:10px 0; font-size: 1.5em; }
.magazine_wrap ul {float:left; display:block; font-size: 1.6em; /*width:130px; margin-right:48px;*/width:31%; margin-right:3%;}
.magazine_wrap ul:nth-child(1) {margin-left:48px;}
.magazine_wrap ul:nth-child(4) {margin-right:0px;}
.magazine_wrap ul li {padding:10px 0; text-align: center;}
.magazine_wrap ul li strong {font-size: 1.5em; display: inline-block; padding:10px 0;}
}

@media (max-width:1000px) { 
.pc_mo {float:left; width:72%;  padding-right:2%; border-right:1px solid #eee;}
.pc_mo:after {content:""; display: block; clear: both;}
.pc_mo ul {float:left; display:block; font-size: 1.6em; /*width:130px; margin-right:47px;*/ width:47%; margin-right:3%;}
.pc_mo ul li {padding:10px 0; text-align: center;}
.pc_mo ul li strong {font-size: 1.5em; display: inline-block; padding:10px 0;}
.pc_mo_m {display: none;}
.pc_mo_p {text-align: center; padding:10px  0; font-size: 1.5em;}

.pc_mo_1 {float:left; width:72%;  }
.pc_mo_1:after {content:""; display: block; clear: both;}
.pc_mo_1 ul {float:left; display:block; font-size: 1.6em; /*width:130px; margin-right:47px;*/ width:47%; margin-right:3%;}

.pc_mo_1 ul.pakage_1 {border:none; }
.pc_mo_1 ul.webina {border:none; padding-right:0;}
.pc_mo_1 ul li {padding:10px 0; text-align: center;}
.pc_mo_1 ul li strong {font-size: 1.5em; display: inline-block; padding:10px 0;}

.search_onestep_left_1 {display: block;}
.search_onestep_left_1 {float:left; padding:16% 3% 0 0; font-size: 1.6em; width:24%; text-align: right; font-weight: bold;}
.search_onestep_left_1 ul li {padding:16.9% 0;}
    
.magazine_wrap {float:left; width:100%; margin-left:3%}
.magazine_wrap:after {content:""; display: block; clear: both;}
.magazine_wrap>p {text-align: center; padding:10px 0; font-size: 1.5em; }
.magazine_wrap ul {float:left; display:block; font-size: 1.6em; /*width:130px; margin-right:48px;*/width:31%; margin-right:3%;}
.magazine_wrap ul:nth-child(1) {margin-left:48px;}
.magazine_wrap ul:nth-child(4) {margin-right:0px;}
.magazine_wrap ul li {padding:10px 0; text-align: center;}
.magazine_wrap ul li strong {font-size: 1.5em; display: inline-block; padding:10px 0;}
}

.req_label { width:120px; padding:3px 0; display:inline-block; cursor:pointer; }    
.btn_request {color:#fff; text-align: center; padding:3% 0; background: #c5c5c5;}
.list_tit {font-size: 3.8em; font-weight: bold;}
.optional {height:40px; }
.optional01 {height:80px;}
.dbr_service_list {}
.dbr_service_list li {width:80%; position: relative; border-radius: 5px; box-shadow: 0px 3px 4px 2px #cfcfcf ; margin: 0 auto 2.5%; }
.dbr_service_list li a {display: block;  padding:2.5% 3%; }
.dbr_service_list li strong {display: inline-block; font-size: 2.4em;}
.dbr_service_list li span {font-size: 1.8em;}
.dbr_service_list li p {position: absolute; right:3%; top:35%; font-size: 1.6em; font-weight:bold;}
.dbr_service_list li p .icon_list_event {vertical-align: middle; margin-right:10px;}
.dbr_service_list li p span {color:#ee7b1a; font-size: 1.5em}
.dbr_service_list li p img {vertical-align: middle; margin-left:10px;}
.dbr_service_list li.pay_free {width:80%; background: #ee7b1a; position: relative; border-radius: 5px; color:#fff; box-shadow: 0px 3px 4px 2px #cfcfcf;}
.dbr_service_list li.pay_free a {padding:2.5% 3%;  display: block; color:#fff;}
.article_list_wrap {float:left; width:69%; padding-right:3.6%; border-right:1px solid #eee; border-top:1px solid #fff;}
.allarcle_list li:after {content:""; display: block; clear: both;}
.allarcle_list li {padding-bottom: 20px; margin-bottom:20px;  border-bottom: 1px solid #eee;}
.allarcle_list li .thunb_img {width:30%; float: left;}
.allarcle_list li .articlelist_text {float: left; padding-left:3%; width:67%;}
.allarcle_list li .articlelist_text .aticle_cate {color:#ee7b1a; font-size: 1.3em;}
.allarcle_list li .articlelist_text .aticle_tit {font-size: 2em; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden; font-weight: bold;}
.allarcle_list li .articlelist_text .aticle_txt {font-size: 1.4em; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow: hidden; color:#333;}
.allarcle_list li .articlelist_text .article_issue {display: inline-block; padding-top:5px; font-size: 1.2em; color:#99a6c4;}
.article_list_right_w {float:left; width:24%; padding-left:3%;}
.article_list_right_t {font-size: 1.8em; font-weight: bold;}
.article_list_right_w ul {margin-bottom: 50px;}
.article_list_right_w ul li {padding:0 0 0 0;}
.article_list_right_w ul li pre {font-size: 1.4em; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden;}
.article_list_right_n { font-size: 1.3em; color:#666; }
.article_list_right_n:after { content:''; display:block; width:100%; height:2px; background:#ee7b1a; margin-top:5px; }

.article_list_kfocus { margin-top:30px; width:257px; }
.article_list_kfocus .kfocus_list { margin-top:10px; }
.article_list_kfocus .kfocus_list li { font-size: 1.3em; line-height: 1.4; }
.article_list_kfocus .kfocus_list li a { display:flex; gap:10px; border-bottom:1px solid #f5f5f5; padding:7px 0; }
.article_list_kfocus .kfocus_list li a strong { color:#666; }


.left_menu {float:left; width:17%; padding-right:3%;}
.left_menu ul {border-top:1px solid #eee; width:100%;}
.left_menu ul li {border-bottom: 1px solid #ddd; padding:7% 0; font-size: 1.5em;}
.left_menu ul li a.on {font-weight: bold; color:#ee7b1a;}

.myservice_wrap_n {float:left; width:80%;}
.myservice_text { font-size: 1.4em; margin:50px 0; border:2px solid #eee; color:#999; padding:20px 30px; width:80%; display:flex; align-items:center; justify-content:space-between; }
.myservice_text02 {border-radius: 20px; border:3px solid #ee7b1a; width:80%; margin:30px 0 0; padding:3%; font-size: 1.8em; box-shadow: 0px 8px 8px #cfcfcf; position:relative; }
.myservice_text02:after { content:""; display: block; clear: both;}
.myservice_text02_1 {float:left; width:36%; border-right:1px solid #ddd;}
.myservice_text02_2 {float:left; width:55%; font-size: 1.0em; padding:3% 0 0 4%;}
.myservice_text02_btn {text-align: right; margin-top:20px;}
.myservice_text02_pay {font-size: 1.5em; margin-bottom: 3%; text-align: right; padding-right:8%;}
.myservice_text02_pay span {font-size: 0.8em;}
.myservice_text02 ul li {/*padding:1.2% 0;*/ font-size: 0.8em;}
.myservice_text02_num {text-align: center; padding:5% 0; font-size: 2em; width:86%;}
.myservice_text03 {margin-top:20px;}
.js-load { display: none; }
.js-load.active { display: block; }
.is_comp.js-load:after { display: none; }
.btn-wrap, .lists, .main { display: block; }
.main {padding-left:220px;}
.lists { margin-bottom: 4rem; }
.lists__item { padding: 20px; background: #EEE; }
.lists__item:nth-child(2n) { background: #59b1eb; color: #fff; }
.btn-wrap { text-align: center; }
.search_wrap {display: none;}
.search_result_wrap {display: none;}

.btn_bluebox { font-size:15px !important; padding:5px 10px; background:#ee7b1a; color:#fff !important; box-sizing:border-box; cursor:pointer; }
.btn_greyline { font-size:15px !important; padding:5px 10px; border:1px solid #ccc; color:#888 !important; box-sizing:border-box; cursor:pointer; }
.btn_greenbox { font-size:15px !important; padding:5px 10px; background:#22917f; color:#fff !important; box-sizing:border-box; cursor:pointer; }

.cancelled-box { border: 1px solid #ccc !important; color: #999 !important; }
.cancelled-box * { color: #999 !important; }
.w30 { width:33.33%; }
.jcc { display:flex; justify-content:center; }
.my_margin { margin-bottom:0; }
@media (max-width: 768px) {
  .w30 { width:unset; }
  .jcc { flex-direction: column; }
  .my_margin { margin-bottom:20px; }
}
    
/* 결제페이지 낱권 */
.volume_pay_list_m {display: none;}
.volume_pay_list {width:100%; margin-top:10%;}
.volume_pay_list tr th {padding:2% 0; background: #f5f5f5; border-top:2px solid #ccc; border-bottom:1px solid #ccc; font-size: 1.4em;}
.volume_pay_list01 {padding:2% 0 2% 2%; font-size: 1.8em; font-weight: bold;}
.volume_pay_list02 {font-size: 1.8em; font-weight: bold; text-align: center;}
.volume_pay_list03 {padding:2% 4% 2% 0; font-size: 1.8em; font-weight: bold; text-align: right;}
.volume_pay_list04 {padding:0 0 2% 4%; font-size: 1.8em; font-weight: bold;}
.volume_pay_list05 {padding:0 4% 2% 0; font-size: 1.8em; font-weight: bold; text-align: right;}
.btn_minus {border:1px solid #ccc; background: #fff; padding:0 5%; font-weight: bold; font-size: 1.8em;}
.volume_num {border:1px solid #ccc; /*padding:3.1% 2% ;*/ font-size: 1.2em; width:25%; text-align: center; line-height: 0; margin-left:-1px;}
.btn_add {border:1px solid #ccc; background: #fff; padding:0 5%; font-weight: bold; font-size: 1.8em; margin-left:-1px;}
.volume_pay_wrap {background: #f5f5f5; border-top:1px solid #ccc; padding:2%;}
.volume_pay_wrap02 {background: #f5f5f5; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:2%;}
.volume_pay_01 {display: inline-block; width:80%; font-size: 1.8em;}
.volume_pay_02 {display: inline-block; width:18%; text-align: right; font-size: 3em; color:#ee7b1a; font-weight: bold;}
    
.pay_txt03 {position: relative; border:3px solid #eee; padding:30px 0 30px 50px; font-size: 1.4em; line-height: 2em; background: #f5f5f5; margin-bottom: 10px;}
.icon_point01 {position: absolute; top:35px; left:20px;}
.icon_point02 {position: absolute; top:63px; left:20px;}
.req_comment01 {font-size: 1.5em; font-weight: normal;}

.address_guide {font-size: 1.0em; font-weight: normal; color:#0084ff; margin-bottom: 1%;}
.add_input {width:40%; margin:1% 1% 0 0;}
.btn_add_num {padding:0.8% 1%; margin-left:1%; text-align: center; border:none; background: #eee; }
.btn_request_pay {text-align: center; padding:3% 0;}
.how_pay {border-top:2px solid #666; padding:2%; margin-top:2%; font-size: 1.6em; text-align: center; background: #ebebeb; border-bottom: 1px solid #ccc;}
.how_pay .pay_way {display: inline-block; margin-left:30px;}
.how_pay .pay_way:nth-child(1) {margin-left:0;}
.how_pay span {display: inline-block; margin-right:15px;}
.how_pay span:nth-child(5) {margin-right:0;}
.how_pay img {vertical-align: middle; margin-left:5px;}
    
.phone_num {width:200px;}
.recommend_name {margin-left:30px;}
.discount_coupon {display: inline-block; margin:0 0 0 2.5%;}
.line_bt {padding-bottom: 10%; border-bottom:1px solid #ccc;}
.tit_private {}

.author_wrap:after { content:""; display: block; clear: both;}
.author_wrap {background: #f0f0f0; padding:4%; margin:2% 0 5%;}
.author_info {float:left; line-height:1.5; width:50%;}
.author_info_one {float:left; line-height:1.5; width:100%;}
.relate_article:after { content:""; display: block; clear: both;}
.relate_article li {float:left; width:32%; margin-right:2%;}
.relate_article li:nth-child(3) {margin-right:0;}
.rarticle_cate {font-size: 0.85em; color:#ee7b1a; line-height: normal; margin:5px 0; }
.rarticle_day {font-size: 0.9em; color:#b5bbc6; line-height: normal; margin:5px 0; }
.rarticle_tit {text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden; line-height: normal; margin:5px 0; }

.jounalist_ho { width:100%; font-size: 1.4em; margin-top:1%;}
.article_top_line {padding:2% 0 0 0; margin-bottom: 5%; border-bottom: 1px solid #dcdcdc;}

/* 필자 영역 수정 2024-06-10 박은진 */
.new_author_wrap { background:#eee; padding:30px; box-sizing:border-box; width:100%; margin:50px 0; overflow: hidden; }
.new_author_wrap > li { flex:0 0 45%; display:flex; margin-bottom:20px; padding-bottom:20px; box-sizing:border-box; border-bottom:1px solid #ccc; }
.new_author_wrap > li:last-child { border-bottom:0; margin-bottom:0; padding-bottom:0; }
.new_author_img { flex:0 0 15%; margin-right:20px; max-width:100%; }
.new_author_img > img { width:7em !important; }
.new_author_info { /*flex:0 0 85%;*/ }
.new_author_info > p { margin-bottom:5px; }
.new_author_info > p > span { margin-left:10px; font-size:13px; }
.new_author_info > a { font-size:13px; }

@media (max-width: 768px) {
  .new_author_wrap { padding:15px; }
  .myservice_text02_1 { border-right:0px; }
}

/* ENG 서비스 추가 2024-06-10 박은진 */
.eng_tit_area { display:flex; flex-wrap:wrap; align-items:center; margin: 40px 0; }
.eng_tit_area > h3 { font-size: 3.2em; font-weight: bold; }
.eng_tit_area > span.tag { background:#ee7b1a; color:#fff; padding:0 7px; margin-left:10px; font-size:1.6em; font-weight: bold; box-sizing: border-box; border-radius:5px;}
.eng_stit_area { display:flex; flex-wrap:wrap; align-items:center; }
.eng_stit_area .stit_b { font-size:2.4em; font-weight:bold; }
.eng_stit_area .stit_s { font-size:1.6em; font-weight:normal; margin-left:20px; }
.eng_stit_area > select { font-size:1.2em; }
.eng_list_area { margin:20px 0;}
.eng_list { display:flex; flex-wrap:wrap; align-items:center; }
.e_item { width:100%; padding:15px 0; border-bottom:1px solid #eee; }
.e_item_link { display:flex; }
.e_thum { position:relative; flex-shrink:0; }
.e_thum_img { position:relative; width:280px; height:179px; overflow:hidden; display:flex; justify-content:center; align-items:center; }
.e_info { position:relative; margin-left:30px; display:flex; flex-wrap:wrap; flex-direction:column; gap:5px; }
.col2 { display:flex; align-items:center; }
.e_cate { font-size:1.3em; color:#ee7b1a; display:flex; align-items:center; }
.e_cate dd::after { content:'|'; padding:0 5px; }
.e_cate dd:last-child::after { content:''; padding:0; }
.e_date { font-size:1.2em; color:#99a6c4; margin-left:20px; }
.e_chap { font-size:2em; word-break:keep-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.e_tit { font-size:1.4em; word-break:keep-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:#333; }
.e_hash { font-size:1.4em; display:flex; }
.e_hash > dd { margin:10px 10px 0 0; }
.eng_box_area { display:flex; align-items:center; position:relative; margin-bottom:50px; }
.eng_box { flex-shrink:0; width:35%; height:270px; padding:30px; box-sizing:border-box; background:linear-gradient(#EE7B1A, #EE164A); color:#fff; display:flex; flex-wrap: wrap; align-content: space-between; }
.eng_slick { position:absolute; right:0; width:67%; }
.box_tk { font-size:2.6em; }
.box_te { font-size:2em; font-weight:bold; word-break:keep-all; }
.e_round_prev { top: 45%; left: -16px; display: block !important; outline: none !important; position: absolute; display: block; width: 32px; height: 32px; z-index: 1; cursor: pointer; background: url(/images/common/aw_left.png) no-repeat 50% 50% #fff; border-radius: 50%; box-shadow: 0 3px 7px 0 rgba(156, 156, 156, 0.6); background-size: 6px auto; }
.e_round_next { top: 45%; right: 24px; display: block !important; outline: none !important; position: absolute; display: block; width: 32px; height: 32px; z-index: 1; cursor: pointer; background: url(/images/common/aw_right.png) no-repeat 50% 50% #fff; border-radius: 50%; box-shadow: 0 3px 7px 0 rgba(156, 156, 156, 0.6); background-size: 6px auto; }
.eng_slick .box_thum { position:relative; height:210px; background:#fff; }
.eng_slick .box_thum > img { width:330px !important; }
.eng_slick .box_txt { width:330px; position:absolute; bottom:4px; background:rgba(0,0,0,0.6); color:#fff; font-size:1.6em; padding:5px 10px; box-sizing:border-box; word-break:keep-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.etag_new { position:absolute; top:5px; left:5px; background:#EE7B1A; color:#fff; padding:0 7px; font-size:1.3em; font-weight: bold; box-sizing: border-box; border-radius:5px; }
.etag_best { position:absolute; top:5px; left:5px; background:#EE164A; color:#fff; padding:0 7px; font-size:1.3em; font-weight: bold; box-sizing: border-box; border-radius:5px; }
.e_txt_wrap { background: #f0f0f0; padding: 4%; margin: 2% 0 5%; }
.e_txt_wrap ul li { list-style-type: square; margin-left: 2%; }
.btn-elink { display:flex; align-items:baseline; margin-top:20px; justify-content:flex-end; }
.btn-elink > img { width:7px; margin-left:5px; }
.btn-kor                { background:#525252; color:#fff; padding:2px 5px; border-radius:2px; cursor:pointer;}
@media (max-width: 768px) {
    .eng_wrap { padding:0 5%; }
    .eng_box_area { flex-wrap:wrap; }
    .eng_box { width:100%; flex-direction:column; justify-content:space-between; margin-bottom:30px; }
    .eng_slick { position:relative; width:100%; }
    .eng_slick .box_txt { width:100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
    .eng_slick .box_thum > img { width:100% !important; }
    .e_round_next { right:-16px; }
    .e_thum_img { width:200px; height:128px; }
    .e_tit, .e_hash, .e_date { display:none; }
    .eng_stit_area .stit_s { margin-left:0; }
}

/* 오디오 추가 2024-07-15 박은진 */
.audio_tit { position:relative; font-size:16px; font-weight:900; background:linear-gradient(to right, #1fb5f1, #2ae8ba); color:transparent; -webkit-background-clip:text; }
.audio_tit:after { content:''; position:absolute; left:0; bottom:-5px; width:100%; height:2px; background:linear-gradient(to right, #1fb5f1, #2ae8ba); }
.mt15 { margin-top:15px; }
.mb30 { margin-bottom:30px; }
.audio_btn { position:relative; display:flex; align-items:center; width:257px; height:48px; background:#fff; color:#1e1e1e; background: url(https://dbr.donga.com/images/common/icon_audio_btn.png) no-repeat right 20px center; overflow:hidden; cursor:pointer; }
.audio_btn:before { content:''; position:absolute; inset:0; border-radius:24px; padding:1px;
  background:linear-gradient(to right, #1fb5f1, #2ae8ba); 
-webkit-mask: 
   linear-gradient(#1fb5f1 0 0) content-box, 
   linear-gradient(#2ae8ba 0 0);
-webkit-mask-composite: xor;
        mask-composite: exclude; }
.audio_btn_icon { width:100%; display:flex; align-items:center; font-size:15px; font-weight:900; }
.audio_btn_icon > i { color:#444; font-size:14px; font-style:normal; font-weight:100; margin-left:10px; }
.audio_btn_icon:before { content:'▶'; font-size:8px; color:#fff; display:flex; justify-content:center; align-items:center; width:24px; height:24px; border-radius:12px; background:linear-gradient(to right, #1fb5f1, #2ae8ba); margin-right:10px; }

/* 오디오 서비스 추가 2024-07-23 박은진 */
.audio_tit_area { display:flex; flex-wrap:wrap; align-items:center; margin: 40px 0; }
.audio_tit_area > h3 { font-size: 3.2em; font-weight: bold; }
.audio_tit_area > span.tag { background:#ee7b1a; color:#fff; padding:0 7px; margin-left:10px; font-size:1.6em; font-weight: bold; box-sizing: border-box; border-radius:5px;}
.audio_stit_area { display:flex; flex-wrap:wrap; align-items:center; }
.audio_stit_area .stit_b { font-size:2.4em; font-weight:bold; }
.audio_stit_area .stit_s { font-size:1.6em; font-weight:normal; margin-left:20px; }
.audio_stit_area > select { font-size:1.2em; }
.audio_list_area { margin:20px 0;}
.audio_list { display:flex; align-items:center; flex-wrap:wrap; }
.a_item { width:33.3%; padding:15px 0;}
.a_item_link { display:flex; flex-wrap: wrap; }
.a_thum { position:relative; width:330px; height:210px; overflow:hidden; display:flex; justify-content:center; align-items:center; }
.a_info { position:relative; margin-top:10px; display:flex; flex-wrap:wrap; flex-direction:column; width:90%; }
/*.col2 { display:flex; align-items:center; justify-content: center; flex-direction: column; }*/
.a_cate { font-size:1.3em; color:#ee7b1a; display:flex; align-items:center; }
.a_cate dd::after { content:'|'; padding:0 5px; }
.a_cate dd:last-child::after { content:''; padding:0; }
.a_date { font-size:1.2em; color:#99a6c4; margin-left:20px; }
.a_chap { font-size:1.6em; word-break:keep-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.a_tit { font-size:1.4em; word-break:keep-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.a_hash { font-size:1.4em; display:flex; }
.a_hash > dd { margin:10px 10px 0 0; }
.audio_box_area { display:flex; align-items:center; position:relative; margin-bottom:50px; width:96.5% }
.audio_box { flex-shrink:0; width:45%; height:270px; padding:30px; box-sizing:border-box; background:linear-gradient(#2ae8ba,#1fb5f1); color:#fff; display:flex; flex-wrap: wrap; align-content: space-between; }
.free_box { position:absolute; right:0; width:57%; }
.audio_slick { width:100%; margin:20px 0 50px 0; position:relative; }
.box_tk { font-size:2.6em; }
.box_te { font-size:1.6em; font-weight:normal; word-break:keep-all; }
.a_round_prev { top: 45%; left: -16px; display: block !important; outline: none !important; position: absolute; display: block; width: 32px; height: 32px; z-index: 1; cursor: pointer; background: url(/images/common/aw_left.png) no-repeat 50% 50% #fff; border-radius: 50%; box-shadow: 0 3px 7px 0 rgba(156, 156, 156, 0.6); background-size: 6px auto; }
.a_round_next { top: 45%; right: 24px; display: block !important; outline: none !important; position: absolute; display: block; width: 32px; height: 32px; z-index: 1; cursor: pointer; background: url(/images/common/aw_right.png) no-repeat 50% 50% #fff; border-radius: 50%; box-shadow: 0 3px 7px 0 rgba(156, 156, 156, 0.6); background-size: 6px auto; }
.audio_slick .box_thum { position:relative; height:210px; background:#fff; }
.audio_slick .box_thum > img { width:330px !important; }
.audio_slick .box_txt { width:330px; position:absolute; bottom:4px; background:rgba(0,0,0,0.6); color:#fff; font-size:1.6em; padding:5px 10px; box-sizing:border-box; word-break:keep-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.atag_time { position:absolute; bottom:5px; right:45px; background:rgba(0,0,0,0.3); color:#fff; padding:0 7px; font-size:1.3em; box-sizing: border-box; border-radius:5px; }
.atag_play { position:absolute; top:45%; left:calc(50% - 40px); background:rgba(0,0,0,0.5); color:#fff; font-size:1.3em; box-sizing: border-box; width:50px; height:50px; border-radius:25px; display: flex; align-items: center; justify-content: center; }
.atag_play2 { position:absolute; top:calc(50% - 20px); left:calc(50% - 20px); background:rgba(0,0,0,0.5); color:#fff; font-size:1.3em; box-sizing: border-box; width:50px; height:50px; border-radius:25px; display: flex; align-items: center; justify-content: center; }
.atag_new { position:absolute; top:5px; left:5px; background:#1fb5f1; color:#fff; padding:0 7px; font-size:1.3em; font-weight: bold; box-sizing: border-box; border-radius:5px; }
.atag_all { position: absolute; top: 10px; right: 0; background: #fff; color: #1fb5f1; padding: 0 7px; font-size: 1.6em; font-weight: bold; box-sizing: border-box; border-radius: 10px 0 0 10px;
  box-shadow: 0 -5px 5px -5px #777, 
              0 5px 5px -5px #777, 
              -5px 0 5px -5px #777; }
.a_txt_wrap { background: #f0f0f0; padding: 4%; margin: 2% 0 5%; }
.a_txt_wrap ul li { list-style-type: square; margin-left: 2%; }
.btn-elink { display:flex; align-items:baseline; margin-top:20px; justify-content:flex-end; }
.btn-elink > img { width:7px; margin-left:5px; }
.btn-kor                { background:#525252; color:#fff; padding:2px 5px; border-radius:2px; cursor:pointer;}
.free_post { display:flex; }
.free_thum { flex: 1 1 40%; background:#555; }
.free_info { flex: 1 1 50%; background:#555; padding:20px; box-sizing:border-box; }
.free_play { display:flex; justify-content: space-between; background:#333; color:#fff; font-size:13px; padding:15px; box-sizing: border-box;}
.free_play > span { font-size:16px; }
.free_icon_area { display:flex; align-items:center;}
.free_icon_area > span { padding-left:10px; font-size:16px; }
.moreView { padding:30px 0; font-weight: bold; cursor: pointer; background: linear-gradient(to right, #1fb5f1, #2ae8ba); color: transparent; -webkit-background-clip: text; }
@media (max-width: 768px) {
    .audio_wrap { padding:0 5%; }
    .audio_box_area { flex-wrap:wrap; }
    .audio_box { width:100%; flex-direction:column; justify-content:space-between; margin-bottom:30px; }
    .audio_slick { position:relative; width:100%; }
    .audio_slick .box_txt { width:100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
    .audio_slick .box_thum > img { width:100% !important; }
    .a_round_next { right:-16px; }
    .a_thum { width:100%; height:210px; }
    .a_tit, .a_hash, .a_date { display:none; }
    .audio_stit_area .stit_s { margin-left:0; }
    .free_box { position:relative; width:100%; }
    .free_post { flex-direction: column; }
    .free_thum { flex:unset; }
    .free_thum > img { width:100%; }
    .a_item { width:100%; }
}

/* 팀장클럽 추가 2025-03-10 박은진 */
.team_tit_area { display:flex; flex-wrap:wrap; align-items:center; margin: 40px 0; }
.team_tit_area > h3 { font-size: 3.2em; font-weight: bold; }
.team_tit_area > span.tag { background:#ee7b1a; color:#fff; padding:0 7px; margin-left:10px; font-size:1.6em; font-weight: bold; box-sizing: border-box; border-radius:5px;}
.team_stit_area { display:flex; flex-wrap:wrap; align-items:center; }
.team_stit_area .stit_b { font-size:2.4em; font-weight:bold; }
.team_stit_area .stit_s { font-size:1.6em; font-weight:normal; margin-left:5px; }
.team_stit_area > select { font-size:1.2em; }
.team_list_area { margin:20px 0;}
.team_list { display:flex; flex-wrap:wrap; align-items:center; }
.t_item { width:100%; padding:15px 0; border-bottom:1px solid #eee; }
.t_item_link { display:flex; }
.t_thum { position:relative; flex-shrink:0; }
.t_thum_img { position:relative; width:280px; height:179px; overflow:hidden; display:flex; justify-content:center; align-items:center; }
.t_info { position:relative; margin-left:30px; display:flex; flex-wrap:wrap; flex-direction:column; }
.t_cate { font-size:1.3em; color:#ee7b1a; display:flex; align-items:center; }
.t_cate dd::after { content:'|'; padding:0 5px; }
.t_cate dd:last-child::after { content:''; padding:0; }
.t_date { font-size:1.2em; color:#99a6c4; margin-left:20px; }
.t_chap { font-size:2em; word-break:keep-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.t_tit { font-size:1.4em; word-break:keep-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.t_hash { font-size:1.4em; display:flex; }
.t_hash > dd { margin:10px 10px 0 0; }
.team_box_area { display:flex; align-items:center; position:relative; margin-bottom:50px; }
.team_box { flex-shrink:0; width:35%; height:270px; padding:30px; box-sizing:border-box; background:linear-gradient(#00d4ff, #1f9fff); color:#fff; display: flex; flex-direction: column; justify-content: space-between; }
.box_link { background:url(https://dbr.donga.com/images/2022/icon_navercafe.png) no-repeat; height:30px; font-size:1.4em !important; color:#fff !important; padding-left:36px; display:flex; align-items:center; }
.team_slick { position:absolute; right:0; width:65%; }
.t_round_prev { top: 45%; left: -16px; display: block !important; outline: none !important; position: absolute; display: block; width: 32px; height: 32px; z-index: 1; cursor: pointer; background: url(/images/common/aw_left.png) no-repeat 50% 50% #fff; border-radius: 50%; box-shadow: 0 3px 7px 0 rgba(156, 156, 156, 0.6); background-size: 6px auto; }
.t_round_next { top: 45%; right: -16px; display: block !important; outline: none !important; position: absolute; display: block; width: 32px; height: 32px; z-index: 1; cursor: pointer; background: url(/images/common/aw_right.png) no-repeat 50% 50% #fff; border-radius: 50%; box-shadow: 0 3px 7px 0 rgba(156, 156, 156, 0.6); background-size: 6px auto; }
.team_slick .box_thum { position:relative; height:210px; background:#fafafa; }
.team_slick .box_thum > img { width:330px !important; }
.team_slick .box_txt { width:330px; position:absolute; bottom:4px; background:rgba(0,0,0,0.6); color:#fff; font-size:1.6em; padding:5px 10px; box-sizing:border-box; word-break:keep-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ttag_new { position:absolute; top:5px; left:5px; background:#0059ff; color:#fff; padding:0 7px; font-size:1.3em; font-weight: bold; box-sizing: border-box; border-radius:5px; }
.ttag_best { position:absolute; top:5px; left:5px; background:#1f9fff; color:#fff; padding:0 7px; font-size:1.3em; font-weight: bold; box-sizing: border-box; border-radius:5px; }
.t_txt_wrap { background: #f0f0f0; padding: 4%; margin: 2% 0 5%; }
.t_txt_wrap ul li { list-style-type: square; margin-left: 2%; }
.btn-tlink { display:flex; align-items:baseline; margin-top:20px; justify-content:flex-end; }
.btn-tlink > img { width:7px; margin-left:5px; }
.team_hashtag { display:flex; margin:20px 0; font-size:15px; color:#1e1e1e; }
.team_hashtag li { border:1px solid #1e1e1e; padding:3px 12px; border-radius:30px; box-sizing:border-box; margin-right:10px; cursor:pointer; }
.team_hashtag li.on { background:#1e1e1e; }
.team_hashtag li.on a { color:#fff !important; }
.team_top_box { box-sizing: border-box; background: #fafafa; padding: 30px; display: flex; }
.tright_tag { font-size: 1.6em; font-weight: bold; color: #1f9fff; margin-bottom: 10px; }
.tright_tit { font-size: 2.4em; font-weight: bold; margin-bottom: 10px; line-height: 1.2; }
.tright_txt { font-size:1.6em; color:#666; }
.tright_btn { background: #1f9fff; color: #fff !important; padding: 6px 20px; font-size: 1.6em !important; text-align: center; }

@media (max-width: 768px) {
    .team_wrap { padding:0 5%; }
    .team_box_area { flex-wrap:wrap; }
    .team_box { width:100%; flex-direction:column; justify-content:space-between; margin-bottom:0px; }
    .team_slick { position:relative; width:100%; }
    .team_slick .box_txt { width:100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
    .team_slick .box_thum > img { width:100% !important; }
    .t_round_next { right:-16px; }
    .t_thum_img { width:130px; height:83px; }
    .t_tit, .t_hash, .t_date { display:none; }
    .team_stit_area { flex-wrap:unset; align-items:unset; }
    .team_stit_area .stit_s { margin-left:0; }
    .team_hashtag { flex-wrap:wrap; }
    .team_hashtag li { margin-bottom:10px; }
    .team_top_box { flex-direction: column; }
    .box_right { margin-left:0 !important; }
    .tright_txt { margin-bottom:20px;}
}

/* 브랜더쿠 추가 2025-03-13 박은진 */
.brdq_tit_area { display:flex; flex-wrap:wrap; align-items:center; margin: 40px 0; }
.brdq_tit_area > h3 { font-size: 3.2em; font-weight: bold; }
.brdq_tit_area > span.tag { background:#ee7b1a; color:#fff; padding:0 7px; margin-left:10px; font-size:1.6em; font-weight: bold; box-sizing: border-box; border-radius:5px;}
.brdq_stit_area { display:flex; flex-wrap:wrap; align-items:center; }
.brdq_stit_area .stit_b { font-size:2.4em; font-weight:bold; }
.brdq_stit_area .stit_s { font-size:1.6em; font-weight:normal; margin-left:5px; }
.brdq_stit_area > select { font-size:1.2em; }
.brdq_list_area { margin:20px 0;}
.brdq_list { display:flex; flex-wrap:wrap; align-items:center; }
.b_item { width:100%; padding:15px 0; border-bottom:1px solid #eee; }
.b_item_link { display:flex; }
.b_thum { position:relative; flex-shrink:0; }
.b_thum_img { position:relative; width:280px; height:179px; overflow:hidden; display:flex; justify-content:center; align-items:center; }
.b_info { position:relative; margin-left:30px; display:flex; flex-wrap:wrap; flex-direction:column; }
.b_cate { font-size:1.3em; color:#ee7b1a; display:flex; align-items:center; }
.b_cate dd::after { content:'|'; padding:0 5px; }
.b_cate dd:last-child::after { content:''; padding:0; }
.b_date { font-size:1.2em; color:#99a6c4; margin-left:20px; }
.b_chap { font-size:2em; word-break:keep-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.b_tit { font-size:1.4em; word-break:keep-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.b_hash { font-size:1.4em; display:flex; }
.b_hash > dd { margin:10px 10px 0 0; }
.brdq_box_area { display:flex; align-items:center; position:relative; margin-bottom:50px; }
.brdq_box { flex-shrink:0; width:35%; height:270px; padding:30px; box-sizing:border-box; background:linear-gradient(#a32aff, #6811f2); color:#fff; display: flex; flex-direction: column; justify-content: space-between; }
.box_link { background:url(https://dbr.donga.com/images/2022/icon_navercafe.png) no-repeat; height:30px; font-size:1.4em !important; color:#fff !important; padding-left:36px; display:flex; align-items:center; }
.brdq_slick { position:absolute; right:0; width:65%; }
.b_round_prev { top: 45%; left: -16px; display: block !important; outline: none !important; position: absolute; display: block; width: 32px; height: 32px; z-index: 1; cursor: pointer; background: url(/images/common/aw_left.png) no-repeat 50% 50% #fff; border-radius: 50%; box-shadow: 0 3px 7px 0 rgba(156, 156, 156, 0.6); background-size: 6px auto; }
.b_round_next { top: 45%; right: -16px; display: block !important; outline: none !important; position: absolute; display: block; width: 32px; height: 32px; z-index: 1; cursor: pointer; background: url(/images/common/aw_right.png) no-repeat 50% 50% #fff; border-radius: 50%; box-shadow: 0 3px 7px 0 rgba(156, 156, 156, 0.6); background-size: 6px auto; }
.brdq_slick .box_thum { position:relative; height:210px; background:#fafafa; flex:none; }
.brdq_slick .box_thum > img { width:330px !important; }
.brdq_slick .box_txt { width:330px; position:absolute; bottom:4px; background:rgba(0,0,0,0.6); color:#fff; font-size:1.6em; padding:5px 10px; box-sizing:border-box; word-break:keep-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.btag_new { position:absolute; top:5px; left:5px; background:#6811f2; color:#fff; padding:0 7px; font-size:1.3em; font-weight: bold; box-sizing: border-box; border-radius:5px; }
.btag_best { position:absolute; top:5px; left:5px; background:#a32aff; color:#fff; padding:0 7px; font-size:1.3em; font-weight: bold; box-sizing: border-box; border-radius:5px; }
.b_txt_wrap { background: #f0f0f0; padding: 4%; margin: 2% 0 5%; }
.b_txt_wrap ul li { list-style-type: square; margin-left: 2%; }
.btn-tlink { display:flex; align-items:baseline; margin-top:20px; justify-content:flex-end; }
.btn-tlink > img { width:7px; margin-left:5px; }
.brdq_hashtag { display:flex; margin:20px 0; font-size:15px; color:#1e1e1e; }
.brdq_hashtag li { border:1px solid #1e1e1e; padding:3px 12px; border-radius:30px; box-sizing:border-box; margin-right:10px; cursor:pointer; }
.brdq_hashtag li.on { background:#1e1e1e; }
.brdq_hashtag li.on a { color:#fff !important; }
.brdq_newsletter { margin:0 0 50px 0; padding:20px; box-sizing:border-box; border-radius:20px; font-size:1.6em; background:#eee; display:flex; align-items:center; justify-content:space-between; }
.brdq_icon_bg { background:#fff; border-radius:25px; width:50px; height:50px; display: flex; align-items: center; justify-content: center; margin-right:10px; }
.brdq_btn { background:#6811f2; padding:5px 20px; border-radius: 20px; color:#fff !important; }
.brdq_top_box { box-sizing: border-box; background: #fafafa; padding: 30px; display: flex; }
.box_right { margin-left: 20px; display: flex; flex-direction: column; justify-content: space-between; width:47%; }
.bright_tag { font-size: 1.6em; font-weight: bold; color: #6811f2; margin-bottom: 10px; }
.bright_tit { font-size: 2.4em; font-weight: bold; margin-bottom: 10px; line-height: 1.2; }
.bright_txt { font-size:1.3em; color:#666; }
.bright_btn { background: #6811f2; color: #fff !important; padding: 6px 20px; font-size: 1.6em !important; text-align: center; }
.pc_view { display:flex; }
.mobile_view { display:none; }

@media (max-width: 768px) {
    .brdq_wrap { padding:0 5%; }
    .brdq_box_area { flex-wrap:wrap; }
    .brdq_box { width:100%; flex-direction:column; justify-content:space-between; margin-bottom:0; }
    .brdq_slick { position:relative; width:100%; }
    .brdq_slick .box_txt { width:100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
    .brdq_slick .box_thum > img { width:100% !important; }
    .b_round_next { right:-16px; }
    .b_thum_img { width:200px; height:128px; }
    .b_tit, .b_hash, .b_date { display:none; }
    .brdq_stit_area { flex-wrap:unset; align-items:unset; }
    .brdq_stit_area .stit_s { margin-left:0; }
    .brdq_hashtag { flex-wrap:wrap; }
    .brdq_hashtag li { margin-bottom:10px; }
    .brdq_top_box { flex-direction: column; }
    .bright_txt { margin-bottom:20px;}
    .pc_view { display:none; }
    .mobile_view { display:flex; }
    .box_right { width:100%; }    
}

/* 월정액 개편 신청하기 UI 변경 작업 2025-04-03 박은진  */
.new_paybox { width:100%; margin:30px 0; border-radius:10px; box-shadow:0 0 10px rgba(0, 0, 0, 0.1); display:flex; }
.txt_pre { font-size:1.4em; color:#666; padding-bottom: 50px; border-bottom: 1px solid #f5f5f5; }
.paybox_left { width:70%; }
.paybox_right { width:30%; background:#ee7b1a; color:#fff; border-radius:0 10px 10px 0; }
.pb_row { display:flex; padding:30px; width:100%; box-sizing:border-box; gap:30px; }
.row2 { flex-direction:column; justify-content: space-between; box-sizing:border-box; height:100%; }
.pb_row_n1 { width:10%; }
.pb_row_n2 { width:90%; display:flex; justify-content:space-between; box-sizing:border-box; }
.pb_row_n3 { width:90%; }
.pb_row_n3 > ul > li { display:flex; justify-content: space-between; padding:5px 0;}
.pb_row_n3 > ul > li:first-child { margin-top:10px; }
.pb_col { display:flex; }
.pb_tit { font-size:2.4em; font-weight:bold; }
.pb_pay { font-size:1.7em; }
.pb_total { font-size:4em; font-weight:bold; }
.txt_grey { color:#ddd; }
.txt_lt { text-decoration:line-through; }
.txt_ar { text-align:right; }
.txt18 { font-size:1.8em; font-weight: bold; }
.pb_dl { font-size:1.5em; margin-top:10px; }
.pb_dl dd { display:flex; align-items:center; }
.pb_dl dd::before { content:''; background:url(https://dbr.donga.com/images/2022/pb_check.png) no-repeat; width:24px; height:24px; display:block; }
.pb_dl2 { display:flex; justify-content:space-between; }
.txt_org { color:#ee7b1a; font-size:1.4em; }
.txt_org > strong { background:#ee7b1a; padding:1px 5px; color:#fff; font-size:0.8em; border-radius:3px; margin-right:5px; }
.txt_point_box { background:#22917f; color:#fff; font-size:1.4em; padding:3px 10px; display:flex; align-items:center; gap:5px; border-radius:10px 10px 0 0; }
.pb_chkbox { display:flex; align-items: center; gap:5px; }
.warp_tag { background:#ee7b1a; margin-right:5px; font-size:13px !important; color:#fff !important; opacity:0.5; border-radius: 5px; padding:0 5px;}

@media (max-width: 875px) {
    .new_paybox { flex-direction: column; }
    .paybox_left { width:100%; }
    .paybox_right { width:100%; border-radius:0 0 10px 10px; }
    .pb_row { flex-direction: column; gap:10px; }
    .pb_row_n1 { width:100%; }
    .pb_row_n2 { width:100%; }
    .pb_row_n3 { width:100%; }
}

/* 디지털+ 소개 레이어 팝업 2025-05-20 박은진 */
.digital_intro_bar { background: #eee; display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; }
.digital_intro_bar > p { font-size: 1.4em; }
.digital_intro_bar > p > strong { color:#ee7b1a; }
.digital_intro_btn { font-size: 1.2em; padding: 8px 15px; border: 0; border-radius: 20px; background: #ee7b1a; color: #fff; }
.digital_intro_pop { display:none; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:90%; max-width:768px; background:#fff; z-index:999; border-radius:30px; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3); overflow: hidden; }
.digital_intro_cont { padding:40px 40px 20px 40px; }
.digital_intro_cont > button { border:0; position:absolute; top:15px; right:15px; }
.digital_intro_slider { position: relative; }
.intro_slider_tab { display: flex; gap: 7px; border-bottom: 1px solid #eee; }
.intro_slider_tab div { cursor: pointer; background: #aaa; color: #fff; padding: 5px 15px; border-radius: 10px 10px 0 0; font-size:14px; font-weight: bold; }
.intro_slider_tab .active { background: #222; }
.intro_slider_cont { display: flex !important; justify-content: space-between; align-items: flex-start; padding: 40px; word-break: keep-all; box-sizing: border-box; }
.title-box { display: flex; flex-direction: column; gap: 10px; max-width: 30%; }
.badge { font-size: 14px; color: #fff; background: #ee7b1a; display: inline-block; padding: 2px 8px; border-radius: 4px; width: fit-content; }
.main-title { font-size: 24px; font-weight: bold; }
.desc { font-size: 16px; color: #555; line-height: 1.4; }
.image-box { width: 400px; height: 300px; display: flex; align-items: center; justify-content: center; font-size: 18px; overflow: hidden; }
.image-box img { width: 100%; height: 100%; object-fit: cover; }
.arrow-left, .arrow-right { position: absolute; top: 50%; transform: translateY(-50%); font-size: 30px; cursor: pointer; z-index: 10; user-select: none; }
.arrow-left { left: 0; }
.arrow-right { right: 0; }

@media (max-width: 768px) {
  .digital_intro_bar { flex-direction: column; gap:10px; }
  .digital_intro_cont { padding:20px 20px 20px 20px; }
  .digital_intro_cont > button { background:transparent; }
  .intro_slider_cont { flex-direction: column; padding:20px 10px 10px 10px; gap:20px; }
  .title-box { max-width:100%; }
  .image-box { width:100%; height:auto; }
  .arrow-left, .arrow-right { display:none; }
}