@charset "utf-8";

/* 공용 */
.sub_wrap {padding-top: 100px;}
[data-aos=fade-down] {transform: translate3d(0,-30px,0);}
[data-aos=fade-up] {transform: translate3d(0,30px,0);}

.mt80 {margin-top: 80px;}

.brochure_down {font-weight: 700; font-size: 1.125em; line-height: 1; color: #fff; align-items: center; justify-content: space-between; width: 230px; height: 55px; background-color: #c70b18; padding: 0 35px; border-radius: 3px; margin: 80px auto 0;}
article .inner {max-width: 1400px; width: calc(100% - 40px); margin: 0 auto;}
article .inner_1320 {max-width: 1320px; width: calc(100% - 40px); margin: 0 auto;}

.div_tb {display: block; width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; overflow: hidden;}
.div_tb .div_tb_tr { display: flex; flex-flow: row wrap;}
/* .div_tb .div_th {display:table-cell; vertical-align:middle}
.div_tb .div_td {display:table-cell; vertical-align:middle} */

input.txt_input:-webkit-autofill,
input.txt_input:-webkit-autofill:hover,
input.txt_input:-webkit-autofill:focus,
input.txt_input:-webkit-autofill:active,
input.txt_input:-internal-autofill-selected {transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important; color: #999!important; -webkit-text-fill-color: #999 !important;}

.w100 {width: 100%;}
.w60 {width: 60px;}
.w120 {width: 120px; max-width: 100%;}
.w200 {width: 200px; max-width: 100%;}
.w320 {width: 320px; max-width: 100%;}
.w400 {width: 400px; max-width: 100%;}
.w600 {width: 600px; max-width: 100%;}

.ml10 {margin-left: 10px;}
.alitc {align-items: center;}

.txt_input {font-size: 1.125em; color: #999!important; line-height: 1; height: 50px; padding: 0 15px; border: 1px solid #ddd; border-radius: 5px; font-weight: 300;}
.txt_input::placeholder {color:#999;}
.txt_input::-webkit-input-placeholder {color:#999;}
.txt_input:-ms-input-placeholder {color:#999;}
input[type="checkbox"] {width: 25px; height: 25px; border-radius: 5px; border-color: #666;}
.mypage_cnt input[type="checkbox"] {width: 20px; height: 20px;}
input:focus {border-color: #666!important; color: #666; outline: none;}
input:focus::placeholder {color:#666;}
input:focus::-webkit-input-placeholder {color:#666;}
input:focus:-ms-input-placeholder {color:#666;}
.hide_bx {position: relative; display: inline-block;}
.hide_bx .hide {position: absolute; top: 0; left: 0; z-index: -1;}

/* sv */
.sv_sec {width: 100%; height: 450px; position: relative; margin: 0 auto; background: no-repeat center center; padding: 0 0 65px; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; overflow: hidden;}
.sv_sec.sv01{background-image: url(/web/Html/images/sub/sv01.jpg);}
.sv_sec.sv02{background-image: url(/web/Html/images/sub/sv02.jpg);}
.sv_sec.sv03{display: none;}
.sv_sec.sv04{background-image: url(/web/Html/images/sub/sv04.jpg);}
.sv_sec .txt_wrap {max-width: 1400px; width: calc(100% - 40px); margin: 0 auto;}
.sv_sec .txt_wrap h5 {font-size: 1.375em; line-height: 1; font-weight: 700; color: #00adef; line-height: 1;}
.sv_sec .txt_wrap h4 {font-size: 3.75em; line-height: 1; line-height: 1; color: #fff; margin-top: 30px;}
.sv_sec .tnb {position: absolute; bottom: 0; left: 0; width: 100%;}
.sv_sec .tnb ul {max-width: 1400px; width: 100%; margin: 0 auto; display: flex; flex-flow: row wrap;}
.sv_sec .tnb ul li {flex: 1;}
.sv_sec .tnb ul li a {background-color: #00adef; height: 65px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.25em; font-weight: 500;}
.sv_sec .tnb ul li.current a {background-color: #fff; color: #00adef;}

.sub_top {padding: 116px 0 90px;} 
.sub_top .page_tit {font-size: 3.125em; font-weight: 700; color: #000; text-align: center; line-height: 1;}
.sub_top p {font-size: 1.25em; line-height: 1; text-align: center; margin-top: 38px;}
.sub_top .btn_bx {max-width: 1400px; width: calc(100% - 40px); margin: 52px auto 0; justify-content: center;}
.sub_top .btn_bx a {width: 230px; height: 60px; border-radius: 30px; align-items: center; justify-content: center; background-color: #abafb1; font-size: 1.125em; font-weight: 700; line-height: 1; color: #fff;}
.sub_top .btn_bx a:first-child {background-color: #00adef; margin-right: 10px;}
.sub_top .btn_bx a img {margin-right: 13px; display: block;}

/* s1_1 */
.s1_1 .arti01 {background-color:#f7f7f7; padding: 120px 0 160px;}
.s1_1 .arti01 .box {box-shadow: 5px 8px 14px 0px rgba(214, 214, 213, 0.14); max-width: 1320px; width: 100%; margin: 0 auto 75px;}
.s1_1 .arti01 .box:last-child {margin-bottom: 0;}
.s1_1 .arti01 .box .img_wrap {width: 46.97%; max-width: 620px;}
.s1_1 .arti01 .box .txt_wrap {width: 53.0304%; max-width: 700px; background-color: #fff; display: flex; flex-flow: column wrap; justify-content: center; padding: 0 100px;}
.s1_1 .arti01 .box .txt_wrap h6 {font-size: 1.375em; font-weight: 700; color: #00adef; line-height: 1;}
.s1_1 .arti01 .box .txt_wrap h4 {font-size: 2.5em; line-height: 1; color: #333; margin-top: 20px;}
.s1_1 .arti01 .box .txt_wrap ul {margin-top: 30px;}
.s1_1 .arti01 .box .txt_wrap ul li {padding-left: 17px; position: relative; font-size: 1.125em; line-height: 1.66667;}
.s1_1 .arti01 .box .txt_wrap ul li::before {content: "·"; position: absolute; top: 0; left: 0;}
.s1_1 .arti01 .box .txt_wrap a {width: 220px; height: 60px; border-radius: 5px; background-color: #00adef; padding: 0 28px 0 24px; font-size: 1.125em; color: #fff; font-weight: 500; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; margin-top: 45px;}

/* s1_2 */
.s1_2 .arti01 {padding: 105px 0 135px; background-color: #f7f7f7;}
.s1_2 .arti01 ul {justify-content: space-between;}
/*.s1_2 .arti01 ul li {max-width: 650px; width: 50%; background-color: #fff; box-shadow: 0px 0px 29.1px 0.9px rgba(212, 212, 211, 0.22); border-radius: 5px; overflow: hidden;}*/
.s1_2 .arti01 ul li {max-width: 430px; width: 31%; background-color: #fff; box-shadow: 0px 0px 29.1px 0.9px rgba(212, 212, 211, 0.22); border-radius: 5px; overflow: hidden;}
.s1_2 .arti01 ul li h5 {width: 100%; height: 70px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; font-size: 1.5625em; line-height: 1; text-align: center; color: #fff; background: center center no-repeat;}
.s1_2 .arti01 ul li .txt_wrap {padding: 38px 0 55px;}
.s1_2 .arti01 ul li .txt_wrap h6 {font-size: 1.25em; line-height: 1;}
.s1_2 .arti01 ul li .txt_wrap > h6 {text-align: center;}
.s1_2 .arti01 ul li .txt_wrap .price01 {justify-content: center; align-items: flex-end; margin-top: 8px;}
.s1_2 .arti01 ul li .txt_wrap .price01 h4 {font-size: 3.75em; font-weight: 700; line-height: 1;}
.s1_2 .arti01 ul li .txt_wrap .price01 h6 {margin-bottom: 10px; margin-left: 6px;}
.s1_2 .arti01 ul li .txt_wrap .price02 {width: 90%; border-top: 1px solid #ddd; margin: 0 auto; align-items: flex-end; justify-content: center; margin-top: 40px; padding-top: 23px;}
.s1_2 .arti01 ul li .txt_wrap .price02 p {font-size: 1em; font-weight: 500; align-self: center; line-height: 1; margin-right: 18px;}
.s1_2 .arti01 ul li .txt_wrap .price02 h4 {font-size: 2.1875em; color: #878787; line-height: 1;}
.s1_2 .arti01 ul li .txt_wrap .price02 h6 {margin-bottom: 5px; margin-left: 6px;}

.s1_2 .arti01 ul li:nth-child(1) h5 {background:#00a5e4;}
.s1_2 .arti01 ul li:nth-child(2) h5 {background:#04b5af;}
.s1_2 .arti01 ul li:nth-child(3) h5 {background:#525678;}
.s1_2 .arti01 ul li:nth-child(1) .txt_wrap > h6,
.s1_2 .arti01 ul li:nth-child(1) .txt_wrap .price01 h4,
.s1_2 .arti01 ul li:nth-child(1) .txt_wrap .price01 h6 {color: #00a5e4;}
.s1_2 .arti01 ul li:nth-child(2) .txt_wrap > h6,
.s1_2 .arti01 ul li:nth-child(2) .txt_wrap .price01 h4,
.s1_2 .arti01 ul li:nth-child(2) .txt_wrap .price01 h6 {color: #04b5af}
.s1_2 .arti01 ul li:nth-child(3) .txt_wrap > h6,
.s1_2 .arti01 ul li:nth-child(3) .txt_wrap .price01 h4,
.s1_2 .arti01 ul li:nth-child(3) .txt_wrap .price01 h6 {color: #96c016}

/* s2_1 */
.s2_1 {padding-bottom: 165px;}
.s2_1 .arti01 {padding: 90px 0; background-color: #f7f7f7;}
.s2_1 .arti01 ul {justify-content: space-between; max-width: 1320px;}
.s2_1 .arti01 ul li {background-color: #fff; max-width: 250px; width: 19%; padding: 63px 0 71px;}
.s2_1 .arti01 ul li .img_wrap {max-width: 76px; width: 40%; margin: 0 auto;}
.s2_1 .arti01 ul li h6 {font-size: 1em; font-weight: 600; line-height: 1; color: #00adef; text-align: center; margin-top: 30px;}
.s2_1 .arti01 ul li h5 {font-size: 1.5625em; font-weight: 500; line-height: 1; color: #333; text-align: center; margin-top: 16px;}
.s2_1 .arti01 ul li p {font-size: 1em; line-height: 1.75; color: #666; text-align: center; margin-top: 16px;}
.s2_1 .form_arti .tb_outline {border-top: 1px solid #00adef; margin-top: 90px;}
.s2_1 .form_arti .div_tb_tr {border-bottom: 1px solid #ddd;}
.s2_1 .form_arti .div_th {width: 210px; background-color: #f5f5f5; padding: 25px 30px; font-size: 1.125em; font-weight: 700; color: #333; line-height: 1;}
.s2_1 .form_arti .div_th.top {vertical-align: top;}
.s2_1 .form_arti .div_th sup {color: #00adef;}
.s2_1 .form_arti .div_td {width: calc(100% - 210px); padding: 25px 30px;}
.s2_1 .form_arti .div_td select,
.s2_1 .form_arti .div_td button,
.s2_1 .form_arti .div_td textarea {height: 50px; padding: 0 18px; border: 1px solid #ddd; border-radius: 5px;}
.s2_1 .form_arti .div_td button {width: 110px; margin-left: 6px; font-size: 13px; cursor: pointer;}
.s2_1 .form_arti .div_td textarea {height: 150px;font-size: 1.125em;  resize: none;}
.s2_1 .form_arti .div_td .btn_input {width: calc(100% - 120px);}
.s2_1 .form_arti .div_td .address-fieldset .w100 {margin-top: 10px;}
.s2_1 .form_arti .div_td .address-fieldset .hide_bx:first-of-type .w100 {margin-top: 0;}
.s2_1 .form_arti .div_td .address-fieldset .hide_bx.w100 {margin-top: 0;}
.s2_1 .form_arti .submit_btn {width: 200px; height: 60px; border-radius: 5px; border: 1px solid #00adef; font-size: 1.25em; color: #fff; font-weight: 500; text-align: center; display: flex; align-items: center; justify-content: center; background-color: #00adef; margin: 40px auto 0;}

/* s3_1 */
.s3_1 {position: relative; overflow: hidden;}
.s3_1 #map {width: 100%; height: 880px; position: relative;}
.s3_1 .pos_btn {position: absolute; top: 130px; right: 15px; z-index: 2; border-radius: 5px; overflow: hidden;}
.s3_1 .left_box {position: absolute; top: 100px; left: 0; z-index: 2; width: 400px; height:100%;}
.s3_1 .left_box .form_wrap {position: absolute; max-width: 370px; width: calc(100% - 30px); left: 15px; top: 30px; border: 1px solid #ddd;  border-radius: 5px; overflow: hidden; z-index: 3;}
.s3_1 .left_box .form_wrap form2 {width: 100%; display: flex; flex-flow: row wrap;}
.s3_1 .left_box .form_wrap input[type="text"] {width: calc(100% - 55px); border: none; padding:11.5px 20px;}
.s3_1 .left_box .form_wrap input[type="submit"],
.s3_1 .left_box .form_wrap input[type="button"] {width: 55px; border: none; background: #00adef url(/web/Html/images/sub/search.jpg) no-repeat center center;}
.s3_1 .left_box .search_box {position: absolute; top: 0; left: 0; padding: 115px 20px 0; background-color: #fff; height: 100%; z-index: 1; width: 100%; display: none;}
.s3_1 .left_box .search_box .input_bx.w50 {width: 50%; padding: 10px;}
.s3_1 .left_box .search_box .input_bx.w100 {width: 100%; padding: 10px;}
.s3_1 .left_box .search_box .input_bx > label {width: 100%; display: block; margin-bottom: 0.5rem; font-size: 0.875em; font-weight: bold; color: rgb(0, 173, 239);}
.s3_1 .left_box .search_box .input_bx select {width: 100%; height: 50px; padding: 0 10px; border-radius: 5px; border-color: rgb(0, 173, 239);}
.s3_1 .left_box .search_box .input_bx select .off {display: none;}
.s3_1 .left_box .search_box .input_bx .check_bx {display: flex; flex-flow: row wrap; align-items: center; width: 33.334%; margin-bottom: 10px;}
.s3_1 .left_box .search_box .input_bx .check_bx label {margin-left: 5px; font-size: 0.875em; color: rgb(90, 105, 120); text-align: left; line-height: 1;}
.s3_1 .left_box .search_box .input_bx .check_bx input {width: 16px; height: 16px;}
.s3_1 .left_box .ul_wrap {padding-top: 115px; background-color: #fff; display: none; position: relative; z-index: 2; height: 100%; overflow-y: auto;}
.s3_1 .left_box .ul_wrap .moblie_top {display: none;}
.s3_1 .left_box ul li {border-top: 1px solid #ddd; transition: all 0.3s;cursor:pointer;padding:1em 1.5em;}
.s3_1 .left_box ul li:hover {background-color: #f5f5f5;}
.s3_1 .left_box ul li a {display: flex; flex-flow: row wrap; padding: 23px 15px 23px;}
.s3_1 .left_box ul li .icon_wrap {width: 27px; height: 38px; float:left; background: no-repeat center center;}
.s3_1 .left_box ul li .icon_wrap.unavail {background-image: url(/web/Html/images/sub/marker1.png);}
.s3_1 .left_box ul li .icon_wrap.avail {background-image: url(/web/Html/images/sub/marker2.png);}
.s3_1 .left_box ul li .icon_wrap.limitavail {background-image: url(/web/Html/images/sub/marker3.png);}
.s3_1 .left_box ul li .icon_wrap h5 {font-size: 12px; font-weight: 700; line-height: 1; text-align: center; padding-top: 9px;}
.s3_1 .left_box ul li .icon_wrap.unavail h5 {color: #a1a1a1;}
.s3_1 .left_box ul li .icon_wrap.avail h5 {color: #00adef;}
.s3_1 .left_box ul li .icon_wrap.limitavail h5 {color: #d80891;}
.s3_1 .left_box ul li .icon_wrap h6 {display: none; font-size: 9px; line-height: 1; color: #fff; font-weight: 700; text-align: center; margin-top: 1px;}
.s3_1 .left_box ul li .icon_wrap.roaming h6 {display: block;}
.s3_1 .left_box ul li .txt_wrap {width: calc(100% - 27px); float:left;padding-left: 14px;}
.s3_1 .left_box ul li .txt_wrap h4 {font-size: 1.0625em; font-weight: 500; line-height: 1; color: #333; margin-bottom: 10px;}
.s3_1 .left_box ul li .txt_wrap p {font-size: 0.875em; font-weight: 400; line-height:1.714285; }
.s3_1 .rgt_box {position: absolute; top: 100px; right: 0; z-index: 3; width: 420px; height:100%; background-color:#fff; display: none; overflow-y: auto;}
.s3_1 .rgt_top {justify-content: space-between; align-items: center; padding: 0 30px; height: 85px;}
.s3_1 .rgt_top h4 {font-size: 1.25em; font-weight: 700; line-height: 1; color: #333;}
.s3_1 .rgt_top .btn_wrap {align-items: center;}
.s3_1 .rgt_top .btn_wrap a {line-height: 0;}
.s3_1 .rgt_top .btn_wrap a:last-child {margin-left: 15px;}
.s3_1 .rgt_top .btn_wrap .rgt_favorit {width: 23px; height: 21px; transition: all 0.3s; background: url(/web/Html/images/sub/favor.jpg) no-repeat center center;}
.s3_1 .rgt_top .btn_wrap .rgt_favorit:hover,
.s3_1 .rgt_top .btn_wrap .rgt_favorit.current {background-image: url(/web/Html/images/sub/favor_h.jpg);}
.s3_1 .rgt_mid {border-top: 1px solid #ddd; padding: 32px 30px 39px;}
.s3_1 .rgt_mid h4 {font-size: 1.25em; line-height: 1.5; color: #333; margin-bottom: 25px;}
.s3_1 .rgt_mid .dl_wrap {border-top: 1px solid #000; border-bottom: 1px solid #ddd; padding: 23px 0 25px;}
.s3_1 .rgt_mid .dl_wrap dl {padding-left: 9px; display: flex; flex-flow: row wrap; margin-bottom: 9px;}
.s3_1 .rgt_mid .dl_wrap dl:last-child {margin-bottom: 0;}
.s3_1 .rgt_mid .dl_wrap dl dt {position: relative; padding-left: 14px; font-size: 1em; font-weight: 500; line-height: 1.625; width: 90px; color: #333;}
.s3_1 .rgt_mid .dl_wrap dl dt::before {content: ""; display: block; width: 3px; height: 3px; background-color: #283891; position: absolute; top: 11.5px; left: 0;}
.s3_1 .rgt_mid .dl_wrap dl dd {width: calc(100% - 90px); font-size: 1em; line-height: 1.625; font-weight: 400;}
.s3_1 .rgt_mid .btn_wrap {justify-content: space-between; margin-top: 25px;}
.s3_1 .rgt_mid .btn_wrap a {width: 165px; height: 55px; border-radius: 5px; border: 1px solid #00adef; font-size: 1.0625em; color: #00adef; font-weight: 500; text-align: center; display: flex; align-items: center; justify-content: center;}
.s3_1 .rgt_mid .btn_wrap a:last-child {color: #fff; background-color: #00adef;}
.s3_1 .rgt_bot {border-top: 1px solid #ddd; padding: 40px 30px;}
.s3_1 .rgt_bot h4 {font-size: 1.25em; line-height: 1; color: #333; font-weight: 500; margin-bottom: 25px;}
.s3_1 .rgt_bot ul li {box-shadow: 0px 0px 8px 0px rgba(175, 175, 174, 0.19); padding: 18px 20px; margin-bottom: 10px;}
.s3_1 .rgt_bot ul li:last-child {margin-bottom: 0px;}
.s3_1 .rgt_bot ul li dl {display: flex; flex-flow: row wrap;}
.s3_1 .rgt_bot ul li dl dt {width: 90px; font-size: 0.9375em; line-height: 1.8667; color: #333; font-weight: 500;}
.s3_1 .rgt_bot ul li dl dd {width: calc(100% - 90px); font-size: 0.9375em; line-height: 1.8667;}
.s3_1 .rgt_bot ul li dl:nth-child(2) dd {color: #00adef;}

/* s4_1 */
.s4_1 {padding-bottom: 160px;}
.s4_1 .arti01 .tb_outline {border-top: 1px solid #00adef;}
.s4_1 .arti01 .div_tb .div_th {font-size: 1.125em; line-height: 1.6667; padding: 25px 10px; color:#00adef; font-weight:500; text-align:center; vertical-align:middle; background:#fff; border-bottom: 1px solid #ddd; box-sizing:border-box; overflow:hidden; }
.s4_1 .arti01 .div_tb .div_th:first-child { border-left:0; }
.s4_1 .arti01 .div_td {font-size: 1.125em; line-height: 1.6667; padding: 25px 10px; color:#666; text-align:center; vertical-align:middle;border-bottom:1px solid #ddd; border-right:0; }
.s4_1 .arti01 .div_tb .div_td:first-child { border-left:0; color: #333;}
.s4_1 .arti01 .div_tb .col_num { width:5.172%; } 
.s4_1 .arti01 .div_tb .col_subject {width: 85.455%;}
.s4_1 .arti01 .div_tb .col_date { width:9.374%; }
.s4_1 .arti01 .div_tb .div_td.col_subject { text-align:left; }
.s4_1 .arti01 .div_tb a {transition: all 0.3s;}
.s4_1 .arti01 .div_tb a:hover {background-color: #f5f5f5;}
.s4_1 .arti01 .page_btn {justify-content:center; align-items: center; text-align:center; padding-top:1em;}
.s4_1 .arti01 .page_btn a {border: 1px solid #ddd; width: 40px; height: 40px; display:inline-block; text-align:center; padding-top:7px; align-items: center; justify-content: center; position: relative; margin-left: -1px; font-size: 14px; color: #999;}
.s4_1 .arti01 .page_btn a.btn_current {z-index: 2; border-color: #00adef; color: #00adef;}

/* s4_1_view */
.s4_1_view .bo_tit {font-size: 1.5em;font-weight: 500;color: #333;word-break:break-all;}
.s4_1_view .bo_v_info { padding-bottom: 5px;border-bottom:1px solid #ddd; overflow:hidden; justify-content: flex-end;}
.s4_1_view .bo_v_info h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.s4_1_view .bo_v_info ul { display:block; list-style:none; float: right; margin:0; padding:0; overflow:hidden; }
.s4_1_view .bo_v_info li { display:block; list-style:none; float:left; font-size: 0.875em; margin:0 20px 0 0; padding:0; overflow:hidden; color: #999; }
.s4_1_view .bo_v_info li:nth-last-child(1) { margin:0; }
.s4_1_view .bo_v_info strong { font-weight: 400; color: #555; }
.s4_1_view .bo_v_file {position: relative;margin-top: 0.5em;}
.s4_1_view .bo_v_file:after {display: block;clear: both;content: '';}
.s4_1_view .bo_v_file h5 {float: right;font-size: 0.9em;font-weight: 500;color: #333;border: 1px solid #ddd;padding: 5px 10px;background: #f6f6f6; cursor: pointer;}
.s4_1_view .bo_v_file ul {display: none;position: absolute;right: 0;top: 100%;margin-top: -1px;border: 1px solid #ddd;padding: 5px 10px;background: #fdfdfd;}
.s4_1_view .bo_v_file a {display:inline-block;font-size: 0.875em;padding:5px 0;font-weight: 400;color:#999;text-decoration:none}
.s4_1_view .bo_v_file a strong {font-weight: 400;}
.s4_1_view .bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
.bo_v_file_cnt {display:inline-block;margin:5px 10px}
.s4_1_view .bo_v_atc { min-height:200px; padding:0 10px; border-bottom:1px solid #ddd; overflow:hidden; }
.s4_1_view .view_btn_wrap {justify-content: space-between; margin-top: 40px;}
.s4_1_view .view_btn_wrap a {width: 180px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 5px; background-color: #918f90; font-size: 1.125em; color: #fff; font-weight: 500; margin-right: 10px;}
.s4_1_view .view_btn_wrap .rgt_bx a {background-color: #00adef;}

/* s4_2 */
.s4_2 {padding-bottom: 190px;}
.s4_2 .arti01 ul > li{border: 1px solid #ddd; border-bottom: 0; box-sizing: border-box;}
.s4_2 .arti01 ul > li > div span{display: inline-block; width: 40px; height: 40px; font-size: 1.125em; display: flex; align-items: center; justify-content: center; color: #fff; background: #999; letter-spacing: -0.03em; text-align: center; font-weight: 700; border-radius: 5px; margin-right: 28px;} 
.s4_2 .arti01 ul > li > .qbox{position: relative;display: flex; align-items:center; height: 98px; padding: 0 60px 0 23px; cursor: pointer;} 
.s4_2 .arti01 ul > li > .qbox:after{position: absolute; content:''; width: 15px; height: 10px; background: url(..//web/Html/images/sub/s4_arr.jpg) center no-repeat; top: 44px; right: 38px; transition:.3s;} 
.s4_2 .arti01 ul > li > .qbox p{font-size: 1.375em; line-height: 1.5; color: #333; letter-spacing: -0.03em; font-weight: 500; padding-bottom: 6px;}
.s4_2 .arti01 ul > li > .abox{display: none;background: #f9f9f9;padding: 38px 0px 42px 53px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 20px;}
.s4_2 .arti01 ul > li > .abox .box{display: flex;}
.s4_2 .arti01 ul > li > .abox .box span{background: #00adef;}
.s4_2 .arti01 ul > li > .abox .box p{font-size: 1.25em; line-height: 32px; color: #666; letter-spacing: -0.03em; margin-top: -8px;}
.s4_2 .arti01 ul > li > .abox .box p b{display: block; font-weight: 500; color: #333; margin-top: 15px;	}
.s4_2 .arti01 ul > li.on > .qbox:after{transform:rotate(-180deg)}
.s4_2 .arti01 ul > li:last-child{border-bottom: 1px solid #ddd;	}
.s4_2 .arti01 ul > li:last-child .abox{margin-bottom: 0; border-bottom: 0;}

/* 로그인 */
.login_section {padding: 210px 0 250px;}
.login_box {max-width: 700px; width: calc(100% - 40px); margin: 0 auto; border: 1px solid #ddd;}
.login_box > h4 {font-size: 2.5em; line-height: 1; text-align: center; color: #333; margin-bottom: 40px;}
.login_box01 {padding:87px 159px 95px;}
.login_input_wrap {margin-bottom: 10px;}
.login_input_wrap:last-of-type {margin-bottom: 0;}
.login_box .submit_btn {width: 100%; height: 60px; border-radius: 5px; border: 1px solid #00adef; font-size: 1.25em; color: #fff; font-weight: 500; text-align: center; display: flex; align-items: center; justify-content: center; background-color: #00adef; margin: 20px auto 0;}
.login_box .a_wrap {display: flex; flex-flow: row wrap; align-items: center; justify-content: center; margin-top: 40px;}
.login_box .a_wrap a,
.login_box .a_wrap p {font-size: 1.125em;line-height: 1; color: #333; font-weight: 500;}
.login_box .btn_wrap {display: flex; flex-flow: row wrap; justify-content: space-between; margin-bottom: 10px;}
.login_box .btn_wrap a {max-width: 185px; width: 49%; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 5px; border: 1px solid #e8e8e8; background-color: #e8e8e8; font-size: 1.125em; color: #999;}
.login_box .btn_wrap02 {display: flex; flex-flow: row wrap; justify-content: space-between; margin-top: 20px;}
.login_box .btn_wrap02 a {width: 185px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 5px; border: 1px solid #ddd; font-size: 1.125em; font-weight: 500; color: #999;}
.login_box .btn_wrap02 a:last-child {border-color: #00adef; background-color: #00adef; color: #fff;}
.login_box .btn_wrap a.current {border-color: #00adef; background-color: #fff; color: #00adef;}
.login_box .txt_wrap {width: 620px; margin-left: -120px; border-top: 1px solid #ddd; margin-top: 40px; padding-top: 33px;}
.login_box .txt_wrap p {text-align: center; color: #333;}
.login_box .p01 {text-align: center; margin-top: -15 px;}
.login_box .find_id {max-width: 380px; height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 5px; background-color: #f7f7f7; font-size: 1.875em; color: #00adef; margin-top: 35px;}

/* 회원가입 */
.resister_section {padding-bottom: 140px;}
.resi_top ul {align-items: center; justify-content: space-between; max-width: 1320px; width: calc(100% - 20px); margin: 70px auto 0;}
.resi_top ul li {max-width: 430px; width: 32.58%; height: 60px; align-items: center; justify-content: center; background-color: #d4d5da;}
.resi_top ul li h6 {font-size: 1em; color: #fff; opacity: 0.6; font-weight: 700; line-height:1; margin-right: 20px;}
.resi_top ul li h5 {font-size: 1.25em; font-weight: 500; color: #fff; opacity: 0.6; line-height:1;}
.resi_top ul li.current {background-color: #00adef;}
.resi_top ul li.current h6,
.resi_top ul li.current h5 {opacity: 1;}

.form_arti .privacy_wrap {margin-top: 40px; border: 1px solid #ddd;}
.form_arti .privacy_wrap:first-of-type {margin-top: -10px;}
.form_arti .privacy_top {justify-content: space-between; align-items: center; height: 70px; border-bottom: 1px solid #ddd; background-color: #f7f7f7; padding: 0 30px;}
.form_arti .privacy_top h4 {font-size: 1.375em; font-weight: 500; color: #333; line-height: 1;}
.form_arti .privacy_wrap .txt_wrap textarea {width: 100%; padding: 30px 50px; border: none; max-width: 100%; max-height: 180px; resize: none;}
.form_arti .privacy_wrap .agree-txt {font-size: 1.125em; color: #333;}
.form_arti .privacy_wrap .agree-txt label {margin-left: 11px;}
.form_arti .all-agree-txt {font-size: 1.125em; color: #333; text-align: center; margin-top: 45px;}
.form_arti .all-agree-txt label {margin-left: 11px;}
.form_arti .btn_wrap {justify-content: center; border-top: 1px solid #ddd; margin-top: 45px; padding-top: 50px;} 
.form_arti .btn_wrap a {width: 180px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 5px; background-color: #918f90; font-size: 1.125em; color: #fff; font-weight: 500; margin-right: 10px;}
.form_arti .btn_wrap input[type="submit"] {width: 180px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 5px; background-color: #00adef; font-size: 1.125em; color: #fff; font-weight: 500; border: none!important;}

.resister_section .form_arti .tb_outline {border-top: 1px solid #00adef; margin-top: 60px;}
.resister_section .form_arti .div_tb_tr {border-bottom: 1px solid #ddd;}
.resister_section .form_arti .div_th {width: 210px; background-color: #f5f5f5; padding: 25px 30px; font-size: 1.125em; font-weight: 700; color: #333; line-height: 1;}
.resister_section .form_arti .div_th.top {vertical-align: top;}
.resister_section .form_arti .div_th sup {color: #00adef;}
.resister_section .form_arti .div_td {width: calc(100% - 210px); padding: 25px 30px;}
.resister_section .form_arti .div_td select,
.resister_section .form_arti .div_td button,
.resister_section .form_arti .div_td textarea {height: 50px; padding: 0 18px; border: 1px solid #ddd; border-radius: 5px;}
.resister_section .form_arti .div_td button {width: 110px; margin-left: 6px; font-size: 13px; cursor: pointer;}
.resister_section .form_arti .div_td textarea {height: 150px;}
.resister_section .form_arti .div_td .btn_input {width: calc(100% - 120px);}
.resister_section .form_arti .div_td .btn_input .txt_input {width: 100%; display: block;}
.resister_section .form_arti .div_td .address-fieldset .w100 {margin-top: 10px;}
.resister_section .form_arti .div_td .address-fieldset .hide_bx.w100 {margin-top: 0;}
.resister_section .form_arti .div_td .address-fieldset .hide_bx:first-of-type .w100 {margin-top: 0;}
.resister_section .form_arti .submit_btn {width: 200px; height: 60px; border-radius: 5px; border: 1px solid #00adef; font-size: 1.25em; color: #fff; font-weight: 500; text-align: center; display: flex; align-items: center; justify-content: center; background-color: #00adef; margin: 40px auto 0;}

.resister_precautions {border: 3px solid #ededed; padding: 30px 65px; align-items: center;}
.resister_precautions .img_wrap {width: 49px;}
.resister_precautions ul {width: calc(100% - 49px); padding-left: 55px;}
.resister_precautions ul li {padding-left: 12px; position: relative; line-height: 1.75;}
.resister_precautions ul li::before {content: "·"; position: absolute; top: 0; left: 0;}

.resister_arti form > p {color: #333; line-height: 1.75; text-align: center; margin-top: 53px;}
.resister_arti.form_arti .btn_wrap {border: 0; padding-top: 0;}

/* 마이페이지 */
.mypage_section {justify-content: space-between; max-width: 1600px; width: calc(100% - 40px); margin: 0 auto; padding: 220px 0 150px;}
.mypage_section .page_tit {font-size: 2.1875em; color: #333; line-height: 1; font-weight: 700;}
.mypage_lnb {max-width: 300px; width: 18.75%; }
.mypage_lnb ul {border-top: 1px solid #333; margin-top: 40px;}
.mypage_lnb ul li a {font-size: 1.125em; padding: 0 25px; border-bottom: 1px solid #ddd; height: 70px; display: flex; align-items: center;}
.mypage_lnb ul li.current a {background-color: #00adef; color: #fff;}
.mypage_wrap {max-width: 1210px; width: 75.625%;}
.mypage_cnt {margin-top: 40px;}
.mypage_wrap .mypage_top {justify-content: space-between; align-items: center;}
.mypage_wrap .date_wrap {align-items: center;}
.mypage_wrap .date_wrap p {font-size: 1.125em; font-weight: 700; color: #333; line-height: 1;}
.mypage_wrap .date_wrap p:nth-of-type(1) {margin-right: 20px;}
.mypage_wrap .date_wrap p:nth-of-type(2) {margin: 0 15px;}
.mypage_wrap .date_wrap input.datepicker {position: relative; background: url(/web/Html/images/sub/date_icon.jpg) no-repeat 150px center;}
.mypage_wrap .date_wrap input.datepicker::after {content: ""; display: block; width: 10px; height: 10px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}
.ui-datepicker td span, .ui-datepicker td a,
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {text-align: center; border: none!important; border-radius: 50%; text-align: center; background: none!important; width: 25px; height: 25px; margin: 0 auto; display: flex; align-items: center; justify-content: center; padding: 0; box-sizing: border-box;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {background-color: #00adef!important; color: #fff!important;}
.ui-widget-header {background-color: #fff; border: none;}
.mypage_wrap .date_wrap input.datepicker,
.mypage_wrap .date_wrap input[type="date"] {width: 190px; height: 50px; border: 1px solid #ddd!important; padding: 0 20px; border-radius: 5px;}
.mypage_wrap .date_wrap input[type="submit"] {width: 70px; height: 50px; border: none !important; border-radius: 5px; color: #fff; background-color: #00adef; font-size: 1.125em; margin-left: 10px;}
.mypage_wrap .date_wrap input[type="button"] {cursor:pointer; height: 50px; border: none !important; border-radius: 5px; color: #fff; background-color: #00adef; font-size: 1.125em; margin-left: 10px;padding-left:1em;padding-right:1em;}

.mypage_cnt .tb_outline {border-top: 1px solid #00adef;}
.mypage_cnt table tr {border-bottom: 1px solid #ddd;}
.mypage_cnt table tbody tr {transition: all 0.2s;}
.mypage_cnt table input {cursor: pointer;}
.mypage_cnt table tbody tr:hover {background-color: #f5f5f5;}
.mypage_cnt table tr th {font-size: 1.125em; font-weight: 500; color: #00adef; text-align: center; border-right:1px solid #ddd; line-height: 1.66667; padding: 20px 0;}
.mypage_cnt table tr th:last-child {border-right: 0;}
.mypage_cnt table tr td { text-align: center; border-right:1px solid #ddd; line-height: 1.66667; padding: 20px 0; max-height: 70px;}
.mypage_cnt table tr td:last-child {border-right: 0;}
.mypage_cnt.mypage_outstanding table tr td,
.mypage_cnt.mypage_card table tr td{padding: 15px 0;}
.mypage_cnt table tr td a.btn_more {width: 80px; height: 40px; margin: 0 auto; font-size: 1em; max-width: calc(100% - 10px);}
.mypage_cnt table tr td a.btn_more03 {width: 140px; background-color: #bbbbbb; border: none; color: #fff; font-size: 1em; margin: 0 auto;}


.mypage_cnt.mypage_card p.p01 {line-height: 1; text-align: right; margin-top: 30px;}
.mypage_cnt.mypage_card a.btn_more.mt30 {margin-top: 30px;}

.mypage_cnt .btn_more {width: 180px; height: 60px; align-items: center; justify-content: center; border: 1px solid #00adef; border-radius: 5px; background-color: #fff; color: #00adef; font-size: 1.125em; font-weight: 500; line-height: 1; transition: all 0.3s; margin-top: 40px; margin-left: auto; margin-right: 0;}
.mypage_cnt .btn_more:hover {background-color: #00adef; color: #fff;}
.mypage_cnt .btn_more .icon_wrap {width: 19px; height: 16px; background: url(/web/Html/images/sub/mypage_icon.png) no-repeat center center; transition: all 0.3s;}
.mypage_cnt .btn_more:hover .icon_wrap {background-image: url(/web/Html/images/sub/mypage_icon_h.png);}
.mypage_cnt .btn_more02 {justify-content: space-between; padding: 0 25px;}
.mypage_cnt .btn_wrap {padding-top: 0; border-top: 0;}

.form_arti .gray_btn {height: 50px; font-size: 1em; color: #fff; border-radius: 5px; background-color: #bbb; text-align: center; display: flex; align-items: center; justify-content: center;}
.form_arti .gray_btn02 {border: 1px solid #918f90; background-color: #fff; color: #918f90;}
.form_arti .address-fieldset .join-sub-btn {height: 50px; font-size: 1em; color: #fff; border-radius: 5px; background-color: #bbb; text-align: center; border: none;}
.form_arti .ps01 {display:inline; margin-left: 10px;}
.form_arti .ps01 span {color: #00a6c9;}

.mypage_pop_box {position: fixed;
    display: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 90%;
    max-width: 660px;
    height: 90%;
    max-height: 560px;
    margin: auto auto;
    padding:55px 50px;
    background: #fff;
    z-index: 1001111;
    box-sizing: border-box;}

.mypage_pop_box01 h4 {font-size: 1.875em; font-weight: 700; line-height: 1.4; text-align: center; color: #333;}
.mypage_pop_box01 h4 span {color: #00adef;}
.mypage_pop_box01 ul {background-color: #f5f5f5; border-radius: 5px; padding: 30px 0 30px 20px; margin-top: 32px;}
.mypage_pop_box01 ul li {line-height: 1.875; padding-left: 13px; position: relative;}
.mypage_pop_box01 ul li::before {content: "·"; position: absolute; top: 0; left: 0;}
.mypage_pop_box01 h5 {font-size: 1.25em; font-weight: 500; color: #333; text-align: center; margin-top: 28px;}
.mypage_pop_box01.form_arti .btn_wrap {padding-top: 40px; margin-top: 23px;}

.mypage_pop_box02 {padding: 55px 110px; max-width: 600px; max-height: 510px;}
.mypage_pop_box02 h4 {font-size: 2.1875em; font-weight: 700; line-height: 1; color: #333; text-align: center; margin-bottom: 35px;}
.mypage_pop_box02 .txt_input {height: 60px; color: #999;}
.mypage_pop_box02 .txt_input:focus {border-color: #b2b2b2!important; color: #666;}
/* .mypage_pop_box02 .submit_btn {width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 5px; border: none; background-color: #00adef; font-size: 1.125em; color: #fff; font-weight: 500; margin-top: 20px;} */
.mypage_pop_box02 .btn_wrap {justify-content: center; margin-top: 20px;}
.mypage_pop_box02 .btn_wrap a {width: 180px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 5px; background-color: #918f90; font-size: 1.125em; color: #fff; font-weight: 500; margin-right: 10px;}
.mypage_pop_box02 .btn_wrap .submit_btn {width: 180px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 5px; background-color: #00adef; font-size: 1.125em; color: #fff; font-weight: 500; border: none!important;}

.mypage_pop_box03 {padding: 55px 110px; max-width: 600px; max-height: 430px;}
.mypage_pop_box03 h4 {font-size: 2.1875em; font-weight: 700; line-height: 1; color: #333; text-align: center; margin-bottom: 35px;}
.mypage_pop_box03 .txt_input {height: 60px; color: #999;}
.mypage_pop_box03 .txt_input:focus {border-color: #b2b2b2!important; color: #666;}
/* .mypage_pop_box03 .submit_btn {width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 5px; border: none; background-color: #00adef; font-size: 1.125em; color: #fff; font-weight: 500; margin-top: 20px;} */
.mypage_pop_box03 .btn_wrap {justify-content: center; margin-top: 20px;}
.mypage_pop_box03 .btn_wrap a {width: 180px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 5px; background-color: #918f90; font-size: 1.125em; color: #fff; font-weight: 500; margin-right: 10px;}
.mypage_pop_box03 .btn_wrap .submit_btn {width: 180px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 5px; background-color: #00adef; font-size: 1.125em; color: #fff; font-weight: 500; border: none!important;}