@charset "utf-8";
@import "respond.css";

.inner {position:relative;}

/* Skip Navigation */
#skipToContent {position:absolute;overflow:hidden;width:100%; margin:0 auto; z-index:1000}
#skipToContent a {display:block;overflow:hidden;text-align:center;font-size:0;line-height:0;background:#333}
#skipToContent a:hover, #skipToContent a:active, #skipToContent a:focus {height:auto;padding:7px 0;font-size:0;font-size:1em;line-height:1;font-weight:bold;color:#fff;z-index:10000}

/* header */
#header {z-index:1000;}

/* headerTop */
#headerTop h1 {display:block;vertical-align:middle;}
#headerTop h1 a {display:block;background:url(../imgs/common/logo.png) no-repeat;z-index:49;background-size:contain;}
#headerTop .util_menu {position:absolute;right:0;top:-10px;}
#headerTop .util_menu li {padding:0 14px;display:inline-block;}
#headerTop .util_menu li a {color:#000;font-size:14px;font-weight:500;}

/* gnb_bg */
.gnb_bg{width:100%;}
.gnb_bg.on {display:block;height:310px;overflow:hidden;background:url(../imgs/common/nav_bg03.png), url(../imgs/common/nav_bg01.png), url(../imgs/common/nav_bg02.png);background-repeat:repeat, no-repeat, no-repeat;background-position:left, top left, top right;position:absolute;top:180px;z-index:10;background-color:#1b72b2;}

/* all_wrap */
.all_wrap {display:none;position:absolute;top:0;left:0;right:0;bottom:0;z-index:50;background:#1b1d20;background:rgba(27,29,32,0.9);min-width:1240px;}
.all_wrap .all_box {overflow:hidden;width:1100px;margin: 50px auto 0;}
.all_wrap .all_box > div {margin-left:-48px;}
.all_wrap .all_box .siteMap_box {float:left;width: 220px;margin-left:48px;}
.all_wrap .all_box .siteMap_box h2 {padding-bottom:14px;margin-bottom:14px;border-bottom:2px solid #144f98;font-size:24px;color:#fff;text-align:center;}
.all_wrap .all_box .siteMap_box ul {height: 250px;}
.all_wrap .all_box .siteMap_box li {margin-bottom:8px;}
.all_wrap .all_box .siteMap_box li a {display:block;padding:5px 0;font-size:16px;color:#ffffff;transition:all .2s ease;}
.all_wrap .all_box .siteMap_box li a:hover {padding:5px;color:#222;font-weight:500;background:#fff;}
.all_wrap .btn_all_close {display:block;position:absolute;top: 15px;left:50%;width:56px;height:56px;margin-left:550px;border:1px solid #fff;font-size:0;}
.all_wrap .btn_all_close span {position:absolute;top:50%;left:50%;width:20px;height:1px;margin-left:-10px;background:none;}
.all_wrap .btn_all_close span:before {content:"";display:block;position:absolute;top:50%;width:20px;height:1px;background:#fff;transform:rotate(45deg);}
.all_wrap .btn_all_close span:after {content:"";display:block;position:absolute;top:50%;width:20px;height:1px;background:#fff;transform:rotate(-45deg);}

/* navArea */
#navArea ul.depth01 {font-size:0;display:table;width:100%;table-layout:fixed;}
#navArea ul.depth01 > li {display:table-cell;vertical-align:middle;text-align:center;position:relative;}
#navArea ul.depth01 > li:before {position:absolute;top:25px;left:-1px;margin-top:-4px;content:'';background:#000;height:10px;width:1px;}
#navArea ul.depth01 > li.mm01:before {height:0;width:0;}
#navArea ul.depth01 > li a{display:block;padding:15px 0;font-size:18px;}
#navArea ul.depth01 li:first-child ul.depth02 {border-left:1px solid #8db7d6;}
#navArea ul.depth01 > li:hover ul.depth02, #navArea ul.depth01 > li:focus ul.depth02, #navArea ul.depth01 > li:active ul.depth02 {background:#1375bd;}
#navArea ul.depth01 ul.depth02 {font-size:14px;background:url(../imgs/common/nav_bg03.png) #1b72b2;padding:17px;border-right:1px solid #8db7d6;box-sizing:border-box;height:310px;display:none;position:absolute;z-index:15;top:59px;width:100%;}
#navArea ul.depth01 ul.depth02 li {text-align:center;position:relative;}
#navArea ul.depth01 ul.depth02 li:before {position:absolute;left:0;top:15px;content:'';background:#fff;height:3px;width:3px;}
#navArea ul.depth01 ul.depth02 li > a{color:#fff;word-break:keep-all;padding:5px 0 5px 15px;text-align:left;font-size:15px;}
#navArea ul.depth01 ul.depth02 li > a:focus, #navArea ul.depth01 ul.depth02 li > a:active, #navArea ul.depth01 ul.depth02 li a:hover, #navArea ul.depth01 > li a:hover, #navArea ul.depth01 > li a:active, #navArea ul.depth01 > li a:focus {color:#19edaf;text-decoration:underline;}

/* mobileMenu */
.mask {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000;opacity:0.2;z-index:50;}
#mobileMenu .mb_control {position:relative;}
#mobileMenu .mb_control button {z-index:100;}
#mobileMenu .mb_control .mb_open {position:absolute;right:3vw;background:url(../imgs/common/btn_menu.png) no-repeat 50% 50%;}
#mobileMenu .mb_control .mb_close {display:none;position:fixed;top:25px;right:220px;width:40px;height:40px;background:url(../imgs/common/btn_close.png) no-repeat 50% 50% #a6a6a6;background-size:20px;}
#mobileMenu .menu_area {display:none;position:fixed;top:0;right:0;bottom:0;width:220px;background:#1b72b2;z-index:100;overflow-y: scroll;}
#mobileMenu .menu_area .depth01 li {border-bottom:1px solid #5fa6da;}
#mobileMenu .menu_area .depth01 li a {display:block;font-size:15px;font-weight:bold;line-height:15px;color:#fff;padding:15px 20px;}
#mobileMenu .menu_area .depth02 {border-top:1px solid #1b72b2;display:none;background:#0d5082;}
#mobileMenu .menu_area .depth02 li a{font-size:13px;padding-left:20px}
#mobileMenu .menu_area .depth02 li a:before{content:'-';padding-right:7px}
#mobileMenu .menu_area .depth01 li.active .depth02 {display:block;}
#mobileMenu .menu_area .depth01 li.mypage {font-size:0;background-color:#fff;}
#mobileMenu .menu_area .depth01 li.mypage ul {display:table;width:100%;}
#mobileMenu .menu_area .depth01 li.mypage ul li {display:table-cell;border-bottom:none;width:50%;}
#mobileMenu .menu_area .depth01 li.mypage ul li:nth-child(2) {border-left:1px solid #1b72b2;}
#mobileMenu .menu_area .depth01 li.mypage ul li.mypage_area a {color:#333;text-align:center;}

/* subVisualArea */
#subVisualArea {height:190px;background-color:#f2f2f0;}
#subVisualArea h2 {color:#4f4f4f;font-weight:bold;}
#subVisualArea p {color:#4f4f4f;font-weight:500;}
#subVisualArea .announcement {background:url(../imgs/sub/icon_announcement.png) no-repeat 37% 50%;}
#subVisualArea .sponsor {background:url(../imgs/sub/icon_sponsor.png) no-repeat 37% 50%;}
#subVisualArea .community {background:url(../imgs/sub/icon_community.png) no-repeat 37% 50%;}
#subVisualArea .information {background:url(../imgs/sub/icon_information.png) no-repeat 37% 50%;}
#subVisualArea .welfareGuide {background:url(../imgs/sub/icon_welfareGuide.png) no-repeat 37% 50%;}

/* locationMenu */
#locationMenu {width:100%;}
#locationMenu .depth01 {display:table;width:100%;}
#locationMenu .depth01:after {display:block;clear:both;content:'';}
#locationMenu .depth01 > li {position:relative;float:left;}
#locationMenu .depth01 > li > a {display:block;background:url(../imgs/common/arr_location.png) 90% 50% no-repeat;background-size:10px;position:relative;}
#locationMenu .depth01 > li > a.home {min-width:55px;padding:0;background:50% 50% no-repeat #fff;}
#locationMenu .depth01 > li > a.on:hover, #locationMenu .depth01 > li> a.on:focus {position:relative;background:url(../imgs/common/arr_location_on.png) 90% 50% no-repeat;background-size:10px;}
#locationMenu .depth02 {position:absolute;left:0;width:100%;background:#2985c8;z-index:10;display:none;}
#locationMenu .depth02 > li {border-top:1px solid #287979;}
#locationMenu .depth02 > li a {display:block;color:#fff;}
#locationMenu .depth02 > li > a:hover, #locationMenu .depth02 > li > a:focus, #locationMenu .depth02 > li > a:active {color:#19edaf;}
.activeA {color :#19edaf!important;}

/* tab_type */
.tab_type {text-align:center;width:100%;position:relative;box-sizing:border-box;}
.tab_type ul.tab_con {display:table;}
.tab_type ul.tab_con li{display:table-cell;overflow: hidden;}
.tab_type ul.tab_con li a {display:block;text-align:center;word-break:keep-all;font-weight:400;border:1px solid #d7d7d7;border-left:none;box-sizing:border-box;color:#5f5f5f;}
.tab_type ul.tab_con li:first-child a {border-left:1px solid #d7d7d7;}
.tab_type ul.tab_con li a:hover, .tab_type ul.tab_con li a.focus, .focus_on {color:#fff!important;background:#144f98;border-color:#144f98!important;}

/* subCon */
#subAreaCon h3 {text-align:center;margin:0 0 3%;position:relative;}
#subAreaCon h3:after {position:absolute;content:'';background-color:#28c08e;top:1.7em;left:50%;}

/* sns_link_area */
.sns_link_area {position:absolute;right:0px;}
.sns_link_area a {display:inline-block;width:30px;height:30px;margin-left:5px;font-size:0px;border-radius:10px;}
.sns_link_area a:first-child {margin-left:0;}
.sns_link_area a#kakao-link-btn {background:url(../imgs/common/sns_kakao.png) no-repeat;background-size:cover;}
.sns_link_area a#facebook_btn {background:url(../imgs/common/sns_facebook.png) no-repeat;background-size:cover;}
.sns_link_area a#band_btn {background:url(../imgs/common/sns_band.png) no-repeat;background-size:cover;}

/* sub_content_area */
.sub_content_area {min-height:400px;font-size:15px;}
.sub_content_area h4.h4 {background: url(../imgs/sub/icon_h4.png) no-repeat 3px 50%;padding-left: 34px;text-align:left;margin: 25px 0 15px 0;}
.notice_type_117 {background-color:#3083cf;}
.notice_type_118 {background-color:#3cbd70;}
.notice_type_119 {background-color:#ff9600;}
.notice_type_120 {background-color:#056977;}
.notice_type_124 {background-color:#bd0f0f;}

/**** login ****/
/* loginArea */
.loginArea {width:500px;margin:0 auto;border:1px solid #e5e5e5;border-bottom:1px solid #898989;box-shadow:0px 3px 1px rgba(0,0,0,0.05);text-align:center;box-sizing:border-box;}
.loginArea > div {padding:60px 10%;}
.loginArea .loginBox {width:100%;}
.loginArea .loginBox .loginInfo {position:relative;margin-bottom:10px;}
.loginArea .loginBox .loginInfo input {width:100%;}
.loginArea .loginBox .loginInfo #member_passwd {margin-top:10px;}
.loginArea .loginBox .loginInfo .btnLogin {width:100%;margin-top:10px;}
.loginArea .loginBox .linkList {background:#f9f9f9;padding:7px 20px;border-radius:5px;}
.loginArea .loginBox .linkList li {position:relative;padding:17px 0;border-top:1px dashed #cfcfcf;font-size:18px;}
.loginArea .loginBox .linkList li:first-child {border:0;}
.loginArea .loginBox .linkList li button {position:absolute;top:12px;right:0;}
.loginArea .linkList li {display:inline-block;padding:0 30px;position:relative;margin-bottom:20px;}
.loginArea .linkList li:before {position:absolute;top:50%;right:0;content:'';width:1px;height:12px;background-color:#777;margin-top:-7px;}
.loginArea .linkList li:last-child:before {width:0;height:0;}

/**** member ****/
/***** layout *****/
body.join_ty {background:#f5f5f5;}
#join_wrap {position:relative;background:#fff;border:1px solid #e5e5e5;box-sizing:border-box;overflow:hidden;}

/*** Header ***/
.join_header {position:relative;border-bottom:1px solid #e5e5e5;}
.join_header h1.logo a {display:block;background:url(../imgs/common/logo.png) 0 no-repeat;font-size:0;overflow:hidden;background-size:contain;margin:0 auto;}

/*** Container ***/
.join_container {position:relative;}

/* join_step */
.join_step {width:100%;text-align:justify;}
.join_step li {position:relative;transition:all 0.4s;}
.join_step li i {display:block;position:absolute;left:0;top:0;border:2px solid #1b72b2;border-radius:100%;box-sizing:border-box;color:#1b72b2;font-style:normal;font-weight:800;text-align:center;}
.join_step li.on {color:#1b72b2;font-weight:800;}
.join_step li.on i {background:#1b72b2;color:#fff;}
.join_step:after {display:inline-block;width:99%;content:"";}

/** Title & Text **/
.tit_m {color:#1c1c1c;font-weight:800;line-height:30px;text-align:center;}
.txt_m {margin-top:-4px;color:#1c1c1c;letter-spacing:-0.5px;}
.txt_m.mt {margin-top:-35px;}
.txt_m.center {text-align:center;}
.txt_m dd {margin-top:7px;color:#999;line-height:20px;}
.tit_m.ty02 {font-weight:900;line-height:40px;}
.t_point {color:#1b72b2 !important;}

/* sns_area */
.sns_list_area {margin-top:36px;}
.sns_list_area h3.tit {margin-bottom:16px;color:#1c1c1c;font-size:18px;font-weight:bold;}
.sns_list_area p.txt {margin:-6px 0 18px 0;font-size:14px;line-height:20px;}
.sns_list_area .sns_area ul {padding-top:20px;}
.sns_list_area .sns_area ul li {position:relative;display:inline-block;width:32%;}
.sns_list_area .sns_area ul li:before {position:absolute;top:50%;right:0;content:'';background-color:#777;margin-top:-20px;}
.sns_list_area .sns_area ul li:last-child:before {width:0;height:0;}
.sns_list_area .sns_area ul li a {display:block;margin:0 auto;text-align:center;}
.sns_list_area .sns_area ul li a p {margin-top:10px;}

/* login_sns_area */
.login_sns_area .sns_for_kakao a {background:url(../imgs/common/icon_sns01_off.png) no-repeat;background-size:contain;}
.login_sns_area .sns_for_kakao a:hover, .login_sns_area .sns_for_kakao a:active, .login_sns_area .sns_for_kakao a:focus {background-image:url(../imgs/common/icon_sns01_on.png)!important;}
.login_sns_area .sns_for_google a {background:url(../imgs/common/icon_sns02_off.png) no-repeat;background-size:contain;}
.login_sns_area .sns_for_google a:hover, .login_sns_area .sns_for_google a:active, .login_sns_area .sns_for_google a:focus {background-image:url(../imgs/common/icon_sns02_on.png)!important;}
.login_sns_area .sns_for_naver a {background:url(../imgs/common/icon_sns03_off.png) no-repeat;background-size:contain;}
.login_sns_area .sns_for_naver a:hover, .login_sns_area .sns_for_naver a:active, .login_sns_area .sns_for_naver a:focus {background-image:url(../imgs/common/icon_sns03_on.png)!important;}
.sns_list_area .sns_area ul.login_sns_area li a p {margin-top:0;text-align:center;}

/** Login **/
.login_area {position:relative;margin-top:33px;}
.input_list .input_ty {font-size:15px;width:100%;}
.input_list li {margin-top:10px;}
.input_list li:first-child {margin-top:0;}
.input_list li.info {position:relative;padding-left:18px;color:#ff7800;font-size:13px;line-height:16px;}
.input_list li.info:before {position:absolute;left:0;top:1px;width:13px;height:13px;background:#ff7800;border-radius:100%;color:#fff;font-size:11px;line-height:13px;text-align:center;content:"!";}

/* login_btn */
.login_btn {margin-top:10px;font-size:0;text-align:center;}
.login_btn li {display:inline-block;position:relative;padding:0 1px;}
.login_btn li:before {position:absolute;left:0;top:17px;width:1px;height:14px;background:#ddd;content:"";}
.login_btn li:first-child:before {display:none;}
.login_btn li a {display:block;padding:10px;transition:all 0.4s;}
.login_btn li a:hover {color:#1b72b2;}
.login_area .btn {display:block;font-weight:800;text-align:center;width:100%;}

/** form_list_m **/
.form_list_m {margin-top:24px;padding-top:30px;border-top:1px solid #1c1c1c;}
.form_list_m .li {margin-top:25px;font-size:15px;line-height:20px;}
.form_list_m .li:first-child {margin-top:0;}
.form_list_m .input_ty {padding:0 15px;font-size:15px;width:-webkit-fill-available;}
.form_list_m ::-webkit-input-placeholder {font-size:15px;}
.form_list_m ::-moz-placeholder {font-size:15px;}
.form_list_m :-ms-input-placeholder {font-size:15px;}
.form_list_m ::placeholder {font-size:15px;}
.form_list_m .select_ty {height:50px;padding:0 15px;background:#fff url(../imgs/common/ico_select.png) right center /39px 5px no-repeat;font-size:15px;}
.form_list_m .li dt {margin:-4px 0 8px 0;color:#1c1c1c; position:relative;}
.form_list_m .li dt i {display:inline-block;position:relative;height:0;font-size:0;line-height:0;vertical-align:top;}
.form_list_m .li dt i:before {position:absolute;left:7px;top:9px;width:4px;height:4px;background:#ff7800;border-radius:100%;content:"";}
.form_list_m .li dt em {display:block;margin-top:10px;color:#666;}
.form_list_m .li dd {position:relative;overflow:hidden;margin-top:5px;}
.form_list_m .li dd:nth-child(1) {margin-top:0;}
.form_list_m .li .mt {position:relative;margin-top:10px;}
.form_list_m .li .txt {display:none;position:relative;margin-top:5px;color:#999;font-size:13px;line-height:20px;}
.form_list_m .li .i1 {padding:0 15px;color:#1b72b2;font-size:20px;font-weight:800;}
.form_list_m .li dt .open-btn {width:18px; height:18px; position:absolute; right:10px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); cursor:pointer; font-size:0;}
.form_list_m .li dt .open-btn:before {content:""; width:10px; height:10px; border:solid #1c1c1c; border-width:0 1px 1px 0; position:absolute; left:0; top:calc(50% - 4px); -webkit-transform:rotate(45deg) translateY(-50%); -moz-transform:rotate(45deg) translateY(-50%); transform:rotate(45deg) translateY(-50%); transition:transform 0.25s;}
.form_list_m .li dt .open-btn.on:before {border:solid #0d468a; border-width:1px 0 0 1px; top:50%;}
.form_list_m .li dd.hide-area {height:0;}
.form_list_m .li dd.hide-area.on {animation:areaOpen 0.7s ease both;}
.form_list_m .li dd.hide-area.close {animation:areaClose 0.7s ease both;}
.form_list_m .li dd.hide-area.active {height:80px;}
@keyframes areaOpen { 0% {height:0;} 100% {height:165px;} }
@keyframes areaClose { 0% {height:165px;} 100% {height:0;} }

.find_idpw_area .form_list_m label {display: none;}
.find_idpw_area .form_list_m input {font-size: 15px;width: 100%;}
.find_idpw_area .form_list_m dl.li {margin-top: 10px;}
.find_idpw_area .form_list_m {margin-top:0;}

/* btn_join */
.btn_join {display:block;position:relative;height:70px;margin-top:55px;box-sizing:border-box;color:#fff;font-size:16px;font-weight:100;line-height:69px;text-align:center;}

/* btn_area_m */
.btn_area_m {margin-top:30px;font-size:0;}
.btn_area_m.mt {margin-top:48px;}
.btn_area_m a {display:inline-block;width:50%;text-align:center;}
.btn_area_m a:only-child {width:100%;}
.btn_area_m .btn_m {font-weight:600;}
.btn_area_m button.btn_m.btn_ty {width:100%;}

/*** Footer ***/
.join_footer {padding:35px 0;color:#999;font-size:13px;font-weight:100;line-height:13px;text-align:center;}

/* terms_box_list */
.terms_box_list {position:relative;padding:0 20px;border:1px solid #ccc;box-sizing:border-box;}
.terms_box_list li {position:relative;padding:12px 2px;border-top:1px solid #e5e5e5;font-size:15px;line-height:19px;}
.terms_box_list li:first-child {border-top:0;}
.terms_box_list li .ez-checkbox {position:absolute;left:0;top:12px;}
.terms_box_list li label {display:inline-block;padding-left:24px;vertical-align:top;}
.terms_box_list li label span {color:#1b72b2;}
.terms_box_list li .btn_s {display:block;position:absolute;right:0;top:50%;width:77px;min-width:auto;height:24px;margin-top:-12px;padding:0;background:#fff;border:1px solid #ddd;box-sizing:border-box;font-size:13px;font-weight:100;line-height:22px;text-align:center;transition:all 0.4s;}
.terms_box_list li .btn_s:hover {border-color:#1c1c1c;color:#1c1c1c;}
.terms_box_list.ty02 li {padding-right:85px;}
.terms_box_list.ty02 li.no-line {border:none; padding-top:0; padding-right:0;}
.terms_box_list.ty02 li .sub-chk-list {font-size:0; padding:0 25px; box-sizing:border-box; text-align:center;}
.terms_box_list.ty02 li .sub-chk-list p {display:inline-block; vertical-align:middle; margin:0 10px; font-size:15px; line-height:19px; position:relative;}
.terms_box_list.ty02 li .sub-chk-list p .ez-checkbox {position:absolute;left:0;top:0;}
.terms_box_list.ty02 li .sub-chk-list p label {display:inline-block;padding-left:24px;vertical-align:top;}

/* footer*/
#footer {border-top: 1px solid #bec1c8;font-size: 15px;}
#footer .inner > div {vertical-align:middle;}
#footer .util_menu {border-bottom: 1px solid #bec1c8;}
#footer .util_menu ul {padding: 13px 0;}
#footer .util_menu ul li {position:relative;display:inline-block;}
#footer .util_menu ul li:after {position:absolute;content:'';background:#e0e0e0;height:10px;width:1px;}
#footer .util_menu ul li:last-child:after {background:none;}
#footer .util_menu ul li a {color: #4f4f4f;font-weight: 300;}
#footer .util_menu ul li:first-child a {padding-left:0px;}
#footer .footer_info ul li span {position:relative;}
#footer .footer_info ul li span a {color:#909090;}