@charset "utf-8";

/* Reset */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0; vertical-align:middle;}
body {background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body,input,select,textarea,button {border:none; font-size:16px; font-family: 'Noto Sans KR', sans-serif; color:#333}
html,body{height:100%}
ul,ol,li{list-style:none;}
table{border-spacing:0; }
img,fieldset{border:0;}
address,cite,code{font-style:normal;font-weight:normal;}
em {font-style:normal; }
label,img,input,select,textarea,button{vertical-align:middle; color: inherit; font: inherit;}
/* img {max-width:100%;} */
.hide, legend {padding: 0; margin: 0; font-size: 0; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:inherit; text-decoration:none;}
button {cursor: pointer; color: #333; background-color: transparent;}

html ,
body {font-size:16px; color:#666666; font-weight:400;}
table {border-collapse: collapse;border-spacing: 0}

* {-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important;}
*:before,*:after {-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important;}

/* Form */
textarea {border:1px solid #e5e5e5;}
select {padding-left: 10px; padding-right:25px; height:38px; }
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea {font-size:16px; color:#333333; border:1px solid #e5e5e5; background-color:#fff; transition: all 0.5s; box-sizing: border-box; vertical-align:middle; }
input[type=password],
input[type=text] {padding: 0; padding-left:10px; height: 38px;}
textarea {padding:10px; }
select::-ms-expand{display:none;}

input[type="text"]::placeholder {color:#333333}

input::-webkit-input-placeholder {color:#b8b8b8;}
input:-moz-placeholder {color:#b8b8b8; opacity: 1;}
input::-moz-placeholder {color:#b8b8b8; opacity: 1;}
input::-ms-input-placeholder {color:#b8b8b8;}
input:-ms-input-placeholder {color:#b8b8b8;}
input::input-placeholder {color:#b8b8b8;}

textarea::-webkit-input-placeholder {color:#b8b8b8;}
textarea:-moz-placeholder {color:#b8b8b8; opacity: 1;}
textarea::-moz-placeholder {color:#b8b8b8; opacity: 1;}
textarea::-ms-input-placeholder {color:#b8b8b8;}
textarea:-ms-input-placeholder {color:#b8b8b8;}
textarea::input-placeholder {color:#b8b8b8;}

textarea:focus,
input:focus {border:1px solid #5282ff; outline: none; }
label {color: rgba(0, 0, 0, 0.87); }

input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=search][readonly],
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{border-color: #e5e5e5; color:#333333; -webkit-appearance:none; font-size:15px; padding: 0 12px; background: #fafafa; }
input[type=text]::-ms-clear {display: none; }
select{-webkit-appearance:none; -moz-appearance:none; appearance:none; }
select::-ms-expand{display:none; }

textarea[readonly],
textarea[disabled]{padding:12px; font-size:15px; color:#333333; font-weight:normal; line-height:140%; height:78px; background:#fafafa;border:1px solid #e5e5e5;}
.clear {clear:both;}
.clear:after {content:""; display:block; clear:both;}

/* 본문 바로가기 */
#skipnavigation a {position:absolute;left:-3000%;}
#skipnavigation a:focus {display:block;left:0;top:0;z-index:10000000000;width:100%;height:30px;line-height:30px;background:#3290ff;color:#fff;text-align:center;}



/* 사용자 페이지 공통 css */

/** IOS 노치 대응 **/
/* Default */
:root {
  --safeTop: 0px;
  --safeBottom: 0px;
  --safeLeft: 0px;
  --safeRight: 0px;
}
/* iOS 11.0 버전 */
@supports (--safeTop: constant(safe-area-inset-top)) {
  :root {
      --safeTop: constant(safe-area-inset-top);
      --safeBottom: constant(safe-area-inset-bottom);
      --safeLeft: constant(safe-area-inset-left);
      --safeRight: constant(safe-area-inset-right);
  }
}
/* iOS 11.2 이상 */
@supports (--safeTop: env(safe-area-inset-top)) {
  :root {
      --safeTop: env(safe-area-inset-top);
      --safeBottom: env(safe-area-inset-bottom);
      --safeLeft: env(safe-area-inset-left);
      --safeRight: env(safe-area-inset-right);
  }
}

/*반응형 구분*/
.pc     { display:block !important}
.mobile { display:none !important}

/* vertical */
.vt {vertical-align:top !important;}

/* 정렬 */
.left {float: left; }
.right {float: right; }
.con_box {margin: 0 15px; }



/* text-align */
.text_left {text-align: left !important; }
.text_center {text-align: center !important; }
.text_right {text-align: right !important; }

/* text 말줄임표 */
.text_over {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/* display */
.dis_inblock {display: inline-block !important;; }
.dis_block {display:block  !important; }

/* Hidden Type */
.skip{position:absolute;top:0;height:0;visibility:hidden;font-size:0}
.sr_only {position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
.blind {overflow: hidden; color: transparent; white-space: nowrap;}
.m_visible {display:none;}
.d_none {display:none;}



.relative {position:relative;}
.abs_r {position:absolute; top:0; right:0;}


/* 가로사이즈 */
.w_80 {width: 80px !important;}
.w_100 {width: 100px; }
.w_110 {width: 110px; }
.w_115 {width: 115px !important; }
.w_120 {width: 120px; }
.w_140 {width: 140px !important;}
.w_150 {width: 150px !important; }
.w_160 {width: 160px; }
.w_185 {width: 180px !important; }
.w_200 {width: 200px !important; }
.w_230 {width: 230px; }
.w_270 {width: 270px; }
.w_350 {width: 380px; }
.w_330 {width: 330px !important; }
.w_340 {width: 340px !important; }
.w_360 {width: 360px !important; }
.w_400 {width: 400px; }
.w_440 {width: 440px; }
.w_700 {width: 700px; }
.w_900 {width: 900px !important; }
.w_960 {width: 960px; }
.w_990 {width: 990px; }

.h_95 {height:95px !important;}

.w_full {width:100% !important; }
.w_half {width:50% !important;}

.fc_point {color:#9a7a69;}

.half_box {overflow:hidden;}
.half_box > .box {float:left; width:49%;}
.half_box > .box+.box {margin-left:2%;}

/* margin */
.mt_0 {margin-top: 0px !important; }
.mt_5 {margin-top: 5px !important; }
.mt_8 {margin-top: 8px !important; }
.mt_15 {margin-top: 15px !important; }
.mt_20 {margin-top: 20px !important; }
.mt_30 {margin-top: 30px !important; }
.mt_40 {margin-top: 40px !important; }
.ml_10 {margin-left:10px !important;}
.ml_20 {margin-left:20px !important;}
.mr_0 {margin-right:0px !important;}
.mr_10 {margin-right:10px !important;}
.mt_370 {margin-top: 370px !important; }
.mb_30 {margin-bottom:30px !important;}
.mb_60 {margin-bottom:60px !important;}

/* padding */
.pd_0 {padding:0 !important;}
.pd_25 {padding:25px !important;}
.pd_top10 {padding-top: 10px; }



/* 버튼 스타일 */

.btn_area {margin-top:50px; text-align:center;}
.btn_area.wd900 {width:900px} /*PC용 사이즈 조절 2024-02-27*/
.btn_area p {display:inline-block;}
.btn_area p .btn {float:left;}
.btn_area p .btn+.btn {margin-left:11px;}
.btn_area02 {position:relative; margin-top:40px;}
.btn {display:inline-block; min-width:85px; height:38px; padding:0 15px; border:1px solid #666666; line-height:36px; cursor:pointer; text-align:center; font-weight:400;}
.btn.normal2 {min-width:130px; font-size:16px; height:45px; line-height:45px;}
.btn.big {min-width:170px; height:55px; font-size:18px; line-height:53px;}
.btn.bigger {min-width:280px; height:65px; border-width:2px; font-size:19px; line-height:61px;}
.btn.small {min-width:95px; height:38px; font-size:15px; line-height:36px;}
.btn.small47 {min-width:47px; width:47px; height:38px; padding:0; font-size:15px; line-height:36px;}
.btn.small32 {min-width:32px; width:32px; height:22px; padding:0; font-size:11px; line-height:20px;}
.btn.small66 {min-width:66px; width:66px; height:38px; padding:0; font-size:15px; line-height:36px;}
.btn.small94 {min-width:94px; width:94px; height:32px; padding:0; font-size:15px; line-height:32px;}
.btn_area .txt {display:inline-block; font-size:30px; color:#5b4c45; font-weight:500; vertical-align:middle; margin-right:35px;}

.btn.b_radius {border-radius:5px;}

.btn.xsmall {height:22px; min-width:auto; padding:0 6px; font-size:11px; line-height:20px;}

.btn.brown {color:#fff; border-color:#9a7a69; background:#9a7a69}
.btn.brown02 {color:#9a7a69; border-color:#886857; background:#fff}
.btn.mint {color:#4e815c; border-color:#dcf6e3; background:#dcf6e3}
.btn.dark_brown {color:#fff; border-color:#5b4c45; background:#5b4c45}
.btn.border {color:#333333; border-color:#666666; background:#fff}
.btn.brown_border {border-color:#5b4c45; color:#5b4c45;}
.btn.brown_border02 {border-color:#9a7a69; color:#9a7a69;}
.btn.gray_border {border-color:#666666; color:#666666;}
.btn.orange {color:#fff; border-color:#f68724; background:#f68724}
.btn.orange02 {color:#9a7a69; border-color:#e6ddd9; background:#e6ddd9}
.btn.orange02.on {border-color:#9a7a69; background:#fff}
.btn.orange03 {color:#fff; border-color:#f68725; background:#f68725}



.border_w2 {border-width:2px;}

.btn.h_95 {line-height:95px !important;}

.btn.w_auto {min-width:auto;}

.btn_wrap_full {display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; width:100%; margin-top:35px;}
.btn_wrap_full a {-ms-flex:1; flex: 1;}
.btn_wrap_full a+a {margin-left:10px;}

.btn_area2 {display:block; position:relative; padding-right:57px; text-align:left;}
.btn_area2 .btn {position:absolute; top:0px; right:0;}
.btn_area2.pr_76 {padding-right:76px;}

.btn_area3 {position:relative;}
.btn_area3 .chk_area {position:absolute; top:0px; left:0;}


/*
.skyblue_btn {background: #3290ff; color: #fff; height:40px; line-height:40px; transition: 0.5s; }
.blue_btn {display: inline-block; background: #002e65; color: #fff; height: 40px; line-height: 40px; transition: 0.5s; text-align: center; }
.grey_btn {background: #5f5f5f; color: #fff; height: 40px; line-height: 40px; transition: 0.5s; }
.disable_btn {background: #e1e1e1; color: #fff; height: 40px; line-height: 40px;  }

.btn_hpage {padding: 0 15px 0 32px; background: url('../images/icon/icon_homepage.png') no-repeat 15px center / 11px auto #3290ff; color: #fff; border-radius: 12px; height: 24px; font-size:2.2rem; line-height:24px;}
.banner_close {width: 20px; height: 20px; background: url('../images/icon/icon_close.png') no-repeat center / contain; }

.btn_searchblue {width: 40px; height: 40px; background: url('../images/icon/icon_search.png') no-repeat center / 24px #3290ff; }
*/

/* text-align*/

/* text-align */ 
.tl {text-align:left !important;}
.tr {text-align:right !important;}
.tc {text-align:center !important;} 
.vt {vertical-align:top !important}


.banner_close {width: 20px; height: 20px; background: url('../images/icon/icon_close.png') no-repeat center / contain; }

/* 파일 업로드 스타일 */
input[readonly].inp_file,
input[disabled].inp_file {background: #fff; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


/* 제목 스타일 */
.title {margin-bottom: 65px; font-size: 48px; font-weight: 300; text-align: center; }

.more_btn {display: block; font-size: 22px; font-weight: bold; }
.more_btn:after {content: ""; display: inline-block; width: 24px; height: 25px; background: url('../images/icon/icon_plus.png') no-repeat center / contain; margin-left: 28px; vertical-align: middle; }

/* 폰트컬러 */
.col_blue {color: #3290ff !important; }
.col_gray {color: #333333 !important; }
.col_red {color:#e11e1e !important}


/* 폰트 사이즈 */
.fs_22 { font-size: 22px; }


/* 폰트 스타일 */
.f_light {font-weight: lighter; }
.f_bold {font-weight: bold; }
.f_m {font-weight: 500; }


.bline {display:block; font-size:0; position:relative; margin:0 -15px;}
.bline:after {position:absolute; bottom:0; left:0; right:0; height:1px; background:#e1e1e1; content:'';}

/* 체크 박스 */
.checkbox {display:inline-block; overflow:hidden; position:relative; margin-right:20px; padding:10px 0; font-size:16px; color:#000000; line-height:20px; vertical-align:middle;}
.checkbox * {vertical-align:top;}
.checkbox input {position:absolute; top:-100px; left:0;}
.checkbox label {display:inline-block; position:relative; padding-left:23px;}
.checkbox label em {color:#999999;}
.checkbox label:before {position:absolute; top:3px; left:0; width:17px; height:17px; border:1px solid #7c7c7c; background:url('../images/icon/icon_check02.png') no-repeat 0 0 #fff; background-size:auto 100%; content:'';}
.checkbox input:checked+label:before {background-position:right 0;}

.checkbox02 {overflow:hidden; position:relative; margin-right:20px; padding:10px 0; font-size:16px; line-height:20px; vertical-align:middle; text-align:right;}
.checkbox02 * {vertical-align:top;}
.checkbox02 input {position:absolute; top:-100px; right:0;}
.checkbox02 label {display:inline-block; position:relative; padding-right:23px;}
.checkbox02 label em {}
.checkbox02 label:before {position:absolute; top:3px; right:0; width:17px; height:17px; border:1px solid #7c7c7c; background:url('../images/icon/icon_check02.png') no-repeat 0 0 #fff; background-size:auto 100%; content:'';}
.checkbox02 input:checked+label:before {background-position:right 0;}


/* 인풋 스타일 ( 체크박스, 라디오 )*/
.label {padding-left: 21px; margin-right:15px; font-size:16px; background: no-repeat left center; }

.check {vertical-align:middle; background-image: url('../images/icon/un_check.png'); }
/* .ch_ra[type=checkbox]:hover + .check {background-image: url('../images/hover_check.png') } */
.ch_ra[type=checkbox]:checked + .check {background-image: url('../images/icon/icon_check.png'); color: #000; }
.ch_ra[type=checkbox][disabled] + .check {background-image: url('../images/icon/check_disable.png'); color: #e0e0e0; }

.radio {background-image: url('../images/icon/un_radio.png'); }
/* .ch_ra[type=radio]:hover + .radio {background-image: url('../images/icon/hover_radio.png')} */
.ch_ra[type=radio]:checked + .radio {background-image: url('../images/icon/radio.png'); color: #000;  }
.ch_ra[type=radio][disabled] + .radio {background-image: url('../images/icon/radio_disable.png'); color: #e0e0e0; }

.sel_area select {display:inline-block; margin:0 27px 0 10px;}

.select {height: 38px; background: url('../images/icon/icon_drop.png') no-repeat right center; border: 1px solid #e1e1e1; color:#333; -moz-appearance: none; -webkit-appearance: none; appearance: none; }
.select:focus {background-image: url('../images/icon/icon_up.png') }


.select02 {height: 38px; background: url('../images/icon/icon_drop.png') no-repeat right center #ffffff; border: 1px solid #e5e5e5; color:#333; -moz-appearance: none; -webkit-appearance: none; appearance: none; }
.select02:focus {background-image: url('../images/icon/icon_up.png') }


/* 인풋스타일 (검색) */
.inpsearch_box {position: relative; /*width: 650px;*/ left: 50%; transform: translateX(-50%); }
input.inp_search {padding: 0 28px; border: 4px solid #fff;  background: transparent; height: 72px; line-height: 72px; color: #fff; font-size: 22px; }
.mainsearch_btn {position: absolute; right: 30px; bottom: 50%; transform: translateY(50%); width: 40px; height: 40px; background: url('../images/icon/icon_search.png') no-repeat center / contain; }


/* 인풋스타일 (날짜) */
.inp_date {background: url('../images/icon/icon_calendar.png') no-repeat right center; }
.inp_date.inp_half { width:210px }
.icon_from {display: inline-block; font-style: normal; text-align:center; line-height:35px;}
.date_box {overflow:hidden;}
.date_box .inp_date {float:left; width:46%; box-sizing:border-box;}
.date_box .icon_from {float:left; width:8%; box-sizing:border-box;}

/* 인풋 스타일 ( 텍스트 )*/
input.inp_error {border-color: #ff9d97; }

/* 인풋 스타일 ( 패스워드 )*/
.inp_passward {position: relative; display: inline-block; }
.inp_passward .password_eye {width: 24px; height: 24px; display: block; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); background: url('../images/icon/icon_eye.png') no-repeat center / 18px auto; cursor: pointer; }
.inp_passward input.active+.password_eye {background-image: url('../images/icon/icon_eyeslash.png')}

.number_stepper {position:relative;}
.number_stepper input {width:100%;}
.number_stepper .btn_up {position:absolute; top:0; right:0; width:20px; height:50%; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:url('../images/icon/icon_num_stepper_up.png') no-repeat center;}
.number_stepper .btn_down {position:absolute; bottom:0; right:0; width:20px; height:50%; border-left:1px solid #e5e5e5; background:url('../images/icon/icon_num_stepper_down.png') no-repeat center;}

.number_stepper.type02 .btn_up {background-image:url('../images/icon/icon_num_stepper_up02.png')}
.number_stepper.type02 .btn_down {background-image:url('../images/icon/icon_num_stepper_down02.png')}

.number_stepper02 {position:relative; display:inline-block; width:20px; height:22px;}
.number_stepper02 .btn_up {position:absolute; top:0; right:0; width:20px; height:50%; background:url('../images/icon/icon_num_stepper_up.png') no-repeat center;}
.number_stepper02 .btn_down {position:absolute; bottom:0; right:0; width:20px; height:50%; background:url('../images/icon/icon_num_stepper_down.png') no-repeat center;}


.count_modify {position:relative; width:120px; padding-right:43px;}
.count_modify input[type="text"] {width:100%;}
.count_modify .btn {position:absolute; top:0; right:0; height:18px; line-height:18px;}
.count_modify .btn+.btn {top:auto; bottom:0;}

/* 아이콘 스타일 */
.icon_file {display: inline-block; width: 14px; height: 13px; background: url('../images/icon/icon_file.png') no-repeat center / contain; vertical-align: text-bottom; }

/* file_box */
.file_box {position:relative; padding-right:117px;}
.file_box input[type="text"] {width:100%;}
.file_box label {position:absolute; top:0; right:0;}

.fwrap + .fwrap {margin-top:6px;}
.fwrap {overflow:hidden; margin-left:-3px;}
.fwrap .fcol {float:left; padding-left:3px;}
.fwrap .fcol+.fcol {}

.fwrap .btn.w_full {min-width:auto; padding:0;}


/* 테이블 스타일 */
/* 기본 스타일 */
.table_type1 {width: 100%; border-top: 2px solid #9a7a69; font-size:16px; color:#666666;}
.table_type1 * {vertical-align:middle;}
.table_type1 tbody th {padding: 10px 0; padding-left:30px; border-bottom: 1px solid #e5e5e5; font-size:17px; color:#43342d; font-weight:400; text-align:left; background:#f9f6f5;}
.table_type1 tbody th,
.table_type1 tbody td {height:58px; border-bottom: 1px solid #e5e5e5; letter-spacing:-0.06em;}
.table_type1 tbody td {line-height: 1.5; padding: 10px 40px 10px 20px; }
.table_type1 tbody td em {display: block; }
.table_type1.type2 tbody th {padding:10px 20px;}
.table_type1.type2 tbody td {padding:10px 13px;}
.table_type1 tbody td.send_md .radio_f{ display:inline-flex;}
.table_type1 tbody td.send_md .radio_f + .radio_f{ margin-left:10px}
.table_type1 tbody td.send_pp input{ width:30% !important}
.table_type1 tbody td.td_renew{ padding:0;}
.table_type1 tbody td.td_renew .tr{ display:flex; align-items: stretch; justify-content: flex-start; text-align:left !important}
.table_type1 tbody td.td_renew .th{ width:180px; display:flex; justify-content: flex-start; align-items: center; height:58px; letter-spacing:-0.06em; padding:10px 0 10px 30px; font-size:17px; color:#43342d; font-weight:400; background:#f9f6f5}
.table_type1 tbody td.td_renew .td{ width:calc((100% - 360px) / 2); padding:10px 40px 10px 20px; display:flex; justify-content: flex-start; align-items: center}
.table_type1 tbody td.td_renew .td_2{ width:calc((100% - 360px)); padding:10px 40px 10px 20px;}
.table_type1 tbody td.td_renew .td_case_wide{ width:530px; padding:10px 40px 10px 20px;}
.table_type1 tbody td.td_renew .td_case_tiny{ width:calc((100% - 890px)); padding:10px 40px 10px 20px;}

.table_type1 tbody td.td_renew2{ padding:0;}
.table_type1 tbody td.td_renew2 .tr{ display:flex; align-items: stretch; justify-content: flex-start; text-align:left !important; min-height:58px}
.table_type1 tbody td.td_renew2 .th{ width:150px; display:flex; justify-content: flex-start; align-items: center; letter-spacing:-0.06em; padding:10px 0 10px 30px; font-size:17px; color:#43342d; font-weight:400; background:#f9f6f5}
.table_type1 tbody td.td_renew2 [class^=td]{ padding:10px 40px 10px 20px; display:flex; justify-content: flex-start; align-items: center}
.table_type1 tbody td.td_renew2 .td{ width:calc(100% - 185px); }
.table_type1 tbody td.td_renew2 .td2{ width:calc((100% - 370px) / 2); }

.bg2 {background:#efe9e7 !important;}
.how_textarea { width:645px }

.table_wrap {overflow:hidden;}
.table_wrap .inbox {margin:0 -1px;}

.table_type2 {width: 100%; border-top: 2px solid #9a7a69; font-size:16px; color:#666666; text-align:center;}
.table_type2.noBr {border-top:0;}
.table_type2.noBr td{border-top:0}
.table_type2 * {vertical-align:middle;}
.table_type2 th,
.table_type2 td {min-height:60px; padding:10px; border:1px solid #e5e5e5; line-height:38px;}
.table_type2 th {font-size:17px; color:#43342d; font-weight:400; background:#f9f6f5;}
.table_type2 p.addr {width:280px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:left;}



.table_type3 {border-top:1px solid #e5e5e5;}
.table_type3 td,
.table_type3 th {padding:6px 3px; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; text-align:center; font-weight:400;}
.table_type3 td:first-child,
.table_type3 th:first-child {border-left:0;}
.table_type3 th {color:#333; background:#f8f8f8;}
.table_type3 .icon_note {float:right; margin-left:3px;}

.text_box_type01 {}
.text_box_type01 {}

.bg_gray01 {background:#dfdfdf !important;}
.bg_white {background:#fff !important;}


/*
.table_type2 tbody th {padding: 10px 0; padding-left:30px; font-size:17px; color:#43342d; font-weight:400; text-align:left; background:#f9f6f5;}
.table_type2 tbody th,
.table_type2 tbody td {height:58px; border-bottom: 1px solid #e5e5e5; }
.table_type2 tbody td {line-height: 1.5; padding: 10px 50px 10px 20px; }
.table_type2 tbody td em {display: block; }
*/



/* list style */
.hyphen_list li {position:relative; padding-left:10px;}
.hyphen_list li:before {position:absolute; left:0; top:0; content:'-'}

/* 게시판 */
.board_search {overflow:hidden; position:relative; margin:20px 15px; padding-right:44px;}
.board_search .submit {position:absolute; top:0; right:0; width:40px; height:40px; background:url('../images/icon/icon_search.jpg') center; background-size:cover;}
.board_search select {float:left; width:30%;}
.board_search input[type="text"] {float:left; width:68.5%; margin-left:1.5%}

.board_list {border-top:1px solid #333333;}
.board_list li {border-bottom:1px solid #d5d5d5;}
.board_list a {display:inline-block; overflow:hidden; position:relative; max-width:100%; padding:0 15px 0 15px; font-size:2.6rem; white-space:nowrap; text-overflow:ellipsis; line-height:3.846; vertical-align:top;}
.board_list a.file {padding-right:30px;}
.board_list .icon_file {position:absolute; top:50%; right:15px; transform:translateY(-50%);}

/* 페이징 스타일 */
.paging {margin:30px 0 0; text-align:center;}
.paging ul {display:inline-block;}
.paging li {float:left; vertical-align: middle; background-position: center; background-repeat: no-repeat; background-size:contain;}
.paging li+li {margin-left:3px;}
.paging li a {display: block; overflow:hidden; width: 30px; height: 30px; line-height: 28px; border: 1px solid #e6e6e6;}
.paging li.active a {border-color:#2196f3; color:#fff; background:#2196f3;}
.paging .first_page,
.paging .prev_page,
.paging .next_page,
.paging .last_page {text-indent:-999px;}
.paging .first_page {margin-right:9px; background-image: url('../images/icon/icon_firstpage.png'); }
.paging .prev_page {background-image: url('../images/icon/icon_prevpage.png'); }
.paging .next_page {margin-left:12px; background-image: url('../images/icon/icon_nextpage.png'); }
.paging .last_page {background-image: url('../images/icon/icon_lastpage.png'); }


/* 목록-상세 페이지 스타일 */

.detail_type1 .detail_top {padding:20px 15px; border-bottom:1px solid #e1e1e1;}
.detail_type1 .detail_top .btitle {font-size:2.8rem; line-height:1.428; font-weight:700;}
.detail_type1 .detail_top .b_info {margin:8px 0;}
.detail_type1 .detail_contents {padding:20px 15px 50px;}
.detail_type1 .post_navi {border-top:1px solid #e1e1e1;}
.detail_type1 .post_navi li {border-bottom:1px solid #e1e1e1;}
.detail_type1 .post_navi a {display:block; overflow:hidden; padding:0 1}
.detail_type1 .post_navi a.prev {background-image:url('../images/icon/icon_post_navi_prev.png');}
.detail_type1 .post_navi a.next {background-image:url('../images/icon/icon_post_navi_next.png');}


/* 본문 바로가기 */
#skipnavigation a {position:absolute;left:-3000%;}
#skipnavigation a:focus {display:block;left:0;top:0;z-index:10000000000;width:100%;height:30px;line-height:30px;background:#3290ff;color:#fff;text-align:center;}


/* 사용자 페이지 공통 css */

/* vertical */
.vt {vertical-align:top !important;}

/* 정렬 */
.left {float: left; }
.right {float: right; }
.con_box {margin: 0 15px; }


/* text-align */
.text_left {text-align: left !important; }
.text_center {text-align: center !important; }
.text_right {text-align: right !important; }

/* text 말줄임표 */
.text_over {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/* display */
.dis_inblock {display: inline-block !important;; }
.dis_block {display:block  !important; }

/* Hidden Type */
.skip{position:absolute;top:0;height:0;visibility:hidden;font-size:0}
.sr_only {position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
.blind {overflow: hidden; color: transparent; white-space: nowrap;}
.m_visible {display:none;}
.d_none {display:none;}


.relative {position:relative;}
.abs_r {position:absolute; top:0; right:0;}

.btn_align{ display:inline-flex; column-gap: 3px;}

/*테이블 행 보임*/
.th_inr{display:none}

@media all and (max-width:1440px){


/* Form */
select {padding-left: 0.69vw; padding-right:1.74vw; height:2.64vw; }
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea {font-size:1.11vw; }
input[type=password],
input[type=text] {padding: 0; padding-left:0.69vw; height: 2.64vw;}
textarea {padding:0.69vw; }

input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=search][readonly],
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{ font-size:1.04vw; padding: 0 0.83vw;  }

/*날짜인풋*/
.inp_date.inp_half { width:14.58vw }

/* 테이블 스타일 */
/* 기본 스타일 */
.table_type1 {font-size:1.11vw; }
.table_type1 tbody th {padding: 0.69vw 0; padding-left:2.08vw; font-size:1.18vw;}
.table_type1 tbody th,
.table_type1 tbody td {height:4.03vw;}
.table_type1 tbody td { padding: 0.69vw 2.78vw 0.69vw 1.39vw; }
.table_type1.type2 tbody th {padding:0.69vw 1.39vw;}
.table_type1.type2 tbody td {padding:0.69vw 0.90vw;}
.table_type1 tbody td.send_md .radio_f + .radio_f{ margin-left:0.69vw}
.table_type1 tbody td.td_renew .th{ height:4.03vw; padding:0.69vw 0 0.69vw 2.08vw; font-size:1.18vw; }
.table_type1 tbody td.td_renew .td{ width:calc((100% - 360px) / 2); padding:0.69vw 2.78vw 0.69vw 1.39vw;}
.table_type1 tbody td.td_renew .td_2{ width:calc((100% - 180px)); padding:0.69vw 2.78vw 0.69vw 1.39vw;}
.table_type1 tbody td.td_renew .td_case_wide{ width:36.81vw; padding:0.69vw 2.78vw 0.69vw 1.39vw;}
.table_type1 tbody td.td_renew .td_case_tiny{ width:calc((100% - 61.81vw)); padding:0.69vw 2.78vw 0.69vw 1.39vw;}

.table_type1 tbody td.td_renew2 .tr{ min-height:4.03vw}
.table_type1 tbody td.td_renew2 .th{ width:10.42vw; padding:0.69vw 0 0.69vw 2.08vw; font-size:1.18vw; }
.table_type1 tbody td.td_renew2 [class^=td]{ padding:0.69vw 2.78vw 0.69vw 1.39vw; }
.table_type1 tbody td.td_renew2 .td{ width:calc(100% - 12.85vw); }
.table_type1 tbody td.td_renew2 .td2{ width:calc((100% - 25.69vw) / 2); }

.table_type2 {font-size:1.11vw; }
.table_type2 th,
.table_type2 td {min-height:4.17vw; padding:0.69vw; line-height:2.64vw;}
.table_type2 th {font-size:1.18vw; }
.table_type2 p.addr {width:19.44vw; }

.table_type3 td,
.table_type3 th {padding:0.42vw 0.21vw; }
.table_type3 .icon_note { margin-left:0.21vw;}


/* 가로사이즈 */
.w_80 {width: 30% !important;}
.w_100 {width: 6.94vw; }
.w_110 {width: 7.64vw; }
.w_115 {width: 7.99vw !important; }
.w_120 {width: 8.33vw; }
.w_140 {width: 9.72vw !important;}
.w_150 {width: 10rem !important; }
.w_160 {width: 11.11vw; }
.w_185 {width: 65% !important; }
.w_200 {width: 100% !important; }
.w_230 {width: 15.97vw; }
.w_270 {width: 18.75vw; }
.w_350 {width: 26.39vw; }
.w_330 {width: 22.92vw !important; }
.w_340 {width: 23.61vw !important; }
.w_360 {width: 25.00vw !important; }
.w_400 {width: 100%; }
.w_440 {width: 30.56vw; }
.w_700 {width: 48.61vw; }
.w_900 {width: 62.50vw !important; }
.w_960 {width: 66.67vw; }
.w_990 {width: 68.75vw; }

.h_95 {height:6.60vw !important;}


/* margin */
.mt_5 {margin-top: 0.35vw !important; }
.mt_8 {margin-top: 0.56vw !important; }
.mt_15 {margin-top: 1.04vw !important; }
.mt_20 {margin-top: 1.39vw !important; }
.mt_30 {margin-top: 2.08vw !important; }
.mt_40 {margin-top: 2.78vw !important; }
.ml_10 {margin-left:0.69vw !important;}
.ml_20 {margin-left:1.39vw !important;}
.mr_0 {margin-right:0.00vw !important;}
.mr_10 {margin-right:0.69vw !important;}
.mt_370 {margin-top: 25.69vw !important; }
.mb_30 {margin-bottom:2.08vw !important;}
.mb_60 {margin-bottom:4.17vw !important;}

/* padding */
.pd_25 {padding:1.74vw !important;}
.pd_top10 {padding-top: 0.69vw; }

/* 버튼 스타일 */

.btn_area {margin-top:3.47vw;}
.btn_area.wd900 {width:62.50vw} 
.btn_area p .btn+.btn {margin-left:0.76vw;}
.btn_area02 {margin-top:2.78vw;}
.btn { min-width:5.90vw; height:2.64vw; padding:0 1.04vw;line-height:2.50vw; }
.btn.normal2 {min-width:9.03vw; font-size:1.11vw; height:3.13vw; line-height:3.13vw;}
.btn.big {min-width:11.81vw; height:3.82vw; font-size:1.25vw; line-height:3.68vw;}
.btn.bigger {min-width:19.44vw; height:4.51vw; border-width:0.14vw; font-size:1.32vw; line-height:4.24vw;}
.btn.small {min-width:6.60vw; height:2.64vw; font-size:1.04vw; line-height:2.50vw;}
.btn.small47 {min-width:3.26vw; width:3.26vw; height:2.64vw; padding:0; font-size:1.04vw; line-height:2.50vw;}
.btn.small32 {min-width:2.22vw; width:2.22vw; height:1.53vw; padding:0; font-size:0.76vw; line-height:1.39vw;}
.btn.small66 {min-width:4.58vw; width:4.58vw; height:2.64vw; padding:0; font-size:1.04vw; line-height:2.50vw;}
.btn.small94 {min-width:6.53vw; width:6.53vw; height:2.22vw; padding:0; font-size:1.04vw; line-height:2.22vw;}
.btn_area .txt { font-size:2.08vw; margin-right:2.43vw;}

.btn.b_radius {border-radius:0.35vw;}

.btn.xsmall {/*height:1.53vw; padding:0 0.42vw; font-size:0.76vw; line-height:1.39vw;*/}

.btn_wrap_full {margin-top:2.43vw;}
.btn_wrap_full a+a {margin-left:0.69vw;}

.btn_area2 {padding-right:3.96vw;}
.btn_area2.pr_76 {padding-right:5.28vw;}

/* 체크 박스 */
.checkbox { margin-right:1.39vw; padding:0.69vw 0; font-size:1.11vw; line-height:1.39vw; }
.checkbox input { top:-6.94vw; }
.checkbox label { padding-left:1.60vw;}
.checkbox label:before { width:1.18vw; height:1.18vw; }

.checkbox02 { margin-right:1.39vw; padding:0.69vw 0; font-size:1.11vw; line-height:1.39vw; }
.checkbox02 input { top:-6.94vw; right:0;}
.checkbox02 label { padding-right:1.60vw;}
.checkbox02 label:before { width:1.18vw; height:1.18vw;}

/* 인풋 스타일 ( 체크박스, 라디오 )*/
.label {padding-left: 1.46vw; margin-right:1.04vw; font-size:1.11vw; }


.sel_area select { margin:0 1.88vw 0 0.69vw;}

.select {height: 2.64vw; }

.select02 {height: 2.64vw;}


.fwrap + .fwrap {margin-top:0.42vw;}
.fwrap { margin-left:-1px;}
.fwrap .fcol { padding-left:1px;}
.fwrap .fcol+.fcol {}

.btn_align{  column-gap: 0.21vw;}



}

/*공통설정  모바일 영역*/


@media all and (max-width:1280px){  

/*반응형 구분*/
.pc     { display:none !important }
.mobile { display:block !important }

html,body {font-size:12px; }



/* Form */
select {padding-left: 1rem; padding-right:2.5rem; height:3.4rem; }
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea {font-size:1.4rem; }
input[type=password],
input[type=text] {padding: 0; padding-left:1rem; height: 3.4rem;}
textarea {padding:1rem; }

input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=search][readonly],
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{ font-size:1.4rem; padding: 0 1rem;}

/*날짜인풋*/
.inp_date.inp_half { width:16rem }

/* 테이블 스타일 */
/* 기본 스타일 */
.table_type1 {font-size:1.4rem; }
.table_type1 tbody th,
.table_type1 tbody th[scope="col"] {width:25% !important}
.table_type1 tbody th {padding: 1rem; padding-left:1rem; font-size:1.4rem; }
.table_type1 tbody th,
.table_type1 tbody td {height:3.4rem; }
.table_type1 tbody td {padding: 0.8rem 0}
.table_type1.type2 tbody th {padding:1rem 1.5rem}
.table_type1.type2 tbody td {padding:1rem 1.5rem}
.table_type1 tbody td.send_md {}
.table_type1 tbody td.send_md .radio_f{ display:inline-flex; flex-shrink: 0; justify-content: flex-start; align-items: center;}
.table_type1 tbody td.send_md .radio_f + .radio_f{ margin-left:0;}
.table_type1 tbody td.send_pp input{ width:100% !important}
.table_type1 tbody td .fwrap { display:flex; flex-direction: column; row-gap: 0.5rem; width:100%; padding-left:1px}
.table_type1 tbody td .fcol.w_half { width:100% !important}
.table_type1 tbody td .fcol.w_half input{ width:100% !important}

.table_type1 tbody td.td_renew{ padding:0;}
.table_type1 tbody td.td_renew .tr{ flex-wrap: wrap; }
/*.table_type1 tbody td.td_renew .th{ width:100%; height:100%; min-height:5.5rem; padding:1rem; font-size:1.4rem; overflow:hidden; text-align: left;}*/
.table_type1 tbody td.td_renew .th{width:100%; padding:0.8rem 1.5rem; border-bottom:1px solid #e5e5e5; background:#f9f6f5; color:#43342d; font-size:1.4rem; font-weight:400; text-align: left; height:auto}
.table_type1 tbody td.td_renew .td{ width:100%; padding:1rem 0; align-items: stretch; display:flex; justify-content: flex-start;}
.table_type1 tbody td.td_renew .td_case_wide,
.table_type1 tbody td.td_renew .td_case_tiny{ width:100%; padding:1rem 0;}
.table_type1 tbody td.td_renew .th:not(:last-child),
.table_type1 tbody td.td_renew .td:not(:last-child){ border-bottom:1px solid #e5e5e5}

.table_type1 tbody td input.mo_zip{width:calc(71.5% - 0.8rem)}
.table_type1 tbody td input.mo_zip + .btn{min-width:25%}
.table_type1 tbody td input.mo_width100{width:100%}
.table_type1 tbody td input.w_zip{width:calc(69.5% - 0.8rem)}
.table_type1 tbody td input[type="text"] + input[type="text"] {margin-top:0.5rem; margin-bottom:0.8rem}
.table_type1 tbody td.td_renew .w_230{width:100% !important}
.table_type1 tbody td.td_renew .w_230.id-alphanum{width:64% !important}
.table_type1 tbody .type_list{ display:flex; flex-direction: column; width:50%; row-gap:0.4rem; margin-top:0.8rem}
.table_type1 tbody td.td_how{}
.table_type1 tbody td.td_how .textare_area{ padding:1rem 0}

.table_type1 tbody td.td_renew2{ padding:0;}
.table_type1 tbody td.td_renew2 .tr{ flex-wrap:wrap}
.table_type1 tbody td.td_renew2 .th{ width:100%; padding:0.8rem 0 0.8rem 1.5rem; font-size:1.4rem; text-align: left; align-items: flex-start; }
.table_type1 tbody td.td_renew2 [class^=td]{ width:100%; padding:0.8rem 1px; font-size:1.4rem; flex-wrap: wrap;}

.table_type1 .sel_area { display:grid; grid-template-columns: 20% 80%; row-gap: 0.8rem;}
.table_type1 .sel_area label{ height:3.4rem; line-height:3.4rem}
.table_type1 .sel_area select{ margin-left:0 !important}

.table_type1 .phone_box{ display:flex; justify-content: flex-start; align-items: center;}



.table_wrap {overflow:hidden;}
.table_wrap .inbox {margin:0 -1px;}

.table_type2 {font-size:1.4rem}
.table_type2 th,
.table_type2 td {min-height:4rem; padding:1rem; line-height:4rem;}
.table_type2 th {font-size:1.4rem; }
.table_type2 td { line-height:1.5 }
.table_type2 p.addr {width:280px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:left;}
.table_type2 .t_txt {display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:left;}


.table_type3 {border-top:1px solid #e5e5e5;}
.table_type3 td,
.table_type3 th {padding:6px 3px; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; text-align:center; font-weight:400;}
.table_type3 td:first-child,
.table_type3 th:first-child {border-left:0;}
.table_type3 th {color:#333; background:#f8f8f8;}
.table_type3 .icon_note {float:right; margin-left:3px;}

#tab-medical-pres-listTable{width:100%}

.text_box_type01 {}
.text_box_type01 {}


/* 가로사이즈 */
.w_80 {width: 30% !important;}
.w_100 {width: 100px; }
.w_110 {width: 110px; }
.w_115 {width: 115px !important; }
.w_120 {width: 120px; }
.w_140 {width: 140px !important;}
.w_150 {width: 10rem !important; }
.w_160 {width: 160px; }
.w_185 {width: 65% !important; }
.w_200 {width: 100% !important; }
.w_230 {width: 230px; }
.w_270 {width: 270px; }
.w_350 {width: 380px; }
.w_330 {width: 330px !important; }
.w_340 {width: 340px !important; }
.w_360 {width: 360px !important; }
.w_400 {width: 100%; }
.w_440 {width: 440px; }
.w_700 {width: 700px; }
.w_900 {width: 900px !important; }
.w_960 {width: 960px; }
.w_990 {width: 990px; }

.h_95 {height:95px !important;}


/* margin */
.mt_5 {margin-top: 0.5rem !important; }
.mt_8 {margin-top: 0.8rem !important; }
.mt_15 {margin-top: 1.5rem !important; }
.mt_20 {margin-top: 1.2rem !important; }
.mt_30 {margin-top: 3.2rem !important; }
.mt_40 {margin-top: 4rem !important; }
.ml_10 {margin-left:0.8rem !important;}
.ml_20 {margin-left:2rem !important;}
.mr_0 {margin-right:0px !important;}
.mr_10 {margin-right:0.8rem !important;}
.mt_370 {margin-top: 37rem !important; }
.mb_30 {margin-bottom:3rem !important;}
.mb_60 {margin-bottom:3rem !important;}

/* padding */
.pd_0 {padding:0 !important;}
.pd_25 {padding:25px !important;}
.pd_top10 {padding-top: 10px; }


/* 버튼 스타일 */

.btn_area {margin-top:3.2rem; width:100%; display:flex; flex-wrap:wrap; justify-content: flex-start; gap:0.8rem 0.5rem}
.btn_area.btn_align_mobile{ display:flex; justify-content: flex-start; width:100%}
.btn_area.btn_align_mobile .btn{ width:100%}
.btn_area.btn_same_width{ display:grid; grid-template-columns: 1fr 1fr; gap:0.5rem}
.btn_area p{ width:100%; display:flex; justify-content: center;}
.btn_area p.align_left{ justify-content:flex-start}
.btn_area p .btn+.btn {margin-left:1rem;}
.btn_area02 {position:relative; margin-top:2.5rem;}
.btn {display:inline-block; min-width:35%; height:3.4rem; padding:0 1rem; line-height:3.4rem; font-size:1.3rem}
.btn.normal2 {min-width:13rem; font-size:1.5rem; height:4.5rem; line-height:4.5rem;}
.btn.big {min-width:35%; height:4.5rem; font-size:1.5rem; line-height:4.5rem;}
.btn.bigger {min-width:45%; height:6.5rem; font-size:2rem; line-height:6.5rem;}
.btn.small {min-width:30%; height:3.4rem; font-size:1.4rem; line-height:3.4rem}
.btn.small47 {min-width:4rem; width:4rem; height:3.4rem; padding:0; font-size:1.4rem; line-height:3.4rem}
.btn.small32 {min-width:32px; width:32px; height:2.2rem !important; padding:0; font-size:1.2rem; line-height:2.2rem !important;}
.btn.small66 {min-width:3rem; width:4rem; height:4rem; font-size:1.3rem; line-height:4rem}
.btn.small94 {min-width:94px; width:94px; height:32px; padding:0; font-size:15px; line-height:32px;}
.btn_area .txt {display:block; width:100%; font-size:1.4rem; margin-right:0;  text-align: left;}
.btn_zip_m { min-width:25% }/*우편번호 검색 버튼 사이즈 별도 지정 2024-01-29*/
.btn_medi_order{ min-width:50% !important}

.btn_wrap_full { margin-top:2.4rem; display:flex; justify-content: flex-start; column-gap: 1rem; }
.btn_wrap_full a+a {margin-left:0;}

.btn_area2 {padding-right:0}
.btn_area2 .btn { height:3.4rem; line-height:3.4rem;}
.btn_area2.pr_76 {padding-right:4.4rem}

.btn_area3 {position:relative; display:flex; flex-direction: column;}
.btn_area3 .chk_area {position:unset; }
.btn_area3 .chk_area span{ display:inline-flex; flex-shrink: 0;}

/* 체크 박스 */
.checkbox { margin-right:20px; padding:10px 0; font-size:1.4rem; color:#000000; line-height:1}
.checkbox input {position:absolute; top:0; left:0; width:0; height:0;}
.checkbox label {display:inline-flex; position:relative; padding-left:2.4rem; font-size:1.4rem; align-items: center; height:22px;}
.checkbox label:before {position:absolute; top:3px; left:0; width:17px; height:17px; border:1px solid #7c7c7c; background:url('../images/icon/icon_check02.png') no-repeat 0 0 #fff; background-size:auto 100%; content:'';}
.checkbox input:checked+label:before {background-position:right 0;}

.checkbox02 {overflow:hidden; position:relative; margin-right:20px; padding:10px 0; font-size:1.4rem; line-height:1; }
.checkbox02 * {vertical-align:middle;}
.checkbox02 input {position:absolute; top:0; left:0; width:0; height:0;}
.checkbox02 label {display:inline-block; position:relative; padding-right:2.4rem; font-size:1.4rem; align-items: center; height:22px;}
.checkbox02 label em {}
.checkbox02 label:before {position:absolute; top:0; right:0; width:17px; height:17px; border:1px solid #7c7c7c; background:url('../images/icon/icon_check02.png') no-repeat 0 0 #fff; background-size:auto 100%; content:'';}
.checkbox02 input:checked+label:before {background-position:right 0;}

/* 인풋 스타일 ( 체크박스, 라디오 )*/
.label {padding-left: 2rem; margin-right:1rem; font-size:1.4rem}
.table_tyle1 td .label.radio{ width:100%; margin-right:0; display:inline-flex}
.table_tyle1 td .hide{display:none}
.table_style01 td .label.radio{ width:100%; margin-right:0; display:inline-flex}
.table_style01 td .hide{display:none}

.sel_area select { margin:0 0 0 1rem;}

.select {height: 3.4rem; font-size:1.4rem }


.select02 {height: 3.4rem; font-size:1.4rem }


.select {height: 3.4rem; }


.fwrap + .fwrap {margin-top:0.8rem;}
.fwrap {overflow:hidden; margin-left:-3px;}
.fwrap .fcol { display:flex; flex-wrap: wrap; gap:0.8rem;}
.fwrap .fcol+.fcol {}

.btn_align{ display:flex; width:100%; column-gap: 0.8rem;}
.btn_align .btn{ max-width:12rem; min-width:auto}


}

@media all and (max-width:990px){  
  html,body {font-size:10px; }
}

.dimmed_bg {position:fixed; top:-100%; left:0; width:100%; height:100%; z-index:2000; background:rgba(0,0,0,0.5); }
.dimmed_bg.open {top:0;}

#login_pop {position:fixed; top:50%; right:-1000px; /*width:1000px;*/ height:720px; margin-top:-360px; margin-right:-500px; z-index:2002; padding:50px 85px 50px 75px; border-top:10px solid #9a7a69; background:#fff; transition:all .4s;}
#login_pop.open {right:50%;}
#login_pop .t01 {font-family: 'Nanum Myeongjo', serif; font-size:32px; color:#333333; line-height:48px; letter-spacing:-0.075em;}
#login_pop .t02 {margin-top:37px; font-family: 'Nanum Myeongjo', serif; font-size:45px; color:#9a7a69; font-weight:900; letter-spacing:0em;}
#login_pop .cbox {margin-top:19px;padding:43px 55px; border:1px solid #e5e5e5; background:#f9f6f5;}
#login_pop .frow+.frow {margin-top:15px;}
#login_pop input,
#login_pop input[type=text],
#login_pop input::placeholder {font-size:17px; color:#999999 !important;}
#login_pop input[type=password], 
#login_pop input[type=text] {width:416px; height:55px; padding-left:20px;}
#login_pop button {width:210px; height:55px; margin-left:10px; font-size:18px; color:#fff; text-align:center; }
#login_pop button.dark_brown {background:#5b4c45;}
#login_pop button.pc { display:inline-block !important}
#login_pop button.brown {background:#9a7a69;}
#login_pop .t03 {font-size:16px; color:#e11e1e;}
#login_pop strong {display:inline-block; margin-top:25px; margin-bottom:10px; padding-left:36px; font-size:22px; color:#333333; line-height:27px; background:url('../images/icon/ico_exclamation02.png') no-repeat left center ;}

#login_pop .t04 {padding-left:36px; font-size:16px; color:#999999; line-height:25px; letter-spacing:-0.05em;}
#login_pop .btn_close {position:absolute; top:-15px; right:-30px;}
/*기존소스에도 잘려있어서 우선 주석 달아둚 : 2024-01-16*/
/*5px 0 40px; font-size:2.6rem; white-space:nowrap; text-overflow:ellipsis; line-height:3.846; background:no-repeat 15px center; background-size:13px auto;}*/
.detail_type1 .post_navi a.prev {background-image:url('../images/icon/icon_post_navi_prev.png');}
.detail_type1 .post_navi a.next {background-image:url('../images/icon/icon_post_navi_next.png');}


#wrap {position:relative; overflow:hidden; margin:auto; }

/*header : 새로작성 2024-01-17*/
#header {position:absolute; top:0; left:0; z-index:1000; width:100%; height:100px; background:rgba(255,255,255,1); transition:height 0.4s; display: flex; justify-content: center; }
#header.is-active { position:fixed; animation:header_put 0.2s linear}
@keyframes header_put{ 0%{ top:-2rem}; 100%{top:0}}
#header h1 {display: inline-block; padding: 22px 36px 0 0;}
#header nav {display: inline-flex; align-items: flex-start;}
#header h1 img {display: block; width: auto;}
#gnb {position:relative; z-index:2; display: flex;}
#gnb > li {position:relative; width:fit-content; margin:0 24px; flex-shrink: 0;}
#gnb > li > a {display:block;font-size:18px;color:#333;line-height:normal;font-weight:400;padding: 36px 0 38px;}

#gnb .sub {display:none; position:absolute; top: 100px; margin-left: -20px}
#gnb .sub a {display:block; position:relative; padding: 40px 20px; line-height: normal; color:#333; word-break:keep-all;}

#gnb > li.on {border-bottom: 4px solid #77A80F;}
#gnb > li.on > a {color:#77A80F; padding-bottom: 34px;}
#gnb > li.on .sub {display:flex;} 
#gnb > li.on .sub li {flex-shrink: 0;}

/* #header.open {width:375px;} */
#header.open {height: 204px; background: #fff;}  
#header::after {content: ''; display: block; position: absolute; top: 100px; width: 100%; height: 1px; top: 99px; background: #ddd}

#gnb_quick {padding-left:105px; display:flex; justify-content: flex-end; align-items: center; column-gap: 12px; padding-top:35px}
#gnb_quick a {display:inline-block; font-size:12px; color:#77A80F; background:no-repeat 0 center; transition:color 0.3s;}
#gnb_quick li { display:flex; justify-content: center; align-items: center;}
#gnb_quick li.old a { margin-right:8px; padding:6px 12px; border-radius: 20px; border:1px solid #77A80F; font-weight:500}
#gnb_quick li.s_round a{ width:30px; height:30px; text-indent: -99999px; background-size:cover; position:relative}
#gnb_quick li.s_round a:after{ content:""; display:none}
#gnb_quick li.s_round a:hover:after{ content:""; font-size:12px; position:absolute; top:32px; left:-5px; color:#121212; font-size:10px; font-weight:500; display:block; text-align:center; width:40px; z-index:5; text-indent: 0;}
#gnb_quick li.s_round a.icon_search {background-image:url('../images/icon/icon_search.svg');}
#gnb_quick li.s_round a.icon_join   {background-image:url('../images/icon/icon_join.svg');}
#gnb_quick li.s_round a.icon_login  {background-image:url('../images/icon/icon_login.svg');}
#gnb_quick li.s_round a.icon_logout {background-image:url('../images/icon/icon_logout.svg');}
#gnb_quick li.s_round a.icon_mypage {background-image:url('../images/icon/icon_mypage.svg');}
#gnb_quick li.s_round a.btn_sitemap {background-image:url('../images/icon/icon_list.svg');}

#gnb_quick li.s_round a.icon_search:after {content:"검색"}
#gnb_quick li.s_round a.icon_join:after {content:"회원가입"}
#gnb_quick li.s_round a.icon_login:after {content:"로그인"}
#gnb_quick li.s_round a.icon_logout:after {content:"로그아웃"}
#gnb_quick li.s_round a.icon_mypage:after {content:"내정보"}
#gnb_quick li.s_round a.btn_sitemap:after {content:"메뉴"}

/*footer : 새로작성 2024-01-16*/
#footer {position:relative; z-index:1001; background:#1F1F1F;}

.f_top {border-bottom:1px solid #d9d9d9; }
.f_top .inwrap {position:relative; width:1400px; margin:auto;}
.f_top .txt {position:absolute; top:30px; right:0; font-size:15px; color:rgba(255,255,255,0.5);}
.f_menu {overflow:hidden; font-size:0; margin:0;}
.f_menu li {position:relative; display:inline-block; padding:0 12px; }
.f_menu li:nth-child(1){padding-left:0}
.f_menu li+li:before {position:absolute; top:50%; left:0; width:1px; height:14px; margin-top:-7px; background:rgba(255,255,255,0.2); content:'';}
.f_menu li a {display:block; font-size:17px; color:rgba(255,255,255,0.5); line-height:80px; font-weight:400}
.f_menu li.point a {color:#fff; font-weight:500}
 
#address {width:1400px; margin:auto; padding:28px 0 50px; position:relative; display:flex; justify-content: flex-start; align-items: flex-start; column-gap: 60px;}
#address .logo{ width:121px; display:flex; flex-shrink: 0; height:unset}
#address .logo img{ height:auto !important}
#address dl {overflow:hidden; width:calc(100% - 360px); display:block}
#address dd {font-size:14px; color:#fff; line-height:1.71; }
#address dd span {position:relative; display:inline-block; padding:0 12px;}
#address dd span.pc {display:inline-block !important}
#address dd span:nth-of-type(1){padding-left:0}
#address dd span+span:before {position:absolute; left:0; top:50%; width:1px; height:12px; margin-top:-6px; background:rgba(226,226,226,0.3); content:'';} 
#address dd.copyright {margin-top:24px; font-size:14px; color:rgba(255,255,255,0.3)}
#address .license{ width:110px; display:flex; flex-shrink: 0; height:unset}


/*사이트맵*/
#sitemap {position:fixed; top:0%; left:50%; z-index:2001; width:1400px; transform:translate(-50%, -105%); background:#fff;  transition:all .4s;}
#sitemap.open {top:50%; left:50%; transform:translate(-50%, -50%);}
#sitemap .top {overflow:hidden; height:70px; padding:19px 79px 20px 47px; background:#9a7a69;}
#sitemap .top .sitemap_close {position:absolute; top:0; right:0;}
#sitemap .top .tit {float:left; font-size:20px; color:#fff;}
#sitemap .top ul {overflow:hidden; float:right;}
#sitemap .top ul li {float:left;}
#sitemap .top ul li+li {margin-left:6px}
#sitemap .top ul li a {display:block; width:80px; font-size:14px; color:rgba(255,255,255,0.67); text-align:center; line-height:30px; border:1px solid #ac9d94;}
#sitemap .cbox {padding:30px 45px 50px;}
#sitemap .menu {overflow:hidden; text-align:center;}
#sitemap .menu > li {position:relative; float:left; width:12.5%;}
#sitemap .menu > li > a {display:block; font-size:20px; color:#111111;}
#sitemap .menu > li+li:before {position:absolute; top:5px; left:0; width:1px; height:400px;background:#dcdcdc; content:''}
#sitemap .menu .sub {margin-top:15px;}
#sitemap .menu .sub a {display:block; font-size:18px; color:rgba(47.47.47,0.6); line-height:30px;}
#sitemap .sitemap_info {margin-top:50px; padding-top:40px; border-top:1px solid rgba(152,152,152,0.2);}
#sitemap .sitemap_info .box {overflow:hidden;}
#sitemap .sitemap_info .box > div {float:left; width:50%;}
#sitemap .sitemap_info .box > div+div  {padding-left:35px;}
#sitemap .sitemap_info .box+.box {margin-top:44px;}
#sitemap .stit {margin-bottom:9px; font-size:17px; color:#363636;}
#sitemap .stit em {font-weight:500;}
#sitemap .num {position:relative; padding-left:70px;}
#sitemap .num:before {position:absolute; top:50%; left:0; width:60px; height:60px; margin-top:-30px; border-radius:50%; -webkit-border-radius:50%; background:url('../images/icon/icon_tel.png') no-repeat center; content:'';}
#sitemap .num.bank:before {background-image:url('../images/icon/icon_bank.png')}
#sitemap .tel_box .num {font-size:55px; font-weight:500; line-height:60px; letter-spacing:-0.025em;}
#sitemap .tel_box .num {font-size:55px; font-weight:500; line-height:60px; letter-spacing:-0.025em;}
#sitemap .bank_name {font-size:30px; color:#363636; font-weight:500; line-height:1;}
#sitemap .name {font-size:16px; color:#898989;}


/*템플릿 영역*/
@media all and (max-width:1440px) {

  #header {height:6.94vw; }
  #header h1 {padding: 1.53vw 2.50vw 0 0;}
  #gnb > li {margin:0 1.67vw; }
  #gnb > li > a {font-size:1.25vw;padding: 2.50vw 0 2.64vw;}

  #gnb .sub {top: 6.94vw; margin-left: -1.39vw}
  #gnb > li:nth-child(3) .sub {margin-left: -7.39vw}
  #gnb .sub a {padding: 2.78vw 1.39vw; font-size:1.25vw}

  #gnb > li.on {border-bottom: 0.28vw solid #77A80F;}
  #gnb > li.on > a {padding-bottom: 2.36vw;}

  #header.open {height: 14.17vw; }  
  #header::after {top: 6.94vw; top: 6.88vw; }

  #gnb_quick {padding-left:3.29vw; column-gap: 0.83vw; padding-top:2.43vw}
  #gnb_quick a {font-size:0.83vw; }
  #gnb_quick li.old a { margin-right:0.56vw; padding:0.42vw 0.83vw; border-radius: 1.39vw;}
  #gnb_quick li.s_round a{ width:2.08vw; height:2.08vw; }

  .f_top .inwrap {width:97.22vw; }
  .f_top .txt {top:2.08vw; right:0; font-size:1.04vw;}
  .f_menu li { padding:0 0.83vw; }
  .f_menu li+li:before { height:0.97vw; margin-top:-0.49vw; }
  .f_menu li a { font-size:1.18vw; line-height:5.56vw; }
   
  #address {width:97.22vw; padding:1.94vw 0 3.47vw; column-gap: 4.17vw;}
  #address .logo{ width:8.40vw;}
  #address dl { width:calc(100% - 25.00vw); }
  #address dd {font-size:0.97vw; }
  #address dd span {padding:0 0.83vw;}
  #address dd span+span:before {height:0.83vw; margin-top:-0.42vw; } 
  #address dd.copyright {margin-top:1.67vw; font-size:0.97vw; }
  #address .license{ width:7.64vw; }  

  #sitemap { width:97.22vw; }
  #sitemap .top {height:4.86vw; padding:1.32vw 5.49vw 1.39vw 3.26vw;}
  #sitemap .top .sitemap_close{width:4.31vw}
  #sitemap .top .sitemap_close img{ width:100%}
  #sitemap .top .tit { font-size:1.39vw; }
  #sitemap .top ul li+li {margin-left:0.42vw}
  #sitemap .top ul li a { width:5.56vw; font-size:0.97vw; line-height:2.08vw; }
  #sitemap .cbox {padding:2.08vw 3.13vw 3.47vw;}
  #sitemap .menu > li > a {font-size:1.39vw;}
  #sitemap .menu > li+li:before {top:0.35vw; left:0; width:0.07vw; height:27.78vw}
  #sitemap .menu .sub {margin-top:1.04vw;}
  #sitemap .menu .sub a { font-size:1.25vw; line-height:2.08vw;}
  #sitemap .sitemap_info {margin-top:3.47vw; padding-top:2.78vw;}
  #sitemap .sitemap_info .box > div+div  {padding-left:2.43vw;}
  #sitemap .sitemap_info .box+.box {margin-top:3.06vw;}
  #sitemap .stit {margin-bottom:0.63vw; font-size:1.18vw; }
  #sitemap .num { padding-left:4.86vw;}
  #sitemap .num:before {width:4.17vw; height:4.17vw; margin-top:-2.08vw; }
  #sitemap .tel_box .num {font-size:3.82vw; line-height:4.17vw; }
  #sitemap .tel_box .num {font-size:3.82vw; line-height:4.17vw; }
  #sitemap .bank_name {font-size:2.08vw; }
  #sitemap .name {font-size:1.11vw; }

}

@media all and (max-width:1200px) {
  #gnb > li:nth-child(3) .sub {margin-left: -15.39vw}
  #gnb > li:nth-child(7) .sub {margin-left: -7.39vw}
}

.dimmed_bg {position:fixed; top:-100%; left:0; width:100%; height:100%; z-index:2000; background:rgba(0,0,0,0.5); }
.dimmed_bg.open {top:0;}

#login_pop {position:fixed; top:50%; right:-1000px; /*width:1000px;*/ height:720px; margin-top:-360px; margin-right:-500px; z-index:2002; padding:50px 85px 50px 75px; border-top:10px solid #9a7a69; background:#fff; transition:all .4s;}
#login_pop.open {right:50%;}
#login_pop .t01 {font-family: 'Nanum Myeongjo', serif; font-size:32px; color:#333333; line-height:48px; letter-spacing:-0.075em;}
#login_pop .t02 {margin-top:37px; font-family: 'Nanum Myeongjo', serif; font-size:45px; color:#9a7a69; font-weight:900; letter-spacing:0em;}
#login_pop .cbox {margin-top:19px;padding:43px 55px; border:1px solid #e5e5e5; background:#f9f6f5;}
#login_pop .frow+.frow {margin-top:15px;}
#login_pop .frow .pc { display:inline-block !important}
#login_pop input,
#login_pop input[type=text],
#login_pop input::placeholder {font-size:17px; color:#999999 !important;}
#login_pop input[type=password], 
#login_pop input[type=text] {width:416px; height:55px; padding-left:20px;}
#login_pop button {width:210px; height:55px; margin-left:10px; font-size:18px; color:#fff; text-align:center; }
#login_pop button.dark_brown {background:#5b4c45;}
#login_pop button.brown {background:#9a7a69;}
#login_pop .t03 {font-size:16px; color:#e11e1e;}
#login_pop strong {display:inline-block; margin-top:25px; margin-bottom:10px; padding-left:36px; font-size:22px; color:#333333; line-height:27px; background:url('../images/icon/ico_exclamation02.png') no-repeat left center ;}

#login_pop .t04 {padding-left:36px; font-size:16px; color:#999999; line-height:25px; letter-spacing:-0.05em;}
#login_pop .btn_close {position:absolute; top:-15px; right:-30px;}

/*모바일 영역*/
@media all and (max-width:1280px){

/*header*/
#header { height:6.4rem; justify-content: space-between; align-items: center; padding:0 2rem }
#header h1 {display: inline-block; padding: 0}
#header h1 img{width:3.6rem}
#header nav #gnb{display:none}
#header #gnb_quick li:not(.view_all, .old){display:none}
#header #gnb_quick li.old a{ font-size:1rem; margin-right:1.2rem; padding:0.4rem 0.8rem 0.5rem 0.8rem}
#header:after { display:none}




#gnb_quick {padding-left:0; column-gap: 0; padding-top:0}
#gnb_quick li.s_round a{ width:2.4rem; height:2.4rem;}
#gnb_quick li.s_round a:hover:after{ display:none}

/*footer*/

#footer {padding:4rem 2rem}
.f_top { border-bottom:0; }
.f_top .inwrap { width:100%;}
.f_top .txt {position:unset; font-size:1.2rem; color:rgba(255,255,255,0.7); text-align: center; margin-top:2rem}

.f_menu { display:flex; justify-content: center; flex-wrap: wrap; width:90%; margin:0 auto}
.f_menu li {padding:0 0.8rem;}
.f_menu li+li:before { height:1.4rem; margin-top:-0.7rem;}
.f_menu li:nth-child(3) +li:nth-child(4):before { display:none}
.f_menu li a {font-size:1.2rem; line-height:2 }

 
#address {width:100%; padding:0.8rem 0 0; justify-content:flex-start; column-gap: 0;}
#address .logo{ display:none}
#address dl { width:100%; }
#address dd {font-size:1.2rem; color:rgba(255,255,255,0.7); line-height:1.66; text-align: center; }
#address dd span.pc{ display:none !important}
#address dd span { padding:0; text-align: center; color:rgba(255,255,255,0.7); display:block}
#address dd span:nth-of-type(1){padding-left:0}
#address dd span+span { margin-top:0.8rem} 
#address dd span+span:before { display:none } 
#address dd.copyright {margin-top:2rem; font-size:1.2rem; color:rgba(255,255,255,0.5)}
#address .license{ display:none}

/*사이트맵*/
#sitemap {left:0; width:100%; transform:translate(0, -100%); }
#sitemap.open {top:0; left:0; transform:translate(0, 0); height:100vh}
#sitemap .top {overflow:hidden; height:6.4rem; padding:0 2rem; background:#fff; display:flex; justify-content: space-between; align-items: center;}
#sitemap .top .sitemap_close {position:unset; }
#sitemap .top .tit {display:none}
#sitemap .top ul {overflow:hidden; float:unset; display:flex; justify-content: flex-start; }
#sitemap .top ul li {float:left;}
#sitemap .top ul li+li {margin-left:2.4rem}
#sitemap .top ul li a {display:flex; align-items: center; width:auto; font-size:1.4rem; font-weight:bold; color:#333; text-align:left; line-height:3rem; border:0; padding-left:3.2rem}
#sitemap .top li.s_round a{ background-size:auto 100%; text-indent:0;}
#sitemap .cbox {padding:0 2rem 2rem 2rem;}
#sitemap .menu {overflow:hidden; text-align:left; display:flex; flex-direction: column; align-items: flex-start; }
#sitemap .menu > li {position:relative; float:unset; width:100%}
#sitemap .menu > li:nth-child(1) > button { border-top:0}
#sitemap .menu > li > button { width:100%; display:flex !important; align-items: flex-start; text-align: left; font-size:1.8rem; color:#333; font-weight:bold; border:1px solid #EEEEEE; border-width:1px 0; height:6.6rem; padding-top:2rem; position:relative; transition:color 0.2s ease}
#sitemap .menu > li button:after { content:""; position:absolute; width:2.4rem; height:2.4rem; background:url(../images/icon/mobile/icon_gnb_arrow.svg) no-repeat center / cover; top:2.1rem; right:0; transition:transform 0.2s ease}
#sitemap .menu > li button.is-active { color:#77A80F; border-bottom:0}
#sitemap .menu > li button.is-active:after { transform:rotate(180deg); background:url(../images/icon/mobile/icon_gnb_arrow_on.svg) no-repeat center / cover;}
#sitemap .menu > li + li:before { display:none }

#sitemap .menu .sub {margin-top:0; display:none}
#sitemap .menu .sub.is-active { display:block}
#sitemap .menu .sub li:last-child{ padding-bottom:2rem}
#sitemap .menu .sub li + li{margin-top:1.2rem;}
#sitemap .menu .sub a {display:block; font-size:1.4rem; color:#333; line-height:1.57;}

#sitemap .sitemap_info { display:none}

/*버튼정렬*/
.txt_wrap .left{ padding-bottom:0.5rem}

/*로그인팝업*/
#login_pop {position:fixed; top:50%; right:-210%; width:calc(100% - 4rem); height:auto; max-height:calc(100vh - 2rem); margin-top:0; margin-right:0; transform:translate(-50%, -50%) ;padding:2.5rem 2rem; border:1px solid #9a7a69; border-width:1rem 1px 1px 1px}
#login_pop.open {right:2rem;  transform:translate(0, -50%)}
#login_pop .t01 {font-size:1.8rem; line-height:1.5;}
#login_pop .t02 {margin-top:1.2rem; font-size:3.2rem; }
#login_pop .cbox {margin-top:1.2rem; padding:1.6rem}
#login_pop .frow+.frow {margin-top:0.8rem;}
#login_pop .frow .pc { display:none !important}
#login_pop input,
#login_pop input[type=text],
#login_pop input::placeholder {font-size:1.4rem; }
#login_pop input[type=password], 
#login_pop input[type=text] {width:100%; height:3.4rem; padding-left:1.2rem;}
#login_pop button {width:100%; height:3rem; margin-left:0; margin-top:0.8rem; font-size:1.4rem;}
#login_pop .t03 {font-size:1.4rem;}
#login_pop strong {display:inline-block; margin-top:1.2rem; margin-bottom:0.8rem; padding-left:3rem; font-size:1.8rem; line-height:2.4rem; background:url('../images/icon/ico_exclamation02.png') no-repeat left center / 2.4rem auto ;}

#login_pop .t04 {padding-left:3rem; font-size:1.4rem; color:#999999; line-height:1.5; }
#login_pop .btn_close {position:absolute; top:-1rem; right:0; padding:0.8rem; background:#9a7a69}
#login_pop .btn_close img{ width:1.8rem}
}


/*인트로*/
.intro_contents{ width:100vw; height:100vh; min-width:100vw; min-height:100vh; display:flex; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1002}
.intro_contents .btn_play{ position:absolute; top:60px; right:60px; background:url(../images/icon/icon_sound_off.svg) no-repeat center / cover; display:block; font-size:0; z-index:1005; width:50px; height:50px}
.intro_contents .btn_play.is_active{ background:url(../images/icon/icon_sound_on.svg) no-repeat center / cover}
.intro_contents #intro_text{ width:100%; height:100%; display:block; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1003}
.intro_contents #intro_text .logo{ width:121px; height:auto; margin:60px auto 0; opacity:0; animation:goUp 0.5s linear 0.3s forwards}
.intro_contents #intro_text .logo img{ width:100%}
.intro_contents #intro_text .text{ position:relative; left:50%; top:50%; transform:translate(-50%, -100%); display:flex; flex-direction: column; }
.intro_contents #intro_text .text span{ font-size:26px; font-weight:300; color:#fff; text-transform: uppercase; text-align: center; opacity:0; animation:goUp1 0.8s linear 1s forwards}
.intro_contents #intro_text .text p{ font-size:48px; font-weight:700; color:#fff; text-align:center; line-height:1.48; opacity:0; animation:goUp1 0.8s linear 1.5s forwards}
.intro_contents #intro_text .button_area{ position:absolute; bottom:-140px; left:0; width:100%; display:flex; flex-direction: column; align-items: center; row-gap: 24px; animation:goUpBtn 1s linear 2s forwards; transition:bottom 0.3s linear;  transform-origin: top top; opacity: 0;;}
.intro_contents #intro_text .button_area.is-active{ bottom:0; opacity:1}
.intro_contents #intro_text .button_area button.go_link{ width:50px; height:50px; display:block; background:url(../images/intro/ic-btn-arrow.svg) no-repeat center / cover; transition:transform 0.3s linear; animation:goUp2 1.5s linear 2s infinite}
.intro_contents #intro_text .button_area button.go_link:hover{ transform:translateY(-10px) rotate(180deg); transform-origin:center;}
.intro_contents #intro_text .button_area.is-active button.go_link{ transform:rotate(180deg);}
.intro_contents #intro_text .button_area .button_inner{ width:100%; display:grid; justify-content: center; align-items: flex-end; grid-template-columns: 360px 468px 360px;}
.intro_contents #intro_text .button_area .button_inner .ib{ background:#fff; display:flex; flex-direction: column; align-items: flex-start; row-gap: 8px; transition:0.2s linear}
.intro_contents #intro_text .button_area .button_inner .ib:hover{ background:linear-gradient(to right,rgba(93,133,9,0.7), rgba(93,133,9,0.1)); backdrop-filter: blur(14px);}
.intro_contents #intro_text .button_area .button_inner .ib:nth-child(2):hover {border:1px solid #EEEEEE; border-width:1px 1px 0 1px}
.intro_contents #intro_text .button_area .button_inner .ib span{ color:#949494; font-size:16px; text-align: left;}
.intro_contents #intro_text .button_area .button_inner .ib:hover span{ color:rgba(255,255,255,0.7)}
.intro_contents #intro_text .button_area .button_inner .ib p{ display:flex; justify-content: flex-start; column-gap: 8px; align-items: center; font-size:20px; font-weight:700; color:#121212 }
.intro_contents #intro_text .button_area .button_inner .ib p i{ width:36px; height:36px; border-radius: 18px; overflow:hidden; box-shadow:1px 2px 4px rgba(0,0,0,0.12);}
.intro_contents #intro_text .button_area .button_inner .ib p i img{width:100%}
.intro_contents #intro_text .button_area .button_inner .ib p i img.normal{ display:block}
.intro_contents #intro_text .button_area .button_inner .ib p i img.hover{ display:none}
.intro_contents #intro_text .button_area .button_inner .ib:hover p{ color:#fff}
.intro_contents #intro_text .button_area .button_inner .ib:hover i img.normal{ display:none }
.intro_contents #intro_text .button_area .button_inner .ib:hover i img.hover{ display:block }
.intro_contents #intro_text .button_area .button_inner .ib.btn_side{ height:108px; padding:20px 30px}
.intro_contents #intro_text .button_area .button_inner .ib:nth-child(1) {border-radius: 4px 0 0 0;}
.intro_contents #intro_text .button_area .button_inner .ib.btn_main{ height:140px; padding:36px 40px}
.intro_contents #intro_movie{ width:100%; height:100%; display:block; position:fixed; top:0; left:0; right:0; bottom:0}
.intro_contents #intro_movie .movie_area{ position:relative; width:100%; padding-bottom:56.25%; overflow:hidden}
.intro_contents #intro_movie .movie_area video{ position:absolute; top:0; left:0; width:100%; display:block}

@keyframes goUp { 0%{ opacity:0; transform:translateY(10px)} 100%{ opacity:1; transform:translateY(0)}}
@keyframes goUp1 { 0%{ opacity:0; transform:translateY(20px)} 100%{ opacity:1; transform:translateY(0)}}
@keyframes goUpBtn { 0%{ opacity:0; transform:translateY(10%)} 100%{ opacity:1; transform:translateY(0)}}
@keyframes goUp2 { 50%{ transform:translateY(10px)} }


.guide_wrap{ position:relative; display:flex; top:0; left:0; right:0; bottom:0; width:100vw; height:100vh}
.guide_wrap .guide_inner{ width:1400px; height:840px; position:absolute;top:50%; left:50%; background:#fff; visibility: hidden; display:block; opacity:0; transform:translate(-50%, -50%) scale(0.8); transition:0.3s linear }
.guide_wrap .guide_inner .hd{ border-bottom:#ddd; height:80px; display:flex; justify-content: space-between; align-items: center; padding:0 24px 0 40px; border-bottom:1px solid #DDDDDD}
.guide_wrap .guide_inner .hd p{ font-size:24px; font-weight:500; color:#333;}
.guide_wrap .guide_inner .hd .btn_guide_close{ width:32px; height:32px; }
.guide_wrap .guide_inner .hd .btn_guide_close img{ width:100%; object-fit: cover; }

.guide_wrap .guide_dimd{ position:absolute; width:100%; height:100%; display:block; background:rgba(0,0,0,0.0);}

.guide_wrap.is-active{ z-index:1005}
.guide_wrap.is-active .guide_inner{ visibility: visible; opacity:1; transform:translate(-50%, -50%) scale(1); z-index:2}
.guide_wrap.is-active .guide_dimd{ background:rgba(0,0,0,0.8); z-index:1}

.guide_wrap .guide_inner .nav_area_pc{ width:100%; position:absolute; top:80px; left:0; display:none}
.guide_wrap .guide_inner .nav_area_mobile{ display:none}
.guide_wrap .guide_inner .swiper-container{ width:100%; height:calc(100% - 80px); }
.guide_wrap .guide_inner .swiper-button-prev,
.guide_wrap .guide_inner .swiper-button-next{ width:60px; height:60px; margin-top:-30px; background-image:url(../images/intro/ic-slide-prev.svg); background-size:cover }
.guide_wrap .guide_inner .swiper-button-prev{ left:-100px}
.guide_wrap .guide_inner .swiper-button-next{ transform:rotate(180deg); right:-100px}
.guide_wrap .guide_inner .swiper-pagination{ color:#fff; bottom:-40px }
.guide_wrap .guide_inner .swiper-pagination.swiper-pagination-current{ font-weight:700}

.guide_wrap .guide_inner .swiper-slide{width: fit-content;}
.guide_wrap .guide_inner .swiper-slide .bd{width:1400px;}
.guide_wrap .guide_inner .swiper-slide.slide01 .bd{  display:grid; grid-template-columns: 1fr 1fr; align-items: stretch; height:100%}
.guide_wrap .guide_inner .swiper-slide.slide01 .bd .left{ display:flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 40px;}
.guide_wrap .guide_inner .swiper-slide.slide01 .bd .left .symbol{ display:block}
.guide_wrap .guide_inner .swiper-slide.slide01 .bd .left > .logo{ display:block}
.guide_wrap .guide_inner .swiper-slide.slide01 .bd .right{ height:100%; background:linear-gradient(45deg, #77A80F, #ACCA6A); color:#fff; padding:60px 40px 0 40px; display:flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl{ width:100%}
.guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl dt{ width:100%; border-bottom:1px solid #E4E5E9; padding-bottom:12px; font-size:20px; line-height:1.5; font-weight:700 }
.guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl button{color:#fff; letter-spacing:-0.02rem;}
.guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl dt button{ }
.guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl dt.noBr{ border-bottom:0}
.guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl dt + dd { margin-top:12px }
.guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl dd + dd { margin-top:8px }
.guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl dd + dt { margin-top:40px }
.guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl dd button{ width:100%; display:flex; justify-content: flex-start; align-items: center;  }
.guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl dd button span{ display:inline-flex; width:42px; justify-content: flex-start; align-items:center;}

.guide_wrap .guide_inner .nav{ display:grid; grid-template-columns: repeat(3,1fr); height:68px; border-bottom:1px solid #DDDDDD; position:relative; z-index:2000; width:100%}
.guide_wrap .guide_inner .nav .smenu{ width:100%; height:68px; display:flex; justify-content: flex-start; align-items: center; flex-direction: column; /*transition:height 0.4s linear */; cursor: pointer;}
.guide_wrap .guide_inner .nav .smenu button.btnT{ width:100%; height:68px; display:flex; justify-content: center; align-items: center;}
.guide_wrap .guide_inner .nav .smenu.pc{ display:flex !important}
.guide_wrap .guide_inner .nav .smenu.is-active{ height:100%;  }
.guide_wrap .guide_inner .nav .smenu.is-active button.btnT{ background:linear-gradient(45deg, #ACCA6A, #77A80F); color:#fff; }
.guide_wrap .guide_inner .nav .smenu.is-active span{ color:#fff;}
.guide_wrap .guide_inner .nav .smenu.is-active span:after{ transform:rotate(180deg);background:url(../images/intro/ic-smenu-arrow-w.svg) no-repeat center;}
.guide_wrap .guide_inner .nav .smenu + .smenu{ border-left:1px solid #ddd}
.guide_wrap .guide_inner .nav .smenu span{ height:68px; display:inline-flex; justify-content: center; align-items: center; padding-right:28px; color:#333; letter-spacing:-0.02rem; position:relative; flex-shrink: 0; }
.guide_wrap .guide_inner .nav .smenu span:after{ content:""; width:24px; height:24px; background:url(../images/intro/ic-smenu-arrow.svg) no-repeat center; display:block; position:absolute; right:0; top:calc(50% - 12px); transition:transform 0.4s linear }
.guide_wrap .guide_inner .nav .smenu span.noArw:after{ display:none}

.guide_wrap .guide_inner .nav .smenu .snb{ width:100%; display:none; background:#fff; border:1px solid #ddd; border-width:0 1px 1px 0; box-shadow: 5px 5px 30px rgba(0,0,0,0.12); padding:16px 20px }
.guide_wrap .guide_inner .nav .smenu.is-active .snb{ display:flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width:100%;}
.guide_wrap .guide_inner .nav .smenu .snb li{ font-size:14px; letter-spacing:-0.02rem; color:#333; cursor: pointer; width:100%; padding:8px 0; }
.guide_wrap .guide_inner .nav .smenu .snb li button{ }
.guide_wrap .guide_inner .nav .smenu .snb li + li{ margin-top:0}
.guide_wrap .guide_inner .nav .smenu .snb li.is-active,
.guide_wrap .guide_inner .nav .smenu .snb li:hover{ color:#77A80F; font-weight:700 }

.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd{ display:flex; flex-direction:column; align-items:flex-start; height:calc(100% - 80px); padding:92px 40px 0 40px}

.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .guide_state{ display:flex; justify-content: flex-start; align-items: center; letter-spacing:-0.02rem}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .guide_state{ display:flex; justify-content: flex-start; align-items: center; letter-spacing:-0.02rem}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .guide_state span{ color:#ccc; }
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .guide_state span + span{ color:#333; position:relative; padding-left:28px; }
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .guide_state span + span:before{ content:""; background:#ccc; width:4px; height:4px; border-radius: 2px; display:block; position:absolute; left:12px; top:12px}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .title{color:#333; font-size:32px; font-weight:700; letter-spacing:-0.02rem; line-height:1; margin-top:12px; margin-bottom:0}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .text{color:#333; font-size:16px; letter-spacing:-0.02rem; line-height:1.5; margin-bottom:0; margin-top:12px}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .text span{color:#77A80F; }
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list{ width:100%; display:grid; grid-template-columns: repeat(4,1fr); gap:40px 24px; margin-top:24px}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list li{ display:flex; flex-direction: column;}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list li img{ width:100%}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list li .thumb{ display:block; padding-bottom:54.48%; position:relative; overflow:hidden}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list li .thumb img{ width:100%; height:100%; position:absolute; object-fit: cover;}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list li p{ display:flex; justify-content: flex-start; color:#949494; margin-top:16px; line-height:1.5}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list li p + p{ margin-top:4px}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list li p em{ font-style: normal; color:#333; font-weight:700; position:relative; padding-right:8px; margin-right:8px}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list li.nothumb p{ margin-top:0}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list li.nothumb p em:before{ content:'-'}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list li p em:after{ content:""; width:1px; height:14px; background:#ccc; position:absolute; top:6px; right:0 }
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list li p em.noLine:after{ display:none}

/*.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list.guide_img{ margin-top:16px}*/
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list[class*=guide_img]{ margin-top:16px}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list.guide_img li .thumb{ display:block; padding-bottom:0; position:relative; overflow:hidden}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list.guide_img li .thumb img{ width:100%; height:100%; position:relative; object-fit: cover;}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list.guide_img li p{ display:flex; justify-content: flex-start; color:#767676; margin-top:0; line-height:1.64; font-size:14px; position:relative; padding-left:10px}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list.guide_img li p.color{ color:#77a80F}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list.guide_img li p:before{ content:"-"; position:absolute; left:0; top:0;}

.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list.guide_img2{  grid-template-columns: 2fr 1fr 1fr }
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list.guide_img2 li .thumb{ display:block; padding-bottom:0; position:relative; overflow:hidden}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list.guide_img2 li .thumb img{ width:100%; height:100%; position:relative; object-fit: cover;}
/*.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list.guide_img2 li:nth-child(1) {display:grid; grid-column: 1 / span 2; grid-row: 1 / span 1;}*/

.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list.guide_img3{ grid-template-columns: 1fr 1fr 2fr; }
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list.guide_img3 li .thumb{ display:block; padding-bottom:0; position:relative; overflow:hidden; width:100%; height:100%}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list.guide_img3 li .thumb img{ width:100%; height:100%; position:relative; object-fit: contain;}

.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .script{ margin-top:24px}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .script .thumb{ width:100%}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .script .thumb img{ width:100%}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .script .guide_txt{ margin-top:16px; display:flex; flex-direction: column; align-items: flex-start; row-gap: 8px;}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .script .guide_txt strong{ font-size:18px; font-weight:700; color:#333}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .script .guide_txt em{ font-style:normal; font-size:14px; font-weight:400; line-height:1.64; color:#767676 }
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .script .guide_txt em span{ color:#77a80F}

.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list.grid_3{ grid-template-columns: repeat(3,1fr); gap:20px 24px; }
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list.grid_3 li .thumb{ display:block; padding-bottom:54.24%;}
.guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list.grid_3 li p{ display:flex; justify-content: flex-start; color:#333; margin-top:16px; line-height:1.5; font-weight:700}

.guide_wrap .guide_inner .swiper-slide .sub_guide_swiper {display:none}

@media all and (max-width:1600px){

  .intro_contents .btn_play{ top:4.17vw; right:4.17vw; width:3.47vw; height:3.47vw}
  .intro_contents #intro_text .logo{ width:7.56vw; }
  .intro_contents #intro_text .text span{ font-size:1.63vw; }
  .intro_contents #intro_text .text p{ font-size:3.00vw; }
  .intro_contents #intro_text .button_area{ bottom:-8.75vw; row-gap: 1.50vw; }
  .intro_contents #intro_text .button_area button.go_link{ width:3.13vw; height:3.13vw;}
  .intro_contents #intro_text .button_area .button_inner{grid-template-columns: 22.50vw 29.25vw 22.50vw;}
  .intro_contents #intro_text .button_area .button_inner .ib{ row-gap: 0.50vw; }
  .intro_contents #intro_text .button_area .button_inner .ib span{ font-size:1.00vw; }
  .intro_contents #intro_text .button_area .button_inner .ib p{ column-gap: 0.50vw; font-size:1.25vw; }
  .intro_contents #intro_text .button_area .button_inner .ib p i{ width:2.25vw; height:2.25vw; border-radius: 1.13vw; }
  .intro_contents #intro_text .button_area .button_inner .ib.btn_side{ height:6.75vw; padding:1.25vw 1.88vw}
  .intro_contents #intro_text .button_area .button_inner .ib.btn_main{ height:8.75vw; padding:2.25vw 2.50vw}

  .intro_contents #intro_movie .movie_area{ padding-bottom:100%;}
  .intro_contents #intro_movie .movie_area video{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:100%; width:auto}

  .guide_wrap .guide_inner{ width:87.50vw; height:52.50vw; }
  .guide_wrap .guide_inner .hd{ height:5.00vw; padding:0 1.50vw 0 2.50vw; }
  .guide_wrap .guide_inner .hd p{ font-size:1.50vw; }
  .guide_wrap .guide_inner .hd .btn_guide_close{ width:2.00vw; height:2.00vw; }
  
  .guide_wrap .guide_inner .nav_area_pc{ top:5.00vw;}
  .guide_wrap .guide_inner .swiper-container{ height:calc(100% - 5.00vw); }
  .guide_wrap .guide_inner .swiper-button-prev,
  .guide_wrap .guide_inner .swiper-button-next{ width:3.75vw; height:3.75vw; margin-top:-1.88vw; }
  .guide_wrap .guide_inner .swiper-button-prev{ left:-6.25vw}
  .guide_wrap .guide_inner .swiper-button-next{ right:-6.25vw}
  .guide_wrap .guide_inner .swiper-pagination{ bottom:-2.50vw }
  
  .guide_wrap .guide_inner .swiper-slide .bd{width:87.50vw;}
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .left{ row-gap: 2.50vw;}
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .left .symbol{ width:22.38vw }
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .left .symbol img{ width:100%}
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .left > .logo{ width:14.69vw}
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .left > .logo img{ width:100%}
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .right{padding:2.75vw 2.50vw 0 2.50vw; }
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl dt{ padding-bottom:0.75vw; font-size:1.25vw; }
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl dt + dd { margin-top:0.75vw }
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl dd + dd { margin-top:0.50vw }
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl dd + dt { margin-top:2.50vw }
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl dd button span{ width:2.63vw;}nation{ bottom:-2.50vw }
  
  .guide_wrap .guide_inner .nav{ height:4.25vw; }
  .guide_wrap .guide_inner .nav .smenu{ height:4.25vw; }
  .guide_wrap .guide_inner .nav .smenu button.btnT{ height:4.25vw; }
  .guide_wrap .guide_inner .nav .smenu span{ height:4.25vw; padding-right:1.75vw; }
  .guide_wrap .guide_inner .nav .smenu span:after{  width:1.50vw; height:1.50vw; top:calc(50% - 0.75vw);}
  
  .guide_wrap .guide_inner .nav .smenu .snb{ padding:1vw 1.25vw }
  .guide_wrap .guide_inner .nav .smenu .snb li{ padding:0.50vw 0 }
  .guide_wrap .guide_inner .nav .smenu .snb li + li{ }
  
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd{ height:calc(100% - 5.00vw); padding:5.75vw 2.50vw 0 2.50vw}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .guide_state span + span{ padding-left:1.75vw; }
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .guide_state span + span:before{  width:0.25vw; height:0.25vw; border-radius: 0.13vw; left:0.75vw; top:0.75vw}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .title{font-size:2.00vw;  margin-top:0.75vw;}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .text{font-size:1.00vw;  margin-top:0.75vw}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list{ gap:2.50vw 1.50vw; margin-top:1.50vw}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list li p{ margin-top:1.00vw; }
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list li p + p{ margin-top:0.25vw}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list li p em{ padding-right:0.50vw; margin-right:0.50vw}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list li p em:after{  width:0.06vw; height:0.88vw; top:0.38vw; }
  
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list[class*=guide_img]{ margin-top:1.00vw}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list.guide_img li p{ font-size:0.88vw; padding-left:0.63vw}
  
    
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .script{ margin-top:1.50vw}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .script .guide_txt{ margin-top:1.00vw; row-gap: 0.50vw;}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .script .guide_txt strong{ font-size:1.13vw; }
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .script .guide_txt em{ font-size:0.88vw; }
  
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list.grid_3{ gap:1.25vw 1.50vw; }
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list.grid_3 li p{ margin-top:1.00vw; }


}

/*모바일 영역*/
@media all and (max-width:1280px){

  .intro_contents{ }
  .intro_contents .btn_play{ top:2rem; right:2rem; width:3.2rem; height:3.2rem}
  .intro_contents #intro_text{ }
  .intro_contents #intro_text .logo{ width:8.5rem; height:auto; margin:13rem auto 0; opacity:0; }
  .intro_contents #intro_text .text{ top:0; transform: translate(-50%, 4rem); }
  .intro_contents #intro_text .text span{ font-size:1.6rem; }
  .intro_contents #intro_text .text p{ font-size:3.4rem; line-height:1.41; margin-top:1.2rem}

  .intro_contents #intro_text .button_area{ bottom:0; row-gap: 0;}
  .intro_contents #intro_text .button_area.is-active{ bottom:0; opacity:1}
  .intro_contents #intro_text .button_area button.go_link{ display:none}
  .intro_contents #intro_text .button_area .button_inner{ grid-template-columns: 1fr}
  .intro_contents #intro_text .button_area .button_inner .ib{ background:linear-gradient(to right,rgba(119,168,15,0.6), rgba(172,202,106,0.15)); backdrop-filter:blur(10px);row-gap: 0.8rem}
  .intro_contents #intro_text .button_area .button_inner .ib:after{ content:""; width:2.4rem; height:2.4rem; display:block; background:url(../images/intro/mobile/ic-btn-arrow.svg) no-repeat center / cover; position:absolute; right:2rem; top:calc(50% - 1.2rem)}
  .intro_contents #intro_text .button_area .button_inner .ib:hover{ background:inherit; backdrop-filter: none;}
  .intro_contents #intro_text .button_area .button_inner .ib:nth-child(2):hover {border:1px solid #EEEEEE; border-width:1px 1px 0 1px}
  /*.intro_contents #intro_text .button_area .button_inner .ib:nth-child(2) {order:3;}*/
  .intro_contents #intro_text .button_area .button_inner .ib + .ib{border-top:1px solid rgba(255,255,255,.3)}
  .intro_contents #intro_text .button_area .button_inner .ib span{ color:rgba(255,255,255,0.5); font-size:1.4rem}
  .intro_contents #intro_text .button_area .button_inner .ib:hover span{ color:#fff}
  .intro_contents #intro_text .button_area .button_inner .ib p{ column-gap: 0.8rem; font-size:1.8rem; color:#fff}
  .intro_contents #intro_text .button_area .button_inner .ib p i{ width:3.2rem; height:3.2rem; border-radius: 1.6rem; }
  .intro_contents #intro_text .button_area .button_inner .ib p i img.normal{ display:none}
  .intro_contents #intro_text .button_area .button_inner .ib p i img.hover{ display:block}
  .intro_contents #intro_text .button_area .button_inner .ib:hover i img.normal{ display:none }
  .intro_contents #intro_text .button_area .button_inner .ib:hover i img.hover{ display:block }
  .intro_contents #intro_text .button_area .button_inner .ib.btn_side{ height:10rem; padding:2rem}
  .intro_contents #intro_text .button_area .button_inner .ib:nth-child(1) {border-radius: 0}
  .intro_contents #intro_text .button_area .button_inner .ib.btn_main{ height:10rem; padding:2rem}

  .intro_contents #intro_movie{ width:100%; height:100%; display:block; position:fixed; top:0; left:0; right:0; bottom:0}
  .intro_contents #intro_movie .movie_area{ position:fixed; width:100vw; height:100vh; left:0; right:0; top:0; bottom:0; padding-bottom:0; }
  .intro_contents #intro_movie .movie_area video{ position:absolute; width:100%; height:100vh; object-fit: cover; transform:none; left:0; top:0; right:0; bottom:0}

  .guide_wrap{ }
  .guide_wrap .guide_inner{ width:100vw; height:100vh; }
  .guide_wrap .guide_inner .hd{ height:6.4rem; padding:0 2rem}
  .guide_wrap .guide_inner .hd p{ font-size:1.8rem;}
  .guide_wrap .guide_inner .hd .btn_guide_close{ width:2.4rem; height:2.4rem; }

  .guide_wrap .guide_inner .nav_area_pc{ display:none !important}
  .guide_wrap .guide_inner .nav_area_mobile{ display:block}

  .guide_wrap .guide_inner .nav{ display:flex; height:5rem; background:#fff}
  .guide_wrap .guide_inner .nav .smenu{ width:100%; height:5rem; position:relative; z-index:15; display:flex; justify-content: flex-start; align-items: center; flex-direction: column; border-bottom:1px solid #DDDDDD}
  .guide_wrap .guide_inner .nav .smenu.mobile{ display:flex !important; }
  .guide_wrap .guide_inner .nav .smenu button.btnT{height:100%}
  .guide_wrap .guide_inner .nav .smenu.pc{ display:none !important}
  .guide_wrap .guide_inner .nav .smenu + .smenu{border-left:0}
  .guide_wrap .guide_inner .nav .smenu.is-active{ height:calc(100vh - 5rem); color:#333; }
  .guide_wrap .guide_inner .nav .smenu.is-active .btnT{ height:5rem}
  .guide_wrap .guide_inner .nav .smenu.is-active span{ color:#fff;}
  .guide_wrap .guide_inner .nav .smenu.is-active span:after{ transform:rotate(180deg);background:url(../images/intro/ic-smenu-arrow-w.svg) no-repeat center;}  
  .guide_wrap .guide_inner .nav .smenu span{ width:100%; height:5rem; position:relative; display:flex; justify-content:flex-start; align-items:center; padding-left:2rem; font-size:1.6rem; color:#333}
  .guide_wrap .guide_inner .nav .smenu span:after{ content:""; width:2.4rem; height:2.4rem; position:absolute; right:2rem; top:calc(50% - 1.2rem); background:url(../images/intro/ic-smenu-arrow.svg) no-repeat center; transition:transform 0.4s linear }
  .guide_wrap .guide_inner .nav .smenu .snb{ width:100%; display:none; background:#fff; border:0; box-shadow:none; padding:2.8rem 2rem 8rem 2rem; overflow-y:auto}
  .guide_wrap .guide_inner .nav .smenu.is-active span{background:linear-gradient(45deg, #77A80F, #ACCA6A); color:#fff}
  .guide_wrap .guide_inner .nav .smenu.is-active .snb{ display:flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; height:calc(100% - 5rem);}
  .guide_wrap .guide_inner .nav .smenu .snb li{ width:100%; font-size:1.4rem; letter-spacing:-0.02rem; color:#333; display:flex; justify-content: flex-start; align-items: center; padding:0.4rem 0}
  .guide_wrap .guide_inner .nav .smenu .snb li button{ }
  .guide_wrap .guide_inner .nav .smenu .snb li + li{ }
  .guide_wrap .guide_inner .nav .smenu .snb li.smenu_title { border-bottom:1px solid #EEEEEE; padding-bottom:1.2rem; font-size:1.8rem; color:#333; font-weight:700; letter-spacing:-0.02rem}
  .guide_wrap .guide_inner .nav .smenu .snb li.smenu_title:nth-last-child(1) { border-bottom:0}
  .guide_wrap .guide_inner .nav .smenu .snb li.smenu_title.tPd24 { padding-top:2.4rem}
  .guide_wrap .guide_inner .nav .smenu .snb li.is-active,
  .guide_wrap .guide_inner .nav .smenu .snb li:hover{ color:#77A80F; font-weight:700 }
  
  .guide_wrap .guide_dimd{ display:none; }
  
  .guide_wrap.is-active .guide_dimd{ display:none; background:transparent}

  .guide_wrap .guide_inner .swiper-container{ height:calc(100% - 6.4rem); }
  .guide_wrap .guide_inner .swiper-button-prev,
  .guide_wrap .guide_inner .swiper-button-next{ width:3.5rem; height:3.4rem; margin-top:0; background-color:#121212; background-image:url(../images/intro/mobile/ic-slide-left.svg); background-position:0.8rem center; background-size:2.4rem; top:unset; bottom:2.4rem }
  .guide_wrap .guide_inner .swiper-button-prev{ left:calc(50% - 3.5rem); border-radius: 1.7rem 0 0 1.7rem; }
  .guide_wrap .guide_inner .swiper-button-next{ transform:none; right:calc(50% - 3.5rem); background-image:url(../images/intro/mobile/ic-slide-right.svg); background-position:0.3rem center; border-radius: 0 1.7rem 1.7rem 0;}
  .guide_wrap .guide_inner .swiper-pagination{ display:none }

  
  .guide_wrap .guide_inner .swiper-slide .nav{ display:none}

  .guide_wrap .guide_inner .swiper-slide.slide01 { background:linear-gradient(45deg, #77A80F, #ACCA6A);}
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd{ width:100vw;grid-template-columns: 1fr; height:calc(100vh - 11.4rem); background:linear-gradient(to right,rgba(119,168,15,0.6), rgba(172,202,106,0.15)); overflow-y:auto}
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .left{ width:100%; row-gap: 0; height:27rem}
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .left .symbol{ display:block; width:17rem}
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .left .symbol img{ width:100%}
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .left > .logo{ display:none}
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .right{ height:100%;  background:transparent; padding:0 2rem 8rem 2rem; display:flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl{ width:100%}
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl dt{ padding-bottom:1.2rem; font-size:2rem}
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl button{color:#fff; letter-spacing:-0.02rem;}
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl dt button{ }
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl dt.noBr{ border-bottom:0}
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl dt + dd { margin-top:1.2rem }
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl dd + dd { margin-top:0.8rem }
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl dd + dt { margin-top:3.2rem }
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl dd button{ font-size:1.6rem}
  .guide_wrap .guide_inner .swiper-slide.slide01 .bd .right dl dd button span{ width:4.2rem; font-size:1.6rem}


  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd{ width:100vw; height:calc(100% - 11.4rem); padding:4rem 2rem 8rem 2rem; overflow-y:auto; }

  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .guide_state{ font-size:1.4rem}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .guide_state span{ }
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .guide_state span + span{ padding-left:2rem; }
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .guide_state span + span:before{ position:absolute; left:0.8rem; top:0.8rem}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .title{ font-size:2.8rem; margin-top:2.4rem}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .text{ font-size:1.4rem; margin-top:0.8rem; height:4.4rem; line-height:1.57}

  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list{ grid-template-columns: 1fr; gap:2.4rem 0; margin-top:2.4rem}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list li .thumb{ display:block; padding-bottom:65.67%; border-radius: 0.4rem;}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list li p{ margin-top:1.2rem; font-size:1.4rem}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list li p + p{ margin-top:0.4rem}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list li p em{ padding-right:0.8rem; margin-right:0.8rem}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list li p em:after{ content:""; width:1px; height:1.2rem; top:6px; right:0 }
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list li.nothumb{margin-top:-1.2rem}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list li.nothumb p + p{ margin-top:1.2rem}
  
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list[class*=guide_img]{ display:none}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list[class*=guide_img] li{ flex-shrink: 0;}
  
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .script{ margin-top:2.4rem}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .script .thumb{ width:100vw; margin-left:-2rem; margin-right:-2rem}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .script .thumb img{ width:100%}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .script .guide_txt{ margin-top:1.2rem; row-gap: 0.8rem;}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .script .guide_txt strong{ font-size:1.6rem}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .script .guide_txt em{ font-size:1.4rem; line-height:1.57 }
  
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list.grid_3{ grid-template-columns: 1fr; gap:2.4rem 0; }
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list.grid_3 li .thumb{ padding-bottom:65.67%; border-radius: 0.4rem;}
  .guide_wrap .guide_inner .swiper-slide:not(.slide01) .bd .list.grid_3 li p{ margin-top:1.2rem; font-size:1.4rem}


  .guide_wrap .guide_inner .swiper-slide .sub_guide_swiper{ width:calc(100vw); display:block; margin-top:2.4rem; margin-right:-2rem; margin-left:-2rem;}
  .guide_wrap .guide_inner .swiper-slide .sub_guide_swiper .swiper-container{ height:100%; margin-bottom:2.4rem}
  .guide_wrap .guide_inner .swiper-slide .sub_guide_swiper .swiper-container .swiper-slide{ width:83.2% !important}
  .guide_wrap .guide_inner .swiper-slide.slide11 .sub_guide_swiper .swiper-container .swiper-slide,
  .guide_wrap .guide_inner .swiper-slide.slide12 .sub_guide_swiper .swiper-container .swiper-slide{ width:auto !important}
  .guide_wrap .guide_inner .swiper-slide .sub_guide_swiper .swiper-container .swiper-slide.nothumb p{ padding-left:0;}
  .guide_wrap .guide_inner .swiper-slide .sub_guide_swiper .swiper-container .swiper-slide.nothumb p:before{ display:none}
  .guide_wrap .guide_inner .swiper-slide .sub_guide_swiper p{ display:flex; justify-content: flex-start; color:#767676; margin-top:0; line-height:1.64; font-size:14px; position:relative; padding-left:10px}
  .guide_wrap .guide_inner .swiper-slide .sub_guide_swiper p + p{ margin-top:4px}
  .guide_wrap .guide_inner .swiper-slide .sub_guide_swiper p.color{ color:#77a80F}
  .guide_wrap .guide_inner .swiper-slide .sub_guide_swiper p:before{ content:"-"; position:absolute; left:0; top:0;}
  .guide_wrap .guide_inner .swiper-slide .sub_guide_swiper .swiper-scrollbar{height:2px; width:calc(100% - 4rem); margin-left:2rem}
  .guide_wrap .guide_inner .swiper-slide .sub_guide_swiper .swiper-scrollbar-drag{ background:#121212}


  
}