@charset "utf-8";

.wrap_gaia {_overflow-x:hidden; position:relative; width:100%; min-height:100%; padding-bottom:160px; box-sizing:border-box;}
[class*="_inner"] {position:relative; width:100%; max-width:1240px; min-width:1080px; margin:0 auto; padding-left:20px; padding-right:20px; box-sizing:border-box;}
.container [class*="form_"] {max-width:600px; margin:0 auto; box-sizing:border-box;}

/* 헤더 */
.header {position:fixed!important; top:0; right:0; left:0; z-index:10; height:60px; line-height:60px; background-color:#fff; font-size:16px; font-weight:700; color:#13302C; text-align:center;}
.header .header_ci {float:left; width:164px; height:32px; margin-top:14px; font-size:0; background:#fff url(../images/ci_gaia.png) no-repeat left center / 164px 32px ;}
.header .gnb {float:right;}
.header .gnb > a {display:block; position:relative; float:left; padding-right:24px; padding-left:24px; font-size:16px; color:#13302C; transition:background-color 0.2s; text-decoration:none;}
.header .gnb > a:hover {color:#003c42; background: rgba(0, 60, 66, 0.1); cursor:pointer;}
.header .gnb > a.gnb_guide + a.gnb_login::before {display:block; content:''; position:absolute; transform:translate(-24px, 21px); width:1px; height:16px; background-color:#D9D9D9;}
.header .gnb > a.gnb_faq + a.gnb_join::before {display:block; content:''; position:absolute; transform:translate(-24px, 21px); width:1px; height:16px; background-color:#D9D9D9;}
/* 헤더 스크롤다운 하면 그림자 생기기 */
.shadow { -webkit-box-shadow: 0 2px 10px rgba(19, 48, 44, 0.25); -moz-box-shadow: 0 2px 10px rgba(19, 48, 44, 0.25); box-shadow: 0 2px 10px rgba(19, 48, 44, 0.25); transition: box-shadow 0.2s; }

::selection {background-color:rgba(0,102,97,0.75); color:#fff;}
/*
.container {position:relative; padding-top:60px; min-height:calc(100% - 240px)!important; box-sizing:border-box;}
*/
.container {position:relative; padding-top:60px; min-height:calc(100% - 350px)!important; box-sizing:border-box;}

/* index */
.container.index_container {margin-top:0;}
.container .section_slider {min-width:1080px; height:560px; background-color:#fbfcfc;}
.container .section_slider .bx-wrapper {width:100%; margin:0 auto; border:0; box-shadow:unset;}
.container .section_slider .bx-wrapper .bx-viewport {max-width:1920px; height:560px!important; margin:0 auto;}
.container .section_slider .bx-wrapper li {overflow:hidden; max-width:1920px; height:560px;}
.container .section_slider .bx-wrapper li img {width:100%; height:560px; object-fit: cover;}
.container .section_slider .bx-wrapper li .g_txt_slide {position:absolute; z-index:10; top:50%; left:50%; width:40%;}
.container .section_slider .bx-wrapper li .g_txt_slide .h_slide {font-size:40px; font-weight:700; color:#003A40; line-height:1.3;}
.container .section_slider .bx-wrapper li .g_txt_slide .txt_slide_overview {margin-top:20px; font-size:20px; font-weight:400; color:#7B898A; line-height:1.5; letter-spacing:-1px;}

.container .section_slider .bx-wrapper li.slide1 .g_txt_slide {transform:translate(0, -100px);}
.container .section_slider .bx-wrapper li.slide2 .g_txt_slide {transform:translate(120px, -100px);}
.container .section_slider .bx-wrapper li.slide3 .g_txt_slide {transform: translate(10px, -100px);}

.bx-wrapper .bx-pager {position:absolute; bottom:32px!important;}
.bx-wrapper .bx-pager.bx-default-pager a:hover {background:#636E6F!important;}
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {background:#FD3E18!important;}
.bx-wrapper .bx-pager.bx-default-pager a {background:#7B898A!important;}
.container .section_banner {padding-top:12px; padding-bottom:12px; font-size:18px; font-weight:500; text-align:center; color:#444; background:#F5F7F6;}
.container .section_banner .txcol_green2 {font-size:22px; color:#16554C; font-weight:600;}
.container .section_banner br {display: none;}

.container .section_service {margin-top:80px; margin-bottom:80px;}
.container .section_service .h_section {height:46px; line-height:46px; margin-top:80px; margin-bottom:20px; font-size:28px; font-weight:700;}
.container .section_service ul.list_service {overflow:hidden;}
.container .section_service ul.list_service::after {display:block; content:''; clear:both;}
.container .section_service ul.list_service > li {opacity:0; display:block; float:left; width:calc((100% - 48px) / 4); height:300px; border-radius:8px; color:#fff; background-color:rgba(0, 60, 66, 0.3); background-size:cover; cursor:pointer; transition: all 0.25s;}
.container .section_service ul.list_service > li:nth-child(n+2) {margin-left:16px;}
.container .section_service ul.list_service > li > .tit_service {position:relative; display:inline-block; margin-top:12px; padding-left:24px; font-size:24px; font-weight:500; text-align:left; box-sizing:border-box;}
.container .section_service ul.list_service > li > .tit_service::after {display:block; content:''; position:absolute; top:8px; right:-30px; width:24px; height:24px; background:url(../images/ico_arrow_next_w.svg) no-repeat center / 20px 20px;}
.container .section_service ul.list_service > li:hover .tit_service {text-shadow:0px 0px 3px rgb(0 0 0 / 30%);}
.container .section_service ul.list_service > li:hover .tit_service::after {animation:arrowHover 0.46s ease-in infinite alternate;}
@keyframes arrowHover {
  0% {
    right:-30px;
  }
  100% {
    right:-22px;
  }

}

/* .container .section_service ul.list_service > li > .txt_dspt {width:calc(100% - 48px); margin-top:8px; margin-left:24px; font-size:16px; font-weight:500; line-height:1.4; white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; display:none;} */
.container .section_service ul.list_service > li.service_download {background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/img1.png) no-repeat center / cover;  animation:fadeInUp ease-in 1s alternate;animation-fill-mode:forwards;}
.container .section_service ul.list_service > li.service_download:hover {background:linear-gradient(0deg, rgba(0, 0, 0, 0) 4%, rgba(0, 60, 66, 0) 33%), url(../images/img1.png) no-repeat center / cover;}
.container .section_service ul.list_service > li.service_guide {background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/img2.png) no-repeat center / cover; animation:fadeInUp ease-in 1s alternate; animation-delay:0.2s;animation-fill-mode:forwards;}
.container .section_service ul.list_service > li.service_guide:hover {background:linear-gradient(0deg, rgba(0, 0, 0, 0) 4%, rgba(0, 60, 66, 0) 33%), url(../images/img2.png) no-repeat center / cover;}
.container .section_service ul.list_service > li.service_faq {animation-delay:0.4s;  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/img3.png) no-repeat center / cover; animation:fadeInUp ease-in 1s alternate; animation:fadeInUp ease-in 1s alternate; animation-delay:0.4s; animation-fill-mode:forwards;}
.container .section_service ul.list_service > li.service_faq:hover {background:linear-gradient(0deg, rgba(0, 0, 0, 0) 4%, rgba(0, 60, 66, 0) 33%), url(../images/img3.png) no-repeat center / cover;}
.container .section_service ul.list_service > li.service_qna {animation-delay:0.6s;  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/img4.png) no-repeat center / cover; animation:fadeInUp ease-in 1s alternate; animation:fadeInUp ease-in 1s alternate; animation-delay:0.6s; animation-fill-mode:forwards;}
.container .section_service ul.list_service > li.service_qna:hover {background:linear-gradient(0deg, rgba(0, 0, 0, 0) 4%, rgba(0, 60, 66, 0) 33%), url(../images/img4.png) no-repeat center / cover;}
@keyframes fadeInUp {
        0% {
            opacity: 0;
            transform: translate3d(0, 60%, 0);
        }
        to {
            opacity: 1;
            transform: translateZ(0);
        }
    }

/* 로그인 */
.container .section_login {}
.container .section_login .form_login {width:396px; margin:160px auto 100px;}
.container .section_login .form_login .tit_login {}
.container .section_login .form_login .tit_login > p {width:200px; height:100px; margin:0 auto 56px; font-size:0; background: url(../images/ci_gaia_login.png) no-repeat center / 100%;}
.container .section_login .form_login  input {display:block; width:100%; height:56px; margin-bottom: 20px; padding-right:10px; padding-left:10px; box-sizing:border-box; font-size:18px; border:1px solid #aaa; border-radius:4px; background-color:#fff;}
.container .section_login .form_login  input:focus {border-color:#16554C;}
.container .section_login .form_login button.btn_login {width:100%; height:56px; font-size:22px; margin-bottom:10px; font-weight:500; color:#fff; border-radius: 8px; background:#16554C;}
.container .section_login .form_login button.btn_login:hover {background-color:rgba(22, 85, 76, 0.8);}
.container .section_login .form_login .login_link {height:36px; text-align:right;}
.container .section_login .form_login .login_link > a {display:inline-block; position:relative; height:36px; margin-left:20px; line-height:36px; font-size:16px;}
.container .section_login .form_login .login_link > a:nth-child(n+2):before {display:block; content:''; position:absolute; transform:translate(-10px, 10px); width:1px; height:16px; background:#D9D9D9;}
.container .section_login .form_login .login_link > a:hover {line-height:35px; font-weight:700; color:#16554C; cursor:pointer;}
.container .section_login .form_login .login_link > a:hover::after {display:block; content:''; position:absolute; transform:translate(0,0); width:100%; height:1px; background:#16554C;}

/* 회원가입 */
.container .section_join {padding-top:30px;}
.container .section_join .form_join .tit_join {margin-bottom:40px; text-align:center; font-size:40px; font-weight:500; color:#1a1a1a;}
.container .section_join .form_join .join_list {}
.container .section_join .form_join .join_list:after {display:block; content:''; clear:both;}
.container .section_join .form_join .join_list > li:nth-child(n+2) {margin-top:24px;}
.container .section_join .form_join .join_list > li::after{display:block; content:''; clear:both;}
.container .section_join .form_join label {display:block; float:left; width:100%; height:16px; font-size:16px; line-height:16px; text-align:left;}
.container .section_join .form_join input {width:100%; height:56px; margin-top:6px; padding-right:10px; padding-left:10px; line-height:58px; border-radius:4px; font-size:18px; box-sizing:border-box;}
.container .section_join .form_join input.user_id,
.container .section_join .form_join input.user_phone,
.container .section_join .form_join input.user_code {float:left; width:calc(76% - 8px);}
.container .section_join .form_join input.user_mail {float:left; width:calc(60% - 8px);margin-right:8px;}
.container .section_join .form_join .domain_list {width:40%; height:56px; margin-top:6px; padding-left:10px; padding-right:10px; font-size:18px; border-color:#aaa; cursor:pointer;}
.container .section_join .form_join .join_list > li.g_company > div,
.container .section_join .form_join .join_list > li.g_pw > div {width:calc(50% - 10px); float:left;}
.container .section_join .form_join .join_list > li.g_company > div:first-child,
.container .section_join .form_join .join_list > li.g_pw > div:first-child {margin-right:10px;}
.container .section_join .form_join .join_list > li.g_company > div + div,
.container .section_join .form_join .join_list > li.g_pw > div + div {margin-left:10px;}
.container .section_join .form_join button {height:56px; line-height:56px; border-radius:4px; font-size:18px; text-align:center;}
.container .section_join .form_join button.btn_user_id_chk,
.container .section_join .form_join button.btn_get_code,
.container .section_join .form_join button.btn_code_confirm {float:right; width:24%; margin-top:6px; margin-left:8px; color:#fff; background-color:#16554C;}
.container .section_join .form_join button.btn_user_id_chk:hover,
.container .section_join .form_join button.btn_get_code:hover,
.container .section_join .form_join button.btn_code_confirm:hover {background-color:rgba(22, 85, 76, 0.8);}
.container .section_join .form_join .g_btn_join {margin-top:50px;}
.container .section_join .form_join .g_btn_join::after {display:block; content:''; clear:both;}
.container .section_join .form_join .g_btn_join button.btn_join {float:left; width:calc(62% - 10px); margin-right:10px; font-size:20px; font-weight:500; color:#fff; background-color:#16554C;}
.container .section_join .form_join .g_btn_join button.btn_cancel {float:right; width:calc(38% - 10px); margin-left:10px; font-size:20px; font-weight:500; border:none; color:#fff; background-color:#8D9094;}
.container .section_join .form_join .g_btn_join button.btn_cancel:hover {background-color:rgba(141, 144, 148, 0.8);}
.container .section_join .form_join .essential {margin-left:4px; font-size:18px; font-weight:bold; color:#ED3A13;}
.container .section_join .form_join .notice {float:right; font-size:14px; line-height:32px; text-align:right; color:#ED3A13;}
.guide {margin-left:10px; font-size:14px; color:#807F7F;}

/* 회원가입탈퇴버튼 */
.g_btn_secede {margin-top:16px; padding-bottom:4px; border-top:1px solid #E5E5E5;}
.g_btn_secede::after {display:block; content:''; clear:both;}
.container .section_join .form_join .g_btn_secede button.btn_secede {float:right; height:24px; margin-top:12px; padding-bottom:4px; line-height:24px; font-size:18px; color:#444; text-align:right; text-decoration:underline; text-underline-position: under; border-radius:0; background:none;}
.g_btn_secede button.btn_secede:hover {font-weight:500;}

/* 이용약관동의 */
#fregister {min-height:calc(100% - 240px);}
.container .section_service_terms {padding-top:30px;}
.container .section_service_terms .form_service_terms .tit_service_terms {height:60px; line-height:60px; margin-bottom:24px; text-align:center; font-size:40px; font-weight:500; color:#1a1a1a;}
.container .section_service_terms .form_service_terms .tit_service_terms p {color:#1a1a1a;}
.container .section_service_terms .form_service_terms .service_terms_list {}
.container .section_service_terms .form_service_terms .service_terms_list > li {padding-top:16px; padding-bottom:8px;}
.container .section_service_terms .form_service_terms .service_terms_list > li.g_chk_total {margin-bottom:10px; border-bottom:1px solid #ccc; font-weight:700;}
.container .section_service_terms .form_service_terms .service_terms_list > li:nth-child(n+2) > label {font-weight:500;}
.container .section_service_terms .form_service_terms .btn_agree {width:100%; height:56px; margin-top:24px; line-height:56px; border-radius:4px; font-size:22px; text-align:center; color:#fff; background-color:#16554C;}
.container .section_service_terms .form_service_terms .btn_agree:hover {background-color:rgba(22, 85, 76, 0.8);}
.container .section_service_terms .form_service_terms .essential {margin-left:4px; font-size:12px; color:#ED3A13;}
.container .section_service_terms .form_service_terms .txt_terms {overflow-y:auto; height:100px; margin-top:4px; padding:20px; border-radius:4px; background-color:#efefef;}
.container .section_service_terms .form_service_terms .txt_terms li b {}
/* 체크박스 커스텀 */
input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
input[type="checkbox"] + label {display:block; position: relative; font-size:16px; cursor:pointer;}
.container .section_service_terms .form_service_terms input[type="checkbox"] + label:before {content:''; display:inline-block; transform:translate(0, -2px); width:20px; height:20px; margin-right:8px; line-height:20px; text-align: center; vertical-align:middle; border:1px solid #aaa; background-color:#fff; border-radius:3px; cursor:pointer;}
.container .section_service_terms .form_service_terms input[type="checkbox"]:checked + label:before {content:'\2714'; color: #fff; border-color:#003A40; background-color:#16554C;}

/* 아이디찾기 */
#fmemberconfirm {height:100%;}/*비밀번호확인*/
.popup_gaia {height:calc(100% - 240px)!important; min-height: unset!important; margin-top: 0!important; padding-top:100px!important; box-sizing:border-box;}

.popup_gaia .section_find_info {}
.popup_gaia .section_find_info .find_contents {min-width:280px; max-width:600px; margin:20px auto;}
.popup_gaia .section_find_info .find_contents .tit_find {height:64px; line-height:64px; margin-bottom:10px; font-size:24px; letter-spacing:0.05em; font-weight:700; color:#003A40; text-align:center; border-bottom:3px solid #003A40;}
.popup_gaia .section_find_info .find_contents .find_option {position:relative; padding:16px 20px 16px 20px; margin-bottom:10px; font-size:16px; font-weight:500; line-height:32px; border-bottom:1px solid #E5E5E5;}
.popup_gaia .section_find_info .find_contents .find_option label {cursor:pointer;}
.popup_gaia .section_find_info .find_contents .find_notice {height:80px; padding-left:8px; padding-right:8px; line-height:110px; font-size:18px; font-weight:500; color:#1a1a1a; border-bottom:1px solid #E5E5E5; }
.popup_gaia .section_find_info .find_contents .find_extend {padding-top:10px; margin-bottom:24px;}
.popup_gaia .section_find_info .find_contents .find_extend li {margin-bottom:10px; padding-top:10px; padding-bottom:20px;}
.popup_gaia .section_find_info .find_contents .find_extend li::after {display:block; content:''; clear:both;}
.popup_gaia .section_find_info .find_contents .find_extend li.g_code_done {display:none;}
.popup_gaia .section_find_info .find_contents .find_extend li.done_code_confirm {display:none;}
.popup_gaia .section_find_info .find_contents .find_extend li.g_code_done + li.done_code_confirm {display:block;}
.popup_gaia .section_find_info .find_contents .find_extend li label {display:block; width:100%; font-size:16px;}
.popup_gaia .section_find_info .find_contents .find_extend li input {width:100%; height:56px; padding-left:10px; padding-right:10px; margin-top:10px; border-radius:4px; font-size:18px; border-color:#aaa; box-sizing:border-box;}
.popup_gaia .section_find_info .find_contents .find_extend li input:focus {border-color:#16554C;}
.popup_gaia .section_find_info .find_contents .find_extend li .notice {float:right; width:100%; height:20px; line-height:20px; margin-top:10px; text-align:right; font-size:14px; color:#ED3A13;}
.popup_gaia .section_find_info .find_contents .find_extend li .notice_done {font-size:18px; font-weight:500; color:#005aff; text-align:center;}
.popup_gaia .section_find_info .find_contents .find_extend li .user_mail {float:left; width:calc(40% - 4px); margin-right:4px;}
.popup_gaia .section_find_info .find_contents .find_extend li .domain_list {float:left; width:calc(36% - 8px); height:56px; margin-top:10px; margin-left:4px; margin-right:4px; font-size:18px;}
.popup_gaia .section_find_info .find_contents .find_extend li button.btn_get_code {float:right; width:calc(24% - 4px); height:56px; margin-top:10px; margin-left:4px; font-size:18px; color:#fff; text-align:center; border-radius:4px; background-color:#16554C;}
.popup_gaia .section_find_info .find_contents .find_extend li button.btn_code_confirm {float:right; width:calc(24% - 4px); height:56px; margin-top:10px; margin-left:4px; font-size:18px; color:#fff; text-align:center; border-radius:4px; background-color:#16554C;}
.popup_gaia .section_find_info .find_contents .find_extend li button.btn_get_code:hover,
.popup_gaia .section_find_info .find_contents .find_extend li button.btn_code_confirm:hover {background-color:rgba(22, 85, 76, 0.8);}
.popup_gaia .section_find_info .find_contents .g_btn_find {padding-top:10px; text-align:center;}
.popup_gaia .section_find_info .find_contents .g_btn_find button {width: calc(50% - 10px); height:60px; line-height:60px; font-size:20px; font-weight:500; color:#fff; text-align:center; border-radius:8px;}
.popup_gaia .section_find_info .find_contents .g_btn_find button.btn_confirm {float:left; margin-right:10px; background-color:#16554C;}
.popup_gaia .section_find_info .find_contents .g_btn_find button.btn_confirm.align_cnt {float:unset; margin:0 auto;}
.popup_gaia .section_find_info .find_contents .g_btn_find button.btn_confirm:hover {background-color:rgba(22, 85, 76, 0.8);}
.popup_gaia .section_find_info .find_contents .g_btn_find button.btn_cancel {float:right; margin-left:10px; background-color:#8D9094;}
.popup_gaia .section_find_info .find_contents .g_btn_find button.btn_cancel:hover {background-color:rgba(141, 144, 148, 0.8);}
/* 라디오버튼 커스텀 */
input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border:0;}
input[type="radio"] + label {display:inline-block; position:relative; padding-left:30px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
input[type="radio"] + label:before {content:''; position:absolute; transform: translate(-28px, 5px); width:18px; height:18px; text-align:center; background:#fff; border:1px solid #aaa; border-radius:100%;}
input[type="radio"]:checked + label:before {background:#fff; border-color:#003A40;}
input[type="radio"]:checked + label:after {content: ''; position:absolute; left:0; transform:translate(7px, 10px); width:10px; height:10px; background: #003A40; border-radius:100%;}

/* 아이디 찾기 결과 */
.popup_gaia .section_find_info .find_contents .h_find {height:65px; line-height:65px; font-size:18px; font-weight:600; color:#003A40; text-align:center; border-bottom:3px solid #003A40; box-sizing:border-box;}
.popup_gaia .section_find_info .find_contents .find_extend li.view_id {height:200px; line-height:200px; font-size:20px; font-weight:500; color:#1a1a1a; text-align:center;}
.popup_gaia .section_find_info .find_contents .find_extend li.result_find_info {height:200px; line-height:200px; font-size:16px; color:#444; text-align:center;}
.popup_gaia .section_find_info .find_contents .find_result {height:120px; line-height:80px;}
.popup_gaia .section_find_info .find_contents .find_result .notice_done {font-size:18px; text-align:center;}
.popup_gaia .section_find_info .find_contents .find_result .notice_done .txt_bold {font-weight:700; color:#16554C;}

/* 다운로드 패아자*/
.container .section_visual {height:480px; background:url(../images/visual1.png) no-repeat center / 1920px 480px;}
.container .section_visual .btn_download {width:280px; height:72px; margin-top:300px; margin-left:20px; padding-left:24px; border-radius:290px; background:linear-gradient(310deg, #006661, #007c89); box-shadow:0 0 16px 2px rgba(1, 40, 33, 0.15);}
.container .section_visual .btn_download a {font-size:24px; font-weight:400; color:#fff; letter-spacing:2px;}
.container .section_visual .btn_download:hover {background:#005861;}
.container .section_visual .btn_download::before {display:block; content:''; position:absolute; transform: translate(24px, 5px); width:24px; height:24px; background:url(../images/ico_download.svg) no-repeat center / 100%;}
.container .section_visual .downlaod_info {margin-top:10px; margin-left:40px; font-size:18px; font-weight:500; line-height:1.8;}
.container .section_buy_info {overflow:hidden; position:relative; padding-top:16px; padding-bottom:16px; background-color:#F5F6F6; font-size:18px; font-weight:600; color:#222; text-align:center;}
.container .section_buy_info::after {opacity:0.8; display:block; content:''; position:absolute; top:0; left:0; right:0; width:100%; height:60px; background:url(images/img_banner_bg.png) no-repeat center top / cover;}
.container .section_howtoset {margin-top:80px; margin-bottom:80px;}
.container .section_howtoset .tit_howtoset {margin-bottom:20px; padding-bottom:16px; font-size:28px; font-weight:500; border-bottom:1px solid #eaeaea;}
.container .section_howtoset .txt_howtoset {margin-left:16px; font-size:18px; font-weight:400; line-height:2;}

/* 이용가이드 */
.container .section_howtouse {margin-bottom:80px;}
.container .section_howtouse .tit_howtouse {margin-top:40px; margin-bottom: 40px; text-align: center; font-size: 40px; font-weight: 500; color: #1a1a1a;}
.container .section_howtouse .txt_howtouse {max-width:600px; margin:0 auto 20px; font-size:18px; color:#666; text-align:center; line-height:1.8;}
.container .section_howtouse .video_list {margin-top:100px;}
.container .section_howtouse .video_list .video_list_inner::after {display:block; content:''; clear:both;}
.container .section_howtouse .video_list [class*="item_"] {display:block; float:left; width:calc((100% - 40px) / 3); margin-bottom:60px; cursor:pointer;}
.container .section_howtouse .video_list [class*="item_"]:nth-child(3n-1) {margin:0 20px;}
.container .section_howtouse .video_list [class*="item_"] [class*="img_"] {display:block; position:relative; height:240px; margin-bottom:8px; border-radius:8px; background-repeat:no-repeat; background-position:center; background-size:cover; background-color:#eaeaea; box-shadow: 0 0 1px 1px rgb(0 0 0 / 10%);}
.container .section_howtouse .video_list [class*="item_"] .tit_thumb {padding-left:4px; font-size:20px; font-weight:500;}
.container .section_howtouse .video_list .item_1 .img_thumb {background-image: url(./images/img_videoposter1.png);}
.container .section_howtouse .video_list .item_2 .img_thumb {background-image: url(./images/img_videoposter2.png);}
.container .section_howtouse .video_list [class*="item_"] .img_thumb .time_status {display:inline-block; position:absolute; right:10px; bottom:10px; padding:2px 4px; font-size:14px; text-align:right; color:#fff; background-color:#212121;}

/* 이용가이드 영상보기 */
.container .section_howtouse_detail {margin-top:120px;}
.container .section_howtouse_detail .detail_top {display:flex; justify-content:space-between; height:40px; padding-top:16px; padding-bottom:12px; border-bottom:1px solid #eaeaea;}
.container .section_howtouse_detail .detail_top .tit_detail {display:inline-block; font-size:30px; font-weight:400; color:#1a1a1a; text-align:left;}
.container .section_howtouse_detail .detail_top .g_date_detail {display:inline-block; position:relative; font-size:14px; font-weight:400; color:#888; text-align:right; line-height:56px;}
.container .section_howtouse_detail .detail_top .g_date_detail:before {display:block; content:''; position:absolute; transform: translate(-16px, 20px); width:1px; height:14px; background-color:#ddd;}
.container .section_howtouse_detail .detail_contens {padding-top:32px; padding-bottom:48px; border-bottom:1px solid #eaeaea;}
.container .section_howtouse_detail .detail_contens .detail_contens_inner {width:calc(100% - 40px);}
.container .section_howtouse_detail .detail_contens .txt_detail_contens {font-size:18px; line-height:2;}
.container .section_howtouse_detail .detail_contens .txt_detail_contens .h3_contents {font-size:26px; font-weight:500; color:#212121;}
.container .section_howtouse_detail .detail_contens .txt_detail_contens .contents_summary {padding-top:8px; padding-bottom:24px; letter-spacing:-0.2px; color:#212121;}
.container .section_howtouse_detail .detail_contens .txt_detail_contens .contents_inlist {}
.container .section_howtouse_detail .detail_contens .txt_detail_contens .contents_inlist > li {margin-top:8px; margin-bottom:8px; padding-left:10px; font-weight:400; color:#424242;  letter-spacing:-0.2px;}
.container .section_howtouse_detail .detail_contens .txt_detail_contens .contents_inlist > li:before {display:block; content:'\2022'; position:absolute; transform:translate(-10px,-2px); }

.container .section_howtouse_detail .detail_contens video {margin-bottom:32px; cursor:pointer;}
.container .section_howtouse_detail .detail_bottom {padding-top:40px; padding-bottom:40px;}
.container .section_howtouse_detail .detail_bottom button.btn_view_list {display:block; width:200px; height:60px; margin:0 auto; line-height:60px; font-size:20px; font-weight:500; color:#fff; text-align:center; border-radius:8px; background-color:#16554C;}
.container .section_howtouse_detail .detail_bottom button.btn_view_list:hover {background-color:rgba(22, 85, 76, 0.8);}


/*footer*/
.footer {position:absolute; left:0; right:0; bottom:0; min-width:1080px; height:160px; margin-top:80px; padding-top:30px; _padding-bottom:40px; font-size:14px; background-color:#F5F7F7; box-sizing:border-box;}
.footer .footer_inner::after {display:block; content:''; clear:both;}
.footer_ci,
.footer_info {float:left; line-height:1.5; color:#444;}
.footer_ci {margin-right:30px;}
.footer .footer_ci {width:128px; height:42px; background:url(../images/ci_saman_2x.png) no-repeat center/ 100%;}
.footer_company b {margin-right:10px;}
.footer_link {float:right;}
.footer_link a {position:relative; margin-left:20px;}
.footer_link a:hover {text-decoration:underline; text-underline-position: under;}
.footer_link a:first-child:before {display:block; content:''; position:absolute; transform:translate(0, 4px); width:1px; height:14px; background: rgba(0, 0, 0, 0.5);}

/* 개인정보 취급방침 */
.container .section_service_terms_pd {}
.container .section_service_terms_pd [class*="_inner"] {max-width:982px; min-width:280px;}
.container .section_service_terms_pd .tit_terms_pd {height: 60px; line-height: 60px; margin-bottom:60px; text-align: center; font-size: 40px; font-weight: 500; color: #1a1a1a;}
.container .section_service_terms_pd .tit_terms_pd .heading_terms_pd {margin-top:80px; font-weight:400; color:#222;}
.container .section_service_terms_pd .terms_pd_list {font-size:16px;}
.container .section_service_terms_pd .terms_pd_list .h4_inlist {margin-top:48px; margin-bottom:10px; font-size:18px;}
.container .section_service_terms_pd .terms_pd_list .h6_inlist {margin-top:12px; padding-left:8px;}
.container .section_service_terms_pd .terms_pd_list span {display:block; line-height:1.5;}
.container .section_service_terms_pd .terms_pd_list span a:hover {text-decoration:underline; text-underline-postion:under;}
.container .section_service_terms_pd .terms_pd_list .conts_inlist {}
.container .section_service_terms_pd .terms_pd_list .item_order {margin-top:16px; padding-left:20px; text-indent:-20px;}
.container .section_service_terms_pd .terms_pd_list .item_unorder + .item_order {margin-top:12px;}
.container .section_service_terms_pd .terms_pd_list .item_unorder {padding-left:16px;}

/* 이메일무단수집거부 */
.container .section_service_terms_email {min-height:calc(100vh - 380px);}
.container .section_service_terms_email [class*="_inner"] {max-width:982px; min-width:280px;}
.container .section_service_terms_email .tit_terms_email {height: 60px; line-height: 60px; margin-bottom:60px; text-align: center; font-size: 40px; font-weight: 500; color: #1a1a1a;}
.container .section_service_terms_email .tit_terms_email .heading_terms_email {margin-top:80px; font-weight:400; color:#222;}
.container .section_service_terms_email .terms_email_list {font-size:16px;}
.container .section_service_terms_email .terms_email_list li.txt_cent {text-align:center;}
.container .section_service_terms_email .terms_email_list .h4_inlist {margin-top:40px; margin-bottom:10px; font-size:18px;}
.container .section_service_terms_email .terms_email_list span {display:block; line-height:1.5;}
.container .section_service_terms_email .terms_email_list .conts_inlist {}
.container .section_service_terms_email .terms_email_list .item_order {margin-top:16px; padding-left:20px; text-indent:-20px;}
.container .section_service_terms_email .terms_email_list .item_unorder + .item_order {margin-top:12px;}
.container .section_service_terms_email .terms_email_list .item_unorder {padding-left:16px;}

/* 탑버튼 */
.topBtn {display:none; position:fixed; bottom:50px; right:5%; z-index:2; width:60px; height:60px;}
.topBtn .topClr{width:60px; height:60px; border-radius:50%; background:#003C42; position:relative; display:inline-block; vertical-align:top; box-shadow: 0px 30px 60px 0px rgba(19, 48, 44, 0.25); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);transition:0.25s;}
.topBtn .topClr .topArr{display: block; width: 2px; height: 35px; background:#fff; position: absolute; left: 50%;  bottom: 0; transform:translateX(-50%); transition:0.5s;}
.topBtn .topClr .topArr:before {content:""; display:block; width: 15px; height: 2px; transform:rotate(-45deg); position: absolute; right: calc(100% - 1px); top: 0px; background:#fff; transition: 0.25s; transform-origin: 100%; }
.topBtn .topClr .topArr:after {content:""; display:block; width: 15px; height: 2px; transform:rotate(45deg); position: absolute; left: calc(100% - 1px); top: 0; background:#fff;transition: 0.25s; transform-origin: 0; }
.topBtn .topClr:hover {background:#13302C;}
.topBtn .topClr:hover .topArr{bottom:12px;}

/*
@media (max-width:1023px){
    [class*="_inner"] {position:relative; width:100%; max-width:983px; margin:0 auto; padding-left:20px; padding-right:20px; box-sizing:border-box;}
    .container .section_service ul.list_service > li {display:block; width:100%; height:486px; margin-right:0!important; margin-left:0!important; margin-bottom:20px;}
    .topBtn {right:30px; bottom:30px;}
    .container .section_banner br {display: none;}
}

@media (max-width:959px){
    header {height:120px;}
    .container {padding-top:120px;}
}

@media (max-width:767px){
    [class*="_inner"] {position:relative; width:100%; max-width:767px; margin:0 auto; padding-left:20px; padding-right:20px;}
    .container [class*="form_"] {max-width:100%;}
    .footer {height:unset;padding-bottom:40px;}
    .footer_link {width:100%; margin-top:20px; text-align:center;}
    .footer_link a:first-child:before {display:none;}
}

@media (max-width:456px){
    .container .section_join .form_join .join_list > li.g_company > div,
    .container .section_join .form_join .join_list > li.g_pw > div {float:unset; width:100%;margin-bottom: 24px;}
    .container .section_join .form_join .join_list > li.g_company > div + div,
    .container .section_join .form_join .join_list > li.g_pw > div + div {margin-left:0;}
    .bx-viewport,
    .bx-wrapper img {height:350px;}
    .container .section_banner {font-size:14px; line-height:1.6;}
    .txcol_green2 {font-size:18px;}
}
*/