@charset "UTF-8"; /* reset ------------------------------------------------------*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button { margin: 0; padding: 0; } 
fieldset,img { border: 0; } 
dl,ul,ol,menu,li { list-style: none; } 
table { width:100%; border-collapse: collapse; border-spacing: 0; } 
caption { width: 0; height: 0; margin: 0; padding: 0; overflow: hidden; border: 0; text-indent: -999em; } 
th,td { word-break: break-all; } 
address, caption, em, strong, th { font-style: normal; } 
button { border: 0; background:transparent; cursor: pointer; } 
a { text-decoration: none; color: inherit; } 
img { max-width: 100%; vertical-align: middle; } 
html,body { font-family: 'Pretendard', '맑은 고딕', '돋움', Dotum, 'Noto Sans KR', sans-serif; font-weight: normal; color: #000; font-size: 18px; letter-spacing: 0; line-height: 24px; }

body.fixed { overflow: hidden; } 

/* skip navigation ------------------------------------------------------*/
.skip_navi a { position:absolute; top:-999em; } 
.skip_navi a:focus { display:block; left:0; top:0; z-index:9999; width:100%; height:30px; line-height:30px; background:#D23345; color:#fff; text-align:center; } 

/* input ------------------------------------------------------*/

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="date"] { padding: 0 20px; font-size: 18px; font-family: 'Pretendard'; border: none; } 
/* input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, select:focus { outline: none; }  */
input[type="text"]::placeholder,input[type="password"]::placeholder, input[type="email"]::placeholder, input[type="tel"]::placeholder, input[type="number"]::placeholder { color: #bbb; } 
input[type="text"]:disabled, input[type="password"]:disabled, input[type="email"]:disabled, input[type="tel"]:disabled, input[type="number"]:disabled, select:disabled, option:disabled { background: #f0f0f0; color: #999; border: 1px solid #f0f0f0!important; } 


input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator { width: 28px; height: 28px; background: url('../img/common/ico_calendar.svg') no-repeat 50% 50%; } 
input[type="datetime-local"],
input[type="date"] { width: 400px; height: 60px; border: 1px solid #ddd; box-sizing: border-box; } 

input[type="file"] { display: none; } 
label { cursor: pointer; } 

input[type="checkbox"], input[type="radio"] { display: none; } 
input[type="checkbox"] + label { display: inline-block; min-height: 24px; line-height: 24px; padding-left: 40px; background: url('../img/common/ico_check_off.svg') no-repeat 0 50%; background-size: 24px 24px; cursor: pointer; } 
input[type="checkbox"]:checked + label { display: inline-block; min-height: 24px; padding-left: 40px; background: url('../img/common/ico_check_on.svg') no-repeat 0 50%; background-size: 24px 24px; cursor: pointer; } 

input[type="radio"]+label { display: inline-block; padding-left: 40px; line-height: 24px; background: url('../img/common/radio_off.svg') 0 center no-repeat; background-size: 24px 24px; cursor: pointer; } 
input[type="radio"]:checked+label { background-image: url('../img/common/radio_on.svg'); background-size: 24px 24px; } 
input[type="radio"]:disabled + label { background: url('../img/common/radio_disabled.svg') no-repeat; background-size: 24px 24px; } 

textarea { border: 1px solid #ddd; padding: 20px; font-size: 18px; font-weight: 400; font-family: 'Pretendard'; resize: none; } 
textarea::placeholder { color: #bbb; } 
/* textarea:focus { outline: none; }  */
button { font-size: 18px; font-family: 'Pretendard'; } 
select { padding: 0 20px; font-size: 18px; font-family: 'Pretendard'; border: #ddd;; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url('../img/sub/ico_down.svg') no-repeat right 20px top 50%; } 
select  * { line-height: 50px; height: 50px;}
/* 화살표 없애기 for IE10, 11*/
select::-ms-expand { display: none; } 
/* WebKit, Blink, Edge */
::-webkit-input-placeholder { font-weight: 400; color: #bbb; } 
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder { font-weight: 400; color: #bbb; opacity: 1; } 
/* Mozilla Firefox 19+ */
::-moz-placeholder { font-weight: 400; color: #bbb; opacity: 1; } 
/* Internet Explorer 10-11 */
:-ms-input-placeholder { font-weight: 400; color: #bbb !important; } 
/* Microsoft Edge */
::-ms-input-placeholder { font-weight: 400; color: #bbb !important; } 

/* common ------------------------------------------------------*/

/* 간격 */
.pt0 { padding-top: 0px !important; } 
.pt25 { padding-top: 25px !important; } 
.pt80 { padding-top: 80px !important; } 
.pb0 { padding-bottom: 0px !important; } 
.pb50 { padding-bottom: 50px !important; } 
.pb80 { padding-bottom: 80px !important; } 
.mr0 { margin-right: 0px !important; } 
.ml10 { margin-left: 10px !important; } 
.mb0 { margin-bottom: 0px !important; } 
.mb20 { margin-bottom: 20px !important; } 
.mt0 { margin-top: 0px !important; } 
.mt7 { margin-top: 7px !important; } 
.mt10 { margin-top: 10px !important; } 
.mt15 { margin-top: 15px !important; } 
.mt20 { margin-top: 20px !important; } 
.mt25 { margin-top: 25px !important; } 
.mt30 { margin-top: 30px !important; } 
.mt40 { margin-top: 40px !important; } 
.mt50 { margin-top: 50px !important; } 
.mt60 { margin-top: 60px !important; } 
.mt70 { margin-top: 70px !important; } 
.mt80 { margin-top: 80px !important; } 
.mt100 { margin-top: 100px !important; } 
.mt120 { margin-top: 160px !important; } 

.bor0 { border:0 !important; } 
.w100p { width:100% !important; } 

.flex-radio { display: flex; gap: 0 40px; }

/* 높이 */
.hgt42 {
    height:42px;
}

/* text */
.gray { color: #777!important; } 
.endGray { color: #999!important; } 
.darkGray { color: #555!important; } 
.lightGray { color: #bbb; } 
.red { color: #D23345!important; } 
.blue { color: #2245A5; } 
.f-small { font-size: 16px!important; } 
.t-small { font-size: 14px!important; } 
.f-normal { font-size: 18px!important; } 
.w-light { font-weight: 400!important; } 
.w-middle { font-weight: 500!important; } 
.w-bold { font-weight: 600!important; } 
.txtLeft { text-align: left!important; } 
.txtRight { text-align: right!important; } 
.txtCenter { text-align: center!important; } 
.underline { text-decoration: underline; }
.link-color { color:#2245A5; text-decoration:underline;} /* #26273 행사 이벤트 문구 링크 css 추가 */

/* layout */
#wrapper { position: relative; } 
#wrap { position: relative; } 
.inner { max-width: 1400px; margin: 0 auto; } 
.clearFix::after { content: ''; display: block; clear: both; } 
h2.tit { position: relative; display: inline-block; font-family: 'Pretendard'; font-weight: 600; font-size: 24px; letter-spacing: -0.02em; margin-bottom: 40px; padding-left: 13px; } 
h2.tit::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 5px; height: 18px; background: #D23345; } 

h2.title { font-weight: 600; font-size: 48px; line-height: 57px; letter-spacing: -0.03em; color: #000; text-align: center; margin-top: 40px; } 

table caption { font-size: 0; } 
span.new { font-size: 16px !important; width: 40px !important; font-weight: 700 !important; color: #D82337; margin-left: 20px; } 


/* 통합검색 ------------------------------------------------------*/
.result-count { margin-top: 0 !important; } 
.result-count span { color:#D23345; } 
.total-container { display:flex; justify-content: space-between; align-items: flex-start; gap: 45px; padding-top: 60px; } 
.total-container .result-area { width:1040px; } 
.total-container article { margin-top:100px; } 
.total-container article h3 { margin-bottom:30px; padding-bottom:30px; display:flex; justify-content:space-between; align-items: center; font-size:28px; border-bottom:1px solid #000; } 
.total-container article h3 a { display:inline-block; width:25px; height:25px; text-indent:-5000px; background:url(../img/common/ico_more.svg) 0 0 no-repeat; } 
.total-container .result-relation .title { padding-bottom:30px; font-size:22px; font-weight:600; } 
.total-container .result-relation a { display:inline-block; margin:0 10px 10px 0; padding: 10px 40px; background: #F0F0F0; border-radius: 50px; } 
.total-container article.sitemap-list ul li { line-height: 36px; } 
.total-container article.sitemap-list ul li span { color:#D23345; } 


/* 행사 · 이벤트 */
.total-container .event .search-box { margin-top: -20px; } 
.total-container .event .board-list { justify-content: space-between; gap: 0 37px; }
/* 통합검색 - 검색 2개 조회시 플렉스 효과 제거 */
.total-container .event .board-list.non-flex { justify-content: flex-start; gap: 0 37px; }

.total-container .event .board-list li { width: 320px; } 
.total-container .event .board-list li .thumb { height: 200px; }
.total-container .event .board-list li .tit { margin: 20px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height: 58px; } 
.total-container .event .board-list li .date { font-size: 17px; } 
.total-container .event .board-list li.end .thumb { position: relative; } 
.total-container .event .board-list li.end .thumb::before { content: ''; } 
.total-container .event .board-list li.end .tit { color: #bbb; } 

/* 결과 목록 */
.total-container .result-list li { margin-top:40px; padding-bottom:40px; border-bottom:1px solid #ddd; } 
.total-container .result-list li .title { font-size:22px; color:#000; font-weight:500; } 
.total-container .result-list li .title span { color:#D23345; } 
.total-container .result-list li p { padding-top: 20px; color:#555; } 
.total-container .result-list li p.cut { padding:0; margin:20px 0; width: 1030px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.total-container .result-list li .location { display:flex; justify-content:space-between; margin:0; font-size:16px; color:#777; } 

.total-container .file-list li { display:flex; justify-content:space-between; } 
.total-container .file-list li .title a { display: inline-block; width: 700px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.total-container .table-box02 th, .total-container .table-box02 td { padding:10px 10px; } 


.total-container .result-popular { padding:45px 35px; width:320px; border:1px solid #ddd; } 
.total-container .result-popular .title { margin-bottom:20px; font-size:22px; font-weight:600; color:#000; } 
.total-container .result-popular .title p { margin-top:10px; font-size:14px; font-weight:400; color:#777; } 
.total-container .result-popular ul li { position:relative; padding:10px 0; } 
.total-container .result-popular .recommend ul li { position:relative; padding:10px 0 10px 15px; } 
.total-container .result-popular .recommend ul li::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background: #D23345; }
.total-container .result-popular ul li span { display:inline-block; margin-right:10px; color:#D23345; font-weight:600; } 
.total-container .result-popular > div:nth-child(2) { margin-top:80px; } 

.total-container article .page { margin-top: 60px; }
.total-container .empty { border-top: 0; }
.total-container .btn-soarting { display: flex; align-items: center; }
.total-container .btn-soarting a { width: auto; height: auto; text-indent:0; background:none; font-size: 18px; font-weight: 400; color: #777; }
.total-container .btn-soarting li { margin-left: 30px; position: relative; }
.total-container .btn-soarting li.on a { font-weight: 600; color: #000; }
.total-container .btn-soarting li::before { content: ''; width: 1px; height: 15px; background: #ddd; position: absolute; left: -15px; top: 50%; transform: translateY(-50%); }
.total-container .btn-soarting li:first-child { margin-left: 0; }
.total-container .btn-soarting li:first-child::before { display: none; }
/* 로그인 ------------------------------------------------------*/
.login-container { width: 500px; margin: 100px auto; } 
.login-container p { margin-bottom: 20px; } 
.login-container input[type="text"],
.login-container input[type="password"] { width: 100%; height: 60px; border: 1px solid #ddd; box-sizing: border-box; } 
.login-container .login { margin-top:30px; width: 100%; height: 60px; background:#000; font-weight:700; color:#fff; } 
.login-container .member-box { display:flex; justify-content:space-between; margin-top:20px; } 
.login-container .member-box a { color:#555; } 
.login-container .member-box div a { position:relative; margin-left:10px; padding-left:15px; } 
.login-container .member-box div a:nth-child(2)::after { content:''; position:absolute; left:0; top:5px; width:1px; height:15px; background:#ddd; } 

.login-container .sns-login { margin-top:70px; } 
.login-container .sns-login h2 { position:relative; margin-bottom:40px; font-size:16px; font-weight:400; color:#555; text-align:center; } 
.login-container .sns-login h2::before { content: ''; position: absolute; transform: translateY(-50%); top: 50%; left: 0; width: calc(50% - 90px); height: 1px; background: #DDD; } 
.login-container .sns-login h2::after { content: ''; position: absolute; transform: translateY(-50%); top: 50%; right: 0; width: calc(50% - 90px); height: 1px; background: #DDD; } 
.login-container .sns-login ul { display:flex; justify-content:center; gap:60px; } 
.login-container .sns-login ul li { flex:1; display: flex; justify-content: center; } 

.sns-login { text-align: center; } 
.sns-login .title { font-size:28px; font-weight:600; } 
.sns-login .title img { width:50px; margin-right:15px; } 
.sns-login p { margin:40px 0; line-height:25px; color:#555; } 
.sns-login .box-gray { margin-bottom:40px; padding:20px; line-height:25px; background:#F6F6F6; } 

/* 회원가입 ------------------------------------------------------*/
/* 약관 ------------------------------------------------------*/
.agreement_cont { height: 320px; margin-top:20px; padding: 30px 40px; font-size: 16px; line-height: 22px; color: #666; border:1px solid #ddd; overflow-y: auto; } 
.agreement_cont.unbox { padding:0; height:auto; border:0; } 
.agreement_cont .sub_txt01 { margin-top: 24px; padding-bottom: 50px; border-bottom: 1px solid #000; font-size: 18px; color: #000; text-align: center; } 
.agreement_cont .version { font-size: 40px; } 
.agreement_cont .sub-tit02 { font-size: 28px; font-weight: 700; text-align: left; color:#000; } 
.agreement_cont .box_list_type.policy .box_list_item { margin-top: 40px; } 
.agreement_cont .box_list_type.policy + .box_list_type.policy { margin-top: 70px; } 
.agreement_cont .box_list_type.policy .box_list_item:nth-child(2) .list_cont.type01,
.agreement_cont .box_list_type.border_none.policy .box_list_item .list_cont.type01 { margin-top: 60px; } 
.agreement_cont .box_list_type.policy .box_sub_list .sub_tit { margin: 60px 0 20px; font-weight: 600; } 
.agreement_cont .box_list_type.policy .box_sub_list .sub_tit:first-child { margin-top: 0; } 
.agreement_cont .box_list_type.policy .box_sub_list .sub_cont { font-size: 16px; } 
.agreement_cont .box_list_type .box_list_item .list_cont .top_sub_txt01 { color: #333; font-size: 18px; } 
.agreement_cont .box_list_type .box_list_item .list_cont .top_sub_txt02 { color: #999; font-size: 16px; } 
.agreement_cont .box_sub_list .sub_cont .sub_desc { color: #333; } 
.agreement_cont .box_sub_list .sub_cont .sub_indent { margin-top: 10px; padding-left: 15px; } 
.agreement_cont .box_sub_list .sub_cont .order_list li .sub_indent,
.agreement_cont .box_sub_list .sub_cont .sub_indent .sub_indent { margin-top: 7px; padding-left: 10px; } 
.agreement_cont .box_sub_list .sub_cont .sub_indent .bul_txt02 { margin-top: 0; } 
.agreement_cont .box_sub_list .sub_cont .sub_indent .dash_list li { padding-left: 17px; font-size: 16px; color: #999; } 
/* 간격 */
.agreement_cont .box_list_type .box_list_item .list_cont .top_sub_txt01 + .top_sub_txt01,
.agreement_cont .box_list_type .box_list_item .list_cont .top_sub_txt01 + .top_sub_txt02 { margin-top: 30px; } 
.agreement_cont .box_list_type.policy .sub_desc ~ .sub_desc { margin-top: 20px; } 
/* 넘버링 되는 경우 사용하는 list 형태 */
.agreement_cont .order_list li { padding-left: 26px; } 
.agreement_cont .order_list .order { display: inline-block; text-indent: -26px; } 
.agreement_cont .order_list.type01 li { padding-left: 20px; font-size: 16px; color: #999; } 
.agreement_cont .order_list.type01 .order { text-indent: -20px; } 
.agreement_cont .order_list.type02 li > span { color: #333; } 
.agreement_cont .order_list.type03 li { color: #666; } 

.agreement_cont .box_sub_list .sub_tit { margin: 40px 0 10px; font-size: 20px; color: #000; } 
.agreement_cont .box_sub_list .sub_tit:first-child { margin-top: 0 } 
.agreement_cont .box_sub_list .sub_tit em { font-size: 18px; } 
.agreement_cont .box_sub_list .sub_cont { font-size: 18px; color: #666 } 

.agreement_cont .box_sub_list .sub_cont .sub_txt { word-break: keep-all; } 
.agreement_cont .box_sub_list.col3 { overflow: hidden; } 
.agreement_cont .box_sub_list.col3 > li { float: left; width: calc(33% - 10px); margin-left: 20px; } 

.agreement_cont .box_sub_list.col3 > li:first-child { width: calc(34% - 20px); margin-left: 0; } 
.agreement_cont .box_list_item .list_cont .txt + .list_box,
.agreement_cont .box_list_item .list_cont .txt + .list_line { margin-top: 40px; } 
.agreement_cont .box_list_item .list_cont .txt + .btn_area { margin-top: 20px; } 

.agreement_cont .box_list_item .list_cont .btn_area + .txt { margin-top: 60px; } 
.agreement_cont .box_list_img { margin-top: 50px; } 
.agreement_cont .box_list_img > img { width: 100%; } 
.agreement_cont .sub_img_box + .box_list_type { margin-top: 70px; border-top: none; } 
.agreement_cont .title_wrap + .box_list_type { margin-top: 70px; } 
.agreement_cont .title_wrap + .editor_wrap .box_list_type { margin-top: 70px; } 
/*list_box*/
.agreement_cont .list_box:after { content: ''; display: block; clear: both; } 
.agreement_cont .list_box li { position: relative; float: left; width: 220px; height: 296px; margin-left: 17px; background: #fff; text-align:center; border:1px solid #ddd; } 
.agreement_cont .list_box li:first-child { margin-left: 0; } 
.agreement_cont .list_box li:before { content: ''; position: absolute; width: 0; height: 0; right: -1px; bottom: -1px; border-top: 50px solid transparent; border-right: 50px solid #fff; z-index: 1; } 
.agreement_cont .list_box li:after { content: ''; position: absolute; width: 0; height: 0; right: 0px; bottom: -1px; border-top: 50px solid transparent; border-right: 50px solid #ddd; } 
.agreement_cont .list_box li strong { display: block; position: absolute; top: 75%; left: 50%; transform: translate(-50%,-75%); -webkit-transform: translate(-50%,-75%); -ms-transform: translate(-50%,-75%); line-height: 1.2; width: 115px; font-size: 20px; color: #000; } 
.agreement_cont .list_box .ico_wrap { margin: 60px auto 0; } 

.agreement_cont .list_line { border-top: 1px solid #000; } 
.agreement_cont .list_line li { position: relative; padding: 60px 20px 60px 235px; border-bottom: 1px solid #ddd; } 
.agreement_cont .list_line .ico_m { position: absolute; top: 50%; left: 82px; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); } 
.agreement_cont .list_line strong { font-size: 22px; color: #000; } 
.agreement_cont .list_line p { margin-top: 10px; font-size: 20px; color: #666; } 
.agreement_cont .detail_info { margin-top: 20px; padding: 20px 0; background: #f0f0f0; text-align: center; } 
.agreement_cont .detail_info li { display: inline-block; font-size: 16px; } 
.agreement_cont .detail_info li span { margin-left: 10px; color: #000; } 
.agreement_cont .detail_info li:before { content: ''; display: inline-block; margin: 0 15px; width: 1px; height: 14px; background: #ddd; vertical-align: -2px; } 

.gray_box { position: relative; padding: 30px 25px 30px 35px; background: #fafafa; } 
.gray_box .inner .btn_m { position: absolute; top: 20px; right: 25px; } 
.btn_m { display: inline-block; height: 48px; padding: 0 24px; border: 1px solid #999; color: #000; font-size: 14px; line-height: 47px; box-sizing: border-box; text-align: center; vertical-align: top; } 

.policy_box { margin-top: 20px; padding: 40px; border: 1px solid #ddd; } 
.policy_box > li { position: relative; display: inline-block; padding-left: 40px; width: calc(50% - 2px); } 
.policy_box > li:first-child { padding-left: 0; } 
.policy_box li .tit { font-size: 18px; color: #000; } 
.policy_box > li + li:before { content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #ddd; } 
.policy_list { margin-top: 20px; } 
.policy_list li { display: inline-block; width: calc(50% - 2px); color: #000; } 

/* 고객서비스 헌장 */
.ico_list_box { display: flex; border:1px solid #ddd; color:#000; } 
.ico_list_box li { padding: 40px 50px; width: 25%; border-left:1px solid #ddd; } 
.ico_list_box li:first-child { border-left:0; } 
.ico_list_box li > div { padding-bottom: 25px; } 
.ico_list_box .ico_list_tit { font-size: 18px; } 

.view_box { margin-top: 40px; display: flex; justify-content: space-between; gap:50px; } 
.view_box a { flex:1; display: flex; justify-content: space-between; font-size:18px; font-weight:500; border:1px solid #000; } 
.view_box a.btn_m { text-align:left; } 




.chk_list { display:flex; flex-wrap: wrap; flex-direction: row !important; gap: 40px 0 !important; margin-top:20px; padding: 30px 50px; line-height: 22px; border:1px solid #ddd; } 
.chk_list li { width:50%; } 
.chk_list li .bul_txt { margin: 15px 0 0 45px; font-size:16px; color:#999; } 

.fav_list { display:flex; flex-wrap: wrap; flex-direction: row !important; gap: 40px 0 !important; margin-top:20px; padding: 30px 50px; line-height: 22px; border:1px solid #ddd; } 
.fav_list li { width:20%; } 

.chk-list { display:flex; gap: 40px 0 !important; margin-top:20px; padding: 30px 50px; line-height: 22px; border:1px solid #ddd; } 


/* 가입완료 ------------------------------------------------------*/
.join-end { margin-top:40px; text-align:center; } 
.celeb-comment { margin-top:40px; font-size:24px; } 
.celeb-comment .title { padding-bottom:30px; font-size:36px; font-weight:600; } 
.sns-end { margin-top:40px; } 
.sns-end a { display:inline-block; padding:15px 20px 15px 52px; font-size:20px; font-weight:500; border:1px solid #000; } 
.sns-end .sns-naver { color:#29B500; border:1px solid #29B500; background:url(../img/common/ico_sns_naver_s.svg) 20px center no-repeat; } 
.sns-end .sns-kakao { border:1px solid #000; background:url(../img/common/ico_sns_kakao_s.svg) 20px center no-repeat; } 
.sns-end .sns-facebook { color:#4468A3; border:1px solid #4468A3; background:url(../img/common/ico_sns_facebook_s.svg) 20px center no-repeat; } 
.sns-end .sns-google { border:1px solid #DDDDDD; background:url(../img/common/ico_sns_google_s.svg) 20px center no-repeat; } 

.gray-box { margin-bottom:20px; padding:40px; background: #F6F6F6; } 
.gray-box .title { font-size:24px; } 
.devide { display:flex; justify-content: space-between; } 

/* 마이페이지 ------------------------------------------------------*/
.sns-link img { margin-right:20px; width:50px; } 
.btn-link { display:inline-block; width:100px; height:40px; line-height:40px; text-align:center; font-weight:500; border:1px solid #000; } 
.btn-link.disconnect { color:#D23345; border:1px solid #D23345; } 

.member-exit .title { padding-bottom:40px; border-bottom:1px solid #ddd; font-weight:500; } 
.member-exit .title img { margin-right:30px; } 
.member-exit ul li { margin-top:40px; padding-left:40px; font-size:20px; font-weight:500; background:url(../img/common/ico_cautioncheck.svg) 0 0 no-repeat; } 
.member-exit ul li p { padding-top:10px; font-size:16px; color:#555; font-weight:400; } 

/* 버튼 */
a.viewbtn01 { display: flex; align-items: center; justify-content: center; width: 160px; height: 50px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 60px; font-size: 18px; font-weight: 500; color: #fff; } 
a.viewbtn02 { display: flex; align-items: center; justify-content: center; width: 160px; height: 50px; border: 1px solid rgba(34, 34, 34, 0.3); border-radius: 60px; font-size: 18px; font-weight: 500; color: #000; } 
a.plusbtn { position: relative; display: block; width: 16.67px; height: 16.67px; text-indent: -5000px; } 
a.plusbtn::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 2px; background: #000; } 
a.plusbtn::after { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%) rotate(90deg); width: 100%; height: 2px; background: #000; } 
a.btn240 { display: inline-block; width: 240px; height: 64px; color: #fff; text-align: center; line-height: 64px; font-weight: 600; font-size: 20px; border: 1px solid #fff; } 

/* header ------------------------------------------------------*/

/* 헤더 */
header.on { position: sticky; top: 0; left: 0; right: 0; background: #fff; z-index: 100; } 
header.on .inner .header-top { visibility: hidden; opacity: 0; height: 0; padding: 0; } 
header { transition: .2s; } 
header .inner { width: 1395px; } 
header .inner .header-top { height: 35px; display: flex; align-items: center; justify-content: flex-end; padding-top: 15px; transition: ease .3s; } 
header .inner .header-top .member { display: flex; gap: 0 25px; } 
header .inner .header-top .member a { display: inline-block; font-size:15px; } 
header .inner .header-top .member a.login { position: relative; } 
header .inner .header-top .member a.login::before { content: ''; position: absolute; top: 50%; right: -13px; transform: translateY(-50%); width: 1px; height: 14px; background: #ddd; } 
header .inner .header-top .lang { display: flex; gap: 0 12px; margin-left: 40px; } 
header .inner .header-top .lang a { font-size: 0; display: inline-block; width: 24px; height: 24px; text-indent: -5000px;} 
header .inner .header-top .lang a.kr { background:url(../img/common/ico_kr_on.png); } 
header .inner .header-top .lang a.usa { background:url(../img/common/ico_usa_off.png); } 
header .inner .header-top .lang a.china { background:url(../img/common/ico_china_off.png); } 
header .inner .header-wrap { height: 90px; display: flex; justify-content: space-between; align-items: center; } 
header .inner .header-wrap #gnb { display: flex; gap: 0 60px; } 
header .inner .header-wrap #gnb > li > a { display:block; font-weight: 600; font-size: 24px; line-height: 87px; position: relative; transition: all .2s; } 
header .inner .header-wrap #gnb > li > a::after { content: ''; width: 0%; height: 3px; background: #D23345; position: absolute; bottom: -1px; left: 50%; border-radius: 50px; transform: translateX(-50%); transition: all .2s ease; z-index: 10; } 
/* header .inner .header-wrap #gnb > li.active > a { color: #D23345; } */
header .inner .header-wrap #gnb > li.active > a::after { width: 100%; } 
/* header .inner .header-wrap #gnb > li.active > a { border-bottom:3px solid #D23345; } */

header .inner .header-wrap .menu { display: flex; gap: 0 25px; align-items: center; } 
header .inner .header-wrap .menu a { display: inline-block; width: 103px; height: 41px; font-weight: 400; font-size: 18px; line-height: 40px; text-align: center; border: 1px solid #ccc; border-radius: 50px; } 
header .inner .header-wrap .menu button { width: 30px; height: 30px; }
header .inner .header-wrap .menu a.toctoc { margin-right: -15px; width: 120px; font-size: 17px; }
header .inner .header-wrap .menu button.search { background: url(../img/common/ico_search.svg) no-repeat 50% 50%; } 
header .inner .header-wrap .menu button.allmenu { background: url(../img/common/ico_menu.svg) no-repeat 50% 50%; } 

.gnb-cont { display:none; position: fixed; width: 100%; left: 0; top: 125px; background: #fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; z-index: 101; } 
.gnb-cont.active { top: 90px; } 
.gnb-inner { width:1400px; margin:0 auto 100px; } 
.gnb-inner > p { padding:40px 0; font-size:28px; font-weight:700; } 
.gnb-dep02 { display: flex; flex-wrap: wrap; gap: 60px 0; } 
.gnb-dep02 > li { width:20%; padding:0 0 0 40px; border-left: 1px solid #eee; } 
.gnb-dep02 > li:first-child, .gnb-dep02 > li:nth-child(6),.gnb-dep02 > li:nth-child(11),.gnb-dep02 > li:nth-child(16) { padding-left:0; border-left: 0; } 
.gnb-dep02 > li a { font-size:20px !important; line-height: 29px !important; font-weight:600; } 
.gnb-dep03 { padding-top: 20px; } 
.gnb-dep03 > li { padding-bottom:10px; } 
.gnb-dep03 > li a { font-size:18px !important; color:#555; font-weight:400 !important; line-height:20px !important; } 

/* footer ------------------------------------------------------*/

/* 푸터 */
footer { background: #333; color: rgba(255, 255, 255, 0.6); padding-bottom: 88px; overflow: hidden; } 
footer .footer-top { padding: 35px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 50px; } 
footer .footer-top .foot-menu { display: flex; align-items: center; gap: 0 60px; } 
footer .footer-top .foot-menu li a { font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(255,255,255,0.8); } 
footer .footer-top .foot-menu li a strong { font-weight: 700; } 
footer .footer-left { float: left; } 
footer .footer-left address, footer .footer-left .tel { display: inline-block; font-weight: 400; font-size: 16px; line-height: 19px; } 
footer .footer-left .tel { margin-left: 40px; } 
footer .footer-left .copy { font-weight: 400; font-size: 14px; line-height: 17px; margin-top: 16px; } 
footer .footer-right { float: right; display: flex; } 
footer .footer-right .sns { display: inline-block; display: flex; align-items: center; gap: 0 20px; margin-right: 60px; } 
footer .footer-right select#site { width: 220px; height: 50px; border: 1px solid rgba(255, 255, 255, 0.2); background: transparent; color: #fff; font-weight: 300; font-size: 16px; line-height: 19px; padding: 0 20px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../img/common/ico_arrow_select.svg) no-repeat 92% 50%; } 
footer .footer-right select#site option { color:rgba(255, 255, 255, 0.6); background:#333; } 

/* top btn */
#topbtn { display: flex; align-items: center; justify-content: center; gap: 10px 0; flex-direction: column; position: fixed; right: 50%; transform: translateX(740px); bottom: 20px; transition: opacity .3s; font-size: 14px; color: #777; text-align: center; cursor: pointer; opacity: 0; pointer-events: none; } 
#topbtn.on { opacity: 1; pointer-events: visible; } 
#topbtn.stuck { position: absolute; bottom: 300px; } 


/* 사이트맵 ------------------------------------------------------*/
.sitemap { display:none; position:fixed; top:0; left:0; right:0; height: 100%; z-index:99999; } 
.sitemap-header { background:#333; } 
.sitemap-header .inner { position:relative; } 
.sitemap-header .inner .sitemap-close { position:absolute; top:40px; right:0; } 
.sitemap-header ul { padding:80px 0 40px; display:flex; gap:0 60px; } 
.sitemap-header ul li a { font-size:24px; font-weight:600; color:#999; transition: all .2s; } 
.sitemap-header ul li.active a { color:#fff; } 
.sitemap-header .family-site { background:#fff; border-bottom:1px solid #ddd; } 
.sitemap-header .family-site a { display:inline-block; padding:30px 30px 30px 0; margin-right:30px; color:#777; font-weight:500; background:url(../img/common/ico_linkarrow.svg) right center no-repeat; } 

.sitemap-container { padding-bottom:250px; background:#fff; height:100%; overflow-y:scroll; scroll-behavior: smooth; } 
.sitemap-container section { margin-bottom:60px; } 
.sitemap-container .gnb-inner { margin-bottom:0; } 
.sitemap-container .gnb-inner > p { margin-bottom:40px; padding:40px 0 30px; font-size:36px; font-weight:600; border-bottom:1px solid #000; } 
.sitemap-container .gnb-dep02 > li > a { font-size: 22px !important; }
.sitemap-container .gnb-dep03 { padding-right:40px; } 
.sitemap-container .gnb-dep03 a { display:block; color:#000; } 
.sitemap-container .gnb-dep03 > li.more .fold.on { background:url(../img/common/ico_fold_on.svg) right 0 no-repeat; } 
.sitemap-container .gnb-dep03 > li.more .fold.off { background:url(../img/common/ico_fold_off.svg) right 0 no-repeat; } 
.sitemap-container .gnb-dep04 { display:none; padding: 20px 0; } 
.sitemap-container .gnb-dep04 > li { position:relative; margin-left:20px; padding: 0 0 10px 20px; } 
.sitemap-container .gnb-dep04 > li::before { content:''; position:absolute; left:0; top:10px; width:4px; height:4px; background: #777; border-radius:4px; } 
.sitemap-container .gnb-dep04 > li a { font-size:18px !important; color:#777; font-weight:400 !important; line-height:20px !important; } 


/* pop up ------------------------------------------------------*/

/* dimmed */
.dimmed { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(34, 34, 34, 0.3); z-index: 101; display: none; } 

/* popup */
.pop-wrap { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; z-index: 1000; display: none; } 
.pop-wrap .pop-inner { max-height: 850px; padding: 40px; background: #fff; box-sizing: border-box; overflow: hidden; } 
.pop-wrap .pop-header { padding-bottom: 30px; display: flex; align-items: center; gap: 0 20px; justify-content: space-between; font-size: 28px; font-weight: 700; } 
.pop-wrap .pop-header button { flex-shrink: 0; } 
.pop-wrap .pop-inner .pop-cont { max-height: 500px; overflow-y: auto; } 
.pop-wrap .pop-inner .pop-cont 
.pop-wrap.confirm .pop-inner .pop-cont { max-height: 500px; } 
.pop-wrap .pop-inner .pop-cont.gray { padding: 40px; background: #F6F6F6; line-height: 32px; color: #000!important; } 
.pop-wrap .pop-inner .pop-cont.gray b,
.popupie .pop-inner .pop-cont b { font-weight: 600; } 
.pop-wrap .pop-inner .pop-cont.gray b:not(:first-child),
.popupie .pop-inner .pop-cont b:not(:first-child) { display: block; margin-top: 20px; } 
.pop-wrap.small .pop-header { border-bottom: 1px solid #000; } 
.pop-wrap.small .pop-inner .pop-cont { padding: 40px 0 60px; min-width: 400px; } 

.pop-wrap .pop-inner .pop-cont.content { font-size: 20px; line-height:30px; max-height: inherit; overflow-y: inherit; } 
.pop-wrap .pop-inner .pop-cont.content p { padding: 30px 0; font-size: 18px; color:#555; } 
.pop-wrap .pop-inner .pop-btn { margin-top: 40px; display: flex; align-items: center; justify-content: center; gap: 0 30px; } 
.pop-wrap .pop-inner .pop-btn .btn { width: 200px; height: 60px; line-height: 60px; text-align: center; border: 1px solid #000; font-weight: 600; } 
.pop-wrap .pop-inner .pop-btn .btn.black { background: #000; color: #fff; } 
.pop-wrap .pop-img-box { width: 820px; } 
.pop-wrap .pop-img-box img { width: 100%; } 

.pop-wrap .list-tit { padding-top: 0; } 
.pop-wrap .table-box02 table { margin-top: 0; } 
.pop-wrap .table-box02.left table td,
.pop-wrap .table-box02.left table th { text-align: left; padding: 18px 40px; } 
.pop-wrap .table-box02 .file-list { color: #777; font-size: 16px; display: flex; flex-direction: column; gap: 10px 0; } 
.pop-wrap .table-box02 .file-list .file-del { margin-left: 10px; } 
.pop-wrap .pop-table table { width: 100%; border-top: 1px solid #ddd; border-collapse: collapse; } 
.pop-wrap .pop-table table tr { border-bottom: 1px solid #ddd; } 
.pop-wrap .pop-table table th { padding: 20px 40px; text-align: left; font-weight: 400; color: #000; } 
.pop-wrap .pop-table table td { padding: 20px 40px; background: #fff; color: #000; } 
.pop-wrap .pop-table table td .file-list { display: flex; flex-direction: column; gap: 20px 0; } 
.pop-wrap .pop-table table td .file-list .file-el { display: flex; align-items: center; gap: 0 10px; font-size: 16px; color: #777; } 
.pop-wrap .pop-table table td .file-list .file-el > i,
.pop-wrap .pop-table table td .file-list .file-el > button { flex-shrink: 0; } 


/* 주소검색팝업 */
.addr-search-wrap .con-tab { display: flex; align-items: center; justify-content: center; margin-bottom:30px; width: 100%; } 
.addr-search-wrap .con-tab li { flex: 1; margin: -1px 0 0 -1px; border: 1px solid #ccc; font-size:18px; } 
.addr-search-wrap .con-tab li a { display: block; padding: 9px 0; color: #000; text-align: center; } 
.addr-search-wrap .con-tab li.on { background: #D23345; border: 1px solid #D23345; z-index: 1; } 
.addr-search-wrap .con-tab li.on a { color: #fff; font-weight: 700; } 
.addr-search-wrap .con-tab.on { position: fixed; top: 90px; } 

.addr-search-wrap { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; z-index: 1000; } 
.addr-search-wrap .pop-inner { max-height: 850px; padding: 40px; background: #fff; box-sizing: border-box; overflow: hidden; } 
.addr-search-wrap .pop-header { padding-bottom: 30px; display: flex; align-items: center; justify-content: space-between; font-size: 28px; font-weight: 700; } 
.addr-search-wrap .pop-inner .pop-cont { max-height: 600px; overflow-y: auto; } 
.addr-search-wrap.confirm .pop-inner .pop-cont { max-height: 500px; } 
.addr-search-wrap .pop-inner .pop-cont.gray { padding: 40px; background: #F6F6F6; line-height: 32px; } 
.addr-search-wrap .pop-inner .pop-cont.gray p { color: #555; } 

.addr-search-wrap.small .pop-header { border-bottom: 1px solid #000; } 
.addr-search-wrap.small .pop-inner .pop-cont { padding: 40px 0 60px; } 

.addr-search-wrap .pop-inner .pop-cont.content { font-size: 20px; line-height:30px; max-height: inherit; overflow-y: inherit; } 
.addr-search-wrap .pop-inner .pop-cont.content p { padding: 30px 0; font-size: 18px; color:#555; } 
.addr-search-wrap .pop-inner .pop-btn { margin-top: 40px; display: flex; align-items: center; justify-content: center; gap: 0 30px; } 
.addr-search-wrap .pop-inner .pop-btn .btn { width: 200px; height: 60px; line-height: 60px; text-align: center; border: 1px solid #000; font-weight: 600; } 
.addr-search-wrap .pop-inner .pop-btn .btn.black { background: #000; color: #fff; } 

.addr-search-wrap .pop-img-box { width: 820px; } 
.addr-search-wrap .pop-img-box img { width: 100%; } 

.addr-search-wrap .list-tit { padding-top: 0; } 
.addr-search-wrap .table-box02 table { margin-top: 0; } 
.addr-search-wrap .table-box02.left table td,
.addr-search-wrap .table-box02.left table th { text-align: left; padding: 18px 40px; } 
.addr-search-wrap .table-box02 .file-list { color: #777; font-size: 16px; display: flex; flex-direction: column; gap: 10px 0; } 
.addr-search-wrap .table-box02 .file-list .file-del { margin-left: 10px; } 
.addr-search-wrap .pop-table table { width: 100%; border-top: 1px solid #ddd; border-collapse: collapse; } 
.addr-search-wrap .pop-table table tr { border-bottom: 1px solid #ddd; } 
.addr-search-wrap .pop-table table th { padding: 20px 40px; text-align: left; font-weight: 400; color: #000; } 
.addr-search-wrap .pop-table table td { padding: 20px 40px; background: #fff; color: #000; } 
.addr-search-wrap .pop-table table td .file-list { display: flex; flex-direction: column; gap: 20px 0; } 
.addr-search-wrap .pop-table table td .file-list .file-el { display: flex; align-items: center; gap: 0 10px; font-size: 16px; color: #777; } 
.addr-search-wrap .pop-table table td .file-list .file-el > i,
.addr-search-wrap .pop-table table td .file-list .file-el > button { flex-shrink: 0; } 

.addr-cont { width:820px; font-size:18px; display:none; } 
.addr-cont.on { display:inherit; } 
.addr-cont .input-box { display:flex; gap:20px; margin:0; border:0; } 
.addr-cont .input-box input[type="text"] { width: 100%; height: 50px; border: 1px solid #ddd; box-sizing: border-box; } 
.addr-cont .input-box .btn-search { width: 120px; height: 50px; line-height: 50px; font-weight:700; color:#fff; background:#000; } 

.addr-view { margin-top: 20px; height: 400px; overflow: auto; } 
.addr-view .sample span { color:#009FE3; } 
.addr-view input[type="radio"]+label { display: inline-block; padding-top:30px; padding-left:0; width:70px; line-height: 24px; background: url('../img/common/radio_off.svg') center 0 no-repeat; background-size: 24px 24px; cursor: pointer; } 
.addr-view input[type="radio"]:checked+label { background-image: url('../img/common/radio_on.svg'); background-size: 24px 24px; } 
.addr-view .result .count strong { color:#D23345; } 
.addr-view .result { display:none; } 


/* table Style */
.table-addr table { width: 100%; border-top: 1px solid #000; margin-top: 10px; } 
.table-addr table th,
.table-addr table td { font-size: 18px; font-weight: 400; border-bottom: 1px solid #ddd; line-height: 22px; } 
.table-addr table th { background: #f7f7f7; padding: 13px 0; } 
.table-addr table td { padding: 20px; text-align: center; border-left: 1px solid #ddd; } 
.table-addr table td:first-child { border-left: 0; } 
.table-addr table th.border,
.table-addr table td.border { border-left: 1px solid #ddd; } 
.table-addr table td.left { text-align: left; } 
.table-addr table td > div:not(:first-child) { margin-top:10px; } 
.table-addr table td span { display:inline-block; margin-right:10px; width:60px; height:30px; line-height:30px; color:#777; font-size:16px; text-align:center; border: 1px solid #CCCCCC; border-radius: 5px; } 
.table-addr table td span.road { font-weight:700; color:#fff; background:#D23345; border: 0; } 

.pop-wrap .guide-txt { padding-top: 40px; font: optional; font-size: 20px; line-height: 32px; text-align: center; } 

/* err page 잠시만 기다려주세요 ------------------------------------------------------*/

.container > .err { width: 100%; padding: 240px 0; display: flex; align-items: center; justify-content: center; } 
.container > .err > .wrap { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 30px 0; } 
.container > .err > .wrap .err-tit { font-size: 32px; font-weight: 400; } 
.container > .err > .wrap .desc { color: #777; line-height: 22px; text-align: center; } 
.container > .err > .wrap .btn-box { display: flex; align-items: center; justify-content: center; gap: 0 20px; } 
.container > .err > .wrap .btn { flex: 1; min-width: 200px; height: 60px; line-height: 60px; font-weight: 600; text-align: center; border: 1px solid#ccc; } 
.container > .err > .wrap .btn.black { border: 1px solid#000; background: #000; color: #fff; } 


/* modal popup */
.modal_box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; } 
.modal_box .point { color: #e32c51; } 
.modal_box:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } 
.modal_box .btn_modal_close { position: absolute; top: 38px; right: 40px; width: 24px; height: 24px; background: url('../img/common/ico_close.svg') no-repeat; } 
.modal_inner { position: absolute; top: 50%; left: 50%; padding-bottom: 40px; background: #fff; transform: translate(-50%, -50.1%); -webkit-transform: translate(-50%, -50.1%); -ms-transform: translate(-50%, -50.1%); } 
.modal_inner.large { width: 900px; } 
.modal_inner.medium { width: 600px; } 
.modal_inner.small { width: 490px; } 
.modal_inner.small .modal_cont { min-height: 107px; } 
.modal_cont .scroll_area { max-height: 384px; overflow-y: auto; } 
.modal_cont .scroll_area.type01 { max-height: 305px; } 
.modal_cont .scroll_area.type02 { max-height: 293px; } 
.modal_header { padding: 30px 40px 40px; } 
.modal_header h3 { margin-right: 65px; font-family: "NotoM"; font-size: 30px; line-height: 1.34; } 
.modal_cont { padding: 0 40px; } 
.modal_cont .box_list_type { border-top: 0; } 
.modal_cont .box_list_item .list_tit { font-family: "NotoM"; font-size: 22px; } 
.modal_cont .box_list_item .list_cont.type01 { margin-top: 20px; } 
.modal_cont .box_list_item .list_cont.type02 { width: 100%; margin-top: 0px; } 
.modal_cont .box_list_type .box_list_item { margin-top: 40px; } 
.modal_cont .box_list_type .box_list_item:first-child { margin-top: 0; } 

/*col style*/
.modal_cont .box_tab_menu.col3 li { width: 33%; } 
.modal_cont .box_tab_menu.col3 li:last-child { width: 34%; } 

.modal_cont .box_tab_menu.col5 li { width: 20%; } 
.modal_cont .box_tab_menu.col6 li { width: 17%; } 
.modal_cont .box_tab_menu.col6 li:last-child { width: 15%; } 
.modal_cont .box_tab_menu.col7 li,
.modal_cont .box_tab_menu.col7 li:last-child { width: 117px; } 
.modal_cont .box_tab_menu .btn_nav_prev,
.modal_cont .box_tab_menu .btn_nav_next { width: 30px; } 
.modal_cont .file_view_wrap { padding: 0; background: none; } 
.modal_cont .txt { color: #000; } 
.modal_cont .box_tab_menu + .scroll_area { margin-top: 31px; } 
.modal_cont .scroll_area > .tab_container { padding-top: 0; } 
.modal_cont .inner_box { padding: 30px; background: #fafafa; color: #666; } 
.modal_cont .inner_box .txt { color: #666; } 
.modal_cont .list_agree > li { padding-top: 40px; } 
.modal_cont .list_agree > li:first-child { padding-top: 0; } 
.modal_cont .list_agree + .txt { margin-top: 40px; } 
.modal_cont .list_agree .sub_indent { padding-left: 15px; } 
.modal_cont .list_agree .sub_indent .order_list > li { padding-left: 27px; margin-top: 15px; font-size: 16px; } 
.modal_cont .list_agree .sub_indent .order_list > li:first-child { margin-top: 0; } 
.modal_cont .list_agree .sub_indent .order_list .dash_list li { padding-left: 17px; font-size: 16px; } 
.modal_bottom { margin-top: 30px; padding: 30px 40px 0; border-top: 1px solid #eee; } 
.modal_bottom .input_chk + .btn_area { margin-top: 30px; } 
.modal_bottom .tit { font-size: 20px; margin-bottom: 19px; min-height: 60px; text-align: center; } 
.modal_bottom .btn_area { text-align: center; }
.modal_bottom .btn_l { min-width: 170px; height: 55px; line-height: 55px; border: 1px solid #000; }
.modal_bottom .btn_l .bot_Btn {
    font-size:17px;
    font-family: 'Pretendard';
    font-weight:500;
}

/* 230411 추가 */
.wrap_youtube .youtube_iframe { width: 1280px; height: 720px; } 


/* ie-box */
.ie-box { width: 100%; padding: 30px 0; border-top: 1px solid #ddd; } 

/* IE10+*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* header */
 header .inner .header-top .member a.login { margin-right: 25px; } 
header .inner .header-wrap #gnb li { margin: 0 30px; } 
 header .inner .header-top .lang a { margin-left: 12px; } 
 header .inner .header-top .lang a:first-child { margin-left: 0; } 
 header .inner .header-wrap .menu button { margin-left: 25px; } 

 /* sitemap */
 .sitemap-header ul li { margin-right: 30px; } 
 .gnb-dep02 { margin: 30px 0; } 
 .gnb-dep02:nth-child(1),
 .gnb-dep02:nth-child(2),
 .gnb-dep02:nth-child(3),
 .gnb-dep02:nth-child(4) { margin-top: 0; } 

 /* main */
 .mainbanner .btn-wrap .slide-dots { margin-right: 15px; } 
 }


 /* 명문장수기업 */
.mo-wrap { display: none; }
.pc-wrap { display: block; min-width: 1400px; }

/* 명문장수기업 */
@media screen and (max-width: 768px) {
    
    .mo-wrap { display: none; }
    .pc-wrap { display: block;}
}

/* #26254 행사이벤트, 영문텍스트 html지정 범위 벗어남 방지 영문 텍스트, 지정 html 사이즈 변경 방지 */
.eng_fix {
 text-overflow:ellipsis;  /* 텍스트가 html요소의 너비 초과할경우 생략부호 표시 */
 word-break: break-word; /* 단어가 html요소의 너비를 초과할경우 줄바꿈함 */
 word-break:break-all; /* 단어가 html요소의 너비를 초과할경우 줄바꿈함 (어떤 뭔자든 상관없음)*/
}

.loading_wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    /*opacity: 0.5;*/
    z-index: 9999;
}
.loading_wrap .loading{
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}
.loading .loading_img{
    display: table-cell;
    vertical-align: middle;
}
.loading_img p{
    display: inline-block;
    overflow: hidden;
    width: 75px;
    height: 75px;
    border-radius: 50%;
}
.loading_img p img{
    opacity: 0.8;
}

/* #34493 -> #34494 주관식 */
textarea.short-anwer {
    width:100%;
    border:1px solid #ddd;
    font-size:18px;
    padding:10px 20px;
    line-height:22px;
    font-weight:400;
    font-family: 'Pretendard';
    resize:none;
    box-sizing:border-box;
    overflow-y: hidden;
    height:0px;
    max-height:1000px;
    white-space:normal !important;
}

/* 관련법령 검색 팝업 */
.pop-wrap .pop-inner .pop-cont.search-policy { margin-bottom: -20px; line-height: 21px; }
.pop-wrap .pop-inner .pop-cont.search-policy .append-ico { width: 100%; height: 50px; border: 1px solid #ddd; box-sizing: border-box; position: relative; }
.pop-wrap .pop-inner .pop-cont.search-policy .append-ico input[type="text"] { padding-right: 60px; width: 100%; height: 100%; }
.pop-wrap .pop-inner .pop-cont.search-policy .append-ico .ico_search { display: block; width: 20px; height: 20px; margin-top: 0; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background: url('../img/common/ico_search.svg') no-repeat; background-size: 100% auto; }
.pop-wrap .pop-inner .pop-cont.search-policy .policy-list { margin-top: 20px; width: 100%; height: 210px; padding: 20px 0; border: 1px solid #ddd; overflow-y: auto; }
/*.pop-wrap .pop-inner .pop-cont.search-policy .policy-list li + li { margin-top: 10px; }*/
.pop-wrap .pop-inner .pop-cont.search-policy .policy-list li a { display: block; padding: 10px 20px; font-size: 17px; }
.pop-wrap .pop-inner .pop-cont.search-policy .policy-list li a:hover { color: #D23345; }
.pop-wrap .pop-inner .pop-cont.search-policy .policy-list li.active a {background: #fafafa;}
/* page */
.pop-wrap .pop-inner .pop-cont.search-policy .page { margin: 30px auto 20px; display: flex; justify-content: center; }
/* nodata */
.pop-wrap .pop-inner .pop-cont.search-policy .empty { gap: 0; padding: 50px 0 20px; border-top: 0; }
.pop-wrap .pop-inner .pop-cont.search-policy .empty p { font-size: 20px; }


/* #38126 참기업 API 화면구성 css */

.company_name {
    vertical-align:top;
    color:#969696;
}

table td div.company_recruit {
    display:flex;
    flex-direction: column;
    gap:40px;
}

table td div.company_recruit p {
    font-size:28px;
}

table td div.company_recruit ul.jp-list {
    display:flex;
    gap:0 25px;
    align-items:flex-start;
}

table td div.company_recruit ul.jp-list li {
    position:relative;
    font-size:16px;
}

table td div.company_recruit ul.jp-list li:first-child {
    max-width:550px;
    word-break:break-all;
}

table td div.company_recruit ul.jp-list li:nth-child(2)::after {
    position:absolute;
    content:'';
    top:50%;
    margin-left:12px;
    transform:translateY(-50%);
    width:1px;
    height:14px;
    background:#ddd;
}

table td div.company_recruit ul.jp-list li:nth-child(2)::before {
    position:absolute;
    content:'';
    top:50%;
    margin-left:-12px;
    transform:translateY(-50%);
    width:1px;
    height:14px;
    background:#ddd;
}

table td div.company_join {
    display:flex;
    flex-direction: column;
    gap:30px;
}

table td div.company_join .btn-box .btn {
    width:fit-content;
    height:40px;
    padding:0 45px;
    color:#fff;
    background:#000;
    display:inline-flex;
    align-items:center;
    justify-content: center;
    gap:0 15px;
    font-size:18px;
    font-weight:500;
    letter-spacing: -0.02em;
}

/* 우수일자리 팝업 */
.pop-cont ul.local-btnbox {
    list-style: none;
    gap:3px;
    display:flex;
    flex-wrap:wrap;
    text-align:center;
}

.pop-cont ul.local-btnbox li.on {
    background:#D23345;
    color:#fff;
}

.pop-cont ul.local-btnbox li {
    cursor:pointer;
    padding:15px 25px;
    border:1px solid #969696;
    width:150px;
}

.joblogo_box {
    display:flex;
    align-items: flex-end;
    gap:10px;
}

.joblogo_box p {
    font-size:14px;
    font-weight:bold;
}

.joblogo_box > div {
    width:120px;
}

.joblogo_box > div > img {
    width:100%;
}

/* #540 포토아카이브 스타일추가 */
.photoAch {
    text-align: center;
    border: 1px dashed;
    padding: 20px 0;
    font-size: clamp(0.68rem, 2.5vw, 1rem) !important;
}