@charset "utf-8";

body {font-family: 'NotoSans'; font-size:16px; font-weight: 400; line-height: 1; color: #333; letter-spacing: -0.5px;}
p {line-height:1.3;}
table {font-family: 'NotoSans';}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; color:#333; background:#fff url(/portal/open_content/images/2023_renewal/main/ico_utilarrow.png) no-repeat 95% center; font-family: 'NotoSans';}

input {font-family: 'NotoSans';}
.ellipsis1 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ellipsis2 {overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; }

body.over-hidden {overflow:hidden;}
.blind {position: absolute; width:1px; height:1px; overflow:hidden; clip: rect(0 0 0 0); margin: -1px;}
.main_content_wrap * {font-family: 'NotoSans'; font-weight: 400; color: #333; letter-spacing: -0.45px;}
.box_in {width:auto; max-width:1320px; min-width:auto; padding:0 15px;}

/* ·Î±×ÀÎ,ȸ¿ø°¡ÀÔ À¯Æ¿ */
.tnb_wrap .tnb_area {max-width: 1290px; display: flex; justify-content: left; flex-wrap: wrap; font-size: 15px;}
.tnb_wrap .tnb_area .tnb {float: none; margin-right: auto;}
.tnb_wrap .tnb_area .tnb li {max-height:43px;}
.tnb_wrap .tnb_area .tnb li a {line-height: 1; padding: 14.5px 15px; border-top: 0; color: #333; font-weight: 400;}
.tnb_wrap .tnb_area .tnb li.on a {font-weight: bold; border-top: 0;}
.tnb_wrap .tnb_area .tnb li.on a:before {content: none;}
.tnb_wrap {background: #f6f6f6; border-bottom: 0;}
.util_area {display: flex; align-items: center; font-size: 15px;}
.util_area .util_list {display: flex; align-items: center;}
.util_area .util_list li {font-size: 15px;}
.util_area .util_list li a {display: block; margin-right:15px;}
.util_area .util_list .selectBox_lague a {border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf;}
.util_list .selectBox_area {padding: 0px 15px;}
.util_list .selectBox_area select {height: 44px; line-height: 44px;}
.tnb_wrap .tnb_area .selectBox_site {background: none;}
.tnb_wrap .tnb_area .selectBox_site select {background: none;}
.selectBox_list {display: flex; align-items: center;}
.util_area .util_list a {display: block; margin-right: 15px;}
.util_area .selectBox_list {background: #e9e9e9;}
.util_area .selectBox_area.site {display:none; max-width: 150px;}
.util_area .selectBox_area select {position: relative; width: 100%; height: 44px; padding: 14.5px 20px 14.5px 15px; line-height: 1; font-size: 15px; font-weight: 400; letter-spacing: -0.45px; background: url(/portal/open_content/images/2023_renewal/main/ico_utilarrow.png) no-repeat center right 10px;}
.selectBox_area + [class*="btn_go"] {padding:5px; border: 1px solid #afafaf;}

/* header */
.header {position: relative; border-bottom: 1px solid #dce0e4; min-width: auto;}
.header_box {max-width: 1320px; min-width: auto; width: auto; margin: 0 auto; padding:0px 15px; box-sizing:border-box;}
.header_box:after {content: none;}
.gnb_box {border-top: 0; box-shadow: none; min-width: auto; width: auto; }
.gnb_box .gnb {border-bottom: 0;}
.gnb {width: auto;}
.gnb > ul > li:first-child {} /* layout.css ¿¡¼­ width:17% »èÁ¦ */
.gnb > ul > li {border-right: 0; width: calc(100% / 6); height:auto;}
.gnb > ul > li:first-child {border-left: 0;}
.gnb > ul > li > a {padding: 28px 25px; font-family: 'NotoSans' !important; font-size: 22px; letter-spacing: -0.9px;}
.gnb > ul > li > div > ul > li.on > a {color: #666; font-weight:300; text-decoration: none;}
.header_box .search_area {width: 310px; border: 2px solid #ee6575;} 
.header_box .searchbox_area {margin: 0;}
.header_box .search_area .top_sch_sle {background-image: url(/portal/open_content/images/2023_renewal/main/ico_select.png); background-position: right 8px top 24px;}
.search_area {height: 49px;}
.header_box .search_area .top_sch_sle {height: 49px; line-height: 49px; left: 25px; top: -2px; appearance: none;}
.search_area > div {width: 100%; height: 100%;}
.search_area .formSearch1 {width: 100%; height: 100%;}
.header_box .search_area > div > form > fieldset {height: auto; padding: 3px 35px 0 105px;}
.header_box .search_area .top_sch_int {font-weight: 300;}
.header_box .search_area .top_sch_btn {top:13px;}
.header_box .search_area .mo.top_sch_btn {display:none;}

/*gnb*/
.header {height: 110px;}
.header_box {position: initial; height: 100%; display:flex; align-items: center; justify-content: space-between;}
.gnb_box  {position: initial; max-width:800px; height: 110px; width:100%;}
.gnb_inner {height: 100%;}
.gnb_box .gnb {height: 100%; overflow: inherit;}
.gnb {position: initial;}
.gnb > ul > li {width: calc(100% / 6);}
.gnb > ul > li.on {background:none;}
.gnb > ul > li:first-child {width: calc(100% / 6);}
.gnb > ul > li:last-child > a {color:#302784 !important;}
.gnb > ul > li > a > span {font-weight:bold;}
.gnb > ul > li.on > a > span {color:#302784;}
.gnb > ul > li > a::before {content:none;}
.gnb > ul > li > a::after {display:block;position:absolute;left:50%;bottom:0;width:0;background:#302784;height:6px;content:''; opacity:0; transition:width 0.3s; transition:opacity 0.3s;}
.gnb > ul > li > div {display:none; position:absolute; left:0; width:100%; min-height:660px;}
.gnb > ul > li.on > div {display:block;}
.gnb_box .gnb > ul > li .depth2_wrap {display:none; position:absolute; left:0; width:100%; padding:30px 0; background:#faf3f3; box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);}
.gnb_box .gnb > ul > li.on .depth2_wrap {display:block;}
.gnb_box .gnb > ul > li .depth2_menu {display: flex; max-width:1320px; padding:0 15px; margin:0 auto; flex-wrap: wrap;}
.gnb_box .gnb > ul > li .depth2_menu > li {width:calc(100% / 5 - 16px); margin-right:20px; margin-bottom: 20px; line-height:1;}
.gnb_box .gnb > ul > li .depth2_menu > li:nth-child(5n) {margin-right:0;}
.gnb_box .gnb > ul > li .depth2_menu > li > a {display:block; padding:10px 25px; background: #e1e1e1; border-radius: 15px;  box-sizing:border-box;}
.gnb_box .gnb > ul > li .depth2_menu > li > a > span {font-size:19px; font-weight:500; color:#252525; font-family: 'SCDream'; line-height:1.3; letter-spacing: -1.14px;}
.gnb_box .gnb > ul > li .depth3_menu {margin-top:12px;}
.gnb_box .gnb > ul > li .depth3_menu > li > a {display:block; width:100%; padding:6px 0 5px 25px; box-sizing:border-box; text-align: left;}
.gnb_box .gnb > ul > li .depth3_menu > li > a:hover {background:#fff; border-radius:30px;}
.gnb_box .gnb > ul > li .depth3_menu > li > a:hover > span {color:#302784;}
.gnb_box .gnb > ul > li .depth3_menu > li > a > span {position:relative; display:inline-block; padding-left:15px; font-size:16px; color:#525252; line-height: 1.3; letter-spacing: -0.85px; box-sizing: border-box;}
.gnb_box .gnb > ul > li .depth3_menu > li > a > span::before {position:absolute; top:7px; left:3px; width:4px; height:4px; background:#373737; border-radius:50%; content:'';}
.gnb_box .gnb > ul > li .depth3_menu > li > a.new_window > span{padding-right:20px; background: url(/portal/open_content/images/2023_renewal/layout/new_window.png) right center no-repeat; content:'';}   

.mob_gnb {display:none; position: fixed; left: -100%; top: 0px; width:100%; height: 100vh; overflow-y: auto; background: #eff0f2; transition: 0.3s; -webkit-transition: 0.3s;}
.mob_gnb.on {left: 0;} 
.mob_gnb .mob_gnb_box {height:100%;}
.m_util_area {background:#584571; color:#fff;}
.m_util_area .util_list {display:flex; flex-wrap:wrap; align-items: center; justify-content: flex-end; padding:15px 0;}
.m_util_area .util_list > li + li {border-left:1px solid #fff;}
.m_util_area .util_list > li > a {display:block; padding:0 10px; color:#fff;}
.m_util_area .util_list .btn_logon {background-color: initial; color:#fff; border-top: 0; padding: 0 10px; height: auto; line-height: 1; border-right: 1px solid #fff;}
.btn_logon span {color:#fff; background:none;}
.m_util_area .util_list .selectBox {height: 100%; padding:0 35px 0 10px; color: #fff; background: url(/portal/open_content/images/2023_renewal/main/w_arrow.png) right 15px center no-repeat;}
.m_header {display: flex; align-items: center; justify-content: space-between; padding:15px 20px; background:#fff;}
.m_header .logo > a {display:block; width:100%; height:100%;}
.m_header .menu_search_area .search_btn {display: flex; align-items: center;}
.m_header .menu_search_area .search_btn > span {display:inline-block; width:30px; height:30px; margin-right:5px; background-color:#ececec; background-image:url(/portal/open_content/images/2023_renewal/main/m_search_btn.png); background-position:left 2px center; border-radius:50%;}
.quick_menu_area {padding:20px 20px 0;}
.quick_menu_area .menu_list {display:flex; flex-wrap:wrap; padding:15px; background:#fff; border-radius: 10px; box-shadow: 2px 3px 16px 0px rgba(0, 0, 0, 0.06); box-sizing:border-box;}
.quick_menu_area .menu_list > li {width:calc(100% / 2 - 5px); margin-bottom:15px;}
.quick_menu_area .menu_list > li:nth-child(odd) {margin-right:10px;}
.quick_menu_area .menu_list > li:nth-last-child(-n+2) {margin-bottom:0px;}
.quick_menu_area .menu_list > li > a {display:block; width:100%; height:100%;}
.quick_menu_area .menu_list > li > a > span {font-size:18px; font-weight:500;}
.mob_menu {padding:20px; box-sizing:border-box;}
.mob_menu > li {margin-bottom:25px; border-radius:10px; overflow: hidden; box-shadow: 2px 3px 16px 0px rgba(0, 0, 0, 0.06);}
.mob_menu > li > a {padding: 11px 20px 11px 20px; background:#ebe7ee;}
.mob_menu li > a > span {font-size:20px; font-weight:500;}
.depth1_area { border-bottom:0;}
.depth1_area > li > a > span {color: #6b1f35;}
.depth2_area {display:block; padding: 15px 0; background: #fff;}
.depth2.on {display:block;}
.depth2_area > li {background-color: #fff; border-bottom: 0;}
.depth2_area > li > a.haschild {background:#fff; padding: 5px 20px;}
.depth2_area > li > a {background:#fff; padding: 5px 20px;}
.depth2_area > li > a > span {position:relative; display: block; padding-left: 20px; font-size:17px; font-weight:500; box-sizing:border-box;}
.depth2_area > li > a > span::before {position:absolute; top:13px; left:9px; width:4px; height:4px; background:#bababa; border-radius:50%; content:'';}
.depth3_area {display:block; padding: 0px 0; background-color: #fff;} 
.depth3.on {display:block;}
.depth3_area > li > a {background:none; padding: 0px 0 0px 50px;}
.depth3_area > li > a > span {position:relative; font-size:17px; font-weight:400;}
.depth3_area > li > a.new_window > span {padding-right:20px; background: url(/portal/open_content/images/2023_renewal/layout/new_window.png) right center no-repeat;}
.depth3_area > li > a > span::before {position:absolute; top:13px; left:-10px; width:5px; height:2px; background:#bababa; content:'';}
.mob_gnb_box .close-btn {position: absolute; left: 20px; top: 13px;}
.menu_search_area {}
.detail_search {display:none; position: absolute; left:0; top: 0; width: 100%; height: 100%; background: #eff0f2;}
.detail_search .search_header {position: fixed; top: 0; left: 0; width: 100%; height:225px; z-index: 15;}
.detail_search .search_header .tit {position: relative; padding: 20px; background: linear-gradient(to right, #d94567 45%, #983c81);}
.detail_search .search_header .tit > p {text-align:center; font-size:18px; font-weight:500; color:#fff;}
.detail_search .search_header .search_prev {position: absolute; left: 20px; top: 50%; transform: translateY(-50%);}
.detail_search .menu_search_wrap {display:none; padding:15px 20px; background: #fff;}
.detail_search .seach_inner {position: relative;}
.detail_search .seach_inner > input {display: block; width:100%; height: 47px; padding:10px 20px; border:2px solid #ee6575; border-radius: 30px; box-sizing: border-box;}
.detail_search .seach_inner > a {position: absolute; top:14px; right:20px; width: 18px; height: 19px; font-size:0px; background:url(/portal/open_content/images/2023_renewal/main/btn_search.png) no-repeat;}
.detail_search .search_list {position: relative; height: calc(100% - 175px); margin-top: 175px;}
.detail_search .listInner {padding: 0 30px; background: #fff;}
.detail_search .menu_list {margin-bottom:20px;}
.detail_search .menu_list .first {display: block; padding:15px 0; font-size:20px; font-weight: bold;}
.detail_search .menu_list .menu_depth2 > li {padding:15px 5px; font-size:17px; font-weight:400; color:#444; box-sizing:border-box; border-top:1px solid #eff0f2; line-height:1.3;}
.detail_search .quick_wrap {width:100%; padding:15px 0; background:#fff;}
.detail_search .quick_btn {max-width:350px; margin:0 auto;}
.detail_search .quick_btn > li {display: inline-block; margin: 6px 5px; border:1px solid #ddd;}
.detail_search .quick_btn > li > a {display:inline-block; padding:6px 8px; color:#ec5e94; font-size: 20px; font-weight:bold; font-family: 'ONE_Mobile';}
.anchor{display: block; height: 200px; margin-top: -200px;  visibility: hidden;}


.depth1 > li > a.on {border-bottom:0; background: #f6dce5;}
.depth2 > li > a.on {background-color: #fff;}
.depth2 > li > a.haschild.on {background: #fff;}
.depth3 > li > a.on > span {background:none;}

/* footer */
#wrap_footer {margin-top:20px; padding: 30px 0; background: #f7f7f9; border-top: 0;}
.footer_shortcut_wrap {border-bottom: 0;}
.footer_shortcut_wrap > .box_in {display:flex; justify-content: space-between;}
.footer_shortcut_wrap > .box_in::after {content:none;}
.footer_shortcut_wrap .site_shortcut select {color: #5f5f5f;}
.footer_shortcut_wrap .site_shortcut {display:flex; width: calc(100% / 4 - 15px); border-right: 0;}
.footer_shortcut_wrap .site_shortcut:first-child {border-left: 0;}
.footer_shortcut_wrap .site_shortcut:last-child > a {margin-right:0;}
.footer_shortcut_wrap .site_shortcut .selectBox_area {width: calc(100% - 58px); margin-right: 7px;}
.footer_shortcut_wrap .site_shortcut .selectBox_area select {height:50px; padding:15px 20px; background-image: url(/portal/open_content/images/2023_renewal/main/ico_arrowUp.png); background-repeat: no-repeat; background-position: right 20px center; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 10px; font-size: 16px; font-weight: 400; font-family: 'SCDream';}
.footer_shortcut_wrap .site_shortcut .btn_go {height: 50px; line-height: 40px; background: #fff; border: 1px solid #e5e5e5; color: #5f5f5f; border-radius: 10px;}
.policy_list_area {display: flex; justify-content: space-between; padding-bottom: 0;}
.footer_infor_area .footer_mark {display:flex; align-items: end; float:none;}
.footer_infor_area .footer_mark li {display: inline-block; padding-left: 20px; vertical-align: middle;}
.policy_list_area .footer_mark li:first-child {padding-left: 0; margin-right: 30px;}
.footer_infor_area .footer_mark li > a {display: inline-block;}
.policy_list_area .policy_list li {padding:10px 18px 10px 0; border-right: 0; }
.policy_list_area .policy_list li a {color: #3e3e3e; font-size: 16px; font-weight: 400; font-family: 'SCDream';}
.policy_list_area .policy_list li.pivacy a {color: #da5562;}
.footer_infor_wrap {padding: 30px 0 0;}
.footer_infor_area .footer_infor .infor {margin-bottom: 5px; color: #3e3e3e; font-size: 16px; font-weight: 400; line-height: 1.5;}
.footer_infor_area .footer_infor .copyright {color: #3e3e3e; font-size: 16px;}
.footer_infor_area {display: flex; justify-content: space-between; align-items: center; margin-top:15px; padding-bottom:15px;}
.sns_list > li {float: left; margin: 0 0 0 10px;}
.sns_list > li > a {display: inline-block; width: 38px; height: 39px; padding: 0; font-size: 0; background-position: center top; background-repeat: no-repeat;}
.link_list {padding:14px 15px 0;}
.link_list ul {display:flex;}
.link_list ul li.lk_item11 {margin-left:0;}
.Top_btn {position: fixed; right: 20px; bottom: 30px; display:none; width:50px; height:50px; line-height: 50px; background:#fff; border-radius:50%; box-shadow: 4px 4px 17px 0px #71717145; text-align: center; font-size: 14px; font-weight: 500; font-family: 'SCDream'; z-index: 9999;}
.mo_Top_btn {position: fixed; right: 20px; bottom: 30px; display:none; width:50px; height:50px; line-height: 50px; background:#fff; border-radius:50%; box-shadow: 4px 4px 17px 0px #71717145; text-align: center; font-size: 14px; font-weight: 500; font-family: 'SCDream'; z-index: 9999;}


/*ȸ¿ø°¡ÀÔ*/
.member_guide {width:100%; background:none;}
.member_guide > h3 {margin:20px 0; font-size:36px; font-weight:bold; text-align:center; line-height: 1.3;} 
.member_guide > h3 > span {color:#be445b;}
.member_guide > h3 > p {margin-top:20px; font-size:18px; font-weight:500; line-height: 1.3;}
.member_guide p.txt {width:100%; padding:0; text-align:center; color:#555;}
.member_guide .member_type {margin:35px 0 20px;}
.member_guide .member_type li {display: flex; flex-direction: column; justify-content: space-between; width:calc(100% / 4 - 15px); min-height:300px; padding:20px 20px; margin:0; border:1px solid #ddd; box-sizing:border-box;}
.member_guide .member_type li + li {margin-left:20px;}
.member_guide .member_type .txt_wrap em {display:block; width:100%; margin-bottom:10px; font-size:17px; font-weight:500; line-height: 1.3;}
.member_guide .member_type .txt_wrap span {display:block; width:100%;}
.member_guide .member_type .member_btn {display:block; padding: 7px 5px; text-align:center; color:#fff; background:#ee6575; border-radius: 3px;}
.join_process {display:flex; height:auto; margin-bottom:50px;}
.join_process li.fir {padding:80px 10px 20px; background-color: #f5f5f5; background-repeat:no-repeat; }
.join_process li {position:relative; width:calc(100% / 4 - 33.75px); padding:80px 10px 20px; background-color: #f5f5f5; font-size:18px; color:#888; text-align:center; background-repeat:no-repeat; background-position: top 15px center;}
.join_process li.on {color:#333; font-weight:500;}
.join_process li::after {position:absolute; top: 50%; right:-32px; transform: translateY(-50%); width:17px; height:24px; background:url(/portal/open_content/images/2023_renewal/layout/member_arrow.png) no-repeat center; content:'';}
.join_process li + li {margin-left:45px;}
.join_process li:nth-child(1) {background-image:url(/portal/open_content/images/2023_renewal/layout/m_step1.png);}
.join_process li.on:nth-child(1) {background-image:url(/portal/open_content/images/2023_renewal/layout/m_step1_on.png);}
.join_process li:nth-child(2) {background-image:url(/portal/open_content/images/2023_renewal/layout/m_step2.png);}
.join_process li.on:nth-child(2) {background-image:url(/portal/open_content/images/2023_renewal/layout/m_step2_on.png);}
.join_process li:nth-child(3) {background-image:url(/portal/open_content/images/2023_renewal/layout/m_step3.png);}
.join_process li.on:nth-child(3) {background-image:url(/portal/open_content/images/2023_renewal/layout/m_step3_on.png);}
.join_process li:nth-child(4) {background-image:url(/portal/open_content/images/2023_renewal/layout/m_step4.png);}
.join_process li.on:nth-child(4) {background-image:url(/portal/open_content/images/2023_renewal/layout/m_step4_on.png);}
.join_process.child li:nth-child(3), .join_process.child li:nth-child(4) {background-image:url(/portal/open_content/images/2023_renewal/layout/m_step3.png);}
.join_process.child li.on:nth-child(3), .join_process.child li.on:nth-child(4) {background-image:url(/portal/open_content/images/2023_renewal/layout/m_step3_on.png);}
.join_process.child li:nth-child(5) {background-image:url(/portal/open_content/images/2023_renewal/layout/m_step4.png);}
.join_process.child li.on:nth-child(5) {background-image:url(/portal/open_content/images/2023_renewal/layout/m_step4_on.png);}
.join_process.child li:nth-child(5)::after {content:none;}

.agreement fieldset {padding:15px 5px;}
.agreement fieldset > p {margin-bottom:5px;}
.agreement .memberframe-wrap {max-height:300px; margin-top:15px; overflow-x:hidden; overflow-y:scroll; border:1px solid #999; box-sizing:border-box;}
.agreement .memberframe-wrap .rule {padding: 10px; line-height: 1.5; color: #666; font-size:15px;}

.confirm_box > div {width:calc(100% / 2 - 10px); float:left; padding:30px 20px; border:1px solid #ddd; box-sizing:border-box;}
.confirm_box > div + div {margin-left:20px;}
.confirm_box > div > h5 {text-align:center;}
.confirm_box .confirm_btn {display:inline-block; min-width: 200px; height: 25px; line-height: 25px; padding:5px; background:#ee6575; color:#fff; border-radius:3px;}
.login_area > ul > li .nonmembers_login .verification a.btn-m-blue {background:#ee6575;}
.login_area > ul > li .members_login .login_box .login_btn {background:#ee6575;}

@media screen and (max-width: 1200px){
.gnb > ul > li > a {padding: 28px 10px;}
}

/*Å×ºí¸´*/
@media screen and (max-width: 1000px){

/*header*/
.tnb_wrap {background:#fff; border-bottom:1px solid #e9e9e9;}
.tnb_wrap .tnb_area .tnb {width:auto;}
.tnb_wrap .tnb_area .tnb li {height: 100%; max-height: none;}
.tnb_wrap .tnb_area .tnb li a {width: 100%; height: 100%; padding: 11.5px 10px;}
.tnb_wrap .tnb_area .tnb li a {border-right:1px solid #e9e9e9;}
.tnb_wrap .tnb_area .tnb li:nth-child(5), .tnb_wrap .tnb_area .tnb li:nth-child(6) {padding:0px;}
.util_area .util_list {display:none;}
.util_area .util_list a {font-size:13px;}
.util_area .selectBox_list {display:none; min-width: auto; float: right; height:100%; background:#fff; }
.util_area .selectBox_area select {height: 100%; font-size:13px; padding: 0px 15px 0px 5px; border-right: 1px solid #e9e9e9;}
.header {height:auto;}
.header_box {display: flex; flex-direction: column; align-items: center; border-bottom:0; padding: 25px 15px;}
.header_box .logo_area {position: inherit; right: inherit; top: inherit; transform: inherit; padding-bottom:0;}
.header_box .btn_mob_gnb {left:15px; top:30px;}
.header_box .gnb_box {display:none;}
.header_box .searchbox_area {position: inherit; right: inherit; top: inherit; transform: inherit; width:100%; margin-top:20px;}
.header_box .search_area {width:100%; border:2px solid #505961;}
.header_box .search_area > div {padding:0px 0px;}
.depth1 > li > a.on > span {border-bottom:0;}
.member_guide p.txt {border-top:0;}
.member_guide .member_type li {float: left;}
.header_box .search_area .top_sch_btn {display:none;}
.header_box .search_area .mo.top_sch_btn {display:block;}

/*footer*/
#wrap_footer {padding: 30px 0; box-sizing: border-box;}
#wrap_footer .box_in {padding:0 15px;}
.footer_shortcut_wrap > .box_in {display:block;}
.footer_shortcut_wrap .site_shortcut {width: 100%; float: none; margin-bottom: 10px; border-bottom: 0;}
.policy_list_area {display:block;}
.policy_list_area .policy_list {text-align: left;}
.policy_list_area .policy_list li {padding: 0; margin-bottom: 13px; margin-right: 15px;}
.footer_infor_wrap {padding: 30px 0 50px;}
.footer_infor_area {display:block; margin-top:0;}
.footer_sns_list {bottom: -49px; left: 10px;  top:auto; transform: inherit; width: calc(100% - 10px);}
.footer_infor_area .footer_infor {padding-top:20px; padding-bottom: 75px; text-align: left;}
.footer_infor_area .footer_infor .infor {font-size:15px; font-weight:500;}
.footer_infor_area .footer_infor .copyright {font-size:15px; font-weight:500;}
.footer_mark {position: absolute; bottom: 15px;}
.link_list {padding:0;}
.Top_btn {right:10px;}
}

@media all and (max-width:768px){
.member_guide .member_type li {width: calc(100% / 2 - 10px); margin-bottom:20px;}
.member_guide .member_type li + li {margin-left:0;}
.member_guide .member_type li:nth-child(odd) {margin-right:20px;}
.join_process {flex-wrap:wrap;}
.join_process li {width:calc(100% / 2 - 43px); font-size: 17px;}
.join_process li + li {margin-left:0;}
.join_process li:nth-child(odd) {margin-right:45px;}
.confirm_box > div {width:100%;}
.confirm_box > div + div {margin-left:0px; margin-top:20px;}
}

@media screen and (max-width: 500px){
.tnb_wrap .tnb_area .tnb li a {padding:11.5px 7px;}
.tnb_wrap .tnb_area .tnb li:nth-child(-n + 4) {width:35px;}
.util_area {display: inline-block; width: calc(100% - 255px);}
.util_area {display:none;}
.m_header .logo > a {width:90px; height:auto;}
.m_header .logo > a > img {width:100%; height:100%;}
.m_header .menu_search_area .search_btn {font-size:14px;}
.quick_menu_area .menu_list > li > a > span {font-size:16px;}
.mob_menu > li > a > span {font-size:18px;}
.member_guide .member_type li {width: 100%; min-height:265px; padding:15px 20px; margin-bottom:20px;}
.member_guide .member_type li:nth-child(odd) {margin-right:0px;}
}

@media screen and (max-width: 350px){
.detail_search .quick_btn {max-width:300px;}
.detail_search .quick_btn > li {margin: 6px 2px;}
.join_process li {padding: 75px 10px 20px; font-size:15px; background-size: 50px;}
}

@media all and (min-width:839px){
.gnb > ul > li:hover > a::after {left:0;width:100%;opacity:1;transition:all 0.9s;}
.gnb > ul > li:hover > div {background:#ffeff073;}
}