@charset "utf-8";

#container{padding-top: 20px; margin-bottom: 120px;}
#gnb_first a > img{max-width: 100%; margin: 0 auto; display: block;}
#main_menu #gnb_first a::after{display: none;}

/* ================================== 기사 목록 페이지 ================================== */
/* 서브 빵조각 */
.page_location{display: flex; align-items: center; font-size: 13px; margin-bottom: 10px;}
.page_location li + li:before {content: "\f105"; vertical-align: bottom; display: inline-block; font: normal normal normal 14px / 1 FontAwesome; margin: 0 5px; color: #ccc;}
.page_location a{ color: #666;}

.desc_all{padding: 15px 0; border-top: 1px solid #eee;}
.desc_all .color{color: var(--color-basic);}

/* 서브 헤드라인 */
.sub_headline{position: relative;}
.sub_headline li > a{display: flex; gap: 30px;}
.sub_headline .img{width: 50%; aspect-ratio: 1/1; min-height: 520px; max-width: 520px;}
.sub_headline .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.sub_headline .text{flex: 1; padding: 60px 15px 75px 0;}
.sub_headline .text .tit{font-size: 34px;}
.sub_headline .text .sub_tit{font-size: 20px; margin: 15px 0; font-weight: 500;}
.sub_headline .text .content{margin-top: 20px;}
.sub_headline .pagination {position: absolute; left: initial; right: 15px; bottom: 30px; width: fit-content; z-index: 1;}

.right_side .webjin_news_wrapper {border-top: 1px solid #eee;}


/* 주간 hot 이슈 */
.rate_list {background: #f8f8f8; padding: 22px 16px 22px 12px; border-radius: 10px;}
.rate_list li a{display: flex; color: #111; align-items: center; gap: 10px; min-height: 50px; }
.rate_list li + li{margin-top: 15px;}
.rate_list .num{display: block; width: 30px; font-family:'KoPubWorld Batang', serif; font-size: 24px; line-height: 1em; color: #999; font-style: italic; line-height: 18px; font-weight: 700;}
.rate_list .text{flex: 1;}
.rate_list .news_tit{font-size: 16px; margin-bottom: 0; font-weight: 500;}
.rate_list li:nth-child(-n + 3) .num{font-size: 30px; color: var(--color-basic);}
.rate_list li:nth-child(-n + 3) .news_tit{font-weight: 600; font-size: 18px;}


/* 전체기사 */
.all_news .section_title{margin-bottom: 0;}
.button-group{display: flex; gap: 5px;}
.button-group .button{display: block; padding: 5px; border: 1px solid #eee; color: #fff;}
.button-group .button.nd-white{color: #999; background-color: #fff;}
.button-group .button.user-bg{background-color: var(--color-basic); border-color: var(--color-basic);}


/* 서브 리스트 형식 */
.sub_list .simple_news_wrapper .news_tit{font-size: 26px; /*font-family: 'KoPubWorld Batang', serif;*/ margin-bottom: 10px;}
.sub_list .photo_news_wrapper{margin-top: 20px;}




/* ================================== 기사 본문 페이지 ================================== */
/* --- 뷰페이지 고정 타이틀 다시 --- */
#article-header-title {position: fixed; display: none; z-index:500; left:0; right:0; top:47px; background-color: #fbfbfb; border: 1px solid #eee; border-style: solid none; box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.02); font-weight: 600;}
.sub_fix_title{display: flex; align-items: center; justify-content: space-between; margin: 0 auto;}
.sub_fix_title .subject{max-width: 1260px; text-align: center;}
.f_btn{display: flex; width: 50px; height: 50px; align-items: center; justify-content: center;}
.f_btn button{font-size: 20px; background-color: transparent; color: #999;}
.f_btn button:hover{color: inherit; transition-duration: 100ms;}


/* --- 뷰페이지 퀵바 --- */
.quick_menu_wrap{position: fixed; left: 3%; bottom: 5%; padding-bottom: 0 !important; z-index: 100;}
.quick_menu{background-color: #fff; border-radius: 50px; padding: 15px; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);}
.quick_menu > li{position: relative; padding: 10px 0;}
.quick_menu > li + li{border-top: 1px solid #eee;}
.quick_menu li:hover .q_menu, .quick_menu li:hover .q_menu > a, .q_btn.on{color: var(--color-basic); transition-duration: 100ms;}

.q_menu{text-align: center;}
.q_menu i{font-size: 24px; line-height: 1.2;}
.q_tit{display: block; font-size: 12px; margin-top: 8px; font-weight: 500; white-space: nowrap; text-align: center;}

.font_icon {font-weight: 800; font-style: initial; letter-spacing: -2px;}
.font_icon > span:nth-child(1){font-size:10px;}
.font_icon > span:nth-child(2){font-size:12px;}
.font_icon > span:nth-child(3){font-size:14px;}

.q_btn:hover{cursor: pointer;}
.q_pop{display: none; position: absolute; left: 75px; top: -50%; padding: 20px; background-color: #fff; border-radius: 20px; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1); width: 240px; }
.q_pop .ar_title {justify-content: space-between; padding: 0; padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 10px;}
.q_pop .ar_title .tit{font-size: 18px; color: inherit;}
.q_pop .q_close{color: #ccc; padding: 0 5px 0 10px;}
.q_pop .q_close:hover{color: inherit; transition-duration: 100ms;}


/* --- 뷰페이지 퀵바 : sns 공유 --- */
.q_share{display: flex; gap: 20px 10px; flex-wrap: wrap;}
.q_share li{width: 30%;}
.q_share li .icon { display: block; width: 34px; height: 34px; background: url(../img/default/btn_share.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto;}
.q_share li.bs01 .icon { background-position: 0 0;}
.q_share li.bs02 .icon { background-position: -40px 0;}
.q_share li.bs03 .icon { background-position: -80px 0;}
.q_share li.bs04 .icon { background-position: -120px 0;}
.q_share li.bs05 .icon { background-position: -160px 0;}
.q_share li.bs06 .icon { background-position: -200px 0;}
.q_share li.bs07 .icon { background-position: -240px 0;}
.q_share li.bs08 .icon { background-position: -280px 0;}
.q_share li.bs09 .icon { background-position: -320px 0;}
.q_share li.bs10 .icon { background-position: -360px 0;}
.q_share li.bs11 .icon { background-position: -400px 0;}
.q_share li.bs12 .icon{ background: url(../img/icon/icon_url.png) no-repeat center / cover;}
.q_share li a:hover { opacity: .8;}


/* --- 뷰페이지 퀵바 : 글자크기 --- */
.q_zoom{padding: 10px 0;}
.q_zoom ul{display: flex; justify-content: center; align-items: center; gap: 15px;}
.zoom_icon a{display: flex; align-items: center; justify-content: center;border: 1px solid #eee; width: 30px; aspect-ratio: 1/1; padding: 5px; border-radius: 50%;}
.zoom_icon:hover a{background-color: #fbfbfb; color: #999; transition-duration: 100ms;}
.txt_small{font-weight: 700;}
.txt_big{font-size: 1.5em; font-weight: 700;}



/* --- 뷰페이지 상단 --- */
/* 뷰페이지 카테고리 + 위치 */
.tit_top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.tit_top .color{font-size: 18px; font-weight: 700; color: var(--color-basic);}
.tit_top .page_location{margin-bottom: 0;}

/* 기사 제목 */
.art_top { position: relative; margin-bottom: 20px; border-bottom: 1px solid #eee;}
.art_top h1 {font-size: 32px; line-height: 1.3; color: #111; font-weight: 600; /*font-family: 'KoPubWorld Batang', serif;*/} 
.art_top h3 {position: relative; font-size: 18px; color: #666; padding-left: 14px; overflow: hidden; line-height: 1.5; margin: 10px 0; font-weight: 400;}
.art_top h3:after { position: absolute; left: 0; top: 3px; content: ""; display: block; width: 3px; height: 500px; background-color: #eee;}

.view_util{display: flex; align-items: center; gap: 20px; justify-content: flex-end; margin: 10px 0;}
.util, .txt_zoom{display: flex; align-items: center; }
.art_top .art_info{padding: 15px 0;}


/* 기사 본문 */
#news_body_area p{line-height: 1.7;}
.imageWrap{margin: 30px 0;}
.captions{font-size: 13px !important; color: #999; padding: 10px 0;}
.captions b{font-weight: 500;}

.tag-group{padding: 15px 0; border-top: 1px solid #eee;}
.tag-group-title{font-weight: 600; font-size: 20px; font-weight: 600;}
.tag-group > ul{display: flex; align-items: center; flex-wrap: wrap; gap: 5px; font-size: 13px; margin-top: 15px;}
.tag-group > ul a{display: block; padding: 0.6em 1em; border: 1px solid #eee; border-radius: 20px;}

.file-group{padding: 15px 0; border-top: 1px solid #eee;}
.file-title{font-weight: 600; font-size: 20px; font-weight: 600;}
.file-group > ul{margin-top: 15px;}
.file-group li{display: flex; align-items: center; justify-content: space-between; gap: 15px}
.file-group li i{color: #999;}
.file-group li > span{flex: 1;}

.file-group li a{text-decoration: underline; font-weight: 600;}
.news_copy { position: relative; margin: 15px 0;}
.news_copy .copyright { position: relative; font-size: 13px; line-height: 1.5; color: #999; margin: 15px 0;}


.relate_wrap { position: relative; margin-bottom: 35px;}
.relate_wrap > strong { display: block; padding: 7px 15px; background: #2062ae; font-size: 17px; color: #fff;}

.relate_list { position: relative; margin: 10px 0; max-height: 198px; overflow: hidden;}
.relate_list li { position: relative; padding-bottom: 7px; padding-left: 5px;}
.relate_list li a { position: relative; display: block; color: #111; padding-left: 12px; padding-right: 68px; line-height: 1.2;}
.relate_list li a:hover { color: #888;}
.relate_list li a:before { position: absolute; left: -5px; top: -19px; content: "\00b7"; display: block; color: #969696; font-size: 40px;}
.relate_list li a b { display: inline-block; max-width: 550px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size: 15px; font-weight: normal;}
.relate_list li.photo a b { max-width: 510px; padding-right: 17px;}
.relate_list li.photo a b.photo { background: url(../img/default/icon_photo.png) no-repeat right 7px;}
.relate_list li a i { position: absolute; right: 1px; top: 5px; font-size: 11px; color: #b8b8b8; font-style: normal;}


/* 기자 프로필 */
.reporter_box{display: flex; gap: 20px; padding: 20px 0; border: 1px solid #eee; border-style: solid none; align-items: center;}
.re_img{width: 60px; height: 60px; overflow: hidden; border-radius: 50%;}
.re_img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.re_text{flex: 1;}
.re_text strong{display: block; font-size: 18px; margin-bottom: 4px;}
.re_text p a{color: #666; font-size: 14px;}
.re_view{width: fit-content;}
.re_view a{display: block; padding: 8px 12px; width: fit-content; border: 1px solid #ddd; font-size: 13px; color: #666; font-weight: 500; border-radius: 20px;}
.re_view a:hover{border-color: var(--color-basic); color: var(--color-basic);}

#view_comment_frame{margin-top: 20px;}

.blind {  position: absolute;width: 1px;height: 1px;clip: rect(0 0 0 0);margin: -1px;overflow: hidden;}

/*donate */
.support-box{font-weight:600; box-sizing:border-box; margin-top:20px; margin-bottom:20px; }
.support-box .spt-title{position:relative; margin-bottom:10px; text-align:center; font-size:24px; color:var(--color-basic);  font-weight: 700; /*font-family: 'KoPubWorld Batang', serif;*/}
.support-text{padding: 20px 15px; background:#fbfbfb; text-align:center; line-height: 1.8; color: #333; font-weight: 500; border-radius: 10px;}
.support-box #account-number-copy{display: block; padding: 8px 12px; width: fit-content; border: 1px solid var(--color-basic); font-size: 13px; color:var(--color-basic); font-weight: 600; border-radius: 20px; margin: 5px auto 0 auto; cursor: pointer; line-height: 1; background-color: rgba(256,256,256,0.8);}
.support-box .spt-btn{display:block; margin-top:20px; padding:15px 0; width:100%; font-size:17px; font-weight:600; color:#fff; text-align:center; border:0; border-radius:3px; background:#1EB339; text-decoration:none}
.demo-text {display: block; margin: 20px 0; font-size:13px; color:#e82626; text-align:right; line-height: 1.3; font-weight: 500;}


/* ===== 댓글 ===== */
#view_comment_frame{width: 100% !important;}
.reply_wrap .tit_box{font-size: 20px; margin-bottom: 10px;}
.reply_wrap .row{display: flex;}
.reply_wrap .btn_round { display: flex ; width: 2rem; height: 2rem; border-radius: 50%; background-color: var(--color-basic); color: #fff; align-items: center; justify-content: center; }
.reply_wrap textarea, .reply_wrap input[type="text"], .reply_wrap input[type="password"]{display: block; width: calc(100% - 1px);}
.reply_form .c_input{flex: 1;}
.reply_form .captcha_wrap{width: calc(100% - 1px);}
.reply_form .captcha_wrap input{width: 100%;}
.captcha_row{display: flex; align-items: center;}
.captcha_row dt{width: 120px; font-weight: 600;}
.captcha_row dd{flex: 1;}
.reply_wrap .deco_tit > small{margin-left: 0.5em; color: #666; font-weight: 400;}

.reply_form > * + *{margin-top: 5px;}
.reply_form .row dt{max-width: 120px;}

.guest_info{display: flex; gap: 5px;}
.guest_info > li{flex: 1;}
.guest_info > li > input{width: 100%;}

.reply_text{}
.reply_text > small{display: block; text-align: right; margin: 10px 0; color: #666; font-weight: 500;}
.reply_input{position: relative;}
.reply_input > button{position: absolute; right: 5px; bottom: 5px;}

.reply_list_wrap {border-top: 2px solid #222;}
.reply_list > li{padding: 15px 0; border-bottom: 1px solid #eee; border-style: solid none;}
.re_reply_box .reply_list > li{padding-bottom: 0; border-bottom: none; border-top: 1px solid #eee; margin-top: 15px;}

.pw_input{position: absolute; right: 1px; top: 1.2em; background-color: #fff; padding: 10px; border: 1px solid #eee; border-radius: 10px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15); z-index: 5;}
.pw_input input{font-size: 13px;}
.pw_input .btn_box{gap: 5px; margin-top: 5px;}
.pw_input .btn_box .btn_big{font-size: 11px; padding: 0.75em;}

/* 댓글 메뉴 */
.reply_top{position: relative; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.reply_top .name{font-weight: 600;}
.reply_bot{margin-top: 10px;}
.reply_row{font-size: 13px; color: #999; align-items: center;}
.reply_row li + li{padding-left: 10px; margin-left: 10px;border-left: 1px solid #eee;}

.reply_row .black{color: #222;}
.reply_row .red{color: #df0000;}
.reply_row .gray{color: #ccc;}



/* ================================== 마이페이지 ================================== */
/* --- 마이페이지 --- */
.layout_mypage{min-height: 800px;}
.my_title .pg_title{margin-bottom: 0; padding-bottom: 30px;}
.my_form_box dd{position: relative;}
.my_form_box input.input_glass{position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
.my_title .section_title{margin-bottom: 0;}

/* 마이페이지 상단 */
.my_nav{display: flex; background-color: #fbfbfb; border-bottom: 1px solid #eee; font-size: 15px;}
.my_nav > li{flex: 1; text-align: center;}
.my_nav > li + li{border-left: 1px solid #eee;}
.my_nav > li > a{display: block; padding: 15px 0; font-weight: 500; color: #999;}
.my_nav > li > a.on{position: relative; color: #fff; background-color: var(--color-basic); font-weight: 600;}

.my_info{padding: 50px 0;}
.my_info > p{font-size: 24px;}
.my_info > p > b{font-size: 16px;}
.my_info > dl{display: flex; align-items: center; font-size: 16px; gap: 30px; margin-top: 20px;}
.my_info dt{font-weight: 600; font-size: 17px;}
.my_info dd{display: flex; gap: 20px; align-items: center;}
.my_info dd > div > span{font-weight: 500;}
.my_info .per_state{display: inline-block; padding: 5px 10px; border: 1px solid; font-size: 13px; margin-left: 5px;}
.my_info .per_ok{border-color: var(--color-basic); color: var(--color-basic);}
.my_info .per_no{border-color: #ddd; color: #999; background-color: #fbfbfb;}


/* 마이페이지 검색 */
.my_search{padding: 30px; background-color: #fafafa; border-top: 1px solid #eee;}
.my_form_box dl{display: flex; align-items: center; gap: 20px;}
.my_form_box dt{width: 180px;}
.my_form_box dd{flex: 1;}
.my_form_box dd input[type="text"]{background-color: #fff;}

/* 마이페이지 리스트 */
.board_list{border-top: 2px solid #eee;}
.board_list > li {border-bottom: 1px solid #eee;}
.b_list{display: flex; padding: 10px 0; justify-content: space-between; gap: 30px;}

.b_subject{display: flex; flex-direction: column; justify-content: space-between; flex: 1; padding: 15px 0; gap: 10px;}

.b_subject > b{font-size: 17px;}
.b_subject > b > span{display: block; font-size: 15px; font-weight: 700; margin-bottom: 5px;}
.pstate_on{color: #999;}
.pstate_off{color: #f93943; }
.b_subject .art_info{justify-content: flex-end;}

.b_state{display: flex; flex-direction: column; width: 80px; text-align: center; align-items: center; justify-content: center; gap: 5px;}
.b_state .btn{width: 100%; font-weight: 500; color: #666;}
.b_state button.btn{background-color: #929292; color: #fff;}
.b_state .btn_delete{background-color: #fbfbfb; color: #f93943;}

.mypage .btn_box{margin: 50px auto 100px auto;}
.mypage .btn_box .btn_big{max-width: 300px;}

/* 마이페이지 검색 */
.my_search{padding: 30px; background-color: #fafafa; border-top: 1px solid #eee;}
.my_form_box dl{display: flex; align-items: center; gap: 20px;}
.my_form_box dt{width: 180px;}
.my_form_box dd{position: relative; flex: 1;}
.my_form_box dd input[type="text"]{background-color: #fff; width: 100%; padding-right: 30px;}
.rdo_list{display: flex; gap: 20px;}
.rdo_list .chk{font-size: 15px; color: inherit;}
.my_search input[type=checkbox]:before, .my_search input[type=radio]{background-color: #fff; color: #fff !important;}
.my_search .btn_search{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: var(--color-basic);}
#fwrite .frm_file {background: transparent; border: none; padding: 5px 0;}


/* 커뮤니티 */
.community_wrap{}
.community_wrap .wide{margin-top: 60px;}
.co_list {border-top: 1px solid #eee;}
.co_list > li{border-bottom: 1px solid #eee;}
.co_list > li > a{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding: 1em 0; font-weight: 500;}
.co_photo{border-top: 1px solid #eee; padding-top: 10px; gap: 10px;}
.co_photo .img{aspect-ratio: 4/3;}
.co_photo .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.co_photo .text{padding: 15px 0; font-weight: 500;}

.file_wrapper{padding: 20px 0; border-top: 1px solid #eee;}
.file_wrapper h5{font-size: 20px; font-weight: 600; margin-bottom: 10px;}
.file_wrapper li > a{display: block;padding: 10px 0; text-decoration: underline;}
.file_wrapper li + li{border-top: 1px dashed #eee;}
.file_wrapper li > a > img{margin-right: 5px;}


/* 내용관리 기본 */
#company01 .serif{font-size: 17px; color: #666; margin-bottom: 50px; line-height: 1.5; word-break: keep-all;}
#company01 .serif b{display: block; font-size: 28px; font-weight: 600; color: #111; margin-bottom: 30px; margin-top: 50px; /*font-family: 'KoPubWorld Batang', serif;*/ }
.company_info {border-top: 3px solid var(--color-basic);}
.company_info dl {display: flex; font-size: 15px; padding: 15px 5px; border-bottom: 1px solid #eee;}
.company_info dl dt {width: 160px; font-weight: 600;}
.company_info dl dd {flex: 1;}
.company_wrap .wrap_controllers{display: none;}

/* 회사소개 하단 추가 */
.make_people{margin: 100px 0;}
.m_con > section + section{margin-top: 80px;}
.m_list .name{display: block; font-size: 18px; font-weight: 500;}
.m_list .detail{font-size: 14px; color: #999; margin-top: 5px;}
.m_list + .m_list{margin-top: 50px;}

.make_tit{position: relative; color: var(--color-basic); margin-bottom: 20px; z-index:1;}
.make_tit::after{position: absolute; top: 50%; right: 0; left: 0; height: 3px; border-radius: 2px; content:""; display: block; clear: both; background-color: var(--color-basic); z-index: -1;}
.make_tit strong{display: block; width: fit-content; font-size: 22px; font-weight: 600; background-color: #fff; margin-left: 40px; padding: 0 30px;}

.make_list{display: grid; grid-template-columns: repeat(3,1fr); gap: 15px;}
.make_list > li{display: flex; align-items: flex-end;}
.make_list .img{width: 100px; height: 130px;}
.make_list .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.make_list .text{flex: 1; padding: 20px 15px; text-align: right;}

.side_list {display: grid; grid-template-columns: repeat(4,1fr); gap: 30px 15px;}
.m_tit{display: flex; align-items: center; justify-content: flex-end; gap: 15px; margin-bottom: 80px;}
.m_tit .text{font-size: 22px; text-align: right;}
.m_tit .text b{display: block; font-weight: bold; color: var(--color-basic);}
.m_tit .img{width: 120px;}
.m_tit .img img{display: block; width: 100%;}

.text_list .name{font-size: 18px; margin-top: 10px;}
.text_list .name + .name{}
.name_tit{display: block; font-size: 20px; font-weight: 600; margin-bottom: 10px;}

/* 찾아오시는 길 */
#map .map_img{margin-top: -8px;}
.map_img .wrap_controllers{display: none}


/* 약관 */
.policy {padding-bottom: 100px;}
.policy > section:first-of-type{margin-top: 50px;}
.policy > section + section {margin-top: 50px;}
.policy p{font-size: 16px; line-height: 1.5; margin: 15px 0;}
.p_tit{display: block; font-size: 18px; margin-bottom: 15px;}
.dot_list{}
.dot_list > li{position: relative; padding-left: 15px; line-height: 20px; color: #666;}
.dot_list > li + li{margin-top: 5px;}
.dot_list > li::before{position: absolute; left: 0; content:"·"; display: block; clear: both; color: #ccc; font-weight: 900; line-height: 20px; font-size: 20px;}

.policy .team{display: flex; gap: 15px; font-size: 16px; line-height: 1.8; margin-top: 30px;}
.team > div{flex: 1; padding: 30px; text-align: center; border: 2px solid #eee; border-radius: 20px;}

.p_big_tit{color: var(--color-basic); font-size: 22px;}

.num_list{}
.num_list > li{position: relative; padding-left: 20px; line-height: 20px;}
.num_list > li::before{position: absolute; left: 0; content:"·"; display: block; clear: both; color: #ccc; font-weight: 500; line-height: 20px;}
.num_list > li + li{margin-top: 10px;}
.num_list > li:nth-child(1)::before{content:"1.";}
.num_list > li:nth-child(2)::before{content:"2.";}
.num_list > li:nth-child(3)::before{content:"3.";}
.num_list > li:nth-child(4)::before{content:"4.";}
.num_list > li:nth-child(5)::before{content:"5.";}
.num_list > li:nth-child(6)::before{content:"6.";}

.policy .p_big_tit{margin-top: 60px;}
.policy .p_big_tit + section{margin-top: 20px;}

/* 문의하기 폼 등 */
.form_box dl + dl{margin-top: 10px;}
.terms_con .btn_box { margin: 50px 0; }
.letter_form {padding-top: 20px; }
.terms_con .terms_wrap { position: relative; border-top: 1px solid #eee; margin-top: 30px; padding-top: 0;}
.terms_con .terms_wrap > h2 {padding: 15px 0; font-size: 18px; color: var(--color-basic); font-weight: 600;}
.terms_con .terms_text > b{display: block; font-size: 15px; margin-bottom: 10px;}
.terms_con .terms_text > strong{display: block; font-size: 14px; margin: 5px 0;}
.terms_con .terms_agree {position: relative; padding: 15px 0; margin-top: 15px; border: 1px solid #eee; border-style: solid none;}
.terms_con .btn_box{margin: 50px 0;}
.paper_wrap fieldset + fieldset { margin-top: 60px; }
.paper_wrap .p_tit { color: var(--color-basic); font-weight: bold; margin-top: 5px; }

/* 기사메일 발송 */
.myplan_wrap{padding: 15px;}
.form_box .row{display: flex; gap: 10px;}
.form_box .row dt{width: 20%; max-width: 180px;}
.form_box .row dd{flex: 1;}
.form_box .row dd textarea, .form_box .row dd input[type="text"]{width: 100%;}

.myplan_wrap h2 {font-size: 24px;}
.myplan_wrap .pop_desc{padding: 15px 0; line-height: 1.4; border-bottom: 1px solid #eee;}
.myplan_wrap .pop_desc > small{display: block; font-weight: 600; color: var(--color-basic); text-align: right;}
.myplan_wrap .terms_text > b{display: block; font-size: 15px; margin-bottom: 10px;}
.myplan_wrap .terms_text > strong{display: block; font-size: 14px; margin: 5px 0;}
.myplan_wrap .terms_agree {position: relative; padding: 15px 0; margin-top: 15px; border: 1px solid #eee; border-style: solid none;}
.myplan_wrap .btn_box{max-width: 480px; margin-left: auto; margin-right: auto;}


/* 회사소개 디자인 변경 창 */
.info_option_wrap{position: fixed; top: 84px; right: 2.5%; z-index : 100;}
.info_option{ width: fit-content; padding: 20px; background-color: rgba(256,256,256,0.95); border-radius: 10px; animation: blur 2.0s infinite; border: 1px solid var(--opacity);}
.info_option::after{position: absolute; top: -10px; right: -10px; width: 32px; aspect-ratio: 1/1; background: url('../img/icon_new.svg') no-repeat center / contain; content:""; display: block; clear: both;}
@keyframes blur{50% {box-shadow: 0 0 8px var(--opacity2);}}

.info_option strong{display: block; margin-bottom: 10px; padding-right: 5px;}
.info_option li{position: relative; padding-left: 1.75em; font-size: 0.9em; margin-top: 6px;}
.info_option li::before{position: absolute; left: 0; display: block; clear: both; font-weight: 700; color: var(--color-basic);}
.info_option li:nth-child(1)::before{content:"01";} .info_option li:nth-child(2)::before{content:"02";} .info_option li:nth-child(3)::before{content:"03";} .info_option li:nth-child(4)::before{content:"04";} .info_option li:nth-child(5)::before{content:"05";}
.info_option li:hover{opacity: 0.5; transition-duration: 100ms;}