@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 {position:relative;}
#headerTop h1 {display:block;vertical-align:middle;top:23px;}
#headerTop h1 a {width: 180px;height: 37px;display:block;background: url(../imgs/common/logo_miracle.png) no-repeat 0;z-index: 49;background-size:contain;text-align: center;margin: 0 auto;padding: 60px 0 0 0px;x;}
#headerTop .site_map_area {position:absolute;right:40px;top:37px;background:url(../imgs/common/icon_menu.png) no-repeat;width:30px;height:25px;cursor:pointer;}0px;}
#headerTop .site_map_area {position:absolute;right:40px;top:37px;background:url(../imgs/common/icon_menu.png) no-repeat;width:30px;height:25px;cursor:pointer;}

/* gnb_bg */
.gnb_bg{width:100%;}
.gnb_bg.on {display:block;height:310px;overflow:hidden;position:absolute;top: 140px;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: 320px;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;}
.all_wrap .all_box .siteMap_box ul {height: 320px;}
.all_wrap .all_box .siteMap_box li {margin-bottom:8px;}
.all_wrap .all_box .siteMap_box li a {display:block;padding:1px 5px;font-size:16px;color:#ffffff;transition:all .2s ease;}
.all_wrap .all_box .siteMap_box li a:hover {padding:1px 5px;color:#222;font-weight:500;background:#fff;}
.all_wrap .all_box .siteMap_box li:before {content: '-';color: #fff;float: left;padding: 0 10px;}
.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:15px;left:-1px;margin-top:-4px;content:'';background: #dcdcdc;height:20px;width:1px;}
#navArea ul.depth01 > li.mm01:before {height:0;width:0;}
#navArea ul.depth01 > li a{display:block;padding: 5px 0;font-size: 19px;font-weight:bold;font-family:'NanumSquare';letter-spacing: -0.03em;}
#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: #1b72b2;padding:8px;border-right:1px solid #8db7d6;box-sizing:border-box;height:315px;display:none;position:absolute;z-index:15;top:40px;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:#28c08e;text-decoration:underline;}

.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;width:40px;height:40px;}
#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: url(../imgs/sub_visual.jpg);}
#subVisualArea h2 {color:#4f4f4f;font-size:40px;font-weight: 500;color: #fff;}
#subVisualArea p {color: #fff;font-weight:500;font-size:15px;}
#subVisualArea .inner > div {padding:51px 0 51px 43%;}
#subVisualArea .aboutUs {background:url(../imgs/contents/icon_program.png) no-repeat 37% 50%;}
/*#subVisualArea . {background:url(../imgs/contents/icon_sponsor.png) no-repeat 37% 50%;}
#subVisualArea . {background:url(../imgs/contents/icon_community.png) no-repeat 37% 50%;}
#subVisualArea . {background:url(../imgs/contents/icon_information.png) no-repeat 37% 50%;}
#subVisualArea . {background:url(../imgs/contents/icon_welfareGuide.png) no-repeat 37% 50%;}*/

/* locationMenu */
#locationMenu {width:100%;background:linear-gradient(90deg, #e4cf22 55%, #45ae13 55%);}
#locationMenu .inner {background-color:#45ae13;}
#locationMenu .depth01 {display:table;width:100%;}
#locationMenu .depth01:after {display:block;clear:both;content:'';}
#locationMenu .depth01 > li {position:relative;float:left;background: #3f9f11;}
#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: #45ae13;z-index:10;display:none;}
#locationMenu .depth02 > li {border-top: 1px solid #8fce71;}
#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;}

/* location */
#location .inner p {padding:20px;}

/* 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;}

/* tab */
.mTabTy {position:relative;border-top:3px solid #218448;cursor:pointer;margin-bottom:34px;min-height:53px;}
.mTabTy > p {border-left:1px solid #dedede;border-right:1px solid #dedede;border-bottom:1px solid #dedede;color:#333;height:49px;line-height:50px;font-size:0.9em;padding:0 28px;font-weight: 500;background-color:#f4f4f4;position:relative;z-index:2;}
.mTabTy .ct {overflow:hidden;height:0px;position:absolute;left:0;right:0;top:50px;}
.mTabTy .ct ul.tab {display:block;width:100%;border:0}
.mTabTy .ct ul.tab >li {display:block;}
.mTabTy .ct ul.tab >li >a {display:block;text-align:left;color:#333;height:50px;line-height:50px;font-size:0.9em;padding:0 28px;border-bottom:0;border-left:0;background-color:#fff;}
.mTabTy .ct ul.tab >li >a {display:block;border-bottom:1px solid #dedede;border-left:1px solid #dedede;border-right:1px solid #dedede;/*background-color:#f4f4f4;*/font-weight:bold;color:#666666;height:55px;line-height:54px;position:relative;z-index:4;}
.mTabTy:after,
.mTabTy:before {content:'';display:block;position:absolute;right:28px;top:24px;height:2px;width:10px;background-color:#6b7786;transition-duration:0.3s;z-index:3}
.mTabTy:after {-ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); right:34px;}
.mTabTy:before {-ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg);}
.mTabTy.active:after {-ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg);right:34px;}
.mTabTy.active:before {-ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg);}
.mTabTy.active .ct {z-index:5;overflow:unset;}

/* subCon */
#subAreaCon h3 {text-align:center;margin:0 0 3%;position:relative;font-weight: 400;/* font-family: 'NanumSquare'; */}
#subAreaCon h3:after {position:absolute;content:'';background-color:#28c08e;top:1.7em;left:50%;width:60px;height:3px;margin-left:-30px;}
#subAreaCon .bbsCont h3:after {content:unset;}

/* 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{}
.sub_content_area h4 {background: url(../imgs/contents/icon_h4.png) no-repeat 3px 50%;padding-left:34px;text-align:left;margin: 25px 0 15px 0;}
.sub_content_area .bbsTit h4 {background-image:unset;padding-left:0px;}
.sub_content_area .bbsCont h4 {background-image:unset;padding-left:0px;}

/* 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 #4e4e4e;background-color:#31332d;}
#footer .util_menu {border-bottom: 1px solid #4e4e4e;}
#footer .util_menu ul {padding: 13px 0;}
#footer .util_menu ul li {display:inline-block;}
#footer .util_menu ul li a {color:#fff;font-weight: 300;}
#footer .util_menu ul li:first-child a {padding-left:0px;}
#footer .footer_info ul li, #footer .footer_info ul li a {color:#888;}

.col_red {color:red!important;}

/**** 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 10px;border-radius:5px;}
.loginArea .loginBox .linkList li {position:relative;padding:17px 0;border-bottom:1px dashed #cfcfcf;font-size:18px;}
.loginArea .linkList.for_lecture li {word-break: keep-all;}
.loginArea .loginBox .linkList li:last-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.for_lecture li:before {content:unset;}
.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_miracle.png) 0 no-repeat;font-size:0;overflow:hidden;background-size:contain;margin:0 auto;}

/*** Container ***/
.join_container {position:relative;}
.join_container article dt, .join_container article dd {word-break:keep-all;}

/* 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;}

/**** member ****/
/***** layout *****/
body.join_ty {min-width:320px;}
#join_wrap {width:540px;margin:40px auto;padding:0 39px;}

/* join_header */
.join_header h1.logo {padding: 30px 0 20px;}
.join_header h1.logo a {width:200px;height:100px;}

/* join_container */
.join_container {margin-top:50px;min-height:300px;}
.join_container article h5 {font-size:20px;}
.join_container article h6 {font-size:18px;}
.join_container article dt, .join_container article dd {font-size:16px;}

/* join_step */
.join_step {height:40px;margin-bottom:60px;}
.join_step li {display:inline-block;height:40px;font-size:15px;line-height:40px;padding-left:49px;}
.join_step li i {width:40px;height:40px;line-height:36px;}

/* sns_area */
.sns_list_area .sns_area ul li:before {width:1px;height:12px;}
.sns_list_area .sns_area ul.login_sns_area li a {padding-top:100px;}
.sns_list_area .sns_area ul li a {width:80px;}

/* login */
.input_list .input_ty {height:50px;}

/* login_btn */
.login_btn li a {font-size:15px;}
.login_area .btn {height:60px;font-size:20px;line-height:60px;}

/* form_list_m */
.form_list_m .input_ty {height:50px;}

/* find_idpw_area */
.find_idpw_area .form_list_m input {height: 50px;}

/* btn_area_m */
.btn_area_m button {font-size:18px;}
.btn_area_m .btn_m {height:60px;}

/** Title & Text **/
.tit_m {font-size:30px;margin-bottom:50px;}
.txt_m {font-size:18px;}
.txt_m dd {font-size:14px;}

.btn_ty {background:#1b72b2;border:1px solid #1b72b2;color:#fff;transition:all 0.4s;}
.btn_ty:hover, .btn_ty:focus {background:#1b72b2;border-color:#1b72b2;}
.btnType.btn_box {min-width:50px;padding:5px;}
.pw_wrap .pw_inner .pw_close {top:0!important;}

.disabledExist {text-decoration: line-through;}

/* 공지사항 타입 */
.notice_type_121 {background-color:#766830;}
.notice_type_122 {background-color:#e49a18;}
.notice_type_123 {background-color:#3083cf;}
.notice_type_124 {background-color:#ff9600;}
.notice_type_130 {background-color:#056977;}
.notice_type_131 {background-color:#a694e6;}
.notice_type_126 {background-color:#bd0f0f;}