@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, textarea, input, fieldset, form, select, option, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {margin:0;padding:0;border:0;font:inherit}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
body {line-height:1;font-size:14px;-webkit-text-size-adjust:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
ol, ul, dl {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none}
table {border-collapse:collapse;border-spacing:0}
hr {display:none}
img {border:0}
a {text-decoration:none}
legend, caption {display:none}
input, textarea, select {letter-spacing:normal}
br {letter-spacing:normal}
p {letter-spacing:normal}
input[type="checkbox"] {-webkit-border-radius:0}
input:checked[type="checkbox"] {-webkit-appearance:checkbox}
input[type="radio"] {border:none}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"] {-webkit-appearance:button;border-radius:0}
select {height:auto;color:#333;border:1px solid #ddd;border-radius:0}
select::-ms-expand {display:none}
input::-webkit-input-placeholder {color:#888}
input::-moz-placeholder {color:#888}
input:-ms-input-placeholder {color:#888}
input::placeholder {color:#888}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color:transparent}
input:focus::-webkit-input-placeholder {color:transparent}  
input:focus::-moz-placeholder {color:transparent}
input, textarea {color:#333;vertical-align:middle;border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0}
fieldset {padding:0;margin:0;border:0} 
:invalid {box-shadow:none}
:-moz-submit-invalid {box-shadow:none}
:-moz-ui-invalid {box-shadow:none}
/* 공통 영역 */
.clear {width:100%;height:0px;clear:both}
.blue {color:#c24e88 !important}
.bluebd {color:#c24e88;font-weight:bold}
.red {color:#ff0400 !important}
.orange {color:#c24e88 !important}
.gray8 {color:#888}
.gray5 {color:#555}
.scrap-btn-on {width:16px;height:15px;text-indent:-99999px;background-color:#fff;border:none;background:url(/images/common/scrap_on.png) no-repeat;position:absolute;display:block}
.scrap-btn-off {width:16px;height:15px;text-indent:-99999px;background-color:#fff;border:none;background:url(/images/common/scrap_off.png) no-repeat;position:absolute;display:block}
.scrap_btn_on {width:16px;height:15px;text-indent:-99999px;background-color:#fff;border:none;background:url(/images/common/scrap_on.png) no-repeat;position:absolute;display:block}
.scrap_btn_off {width:16px;height:15px;text-indent:-99999px;background-color:#fff;border:none;background:url(/images/common/scrap_off.png) no-repeat;position:absolute;display:block}
.number_wrap {width:99.6%;height:auto;line-height:38px;border:1px solid #ddd;float:left}
.number_wrap_s {width:79%;height:auto;line-height:38px;border:1px solid #ddd;float:left}
.p_number {width:28% !important;text-align:center;border:none;float:left}
.p_line {width:2%;height:38px;padding:0px !important;color:#ddd;text-align:center;float:left}
.br_none { display: none;}
@media screen and (max-width:480px) {
  .br_none { 
    display: inline;
  }
}
/* 헤더 영역 */
header {width:100%;height:auto;text-align:center;border-bottom:0px solid #ddd;float:left;z-index:999;background:#c24e88}
header ul {width:100%;height:auto;border-bottom:0px solid #ddd;float:left}
header ul li {height:50px;float:left}
header ul .menu {width:10%;padding:0px 0px 0px 4%;text-align:left;line-height:50px}
header ul .menu button {width:auto;height:50px;line-height: 50px; margin-top:2px;background-color:#c24e88;border:none}
header ul .menu img {height:16px}
header ul .logo {width:72%;text-align:center;line-height:69px}
header ul .logo img {height:30px}
header  ul .logo h1 {display:inline-block}
header  ul .logo h1 a {display:inline-block;}
header ul .mypage {width:10%;padding:0px 4% 0px 0px;text-align:right;line-height:60px}
header ul .mypage img {height:23px}
header .search {width:91.6%;height:36px;margin:0 4%;border:1px solid #fff;float:left;background:#fff}
header .search input {width:80%;height:36px;padding:0px 3%;line-height:38px;border:none;outline:none;float:left}
header .search button {width:38px;height:36px;margin:0px 1px 0px 0px;float:right}
header .search button img {height:36px}

/* 네비게이션 영역 */
nav {width:100%;height:auto;text-align:center;border-bottom:1px solid #ddd;background:#fff;float:left}
nav ul {width:100%;height:auto;float:left}
nav ul li {height:40px;line-height:40px;float:left}
nav ul li a {font-size:15px;color:#555}
nav ul li button {width:35px;height:40px;line-height:46px;background-color:#fff;border:none}
nav ul li button img {height:14px}
nav ul .w1 {width:28%}
nav ul .w25 {width:25%}
nav ul .w2 {width:16.3%}
nav ul .w3 {width:16%}
nav ul .w4 {width:60%;font-weight:bold;font-size:16px;color:#555}
nav ul .w7 {width:70%;font-weight:bold;font-size:16px;color:#555}
nav ul .w5 {width:33.3%}
nav ul .line {border-top:5px solid #c24e88;border-bottom:1px solid #eee}
nav ul .on {padding:0px 0px 9px 0px;font-weight:bold;color:#c24e88;border-bottom:3px solid #c24e88}
nav ul .left {text-align:left}
nav ul .right {padding:0px 4% 0px 0px;text-align:right}

/* 네비게이션 bg2 상단 배경:#c24e88 */
nav.bg2 {border-bottom:0px solid #ddd;background:#c24e88}
nav.bg2 ul li {height:42px;line-height:42px}
nav.bg2 ul li a {position:relative;/* color:#ffecf6 */color:#ffecf6}
nav.bg2 ul li a .new {position:absolute;top:0;right:-16px;width:14px;height:14px;font-size:0;background:url(/images/common/new.png) no-repeat -12px 0}
nav.bg2 ul li button {height:42px;line-height:46px}
nav.bg2 ul .w4 {color:#ffecf6}
nav.bg2 ul .line {border-bottom:1px solid #ffecf5}
nav.bg2 ul .on {color:#fff;border-bottom:0px solid #c24e88}
/* 네비게이션 상단 고정 */
.nav.fixed {position:fixed; top:0; background:#c24e88; z-index:2; /* border-bottom:0px solid #c24e88;*/ width: 100%; padding: 0; }
/* .nav.fixed ul li {height:42px;line-height:42px}
.nav.fixed ul li a {color:#ffecf6}
.nav.fixed ul .on {padding:0;color:#fff;border-bottom:0px solid #c24e88} */

/* 네비게이션 gnb */
nav.gnb { /*overflow:hidden;*/ position:relative; /*padding:0 2px;*/ background-color:#c24e88; border-bottom: 0px; }
nav.gnb ul {overflow:hidden; height:42px}
nav.gnb ul li {float:left; width: 25%; text-align:center;}
/*nav.gnb ul>li:nth-child(-n+3) {width:17.5%}*/ /* 1번째 부터 3번째까지 */
/* nav.gnb ul>li:nth-child(4) {width:13%}*/ /* 4번째 */ 
nav.gnb ul li a {position:relative;display:block;height:44px;box-sizing:border-box;font-size:15px;line-height:44px;letter-spacing:-0.3px;color:#ffecf6;}
nav.gnb ul .on { font-weight:bold; color:#fff; }
nav.gnb ul li a .new { position:absolute; top:8px; /*right:-7px;*/ width:14px; height:14px; background:url(/images/common/new.png) no-repeat -12px 0; }

/* 전체메뉴 영역 */
.menu_wrap {width:100%;height:auto;text-align:center;background-color:#fafafa}
.menu_wrap .top {width:96%;height:33px;padding:17px 0px 0px 4%;text-align:left;background-color:#c24e88;position:fixed;top:0px;left:0px}
.menu_wrap .top a {font-weight:bold;font-size:16px;color:#fff}
.menu_wrap .top a span {font-weight:normal;font-size:14px;color:#fff}
.menu_wrap .top .line {font-weight:normal;margin:0px 2%;font-size:13px;color:#ffecf5;}
.menu_wrap .top .close {width:16px;height:16px;margin:0px 4% 0px 0px;background-color:transparent;border:none;outline:none;float:right}
.menu_wrap .top .close img {height:16px}
.menu_wrap .notice {width:96%;height:40px;margin:50px 0px 0px 0px;padding:0px 0px 0px 4%;line-height:40px;background-color:#fff;border-bottom:1px solid #ddd}
.menu_wrap .notice h2 {font-weight:bold;font-size:13px;color:#333;float:left}
.menu_wrap .notice .line {font-weight:normal;margin:0px 2%;font-size:11px;color:#ddd;float:left}
.menu_wrap .notice .contents {width:83%;height:auto;font-weight:normal;font-size:13px;color:#555;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.menu_wrap .title {width:96%;height:40px;padding:0px 0px 0px 4%;text-align:left;line-height:40px}
.menu_wrap .title h3 {font-weight:normal;font-size:17px;color:#888}
.menu_wrap .menu {width:100%;height:auto;margin:0px 0px 0px 0px;background-color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.menu_wrap .menu ul {width:100%;height:auto}
.menu_wrap .menu ul .no_line {border:none}
.menu_wrap .menu ul li {width:96%;height:45px;padding:0px 0px 0px 4%;line-height:45px;border-bottom:1px solid #eee}
.menu_wrap .menu ul li a {width:96%;font-weight:normal;font-size:14px;color:#555;text-align:left;background:url(/images/common/right_arrow.png) no-repeat right;background-size:6px 14px;display:block}
.menu_wrap .shortcut {width:100%;height:auto;margin:20px 0px 0px 0px;background-color:#fff;float:left}
.menu_wrap .shortcut ul {width:100%;height:auto;float:left}
.menu_wrap .shortcut ul li {width:42%;height:auto;padding:15px 4%;text-align:center;float:left}
.menu_wrap .shortcut ul li .type1 {width:100%;height:40px;font-weight:bold;font-size:14px;color:#c24e88;line-height:40px;background-color:#fff;border:1px solid #c24e88;border-radius:3px;display:block}
.menu_wrap .shortcut ul li .type2 {width:100%;height:40px;font-weight:bold;font-size:14px;color:#fff;line-height:40px;background-color:#c24e88;border:1px solid #c24e88;border-radius:3px;display:block}
.menu_wrap .logout {width:92%;height:auto;padding:30px 4%;text-align:center;float:left}
.menu_wrap .logout button {width:100%;height:40px;font-weight:bold;font-size:14px;color:#fff;text-align:center;line-height:40px;background-color:#c24e88;border:none;border-radius:3px}
/* 배너 영역 */
.banner {width:100%;height:auto;margin:10px 0px;line-height:0px;float:left}
.banner img {width:100%}
.banner.mgb {margin-bottom:0}
.banner1 {width:100%;height:auto;float:left}
.banner1 img {width:100%}
/* 학원알바 안내 이미지 */
.alba_top_img{position:relative;float:left;width:100%;height:auto;margin:0;padding:0}
.alba_top_img img{width:100%}

.app_top {display:none;  width:100%;height:60px;background-color:#fff}
.app_top .w1 {width:40px;float:left}
.app_top .w2 {width:180px;float:left}
.app_top .w3 {width:90px;float:right}
.app_top div {height:60px}
.app_top div button {width:100%;height:60px;background-color:#fff;border:none}
.app_top div a {width:auto;height:60px;background-color:#fff;float:right}
.app_top div img {height:54px;margin:3px 0px 0px 0px;border:0}
.app {width:100%;height:40px;margin:20px 0px 0px 0px;font-size:14px;color:#fff;text-align:center;line-height:36px;background-color:#555;float:left}
.app img {margin:0px 10px 0px 0px;height:16px;vertical-align:middle;border:0}

/* 컨텐츠 영역 */
.cont_wrap{display:block;width:100%;height:auto;margin:0;padding:0;background:#ededef;overflow:hidden}

/* 플래티넘 VIP M 영역 */
.platinum_vip {width:100%;height:auto;float:left}
.platinum_vip .title {width:100%;height:auto;margin-top:10px;padding:15px 0px 10px 0px;background-color:#fff;border-bottom:3px solid #c24e88;float:left}
.platinum_vip .title h2 {margin:0px 0px 0px 2%;font-weight:bold;font-size:16px;color:#555;float:left}
.platinum_vip .title a {height:20px;margin:-4px 0px 0px 15px;padding:0px 6px;font-size:12px;color:#888;line-height:21px;border:1px solid #ccc;border-radius:3px;float:left}
.platinum_vip .title .number {margin:5px 2% 0px 0px;font-size:12px;color:#ddd;float:right}
.platinum_vip .title .number .swiper-pagination-current {font-weight:bold;color:#c24e88} 
.platinum_vip .title .number .swiper-pagination-total {color:#888}
.platinum_vip .contents {width:100%;height:auto;float:left}
.platinum_vip .contents ul {width:100%;height:auto;text-align:left;line-height:0px;float:left}
.platinum_vip .contents ul li {width:93.4%;height:170px;padding:0px 3%;text-align:left;background-color:#fff;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;position:relative;display:inline-block}
.platinum_vip .contents ul li a {width:100%;height:auto;display:inline-block}
.platinum_vip .contents ul li a .platinum_vip_logo {width:100%;height:65px;padding-top:15px;text-align:center;display:block}
.platinum_vip .contents ul li a .platinum_vip_logo img {height:50px}
.platinum_vip .contents ul li a .platinum_vip_academy {width:100%;height:24px;font-weight:bold;font-size:17px;color:#333;line-height:18px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.platinum_vip .contents ul li a .platinum_vip_title {width:100%;height:40px;margin:0px 0px 5px 0px;font-weight:normal;font-size:14px;color:#555;line-height:18px;overflow:auto;display:block}
.platinum_vip .contents ul li a .platinum_vip_area {width:158px;height:15px;font-weight:normal;font-size:13px;color:#888;line-height:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.platinum_vip .contents ul li a .platinum_vip_date {width:30%;height:15px;margin:0px 8% 0px 0px;font-weight:normal;font-size:13px;color:#888;text-align:right;line-height:12px;display:block;float:right}
.platinum_vip .contents ul li .platinum_vip_none {width:100%;height:auto;padding-top:22px;text-align:center;display:block}
.platinum_vip .contents ul li .platinum_vip_none img {height:40px;margin:10px 0}
.platinum_vip .contents ul li .platinum_vip_none_title {width:100%;height:14px;margin:5px 0px 0px 0px;font-size:14px;color:#888;text-align:center;line-height:10px;display:block}
.platinum_vip .contents ul li .shortcut {width:121px;height:26px;margin:10px auto 0px;padding:0px 0px 0px 0px;font-size:12px;color:#fff;text-align:center;line-height:27px;border:0px solid #c8c8c8;border-radius:3px;display:block;background:#c8c8c8}
.platinum_vip .contents ul li .scrap-btn-on {right:3%;bottom:5%}
.platinum_vip .contents ul li .scrap-btn-off {right:3%;bottom:5%}
.platinum_vip .contents ul li .scrap_btn_on {right:3%;bottom:5%}
.platinum_vip .contents ul li .scrap_btn_off {right:3%;bottom:5%}
/* 플래티넘M 채용관 영역 */
.platinum {width:100%;height:auto;float:left}
.platinum .title {width:100%;height:auto;margin-top:10px;padding:15px 0px 10px 0px;background-color:#fff;border-bottom:1px solid #ddd;float:left}
.platinum .title h2 {margin:0px 0px 0px 2%;font-weight:bold;font-size:16px;color:#555;float:left}
.platinum .title a {height:20px;margin:-4px 0px 0px 15px;padding:0px 6px;font-size:12px;color:#888;line-height:21px;border:1px solid #ccc;border-radius:3px;float:left}
.platinum .title .number {margin:5px 2% 0px 0px;font-size:12px;color:#ddd;float:right}
.platinum .title .number .swiper-pagination-current {font-weight:bold;color:#c24e88} 
.platinum .title .number .swiper-pagination-total {color:#888}
.platinum .contents {width:100%;height:auto;float:left}
.platinum .contents ul {width:100%;height:auto;text-align:left;line-height:0px;float:left}
.platinum .contents ul li {width:93.4%;height:130px;padding:0px 3%;text-align:left;background-color:#fff;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;position:relative;display:inline-block}
.platinum .contents ul li a {width:100%;height:auto;display:inline-block}
.platinum .contents ul li a .platinum_logo {width:100%;height:46px;padding-top:12px;text-align:center;display:block}
.platinum .contents ul li a .platinum_logo img {height:35px}
.platinum .contents ul li a .platinum_academy {width:100%;height:22px;font-weight:bold;font-size:16px;color:#333;line-height:17px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.platinum .contents ul li a .platinum_title {width:100%;height:26px;font-weight:normal;font-size:13px;color:#555;line-height:16px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.platinum .contents ul li a .platinum_area {width:145px;height:15px;font-weight:normal;font-size:12px;color:#888;line-height:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.platinum .contents ul li a .platinum_date {width:30%;height:15px;margin:0px 8% 0px 0px;font-weight:normal;font-size:12px;color:#888;text-align:right;line-height:12px;display:block;float:right}
.platinum .contents ul li .platinum_none {width:100%;height:auto;padding-top:14px;text-align:center;display:block}
.platinum .contents ul li .platinum_none img {height:40px;margin:13px 0 0}
.platinum .contents ul li .platinum_none_title {width:100%;height:14px;margin:5px 0px 0px 0px;font-size:14px;color:#888;text-align:center;line-height:10px;display:none}
.platinum .contents ul li .shortcut {width:121px;height:26px;margin:10px auto 0px;padding:0px 0px 0px 0px;font-size:12px;color:#fff;text-align:center;line-height:27px;border:0px solid #c8c8c8;border-radius:3px;display:block;background:#c8c8c8}
.platinum .contents ul li .scrap-btn-on {right:3%;bottom:9%}
.platinum .contents ul li .scrap-btn-off {right:3%;bottom:9%}
.platinum .contents ul li .scrap_btn_on {right:3%;bottom:9%}
.platinum .contents ul li .scrap_btn_off {right:3%;bottom:9%}
/* 스페셜M 채용관 영역 */
.special {width:100%;height:auto;float:left}
.special .title {width:100%;height:auto;margin-top:10px;padding:15px 0px 10px 0px;background-color:#fff;border-bottom:1px solid #ddd;float:left}
.special .title h2 {margin:0px 0px 0px 2%;font-weight:bold;font-size:16px;color:#555;float:left}
.special .title a {height:20px;margin:-4px 0px 0px 15px;padding:0px 6px;font-size:12px;color:#888;line-height:21px;border:1px solid #ccc;border-radius:3px;float:left}
.special .title .number {margin:5px 2% 0px 0px;font-size:12px;color:#ddd;float:right}
.special .title .number .swiper-pagination-current {font-weight:bold;color:#c24e88} 
.special .title .number .swiper-pagination-total {color:#888}
.special .contents {width:100%;height:auto;float:left}
.special .contents ul {width:100%;height:auto;text-align:left;line-height:0px;float:left}
.special .contents ul li {width:93.4%;height:96px;padding:0px 3%;text-align:left;background-color:#fff;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;position:relative;display:inline-block}
.special .contents ul li a {width:100%;height:auto;display:inline-block}
.special .contents ul li a .special_zone {width:100%;height:58px;margin:0px 0px 12px 0px;border-bottom:1px dashed #eee;display:block}
.special .contents ul li a .special_zone .special_logo {width:70px;height:48px;padding:18px 0px 0px 0px;text-align:left;display:block;float:left}
.special .contents ul li a .special_zone .special_logo img {width:100%}
.special .contents ul li a .special_zone .special_academy {width:70%;height:19px;padding:12px 0px 0px 4%;font-weight:bold;font-size:14px;color:#333;line-height:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.special .contents ul li a .special_zone .special_area {width:75px;height:15px;padding:2px 0px 0px 4%;font-weight:normal;font-size:12px;color:#888;line-height:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.special .contents ul li a .special_zone .special_line {margin:2px 9px 0px 0px;font-size:9px;color:#ddd;line-height:11px;float:left}
.special .contents ul li a .special_zone .special_date {width:30%;height:15px;padding:2px 0px 0px 0px;font-weight:normal;font-size:12px;color:#888;text-align:left;line-height:12px;display:block;float:left}
.special .contents ul li a .special_title {width:94%;height:15px;font-weight:normal;font-size:13px;color:#555;line-height:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.special .contents ul li .special_none_wrap {width:250px;height:auto;margin:0px auto;text-align:center;display:block}
.special .contents ul li .special_none_wrap .special_none {width:106px;height:auto;padding:18px 0px 0px 0px;text-align:center;display:block;float:left}
.special .contents ul li .special_none_wrap .special_none img {height:40px;margin:10px 0}
.special .contents ul li .special_none_wrap .special_none_title {width:100%;height:14px;margin:1px 0px 0px 0px;font-size:14px;color:#888;text-align:center;line-height:10px;display:none}
.special .contents ul li .special_none_wrap .shortcut {width:121px;height:26px;margin:35px 0px 0px 0px;padding:0px 0px 0px 0px;font-size:12px;color:#fff;text-align:center;line-height:27px;border:0px solid #c8c8c8;border-radius:3px;display:block;background:#c8c8c8;float:left}
.special .contents ul li .scrap-btn-on {right:3%;bottom:11%}
.special .contents ul li .scrap-btn-off {right:3%;bottom:11%}
.special .contents ul li .scrap_btn_on {right:3%;bottom:11%}
.special .contents ul li .scrap_btn_off {right:3%;bottom:11%}
/* 포커스M 채용관 영역 */
.focus {width:100%;height:auto;float:left}
.focus .title {width:100%;height:auto;margin-top:10px;padding:15px 0px 10px 0px;background-color:#fff;border-bottom:1px solid #ddd;float:left}
.focus .title h2 {margin:0px 0px 0px 2%;font-weight:bold;font-size:16px;color:#555;float:left}
.focus .title a {height:20px;margin:-4px 0px 0px 15px;padding:0px 6px;font-size:12px;color:#888;line-height:21px;border:1px solid #ccc;border-radius:3px;float:left}
.focus .title .number {margin:5px 2% 0px 0px;font-size:12px;color:#ddd;float:right}
.focus .title .number .swiper-pagination-current {font-weight:bold;color:#c24e88} 
.focus .title .number .swiper-pagination-total {color:#888}
.focus .contents {width:100%;height:auto;float:left}
.focus .contents ul {width:100%;height:auto;text-align:left;padding-bottom:10px;line-height:0px;float:left}
.focus .contents ul li {width:93.4%;height:77px;padding:0px 3%;text-align:left;background-color:#fff;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;position:relative;display:inline-block}
.focus .contents ul li a {width:100%;height:auto;display:inline-block}
.focus .contents ul li a .focus_zone {width:100%;height:39px;margin:0px 0px 12px 0px;border-bottom:1px dashed #eee;display:block}
.focus .contents ul li a .focus_zone .focus_academy {width:43%;height:17px;padding:12px 0px 0px 0px;font-weight:bold;font-size:14px;color:#333;line-height:15px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.focus .contents ul li a .focus_zone .focus_area {width:75px;height:15px;padding:14px 0px 0px 3.5%;font-weight:normal;font-size:12px;color:#888;line-height:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.focus .contents ul li a .focus_zone .focus_line {margin:15px 9px 0px 0px;font-size:9px;color:#ddd;line-height:11px;float:left}
.focus .contents ul li a .focus_zone .focus_date {width:22%;height:15px;padding:14px 0px 0px 0px;font-weight:normal;font-size:12px;color:#888;text-align:left;line-height:12px;display:block;float:left}
.focus .contents ul li a .focus_title {width:94%;height:15px;font-weight:normal;font-size:13px;color:#555;line-height:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.focus .contents ul li .focus_none_wrap {width:250px;height:auto;margin:0px auto;text-align:center;display:block}
.focus .contents ul li .focus_none_wrap .focus_none {width:106px;height:auto;padding:8px 0px 0px 0px;text-align:center;display:block;float:left}
.focus .contents ul li .focus_none_wrap .focus_none img {height:40px;margin:10px 0}
.focus .contents ul li .focus_none_wrap .focus_none_title {width:100%;height:14px;margin:1px 0px 0px 0px;font-size:14px;color:#888;text-align:center;line-height:10px;display:none}
.focus .contents ul li .focus_none_wrap .shortcut {width:121px;height:26px;margin:25px 0px 0px 0px;padding:0px 0px 0px 0px;font-size:12px;color:#fff;text-align:center;line-height:27px;border:0px solid #c8c8c8;border-radius:3px;display:block;background:#c8c8c8;float:left}
.focus .contents ul li .scrap-btn-on {right:3%;bottom:13%}
.focus .contents ul li .scrap-btn-off {right:3%;bottom:13%}
.focus .contents ul li .scrap_btn_on {right:3%;bottom:13%}
.focus .contents ul li .scrap_btn_off {right:3%;bottom:13%}
/* 대한민국 학원 이야기 영역 */
.board {width:100%;height:auto;border-bottom:1px solid #ddd;float:left}
.board .title {width:100%;height:auto;margin-top:10px;padding:15px 0px 10px 0px;background-color:#fff;border-bottom:1px solid #ddd;float:left}
.board .title h2 {margin:0px 0px 0px 2%;font-weight:bold;font-size:16px;color:#555;float:left}
.board .title a {height:17px;margin:-2px 0px 0px 15px;padding:0px 6px;font-size:12px;color:#888;line-height:19px;border:1px solid #ccc;border-radius:3px;float:left}
.board .contents {width:100%;height:auto;float:left;background:#fff}
.board .contents ul {width:100%;height:auto;padding:10px 0%;float:left}
.board .contents ul li {width:93%;height:auto;padding:8px 3%;background-color:#fff}
.board .contents ul li a {width:100%;height:auto;font-size:13px;color:#555;text-align:left}
/* 로그인 광고 영역 */
.login_wrap {width:94%;height:auto;padding:30px 3% 0px;float:left}
.login_wrap .text {width:100%;height:auto;margin:0px 0px 30px 0px;float:left}
.login_wrap .text h3 {width:100%;height:auto;font-weight:bold;font-size:18px;color:#333}
.login_wrap .text p {width:100%;height:auto;margin:9px 0px 0px 0px;font-weight:normal;font-size:13px;color:#555}
.login_wrap .text p a {font-weight:bold;font-size:13px;color:#c24e88;text-decoration:none}
.login_wrap .login {width:100%;height:auto;float:left}
.login_wrap .login ul {width:100%;height:auto;margin:0px 0px 10px 0px;float:left}
.login_wrap .login ul .mg30 {margin:0px 0px 0px 30px}
.login_wrap .login ul li {width:auto;height:auto;font-size:13px;color:#555;text-align:left;float:left}
.login_wrap .login ul li input {font-weight:normal;vertical-align:middle}
.login_wrap .login ul li label {padding:0px 0px 0px 5px;font-weight:normal;vertical-align:middle}
.login_wrap .login ul li a {font-size:13px;color:#555;text-decoration:none}
.login_wrap .login ul li span {padding:0px 7px 0px 7px;font-size:10px;color:#ddd}
.login_wrap .login ul li .blue {color:#c24e88}
.login_wrap .login div {width:100%;height:auto;float:left}
.login_wrap .login div input {width:93.6%;height:43px;margin:0px 0px 10px 0px;padding:0px 3%;font-size:13px;outline:none}
.login_wrap .login button {width:100%;height:47px;margin:0px 0px 15px 0px;font-weight:bold;font-size:16px;color:#fff;text-align:center;background-color:#c24e88;border:none;border-radius:3px}
/* 회원유형 선택 영역 */
.join_title {width:100%;height:auto;margin:30px 0px 30px 0px;text-align:center;float:left}
.join_title h3 {width:100%;height:auto;font-weight:normal;font-size:21px;color:#333}
.join_title h3 span {font-weight:bold;color:#c24e88}
.join_title p {width:100%;height:auto;margin:10px 0px 0px 0px;font-weight:normal;font-size:14px;color:#555}
.join_wrap {width:100%;height:auto;margin:0px 0px 15px 0px;float:left}
.join_wrap .box {width:45.8%;height:auto;margin:0px 0px 0px 0px;padding:0px 2%;text-align:center;float:left}
.join_wrap .box .image {width:100%;height:auto}
.join_wrap .box .image img {height:70px}
.join_wrap .box dl {width:auto;height:auto;margin:15px 0px 0px 0px;display:inline-block}
.join_wrap .box dl dt {width:100%;height:auto;margin:0px 0px 10px 0px;font-weight:bold;font-size:15px;color:#333;text-align:left}
.join_wrap .box dl dt span {color:#c24e88}
.join_wrap .box dl dd {width:100%;height:auto}
.join_wrap .box dl dd ul {width:100%;height:auto}
.join_wrap .box dl dd ul li {width:100%;height:auto;margin:0px 0px 8px 0px;font-weight:normal;font-size:12px;color:#555;text-align:left;letter-spacing:-1px}
.join_wrap .box .individual_btn {width:90%;height:38px;margin:15px 0px 0px 0px;font-weight:bold;font-size:15px;color:#c24e88;text-align:center;line-height:38px;background-color:#fff;border:1px solid #c24e88;border-radius:3px;display:inline-block}
.join_wrap .box .academy_btn {width:90%;height:38px;margin:15px 0px 0px 0px;font-weight:bold;font-size:15px;color:#fff;text-align:center;line-height:38px;background-color:#c24e88;border:1px solid #c24e88;border-radius:3px;display:inline-block}
.join_wrap .line {border-right:1px solid #eee}
/* 통합검색 영역 */
.result_wrap {width:100%;height:auto;margin-bottom:20px;float:left}
.result_wrap .title {width:100%;height:auto;padding:30px 0px 10px 0px;background-color:#fafafa;border-bottom:2px solid #888;float:left}
.result_wrap .title h2 {margin:0px 0px 0px 2%;font-weight:bold;font-size:16px;color:#555;float:left}
.result_wrap .contents {width:96%;height:auto;margin:0px 2%;padding:15px 0px 0px 0px;float:left}
.result_wrap .contents .line {padding:0px 0px 15px 0px;border-bottom:1px solid #eee}
.result_wrap .contents .subject {width:100%;height:auto;padding:0px 0px 10px 0px;border-bottom:1px solid #888;float:left}
.result_wrap .contents .subject h3 {font-weight:bold;font-size:14px;color:#555;float:left}
.result_wrap .contents .subject p {margin:2px 0px 0px 10px;font-weight:normal;font-size:12px;color:#888;float:left}
.result_wrap .contents .subject .blue {font-weight:bold}
.result_wrap .contents ul {width:100%;height:auto;float:left}
.result_wrap .contents ul .line8 {border-bottom:1px solid #888}
.result_wrap .contents ul li {width:94%;height:auto;padding:0px 3% 11px 3%;background-color:#fff;border-bottom:1px solid #ddd;position:relative}
.result_wrap .contents ul li a {width:100%;height:auto;display:inline-block}
.result_wrap .contents ul li a .name {width:100%;height:20px;padding:12px 0px 0px 0px;font-weight:bold;font-size:14px;color:#333;line-height:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.result_wrap .contents ul li a .title1 {width:100%;height:25px;font-weight:normal;font-size:13px;color:#555;line-height:16px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.result_wrap .contents ul li a .area {width:75px;height:15px;font-weight:normal;font-size:12px;color:#888;line-height:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.result_wrap .contents ul li a .academic {width:105px;height:15px;font-weight:normal;font-size:12px;color:#888;line-height:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.result_wrap .contents ul li a .career {width:70px;height:15px;font-weight:normal;font-size:12px;color:#888;line-height:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.result_wrap .contents ul li a .line1 {margin:0px 9px 0px 0px;font-size:9px;color:#ddd;line-height:11px;float:left}
.result_wrap .contents ul li a .date {width:60px;height:15px;font-weight:normal;font-size:12px;text-align:left;line-height:12px;display:block;float:left}
.result_wrap .contents ul li .scrap_btn_on {right:2%;bottom:15%}
.result_wrap .contents ul li .scrap_btn_off {right:2%;bottom:15%}
.result_wrap .contents .button {width:100%;height:auto;margin:30px 0px;text-align:center;float:left}
.result_wrap .contents .button a {padding:7px 32.6%;font-size:14px;color:#888;border:1px solid #ccc;border-radius:3px}
.result_wrap .no_search { margin-top: 15px;}
/* 전체채용정보, 업직종별, 지역별, 대상별, 인재정보 영역 */
.select_wrap {width:94%;height:auto;padding:15px 3%;background-color:#fafafa;border-bottom:1px solid #ddd;float:left}
.select_wrap dl {width:100%;height:auto;float:left}
.select_wrap dl dt {width:100%;height:auto;font-weight:bold;font-size:14px;color:#555;float:left}
.select_wrap dl dt .text {margin:0px 10px 0px 0px;float:left}
.select_wrap dl dt .btn1 {width:auto;height:24px;margin:-6px 0px 10px 0px;padding:5px 10px;font-weight:normal;font-size:13px;color:#c24e88;line-height:13px;background-color:#fff;border:1px solid #c24e88;border-radius:3px;float:left}
.select_wrap dl dt .btn2 {width:auto;height:24px;margin:-6px 0px 10px 0px;padding:5px 10px;font-weight:normal;font-size:13px;color:#fff;line-height:13px;background-color:#c24e88;border:1px solid #c24e88;border-radius:3px;float:right}
.select_wrap dl dd {width:100%;height:auto;background-color:#fff;float:left}
.select_wrap dl dd .select_box {width:95.6%;height:80px;padding:10px 2% 0px;border:1px solid #ddd;overflow:auto;float:left}
.select_wrap dl dd .select_box .choose {margin:0px 0px 10px 0px;font-size:13px;color:#888;text-align:left;display:inline-block}
.select_wrap dl dd .select_box .choice {margin:0px 5px 10px 0px;padding:5px 5px;font-size:12px;color:#333;text-align:left;letter-spacing:-1px;background-color:#f1f3f9;display:inline-block}
.select_wrap dl dd .select_box .choice button {width:11px;height:11px;margin:0px 0px 0px 5px;vertical-align:middle;text-indent:-99999px;background:url(/images/common/blue_close.png) no-repeat 0 0;background-size:cover}
.search_wrap {width:100%;height:auto;margin:15px 0px 0px 0px;position:relative;float:left;background:#fff}
.search_wrap .contents {width:94%;height:auto;padding:10px 3% 70px;float:left}
.search_wrap .contents dl {width:100%;height:auto;padding:0px 0px 15px 0px;float:left}
.search_wrap .contents dl dt {width:100%;height:auto;margin:10px 0px;font-size:14px;color:#888}
.search_wrap .contents dl dt span {width:auto;height:auto;margin:0px 0px 0px 10px;font-size:12px;color:#888}
.search_wrap .contents dl dt .add_btn {width:auto;height:28px;margin:-7px 0px 5px 0px;padding:0px 10px;font-weight:bold;font-size:12px;color:#c24e88;line-height:28px;background-color:#fff;border:1px solid #c24e88;border-radius:3px;outline:none;float:right}
.search_wrap .contents dl dd {width:100%;height:auto}
.search_wrap .contents dl dd .w1 {width:40%}
.search_wrap .contents dl dd .w2 {width:82%}
.search_wrap .contents dl dd .w3 {width:99.8%}
.search_wrap .contents dl dd select {height:40px;padding:0px 0px 0px 2%;font-size:13px;float:left;background:#fff}
.search_wrap .contents dl dd .line {width:95.6%;padding:10px 2% 2px;border:1px solid #ddd}
.search_wrap .contents dl dd ul {width:100%;height:auto;float:left}
.search_wrap .contents dl dd ul li {width:auto;height:auto;margin:0px 25px 10px 0px;text-align:left;float:left}
.search_wrap .contents dl dd ul li input {width:auto;height:auto;font-weight:normal;font-size:14px}
.search_wrap .contents dl dd ul li label {padding:0px 0px 0px 5px;font-weight:normal;font-size:14px;color:#333}
.search_wrap .contents dl dd ul .left {width:82%;margin:0px}
.search_wrap .contents dl dd ul .left select {width:100%}
.search_wrap .contents dl dd ul .right {width:18%;margin:0px;text-align:right;line-height:35px}
.search_wrap .contents dl dd ul .middle {width:47%;margin:0px}
.search_wrap .contents dl dd ul .middle select {width:100%}
.search_wrap .contents dl dd ul .middle_line {width:6%;margin:0px;color:#555;text-align:center;line-height:35px}
.search_wrap .contents dl dd .contents_box {width:95.6%;height:auto;padding:10px 2% 0px;border:1px solid #ddd;float:left}
.search_wrap .contents dl dd .contents_box .choose {margin:0px 0px 10px 0px;font-size:14px;color:#888;text-align:left;display:inline-block}
.search_wrap .contents dl dd .contents_box .choice {margin:0px 15px 10px 0px;font-size:14px;color:#333;text-align:left;display:inline-block}
.search_wrap .contents dl dd .contents_box .choice button {width:24px;height:23px;margin:0px 0px 0px 10px;vertical-align:middle;text-indent:-99999px;background:url(/images/sub/delete.png) no-repeat 0 0;background-size:cover}
.search_wrap .contents .btn_wrap {width:94%;height:auto;padding:10px 3%;background-color:#fff;border-top:1px solid #eee;position:fixed;bottom:0px;left:0px}
.search_wrap .contents .btn_wrap .type1 {width:44%;height:38px;font-weight:bold;font-size:14px;color:#555;text-align:center;line-height:36px;background-color:#fff;border:1px solid #555;border-radius:3px}
.search_wrap .contents .btn_wrap .type2 {width:44%;height:38px;margin-left:10%;font-weight:bold;font-size:14px;color:#fff;text-align:center;line-height:36px;background-color:#555;border:1px solid #555;border-radius:3px}
.all {width:100%;height:auto;margin:0;padding-bottom:20px;float:left;background:#ffffff}
.all .title {width:100%;height:auto;padding:5px 0px 10px 0px;margin-top:10px;background-color:#fff;border-bottom:1px solid #ddd;float:left}
.all .title h2 {margin:0px 0px 0px 2%;font-weight:bold;font-size:16px;color:#555;float:left}
.all .title a {margin:0px 0px 0px 15px;padding:2px 6px;font-size:12px;color:#888;border:1px solid #ccc;border-radius:3px;float:left}
.all .contents {width:100%;height:auto;float:left}
.all .contents ul {width:100%;height:auto;float:left}
.all .contents ul .line {border-bottom:1px solid #888}
.all .contents ul li {width:94%;height:auto;padding:0px 3% 11px 3%;background-color:#fff;border-bottom:1px solid #ddd;position:relative}
.all .contents ul li a {width:100%;height:auto;display:inline-block}
.all .contents ul li a .all_academy {width:100%;height:20px;padding:12px 0px 0px 0px;font-weight:bold;font-size:14px;color:#333;line-height:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.all .contents ul li a .all_title {width:100%;height:25px;font-weight:normal;font-size:13px;color:#555;line-height:16px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.all .contents ul li a .all_area {width:75px;height:15px;font-weight:normal;font-size:12px;color:#888;line-height:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.all .contents ul li a .all_line {margin:0px 9px 0px 0px;font-size:9px;color:#ddd;line-height:11px;float:left}
.all .contents ul li a .all_date {width:80px;height:15px;font-weight:normal;font-size:12px;text-align:left;line-height:12px;display:block;float:left}
.all .contents ul li a .left {width:20%;height:auto;float:left}
.all .contents ul li a .left .hr_img {width:100%;height:auto;padding:12px 0px 0px 0px;text-align:center;float:left}
.all .contents ul li a .left .hr_img img {height:40px}
.all .contents ul li a .left .hr_name {width:100%;height:18px;margin:2px 0px 0px 0px;font-weight:bold;font-size:14px;color:#333;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.all .contents ul li a .left .hr_age {width:100%;height:auto;font-size:12px;color:#888;text-align:center;float:left}
.all .contents ul li a .left .hr_age .blue {color:#009ef7}
.all .contents ul li a .left .hr_age .red {color:#c24e88}
.all .contents ul li a .left .hr_age .hr_line {font-size:10px;color:#ccc}
.all .contents ul li a .right {width:77%;height:auto;padding:0px 0px 0px 3%;float:left}
.all .contents ul li a .right .hr_title {width:100%;height:19px;padding:14px 0px 0px 0px;font-weight:bold;font-size:13px;color:#333;line-height:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.all .contents ul li a .right .hr_area {width:100%;height:18px;padding:2px 0px 0px 0px;font-weight:normal;font-size:12px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.all .contents ul li a .right .hr_worktype {width:100%;height:20px;padding:2px 0px 0px 0px;font-weight:normal;font-size:12px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.all .contents ul li a .right .hr_career {width:75px;height:15px;font-size:12px;color:#c24e88;text-align:left;vertical-align:middle;float:left}
.all .contents ul li a .right .hr_line {margin:0px 9px 0px 0px;font-size:9px;color:#ccc;line-height:11px;float:left}
.all .contents ul li a .right .hr_date {width:75px;height:15px;font-weight:normal;font-size:12px;text-align:left;float:left}
.all .contents ul li .all_none_title {width:100%;height:auto;margin:1px 0px 0px 0px;font-size:14px;color:#888;text-align:center;line-height:84px}
.all .contents ul li .scrap_btn_on {right:3%;bottom:15%}
.all .contents ul li .scrap_btn_off {right:3%;bottom:15%}
.search_popup {width:100%;height:100%;text-align:center;background-color:#fff;position:fixed;top:0px;left:0px}
.search_popup .title {width:94%;height:auto;margin:0px 0px 10px 0px;padding:10px 3%;text-align:left;border-bottom:1px solid #eee;float:left}
.search_popup .title p {width:100%;height:auto;font-weight:normal;font-size:13px;color:#555}
.search_popup .title p span {font-weight:normal;font-size:12px;color:#888}
.search_popup .select {width:94%;height:auto;padding:0px 3%;border-bottom:1px solid #eee;float:left}
.search_popup .select .mg4 {margin:0px 5% 0px 0px}
.search_popup .select .full {width:100%}
.search_popup .select dl {width:46.8%;height:auto;float:left}
.search_popup .select dt {width:100%;margin:0px 0px 8px 0px;font-size:14px;color:#888;text-align:center}
.search_popup .select dd {width:100%;height:auto;padding:0px 0px 10px 0px}
.search_popup .select dd ul {width:100%;height:50vh;border:1px solid #ddd;overflow:auto}
.search_popup .select dd li {width:100%;height:auto}
.search_popup .select dd li .on {color:#333;background-color:#eee}
.search_popup .select dd li button {width:100%;height:auto;padding:10px;font-size:13px;color:#333;text-align:left;line-height:16px;background:none}
.search_popup .contents_box {width:94%;height:17%;padding:10px 3% 0px;text-align:left;border-bottom:1px solid #eee;overflow:auto}
.search_popup .contents_box .choice {margin:0px 5px 10px 0px;font-size:13px;color:#333;text-align:left;display:inline-block}
.search_popup .contents_box .choice button {width:24px;height:23px;margin:0px 0px 0px 10px;vertical-align:middle;text-indent:-99999px;background:url(/images/sub/delete.png) no-repeat 0 0;background-size:cover}
.search_popup .btn {width:100%;height:auto;padding:10px 0px;background-color:#fff;border-top:1px solid #eee;position:fixed;bottom:0px;left:0px}
.search_popup .btn ul {width:100%;height:auto;text-align:center;float:left}
.search_popup .btn ul li {width:33.3%;height:36px;text-align:center;float:left}
.search_popup .btn ul li button {width:90%;height:36px;font-size:14px;line-height:32px;border-radius:3px}
.search_popup .btn ul li .type1 {color:#c24e88;background-color:#fff;border:1px solid #c24e88}
.search_popup .btn ul li .type2 {color:#fff;background-color:#c24e88;border:1px solid #c24e88}
.search_popup .btn ul li .type3 {color:#888;background-color:#fff;border:1px solid #ccc}
/* 채용정보, 이력서 상세 영역 */
.detail_wrap {width:100%;height:auto;float:left}
.detail_wrap .title {width:100%;height:auto;padding:30px 0px 10px 0px;background-color:#fafafa;border-bottom:1px solid #888;float:left}
.detail_wrap .title h2 {margin:0px 0px 0px 2%;font-weight:bold;font-size:16px;color:#555;float:left}
.detail_wrap .name {width:96%;height:auto;margin:0px 2%;padding:15px 0px;border-bottom:1px solid #eee;float:left}
.detail_wrap .name h3 {width:80%;height:auto;font-weight:normal;font-size:16px;color:#555;line-height:20px;float:left}
.detail_wrap .name .logo {width:20%;height:20px;text-align:right;float:left}
.detail_wrap .name .logo .no_img {width:100%;height:20px;text-align:right}
.detail_wrap .name .logo .no_img img {height:18px;display:none}
.detail_wrap .name .logo .logo_img {width:100%;height:20px;text-align:right}
.detail_wrap .name .logo .logo_img img {height:18px}
/* 로고 위치 중앙으로 이동 */
/* .detail_wrap .name h3 {width:100%;height:auto;font-weight:normal;font-size:16px;color:#555;line-height:20px;float:left}
.detail_wrap .name .logo {width:100%;height:46px;text-align:center;float:left}
.detail_wrap .name .logo.dpno {display:none}
.detail_wrap .name .logo .no_img {width:100%;height:46px;text-align:center}
.detail_wrap .name .logo .no_img img {height:40px;display:none}
.detail_wrap .name .logo .logo_img {width:100%;height:46px;text-align:center}
.detail_wrap .name .logo .logo_img img {height:40px} */
.detail_wrap .name p {width:100%;height:auto;margin:3px 0px 0px 0px;font-weight:bold;font-size:18px;color:#333;line-height:22px;float:left}
.detail_wrap .contents {width:96%;height:auto;margin:0px 2%;padding:15px 0px 0px 0px;float:left}
.detail_wrap .contents .line {padding:0px 0px 15px 0px;border-bottom:1px solid #eee; overflow: hidden; word-wrap: break-word;}
.detail_wrap .contents .info {width:100%;height:auto;margin:0px 0px 30px 0px;float:left}
.detail_wrap .contents .info .subject {width:100%;height:auto;padding:0px 0px 10px 0px;border-bottom:1px solid #888;float:left}
.detail_wrap .contents .info .subject h4 {font-weight:bold;font-size:16px;color:#555;float:left}
.detail_wrap .contents .info .subject p {margin:1px 0px 0px 15px;font-weight:normal;font-size:14px;color:#555;float:left}
.detail_wrap .contents .info .subject span {font-weight:bold;font-size:14px;color:#c24e88}
.detail_wrap .contents .info .tline {margin:-1px 0px 0px 0px;border-top:1px solid #ccc}
.detail_wrap .contents .info table {width:100%;height:auto;float:left}
.detail_wrap .contents .info table caption {text-indent:-99999px;position:absolute}
.detail_wrap .contents .info table th {/* width:23%; */width:30%;height:auto;padding:7px 0px 7px 2%;font-weight:normal;font-size:14px;color:#888;text-align:left;vertical-align:middle;line-height:18px;background-color:#fafafa;border-right:1px solid #eee;border-bottom:1px solid #eee}
.detail_wrap .contents .info table td {/* width:73%; */width:66%;height:auto;padding:7px 0px 7px 2%;font-size:14px;color:#333;text-align:left;vertical-align:middle;line-height:18px;border-bottom:1px solid #eee}
.detail_wrap .contents .info table td span {margin:0px 4px 0px 4px;font-size:10px;color:#ddd}
.detail_wrap .contents .info table td p {width:100%;height:auto;margin:0px 0px 8px 0px;text-align:center}
.detail_wrap .contents .info table .line {border-bottom:1px solid #ccc}
.detail_wrap .contents .info table td .resume {width:auto;height:auto;margin:0px 0px 0px 8px;padding:4px 8px;font-weight:normal;font-size:12px;color:#fff;background-color:#888;border-radius:3px}
.detail_wrap .contents .info table td .resume img {height:11px;margin:0px 0px 0px 5px;vertical-align:middle}
.detail_wrap .contents .info table td a {width:100px;height:20px;margin:0px auto;padding:4px 8px;font-size:12px;color:#fff;text-align:center; line-height:22px;background-color:#888;border-radius:3px;display:block}
.detail_wrap .contents .info .text {width:100%;height:auto;padding:10px 0;font-size:14px;color:#333;line-height:20px;border-bottom:1px solid #eee;float:left}
.detail_wrap .contents .info .text img {width:100%}
.detail_wrap .contents .info .text table td span {color:#555}
.detail_wrap .contents .info .text table td p {text-align:left}
.detail_wrap .contents .info .img {width:100%;height:auto;margin:10px 0px 0px 0px;padding:0px 0px 10px 0px;border-bottom:1px solid #eee;float:left}
.detail_wrap .contents .info .img li {width:46%;height:auto;margin:2%;text-align:center;float:left}
.detail_wrap .contents .info .img .no_img {width:100%;max-width:152px;height:98px; margin: 0 auto;font-size:12px;color:#bbb;text-align:center;background-color:#fafafa;border:1px solid #ddd;display:inline-block}
.detail_wrap .contents .info .img .no_img .no_img_imgbox {position: relative; top: 0px; left: 0px; width: 100%; height: auto; margin: 25px 0  0 0;}
.detail_wrap .contents .info .img .no_img .no_imgbox_in {display:inline-block;width: 100%;}
.detail_wrap .contents .info .img .no_img .no_img_txt {display:inline-block;width: 100%; padding-top:5px;}
.detail_wrap .contents .info .img .no_img img {}
.detail_wrap .contents .info .img .no_img span {}
.detail_wrap .contents .info .img .academy_img {width:100%;max-width:152px;height:98px;background-color:#fff;border:1px solid #ddd;overflow: hidden;}
.detail_wrap .contents .info .img .academy_img img {width:100%;height:96px;}

.detail_wrap .contents .info .map {width:95%;height:170px;margin:10px 2% 5px 2%;border:1px solid #ddd;float:left}
.detail_wrap .contents .info .noti { font-size: 12px; color: #888; padding-left: 5px; }
.detail_wrap .contents .info dl {width:100%;height:auto;margin:15px 0px 0px 0px;float:left}
.detail_wrap .contents .info dl.map_dawon_txt {margin: 5px 0 0 0;}
.detail_wrap .contents .info dl dt {width:98%;height:auto;margin:0px 0px 5px 2%;font-size:14px;color:#888}
.detail_wrap .contents .info dl dd {width:98%;height:auto;margin:0px 0px 20px 2%;font-size:14px;color:#333;line-height:18px}
.detail_wrap .contents .info dl dd a {color:#333;text-decoration:none}
.detail_wrap .contents .info dl.type2 {/* margin-top:30px */ margin: 0;}



.detail_wrap .contents .info .product_info_wrap {width:100%;height:auto;padding:15px 0px 20px 0px;border-top:1px solid #eee;border-bottom:1px solid #eee}
.detail_wrap .contents .info .product_info_wrap .product_info {width:100%;height:auto;margin:0px 0px 15px 0px;font-weight:normal;font-size:14px;color:#555;text-align:center;line-height:22px;word-break:keep-all}
.detail_wrap .contents .info .product_info_wrap .product_info span {font-weight:bold;font-size:14px;color:#c24e88}
.detail_wrap .contents .info .product_info_wrap .apply_btn {width:100%;height:auto;text-align:center}
.detail_wrap .contents .info .product_info_wrap .apply_btn .login {width:46%;height:40px;margin:0px 10px 0px 0px;font-weight:bold;font-size:14px;color:#fff;text-align:center;line-height:38px;background-color:#c24e88;border:1px solid #c24e88;border-radius:3px;display:inline-block}
.detail_wrap .contents .info .product_info_wrap .apply_btn .product02 {width:46%;height:38px;font-weight:bold;font-size:14px;color:#fff;text-align:center;line-height:38px;background-color:#c24e88;border:1px solid #c24e88;border-radius:3px;display:inline-block}
.detail_wrap .contents .info .product_info_wrap .apply_btn .product {width:46%;height:38px;font-weight:bold;font-size:14px;color:#c24e88;text-align:center;line-height:38px;background-color:#fff;border:1px solid #c24e88;border-radius:3px;display:inline-block}
.detail_wrap .contents .info .hr_wrap {width:100%;height:auto;border-bottom:1px solid #eee;float:left}
.detail_wrap .contents .info .hr_wrap .hr_content {width:100%;height:auto;padding:10px 0px;float:left}
.detail_wrap .contents .info .hr_wrap .hr_content .self_intro {width:100%;height:auto;font-size:14px;color:#333;line-height:20px;word-break:keep-all}
.detail_wrap .contents .info .hr_wrap .hr_content p {font-size:14px;color:#333;line-height:20px}
.detail_wrap .contents .info .hr_wrap .hr_content div {font-size:14px;color:#333;line-height:20px}
.detail_wrap .contents .info .hr_wrap .hr_content .self_intro_write {width:100%;height:auto;margin:5px 0px 10px 0px;font-size:14px;color:#555;text-align:center}
.detail_wrap .contents .info .hr_wrap .hr_content .self_intro_write span {font-weight:bold;font-size:14px;color:#c24e88}
.detail_wrap .contents .info .hr_wrap .hr_content .self_intro_product {width:100%;height:auto;margin:0px 0px 15px 0px;font-size:14px;color:#555;text-align:center;line-height:20px;word-break:keep-all}
.detail_wrap .contents .info .hr_wrap .hr_content .self_intro_product span {font-weight:bold;font-size:14px;color:#c24e88}
.detail_wrap .contents .info .hr_wrap .hr_content .apply_btn {width:100%;height:auto;margin:0px 0px 5px 0px;text-align:center}
.detail_wrap .contents .info .hr_wrap .hr_content .apply_btn .login  {width:46%;height:40px;margin:0px 10px 0px 0px;font-weight:bold;font-size:14px;color:#fff;text-align:center;line-height:38px;background-color:#c24e88;border:1px solid #c24e88;border-radius:3px;display:inline-block}
.detail_wrap .contents .info .hr_wrap .hr_content .apply_btn .product02  {width:46%;height:38px;font-weight:bold;font-size:14px;color:#fff;text-align:center;line-height:38px;background-color:#c24e88;border:1px solid #c24e88;border-radius:3px;display:inline-block}
.detail_wrap .contents .info .hr_wrap .hr_content .apply_btn .product {width:46%;height:38px;font-weight:bold;font-size:14px;color:#c24e88;text-align:center;line-height:38px;background-color:#fff;border:1px solid #c24e88;border-radius:3px;display:inline-block}

.detail_wrap .contents .date {text-align: center; width:94%;height:auto;padding:15px 3%;font-size:12px;color:#555;float:left;background-color:#fafafa;}
.detail_wrap .contents .precaution {margin-bottom: 30px; width:94%;height:auto;padding:15px 3%;font-size:12px;color:#888;line-height:16px;background-color:#fafafa;float:left}
.detail_wrap .contents .photo_wrap {width:100%;height:auto;margin:0px 0px 15px 0px;text-align:center;border-bottom:1px solid #eee}
.detail_wrap .contents .photo {width:80px;height:100px;padding:8px;border:1px solid #ddd;border-radius:3px;display:inline-block}
.detail_wrap .contents .photo img {width:80px;height:100px}
.detail_wrap .contents .no_product {width:96px;height:116px;text-align:center;background:url(/images/sub/no_product.jpg) no-repeat 0 0;background-size:cover;border:1px solid #ddd;border-radius:3px;display:inline-block}
.detail_wrap .contents .no_product p {width:100%;height:auto;margin:26px 0px;font-weight:normal;font-size:14px;color:#888;text-align:center;line-height:16px;letter-spacing:-1px}
.detail_wrap .contents .no_product a {width:80%;height:27px;margin:0px auto;font-weight:bold;font-size:12px;color:#fff;text-align:center;line-height:27px;background-color:#c24e88;border-radius:3px;display:block}
.detail_wrap .contents .no_photo {width:96px;height:116px;text-align:center;background:url(/images/sub/no_product.jpg) no-repeat 0 0;background-size:cover;border:1px solid #ddd;border-radius:3px;display:inline-block}
.detail_wrap .contents .no_photo p {width:100%;height:auto;margin:75px 0px 0px 0px;font-weight:normal;font-size:12px;color:#888;text-align:center;line-height:16px;letter-spacing:-1px}
.detail_wrap .contents .profile {width:100%;height:auto;margin:10px 0px 0px 0px}
.detail_wrap .contents .profile .text {width:100%;font-weight:bold;font-size:18px;color:#333}
.detail_wrap .contents .profile li {height:auto;margin:0px 0px 15px 0px;font-size:15px;color:#555;display:inline-block}
.detail_wrap .contents .profile li span {padding:0px 5px 0px 10px;font-size:11px;color:#ddd}
.detail_wrap .contents .contact {width:100%;height:auto;margin:0px 0px 30px 0px;padding:0px 0px 5px 0px;border-bottom:1px solid #eee}
.detail_wrap .contents .contact li {width:98%;height:auto;margin:0px 0px 10px 0px;padding:0px 0px 0px 2%;font-size:15px;color:#333;line-height:18px}
.detail_wrap .contents .contact li span {width:18px;height:18px;margin:0px 10px 0px 0px;text-align:center;background-color:#ccc;border-radius:3px;display:inline-block}
.detail_wrap .contents .contact li span img {height:12px;margin:3px 0px 0px 0px;vertical-align:top}
.detail_wrap .contents .writer { width:94%;height:auto;float:left;background-color: #fafafa;padding: 10px 3%;}
.detail_wrap .contents .writer p {width:100%;height:16px;margin:0px 0px 10px 0px;font-size:13px;color:#555;text-align:center}


/* 이력서 등록 영역 */
.register_wrap {width:100%;height:auto;float:left}
.register_wrap .title {width:100%;height:auto;padding:30px 0px 10px 0px;background-color:#fafafa;border-bottom:2px solid #888;float:left}
.register_wrap .title h2 {margin:0px 0px 0px 2%;font-weight:bold;font-size:16px;color:#555;float:left}
.register_wrap .title .require {margin:2px 2% 0px 0px;font-weight:normal;font-size:12px;color:#c24e88;float:right}
.register_wrap .title .require img {height:8px;margin:0px 5px 0px 0px}
.register_wrap .contents {width:96%;height:auto;margin:0px 2%;padding:15px 0px 0px 0px;float:left}
.register_wrap .contents .text {margin:0px 0px 5px 0px;font-size:13px;color:#555;line-height:16px;word-break:keep-all}
.register_wrap .contents .btn {width:100%;height:auto;margin:15px 0px 0px 0px;text-align:center;float:left}
.register_wrap .contents .btn .type1 {width:44%;height:38px;margin:0px 2.2%;font-weight:bold;font-size:14px;color:#888;text-align:center;background-color:#fff;border:1px solid #888;border-radius:3px;display:inline-block}
.register_wrap .contents .btn .type2 {width:44%;height:38px;margin:0px 2.2%;font-weight:bold;font-size:14px;color:#fff;text-align:center;background-color:#888;border:1px solid #888;border-radius:3px;display:inline-block}
.register_wrap .list {width:100%;height:auto;margin:30px 0px 0px 0px;float:left}
.register_wrap .list ul {width:100%;height:auto;border-top:1px solid #ddd;float:left}
.register_wrap .list ul .line {border-bottom:1px solid #888}
.register_wrap .list ul li {width:94%;height:auto;padding:0px 3% 11px 3%;background-color:#fff;border-bottom:1px solid #ddd;position:relative}
.register_wrap .list ul li a {width:100%;height:auto;display:inline-block}
.register_wrap .list ul li a .all_academy {width:100%;height:20px;padding:12px 0px 0px 0px;font-weight:bold;font-size:14px;color:#333;line-height:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.register_wrap .list ul li a .all_title {width:100%;height:25px;font-weight:normal;font-size:13px;color:#555;line-height:16px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.register_wrap .list ul li a .all_area {width:75px;height:15px;font-weight:normal;font-size:12px;color:#888;line-height:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.register_wrap .list ul li a .all_line {margin:0px 9px 0px 0px;font-size:9px;color:#ddd;line-height:11px;float:left}
.register_wrap .list ul li a .all_date {width:70px;height:15px;font-weight:normal;font-size:12px;text-align:left;line-height:12px;display:block;float:left}
.register_wrap .list ul li .all_none_title {width:100%;height:auto;font-size:14px;color:#888;text-align:center;line-height:70px}
.register_wrap .list ul li .scrap_btn_on {right:2%;bottom:15%}
.register_wrap .list ul li .scrap_btn_off {right:2%;bottom:15%}
.register_wrap .contents .register_photo_wrap {width:100%;height:auto;margin:0px 0px 15px 0px;text-align:center;border-bottom:1px solid #eee}
.register_wrap .contents .register_photo {width:80px;height:100px;padding:8px;border:1px solid #ddd;border-radius:3px;display:inline-block;position:relative}
.register_wrap .contents .register_photo img {width:80px;height:100px}
.register_wrap .contents .register_photo .register_btn {width:80px;height:100px;background-color:#fafafa;border:none}
.register_wrap .contents .register_photo .register_btn .register_plus {width:100%;height:auto;margin:0px 0px 10px 0px;font-size:14px;color:#888;display:block}
.register_wrap .contents .register_photo .register_btn .register_text {width:100%;height:auto;font-size:13px;color:#888;text-align:center;display:block}
.register_wrap .contents .register_photo .delete {width:20px;height:20px;font-size:13px;color:#fff;background-color:#888;position:absolute;top:-1px;left:-1px}
.register_wrap .contents .register_photo .modify {width:28px;height:24px;text-align:center;background-color:#888;position:absolute;bottom:-1px;right:-1px}
.register_wrap .contents .register_photo .modify img {width:18px;height:15px}
.register_wrap .contents .profile {width:100%;height:auto;margin:10px 0px 0px 0px}
.register_wrap .contents .profile .text {width:100%;font-weight:bold;font-size:18px;color:#333}
.register_wrap .contents .profile li {height:auto;margin:0px 0px 15px 0px;font-size:15px;color:#555;display:inline-block}
.register_wrap .contents .profile li span {padding:0px 5px 0px 10px;font-size:11px;color:#ddd}
.register_wrap .contents .contact {width:100%;height:auto;margin:0px 0px 15px 0px;padding:0px 0px 5px 0px;border-bottom:1px solid #eee}
.register_wrap .contents .contact li {width:98%;height:auto;margin:0px 0px 10px 0px;padding:0px 0px 0px 2%;font-size:15px;color:#333;line-height:18px}
.register_wrap .contents .contact li span {width:18px;height:18px;margin:0px 10px 0px 0px;text-align:center;background-color:#ccc;border-radius:3px;display:inline-block}
.register_wrap .contents .contact li span img {height:12px;margin:3px 0px 0px 0px;vertical-align:top}
.register_wrap .contents .info {width:100%;height:auto;float:left}
.register_wrap .contents .info .subject {width:100%;height:auto;padding:30px 0px 10px 0px;border-bottom:2px solid #888;float:left}
.register_wrap .contents .info .subject h4 {font-weight:bold;font-size:16px;color:#555;float:left}
.register_wrap .contents .info .subject h4 img {margin:0px 0px 0px 5px;vertical-align:middle}
.register_wrap .contents .info .subject .require {margin:2px 2% 0px 0px;font-size:12px;color:#c24e88;float:right}
.register_wrap .contents .info .subject .require img {height:8px;margin:0px 5px 0px 0px}
.register_wrap .contents .info .subject p {margin:1px 0px 0px 10px;font-weight:normal;font-size:14px;color:#555;float:left}
.register_wrap .contents .info .subject span {font-weight:bold;font-size:14px;color:#c24e88}
.register_wrap .contents .info .bd1 {padding:0px;border-bottom:1px solid #ccc}
.register_wrap .contents .info .add {width:100%;height:auto;text-align:center;float:left}
.register_wrap .contents .info .add button {width:100%;height:40px;margin:15px 0px;font-weight:bold;font-size:14px;color:#c24e88;text-align:center;background-color:#fff;border:1px solid #c24e88;border-radius:3px}
.register_wrap .contents .info .form {width:95.6%;height:auto;margin:15px 0px 0px 0px;padding:0px 2%;border:1px solid #ddd;float:left}
.register_wrap .contents .info .form .delete {width:100%;height:auto;margin:15px 0px 0px 0px;text-align:center;float:left}
.register_wrap .contents .info .form .delete button {width:99.6%;height:34px;margin:0px 0px 15px 0px;font-size:14px;color:#888;text-align:center;background-color:#fff;border:1px solid #ccc;border-radius:3px}
.register_wrap .contents .info .form h5 {width:100%;height:30px;margin:0px 0px 5px 0px;font-size:14px;color:#888;text-align:center;line-height:30px;border-bottom:1px solid #eee}
.register_wrap .contents .info dl {width:100%;height:auto;padding:0px 0px 15px 0px;float:left}
.register_wrap .contents .info dl dt {width:100%;height:auto;margin:10px 0px;font-size:14px;color:#888}
.register_wrap .contents .info dl dt img {margin:0px 0px 0px 5px;vertical-align:middle}
.register_wrap .contents .info dl dt span {width:auto;height:auto;margin:0px 0px 0px 10px;font-size:13px;color:#888}
.register_wrap .contents .info dl dt .add_btn {width:50px;height:26px;margin:-6px 0px 0px 0px;font-weight:bold;font-size:12px;color:#c24e88;background-color:#fff;border:1px solid #c24e88;border-radius:3px;outline:none;float:right}
.register_wrap .contents .info dl dt ul {width:60%;height:auto;text-align:right;float:right}
.register_wrap .contents .info dl dt ul li {width:auto;height:auto;margin:0px 0px 0px 15px;display:inline-block}
.register_wrap .contents .info dl dt ul li input {width:auto;height:auto;font-weight:normal;font-size:14px}
.register_wrap .contents .info dl dt ul li label {padding:0px 0px 0px 5px;font-weight:normal;font-size:14px;color:#333}
.register_wrap .contents .info dl dd {width:100%;height:auto}
.register_wrap .contents .info dl dd input {width:95.6%;height:38px;padding:0px 2%;font-size:14px;outline:none}
.register_wrap .contents .info dl dd textarea {width:95.6%;height:130px;padding:10px 2%;font-size:14px;line-height:20px;outline:none}
.register_wrap .contents .info dl dd .contents_box {width:95.6%;height:auto;padding:10px 2% 0px;border:1px solid #ddd;float:left}
.register_wrap .contents .info dl dd .contents_box .choose {margin:0px 0px 10px 0px;font-size:14px;color:#888;text-align:left;display:inline-block}
.register_wrap .contents .info dl dd .contents_box .choice {margin:0px 15px 10px 0px;font-size:14px;color:#333;text-align:left;display:inline-block}
.register_wrap .contents .info dl dd .contents_box .choice button {width:24px;height:23px;margin:0px 0px 0px 10px;vertical-align:sub;text-indent:-99999px;background:url(/images/sub/delete.png) no-repeat 0 0;background-size:cover}
.register_wrap .contents .info dl dd .line {padding:10px 2% 2px;border:1px solid #ddd}
.register_wrap .contents .info dl dd .dash {width:6%;height:40px;padding:0px;font-size:14px;color:#555;text-align:center;line-height:40px}
.register_wrap .contents .info dl dd ul {width:95.6%;height:auto;float:left}
.register_wrap .contents .info dl dd ul .full {width:100%}
.register_wrap .contents .info dl dd ul .half {width:50%}
.register_wrap .contents .info dl dd ul .mg0 {margin:0px 0px 10px 0px}
.register_wrap .contents .info dl dd ul li {width:auto;height:auto;margin:0px 20px 10px 0px;text-align:left;float:left}
.register_wrap .contents .info dl dd ul li input {width:auto;height:auto;font-weight:normal;font-size:14px}
.register_wrap .contents .info dl dd ul li label {padding:0px 0px 0px 5px;font-weight:normal;font-size:14px;color:#333}
.register_wrap .contents .info dl dd ul li .enter {width:42px;height:auto;padding:0px 1% 5px;text-align:center;border-top:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #ccc;border-left:1px solid #fff}
.register_wrap .contents .info dl dd ul li .enter1 {width:28px;height:auto;padding:0px 1% 5px;text-align:center;border-top:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #ccc;border-left:1px solid #fff}
.register_wrap .contents .info dl dd ul li .orange {width:30px;height:auto;padding:0px 1% 5px;font-weight:bold;text-align:center;border-top:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #ccc;border-left:1px solid #fff}
.register_wrap .contents .info dl dd .mg1 {margin:0px 0px 0px -1px}
.register_wrap .contents .info dl dd .mg10 {margin:10px 0px 0px 0px}
.register_wrap .contents .info dl dd .full {width:100%}
.register_wrap .contents .info dl dd .w1 {width:26%}
.register_wrap .contents .info dl dd .w2 {width:21.2%}
.register_wrap .contents .info dl dd .w3 {width:33.4%}
.register_wrap .contents .info dl dd .on {background-color:#fafafa}
.register_wrap .contents .info dl dd select {width:50%;height:40px;padding:0px 1%;outline:none;float:left}
.register_wrap .contents .info dl dd select.select-cate1 {width:100%;}
.register_wrap .contents .info dl dd span {padding:5px 0px 0px 2%;font-size:12px;float:left}
.register_wrap .contents .info dl dd .unmodify {width:95.6%;height:38px;padding:0px 2%;font-size:14px;color:#888;background-color:#fafafa;line-height:38px;border:1px solid #ddd}
.register_wrap .contents .info dl dd .w75 {width:75%;margin:0px 0px 10px 0px;float:left}
.register_wrap .contents .info dl dd .btn {width:17%;height:40px;margin:0px;font-weight:bold;font-size:14px;color:#c24e88;line-height:38px;background-color:#fff;border:1px solid #c24e88;border-radius:3px;float:right}
.register_wrap .contents .info dl dd .map {width:99.6%;height:150px;margin:10px 0px 0px 0px;text-align:center;border:1px solid #ddd}
.register_wrap .contents .info dl dd .agree {width:100%;height:auto;border-bottom:1px solid #eee}
.register_wrap .contents .info dl dd .agree li {width:100%;height:auto;margin:0px 0px 20px 0px;position:relative}
.register_wrap .contents .info dl dd .agree li span {padding:0px;float:none}
.register_wrap .contents .info dl dd .agree li .terms_open {width:100%;height:auto;padding:0px;border:none}
.register_wrap .contents .info dl dd .agree li .terms_open button {width:74px;height:23px;font-weight:normal;font-size:12px;color:#888;line-height:18px;background-color:#fff;border:1px solid #ccc;border-radius:3px;position:absolute;top:-3px;right:0px}
.register_wrap .contents .info dl dd .agree li #terms_close1 {display:none}
.register_wrap .contents .info dl dd .agree li #terms_close2 {display:none}
.register_wrap .contents .info dl dd .agree li .terms_close {width:100%;height:auto;padding:0px;border:none}
.register_wrap .contents .info dl dd .agree li .terms_close button {width:74px;height:23px;font-weight:normal;font-size:12px;color:#888;line-height:18px;background-color:#fff;border:1px solid #ccc;border-radius:3px;position:absolute;top:-3px;right:0px}
.register_wrap .contents .info dl dd .agree li .terms_close .terms {width:95.6%;height:90px;margin:8px 0px 0px 0px;padding:5px 2%;font-size:12px;color:#555;text-align:left;line-height:18px;background-color:#fafafa;border:1px solid #ddd;float:left;overflow:auto}
.register_wrap .contents .info .self_intro {width:99.6%;height:auto;margin:15px 0px 15px 0px;border:1px solid #ccc;float:left}
.register_wrap .contents .info .self_intro textarea {width:96%;height:150px;padding:5px 2%;font-size:14px;line-height:20px;overflow:auto;outline:none}
.register_wrap .contents .info .resume_info {width:100%;height:auto;margin:15px 0px 0px 0px;float:left}
.register_wrap .contents .info .resume_info ul {width:100%;height:auto;float:left}
.register_wrap .contents .info .resume_info li {margin:0px 0px 9px 0px;font-size:12px;color:#555;line-height:16px;word-break:keep-all;float:left}
.register_wrap .contents .info .resume_setting {width:100%;height:auto;float:left}
.register_wrap .contents .info .photo_wrap {width:100%;height:auto;float:left}
.register_wrap .contents .info .photo_wrap ul {width:100%;height:auto;margin:10px 0px 0px 0px;padding:0px 0px 15px 0px;border-bottom:1px solid #eee;float:left}
.register_wrap .contents .info .photo_wrap ul li {width:50%;height:auto;text-align:center;float:left}
.register_wrap .contents .info .photo_wrap ul li span {width:100%;height:17px;margin:0px 0px 5px 0px;font-size:14px;color:#888;text-align:left;display:block}
.register_wrap .contents .info .photo_wrap ul li p {width:92%;height:20px;margin:10px 3% 0px;padding:8px 0px;font-size:12px;text-align:center;line-height:16px;overflow:auto;border-top:1px solid #eee;border-bottom:1px solid #eee}
.register_wrap .contents .info .photo_wrap ul li .photo {width:130px;height:80px;padding:8px;border:1px solid #ddd;border-radius:3px;overflow:hidden;position:relative;display:inline-block}
.register_wrap .contents .info .photo_wrap ul li .photo .image {width:130px;height:80px;vertical-align:middle;display:table-cell}
.register_wrap .contents .info .photo_wrap ul li .photo .image img {width:130px;height:80px}
.register_wrap .contents .info .photo_wrap ul li .photo .register_btn {width:130px;height:80px;background-color:#fafafa;display:block}
.register_wrap .contents .info .photo_wrap ul li .photo .register_btn .register_plus {width:17px;height:17px;margin:0px auto 5px;font-size:14px;color:#888;text-align:center;line-height:15px;position:relative;display:block}
.register_wrap .contents .info .photo_wrap ul li .photo .register_btn .register_text {width:100%;margin:0px;font-size:13px;color:#888;text-align:center;position:relative;display:block}
.register_wrap .contents .info .photo_wrap ul li .photo .close {width:22px;height:20px;font-size:12px;color:#fff;background-color:#888;position:absolute;top:-1px;left:-1px}
.register_wrap .contents .info .photo_wrap ul li .photo .modify {width:28px;height:22px;font-size:12px;color:#fff;text-align:center;background-color:#888;position:absolute;bottom:-1px;right:-1px}
.register_wrap .contents .info .photo_wrap ul li .photo .modify img {width:65%;height:15px}
.register_wrap .withdrawal {width:95.6%;height:auto;margin:80px 2% 20px;padding:5px 0px;font-size:12px;color:#888;text-align:center;line-height:30px;border:1px solid #ddd;float:left}
.register_wrap .withdrawal button {width:66px;height:23px;margin:0px 0px 0px 0px;font-weight:normal;font-size:12px;color:#888;line-height:19px;background-color:#fff;border:1px solid #ccc;border-radius:3px}
/* 회원가입,결제 완료 영역 */
.complete_wrap {width:100%;height:auto;text-align:center}
.complete_wrap img {height:70px;margin:30px 0px 0px 0px}
.complete_wrap .complete_title {width:100%;height:auto;margin:15px 0px 30px 0px;text-align:center}
.complete_wrap .complete_title h3 {width:100%;height:auto;font-weight:bold;font-size:20px;color:#555}
.complete_wrap .complete_title h3 span {font-weight:bold;color:#c24e88}
.complete_wrap .complete_title p {width:100%;height:auto;margin:15px 0px 0px 0px;font-weight:normal;font-size:14px;color:#888;line-height:18px;word-break:keep-all}
.complete_title p.complete_txt {width:100%;height:auto;margin:5px 0px 0px 0px;font-weight:normal;font-size:14px;color:#888}


.complete_wrap .complete_title p span {font-weight:bold;color:#c24e88}
.complete_wrap .complete_title p .gray8 {margin:10px 0px 0px 0px;font-weight:normal;font-size:13px;color:#888;display:block}
.complete_wrap .complete_btn {width:100%;height:auto;margin:0px 0px 40px 0px;text-align:center}
.complete_wrap .complete_btn .mypage_btn {width:120px;height:46px;margin:0px 7px 0px 7px;font-weight:bold;font-size:16px;color:#555;text-align:center;line-height:46px;background-color:#fff;border:1px solid #555;border-radius:3px;display:inline-block}
.complete_wrap .complete_btn .main_btn {width:120px;height:46px;margin:0px 7px 0px 7px;font-weight:bold;font-size:16px;color:#fff;text-align:center;line-height:46px;background-color:#555;border:1px solid #555;border-radius:3px;display:inline-block}
.complete_wrap .complete_btn1 {width:100%;height:auto;margin:0px 0px 170px 0px;text-align:center}
.complete_wrap .complete_btn1 .mypage_btn {width:120px;height:46px;margin:0px 7px 0px 7px;font-weight:bold;font-size:16px;color:#555;text-align:center;line-height:46px;background-color:#fff;border:1px solid #555;border-radius:3px;display:inline-block}
.complete_wrap .complete_btn1 .main_btn {width:120px;height:46px;margin:0px 7px 0px 7px;font-weight:bold;font-size:16px;color:#fff;text-align:center;line-height:46px;background-color:#555;border:1px solid #555;border-radius:3px;display:inline-block}
.complete_wrap .shortcut {width:90%;height:auto;margin:0px 0px 10px 0px;padding:15px 2% 0px;background-color:#fafafa;border:1px solid #ddd;border-radius:3px;display:inline-block}
.complete_wrap .shortcut p {width:100%;height:auto;margin:0px 0px 10px 0px;font-weight:normal;font-size:14px;color:#333;line-height:20px;word-break:keep-all}
.complete_wrap .shortcut p span {font-weight:bold;color:#c24e88}
.complete_wrap .shortcut .shortcut_btn {width:260px;height:46px;margin:10px 0px 20px 0px;font-weight:bold;font-size:16px;color:#fff;text-align:center;line-height:46px;background-color:#c24e88;border-radius:3px;display:inline-block}
.complete_wrap .complete {width:98%;height:auto;margin:0px 1% 10px;border-top:1px solid #888;}
.complete_wrap .complete caption {text-indent:-99999px;position:absolute}
.complete_wrap .complete th {width:18%;height:auto;padding:10px 1%;font-weight:normal;font-size:14px;color:#888;text-align:center;vertical-align:middle;background-color:#fafafa;border-right:1px solid #eee;border-bottom:1px solid #eee}
.complete_wrap .complete th.no_line {width:28%}
.complete_wrap .complete td {width:auto;height:auto;overflow-wrap:anywherer;padding:10px 1%;font-size:14px;color:#333;text-align:center;vertical-align:middle;word-break:keep-all;border-bottom:1px solid #eee}
.complete_wrap .complete td .gray8 {margin:7px 0px 0px 0px;font-size:12px;display:block}
/* 아이디/비밀번호 찾기 영역 */
.tab1 {width:100%;height:auto;margin:30px auto 0px;float:left}
.tab1>.tab_menu>li {width:50%;font-size:16px;text-align:center;background-color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;float:left}
.tab1>.tab_menu .tit {width:100%;padding:15px 0px;color:#888;text-decoration:none;display:block}
.tab1>.tab_menu .on {font-weight:bold;background-color:#c24e88;border-top:1px solid #c24e88;border-bottom:1px solid #c24e88}
.tab1>.tab_menu .on .tit {color:#fff}
.tab1>.tab_cont {width:100%;height:auto;float:left}
.tab1>.tab_cont>.cont {width:100%;height:auto;float:left}
.cs {width:96%;height:auto;margin:0px 0px 10px 0px;padding:15px 2% 5px;background-color:#fafafa;border-top:1px solid #ddd;border-bottom:1px solid #ddd;float:left}
.cs ul {width:100%;height:auto;float:left}
.cs ul li {width:auto;height:auto;margin:0px 0px 8px 0px;font-size:12px;color:#555;line-height:18px;word-break:keep-all}
.cs ul li span {color:#888}
.cs .join_btn {width:100%;height:auto;margin:0px 0px 13px 0px;text-align:left;float:left}
.cs .join_btn a {width:80px;height:30px;font-weight:normal;font-size:13px;color:#fff; text-align:center;line-height:30px;text-decoration:none;background-color:#888;border-radius:3px;display:block}
.tab2 {width:96%;height:auto;padding:15px 2% 3px;float:left}
.tab2 .text {width:100%;height:25px;margin:0px auto;border-bottom:2px solid #888}
.tab2 .text h3 {font-weight:bold;font-size:17px;color:#555;float:left}
.tab2 .text img {margin:0px 0px 0px 5px;vertical-align:middle}
.tab2 .text p {margin:4px 0px 0px 0px;font-weight:normal;font-size:12px;color:#c24e88;float:right}
.tab2 .text p img {margin:0px 5px 0px 0px;vertical-align:middle}
.tab2>.tab_menu {width:100%;height:auto;margin:15px 0px 15px 1px;float:left}
.tab2>.tab_menu>li {width:49.6%;height:auto;margin:0px 0px 0px -1px;padding:13px 0px;font-size:14px;text-align:center;background-color:#fafafa;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #c24e88;border-left:1px solid #ddd;float:left}
.tab2>.tab_menu .tit {color:#888;text-decoration:none}
.tab2>.tab_menu .on {padding:13px 0px;font-weight:bold;background-color:#fff;border-top:1px solid #c24e88;border-right:1px solid #c24e88;border-bottom:none;border-left:1px solid #c24e88;position:relative}
.tab2>.tab_menu .on .tit {color:#333}
.tab2>.tab_cont {width:100%;height:auto;float:left}
.tab2>.tab_cont .cont {width:100%;height:auto;float:left}
.tab2>.tab_cont .cont dl {width:100%;height:auto;padding:15px 0px 15px 0px;float:left}
.tab2>.tab_cont .cont dl dt {width:100%;height:auto;padding:0px 0px 8px 0px;font-size:14px;color:#888;float:left}
.tab2>.tab_cont .cont dl dt img {margin:0px 0px 0px 5px;vertical-align:middle}
.tab2>.tab_cont .cont dl dd {width:100%;height:auto;float:left}
.tab2>.tab_cont .cont dl dd input {width:95.6%;height:38px;padding:0px 2%;font-size:14px;outline:none}
.tab2>.tab_cont .cont dl dd select {width:100%;height:40px;margin:10px 0px 0px 0px;padding:0px 2%;font-size:14px;outline:none}
.tab2>.tab_cont .cont dl dd .btn {width:73px;height:45px;margin:0px 0px 0px 15px;background-color:#fff;border:1px solid #c24e88;border-radius:3px;float:left}
.tab2>.tab_cont .cont dl dd .btn span {width:100%;height:43px;padding:0px;font-weight:bold;font-size:14px;color:#c24e88;line-height:40px;position:relative;display:block}
.tab2>.tab_cont .cont .find_btn {width:100%;height:auto;margin:15px 0px 30px 0px;text-align:center;float:left}
.tab2>.tab_cont .cont .find_btn .type1 {width:130px;height:46px;margin:0px 5px;background-color:#fff;border:1px solid #c24e88;line-height:46px;border-radius:3px}
.tab2>.tab_cont .cont .find_btn .type1 span {width:100%;height:46px;font-weight:bold;font-size:16px;color:#c24e88;position:relative;display:block}
.tab2>.tab_cont .cont .find_btn .type2 {width:130px;height:46px;margin:0px 5px;background-color:#c24e88;border:1px solid #c24e88;line-height:46px;border-radius:3px}
.tab2>.tab_cont .cont .find_btn .type2 span {width:100%;height:46px;font-weight:bold;font-size:16px;color:#fff;position:relative;display:block}
.tab2>.tab_cont .cont ul {width:100%;height:auto;margin:14px 0px 27px 0px;padding:0px 0px 7px 0px;border-bottom:1px solid #eee;float:left}
.tab2>.tab_cont .cont ul li {width:auto;height:auto;margin:0px 0px 8px 0px;font-size:13px;color:#555;line-height:18px}
.tab2>.tab_cont .cont p {margin:0px 0px 10px 0px;font-size:13px;color:#555}
.tab2>.tab_cont .cont p span {font-weight:bold;font-size:15px;color:#c24e88}
.tab2>.tab_cont .cont .id_check {width:100%;height:auto;margin:0px 0px 15px 0px}
.tab2>.tab_cont .cont .id_check caption {text-indent:-99999px;position:absolute}
.tab2>.tab_cont .cont .id_check .no_line {border-right:none}
.tab2>.tab_cont .cont .id_check th {width:auto;height:auto;padding:10px 2%;font-weight:normal;font-size:14px;color:#888;text-align:center;vertical-align:middle;background-color:#fafafa;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.tab2>.tab_cont .cont .id_check td {width:auto;height:auto;padding:10px 2%;font-size:14px;color:#333;text-align:center;vertical-align:middle;word-break:keep-all;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
/* 전체채용상품 영역 */
.product_wrap {width:100%;height:auto;float:left}
.product_wrap .title {width:100%; height:auto; margin:5px 0px; padding:10px 0px; background-color:#fafafa; border-bottom:none; float:left; }
/*.product_wrap .title {width:100%; height:auto; margin:0px 0px 20px 0px; padding:30px 0px 10px 0px; background-color:#fafafa; border-bottom:none; float:left; }
*/
.product_wrap .title h2 {margin:0px 0px 0px 2%;font-weight:bold;font-size:16px;color:#555;float:left}
.product_wrap ul {width:100%;height:auto;border-bottom:1px solid #ddd;float:left}
.product_wrap ul li {width:100%;height:auto;position:relative;float:left}
.product_wrap ul li .open {width:100%;height:40px}
.product_wrap ul li .open button {width:100%;height:40px;margin:0px;padding:0px 0px 0px 2%;font-size:15px;font-weight:bold;color:#555;text-align:left;line-height:40px;background-color:#fff;border-top:1px solid #ddd;border-radius:0px;outline:none;position:absolute;top:0px;left:0px}
.product_wrap ul li .open button .gray8 {font-weight:normal;font-size:12px}
.product_wrap ul li .open button img {height:5px;position:absolute;top:18px;right:2%}
.product_wrap ul li .close {width:100%;height:auto;padding:0px 0px 30px 0px;text-align:center}
.product_wrap ul li .close button {width:100%;height:40px;margin:0px;padding:0px 0px 0px 2%;font-size:15px;font-weight:bold;color:#555;text-align:left;line-height:40px;background-color:#fff;border-top:1px solid #c24e88;border-radius:0px;outline:none;position:absolute;top:0px;left:0px}
.product_wrap ul li .close button .gray8 {font-weight:normal;font-size:12px}
.product_wrap ul li .close button img {height:5px;position:absolute;top:18px;right:2%}
.product_wrap ul li #product_close1 {display:none}
.product_wrap ul li #product_close2 {display:none}
.product_wrap ul li #product_close3 {display:none}
.product_wrap ul li #product_close4 {display:none}
.product_wrap ul li #product_close5 {display:none}
.product_wrap ul li #product_close6 {display:none}
.product_wrap ul li #product_close7 {display:none}
.product_wrap ul li .text {width:96%;margin:0px 2% 0px;padding:10px 0px 0px 0px;border-top:1px solid #eee;border-bottom:none}
.product_wrap ul li .text li {margin:0px 0px 15px 0px;font-size:14px;color:#333;text-align:left}
.product_wrap ul li .text li .orange {font-weight:bold;font-size:14px}
.product_wrap ul li .text li .gray8 {margin:7px 0px 0px 2%;font-size:12px;display:block}
.product_wrap ul li .vat {width:96%;margin:0px 2% 5px;font-size:12px;color:#888;text-align:right}
.product_wrap ul li .price {width:96%;height:auto;margin:0px 2% 15px;float:left}
.product_wrap ul li .price caption {text-indent:-99999px;position:absolute}
.product_wrap ul li .price .none {display:none}
.product_wrap ul li .price th {width:auto;height:auto;padding:10px 0%;font-weight:normal;font-size:14px;color:#888;text-align:center;vertical-align:middle;background-color:#fafafa;border-top:1px solid #888;border-bottom:1px solid #eee}
.product_wrap ul li .price td {width:auto;height:auto;padding:10px 0%;font-size:14px;color:#333;text-align:center;vertical-align:middle;word-break:keep-all;border-bottom:1px solid #eee}
.product_wrap ul li .price td .gray5 {font-weight:bold;font-size:15px}
.product_wrap ul li .price td .gray8 {font-weight:normal;font-size:15px;text-decoration:line-through}
.product_wrap ul li .price td .blue {font-weight:bold;font-size:15px}
.product_wrap ul li .info {width:96%;margin:0px 2% 20px;border-bottom:none}
.product_wrap ul li .info li {margin:0px 0px 8px 0px;font-size:11px;text-align:left;letter-spacing:-0.5px}
.product_wrap ul li .phone {height:36px;padding:0px 10%;font-weight:normal;font-size:15px;color:#c24e88;text-align:center;line-height:36px;background-color:#fff;border:1px solid #c24e88;border-radius:3px;display:inline-block}
.product_wrap dl {width:96%;margin:0px 2% 15px;padding:0px 0px 10px 0px;border-bottom:1px solid #eee;float:left}
.product_wrap dl dt {width:100%;height:auto;margin:0px 0px 15px 0px;font-size:14px;color:#888;float:left}
.product_wrap dl dd {width:100%;height:auto;font-size:14px;color:#333;float:left}
.product_wrap dl dd .name {width:100%;height:auto;margin:0px 0px 10px 0px}
.product_wrap dl dd p {font-size:12px;color:#888;line-height:18px;}
.product_wrap dl dd .bold {font-weight:bold;font-size:14px}
.product_wrap dl dd .blue {font-weight:bold;font-size:14px}
.product_wrap dl dd ul {width:100%;height:auto;border:none;float:left}
.product_wrap dl dd ul li {width:100%;margin:0px 0px 20px 0px;float:left}
.product_wrap dl dd ul .half {width:50%}
.product_wrap dl dd ul li .check {width:50%;height:auto;float:left}
.product_wrap dl dd ul li input {font-weight:normal;vertical-align:middle}
.product_wrap dl dd ul li label {padding:0px 0px 0px 7px;font-weight:normal;font-size:14px;color:#333}
.product_wrap dl dd ul li .discount {width:100%;height:auto;float:left}
.product_wrap dl dd ul li .discount input {width:89%;height:38px;padding:0px 2%;font-size:14px;color:#ff0400;text-align:right;outline:none}
.product_wrap dl dd ul li .btn {width:50%;height:auto;text-align:right;float:right}
.product_wrap dl dd ul li .btn .register {width:50px;height:26px;margin:-5px 0px 0px 0px;font-weight:bold;font-size:12px;color:#888;background-color:#fff;border:1px solid #888;border-radius:3px}
.product_wrap dl dd ul li .btn .use {width:50px;height:26px;margin:-5px 0px 0px 15px;font-weight:bold;font-size:12px;color:#fff;background-color:#888;border:1px solid #888;border-radius:3px}
.product_wrap dl dd ul li .gray8 {width:100%;margin:5px 0px 10px 0px;float:left}
.product_wrap .passbook dt {margin:0px 0px 8px 0px}
.product_wrap .passbook dd {margin:0px 0px 15px 0px}
.product_wrap .passbook dd input {width:95.6%;height:38px;padding:0px 2%;font-size:14px;text-align:left;outline:none}
.product_wrap .passbook dd .gray8 {font-size:12px}
.product_wrap .payment dt {width:30%;float:left}
.product_wrap .payment dd {width:70%;margin:0px 0px 15px 0px;text-align:right;float:left}
.product_wrap .payment dd input {width:95.6%;height:38px;padding:0px 2%;font-size:14px;text-align:left;outline:none}
.product_wrap .payment dd .gray8 {font-size:12px}
.product_wrap dl .lh18 {line-height:18px}
.product_wrap dl .lh34 {line-height:34px}
.product_wrap dl dd .gray5 {font-weight:bold;font-size:18px}
.product_wrap dl dd .blue1 {font-weight:bold;font-size:24px;color:#c24e88}
.product_wrap dl dd .red {font-weight:normal;font-size:18px}
.product_wrap .point {width:95.6%;height:37px;margin:15px 2% 30px;font-size:14px;color:#555;text-align:center;line-height:35px;border:1px solid #ddd;float:left}
.product_wrap .point .bold {font-weight:bold;font-size:15px}
.product_wrap button {width:96%;height:43px;margin:0px 2% 10px;font-weight:bold;font-size:14px;color:#fff;background-color:#c24e88;border:none;border-radius:3px}
.product_wrap .hb_pay_text button {width:100%;height:43px;margin:20px 0 0;font-weight:bold;font-size:14px;color:#fff;background-color:#c24e88;border:none;border-radius:3px}
.margin_01 {margin-top: 15px;}
/* 마이페이지 영역 */
.mypage_wrap {width:100%;height:auto;float:left}
.mypage_wrap .title {width:100%;height:auto;padding:30px 0px 10px 0px;background-color:#fafafa;border-bottom:2px solid #888;float:left}
.mypage_wrap .title h2 {margin:0px 0px 0px 2%;font-weight:bold;font-size:16px;color:#555;float:left}
.mypage_wrap .title .require {margin:2px 2% 0px 0px;font-weight:normal;font-size:12px;color:#c24e88;float:right}
.mypage_wrap .title .require img {height:8px;margin:0px 5px 0px 0px}
.mypage_wrap .title .register {width:40%;height:auto;margin:-12px 2% 0px 0px;text-align:right;float:right}
.mypage_wrap .title .register .type1 {padding:8px 10px;font-weight:normal;font-size:12px;color:#fff;text-align:center;background-color:#c24e88;border:none;border-radius:3px;display:inline-block}
.mypage_wrap .contents {width:96%;height:auto;margin:0px 2%;padding:15px 0px 0px 0px;float:left}
.mypage_wrap .contents .subject {width:100%;height:auto;padding:0px 0px 10px 0px;border-bottom:1px solid #888;float:left}
.mypage_wrap .contents .subject h3 {font-weight:bold;font-size:15px;color:#555;float:left}
.mypage_wrap .contents .subject .register {margin:-10px 0px 0px 0px}
.mypage_wrap .contents .subject .register .type1 {padding:8px 10px;font-weight:normal;font-size:12px;color:#fff;text-align:center;background-color:#c24e88;border:none;border-radius:3px;display:inline-block}
.mypage_wrap .contents .subject1 {width:100%;height:auto;float:left}
.mypage_wrap .contents .subject1 h3 {font-weight:bold;font-size:15px;color:#555;float:left}
.mypage_wrap .contents .register {width:40%;height:auto;margin:15px 0px 0px 0px;text-align:right;float:right}
.mypage_wrap .contents .register button {width:auto;height:16px;font-size:13px;color:#888;background-color:#fff;border:none}
.mypage_wrap .contents .register span {margin:0px 8px;font-size:11px;color:#ccc}
.mypage_wrap .contents .academy_info {width:100%;height:auto;border-bottom:1px solid #eee;float:left}
.mypage_wrap .contents .academy_info th {width:auto;height:auto;padding:15px 0px;vertical-align:middle}
.mypage_wrap .contents .academy_info th h4 {width:100%;height:auto;font-weight:bold;font-size:18px;color:#333;text-align:left;line-height:22px}
.mypage_wrap .contents .academy_info td {width:70px;height:auto;padding:15px 0px;text-align:right;vertical-align:middle}
.mypage_wrap .contents .academy_info td .no_img {width:100%;height:auto;font-size:10px;color:#bbb;text-align:center}
.mypage_wrap .contents .academy_info td .no_img img {height:11px}
.mypage_wrap .contents .academy_info td .logo_img {width:100%;height:auto}
.mypage_wrap .contents .academy_info td .logo_img img {height:20px}
.mypage_wrap .contents .academy_info_wrap {width:100%;height:auto;margin:15px 0px 0px 0px;float:left}
.mypage_wrap .contents .academy_info_wrap dl {width:100%;height:auto;padding:0px 0px 10px 0px;float:left}
.mypage_wrap .contents .academy_info_wrap dl dt {width:22%;height:auto;margin:0px 0px 8px 0px;font-size:14px;color:#888;line-height:16px;float:left}
.mypage_wrap .contents .academy_info_wrap dl dd {width:78%;height:16px;margin:0px 0px 8px 0px;font-size:14px;color:#333;line-height:16px;float:left}
.mypage_wrap .contents .mypage_photo_wrap {width:auto;height:auto;margin:15px 15px 0px 2%;float:left}
.mypage_wrap .contents .mypage_photo {width:65px;height:80px;margin:0px 0px 15px 0px;padding:5px;border:1px solid #ddd;border-radius:3px;position:relative}
.mypage_wrap .contents .mypage_photo img {width:65px;height:80px}
.mypage_wrap .contents .mypage_photo .register_btn {width:65px;height:80px;background-color:#fafafa;display:block}
.mypage_wrap .contents .mypage_photo .register_btn .register_plus {width:17px;height:17px;margin:0px auto 5px;font-size:14px;color:#888;text-align:center;line-height:15px;position:relative;display:block}
.mypage_wrap .contents .mypage_photo .register_btn .register_text {width:100%;font-size:12px;color:#888;text-align:center;position:relative;display:block}
.mypage_wrap .contents .mypage_photo .delete {width:22px;height:22px;margin:0px;font-size:13px;color:#fff;line-height:22px;background-color:#888;position:absolute;top:-1px;left:-1px}
.mypage_wrap .contents .mypage_photo .close {width:22px;height:22px;font-size:13px;color:#fff;line-height:22px;background-color:#888;position:absolute;top:-1px;left:-1px}
.mypage_wrap .contents .mypage_photo .modify {width:26px;height:24px;font-size:13px;color:#fff;background-color:#888;position:absolute;bottom:-1px;right:-1px}
.mypage_wrap .contents .mypage_photo .modify img {width:80%;height:18px}
.mypage_wrap .contents .mypage_info_wrap {width:68%;height:auto;margin:15px 0px 0px 0px;float:left}
.mypage_wrap .contents .mypage_info_wrap .mypage_info {width:100%;height:auto;margin:1px 0px 8px 0px;float:left}
.mypage_wrap .contents .mypage_info_wrap .mypage_info .name {margin:0px 10px 0px 0px;font-weight:bold;font-size:16px;color:#333}
.mypage_wrap .contents .mypage_info_wrap .mypage_info li {font-size:14px;color:#555;line-height:16px;float:left}
.mypage_wrap .contents .mypage_info_wrap .mypage_contact {width:100%;height:auto;float:left}
.mypage_wrap .contents .mypage_info_wrap .mypage_contact li {width:100%;height:auto;margin:0px 0px 5px 0px;font-size:14px;color:#333;line-height:18px;float:left}
.mypage_wrap .contents .mypage_info_wrap .mypage_contact li span {width:16px;height:14px;margin:0px 5px 0px 0px;padding:2px 0px 0px 0px;text-align:center;line-height:10px;background-color:#ccc;border-radius:3px;display:inline-block}
.mypage_wrap .contents .mypage_info_wrap .mypage_contact li span img {height:12px;vertical-align:top}
.mypage_wrap .contents .mypage_btn_wrap {width:100%;height:auto;margin:0px 0px 15px 0px;padding:15px 0px 0px 0px;text-align:center;border-top:1px solid #eee;float:left}
.mypage_wrap .contents .mypage_btn_wrap .type1 {width:99.6%;height:36px;font-weight:bold;font-size:14px;color:#888;text-align:center;line-height:36px;background-color:#fff;border:1px solid #ccc;border-radius:3px;display:block}
.mypage_wrap .contents .mypage_btn_wrap .type2 {width:99.6%;height:36px;font-weight:bold;font-size:14px;color:#fff;text-align:center;line-height:36px;background-color:#c24e88;border:1px solid #c24e88;border-radius:3px;display:block}
.mypage_wrap .contents .mypage_btn_wrap .type3 {width:44%;height:36px;margin:0px 2.2%;font-weight:bold;font-size:13px;color:#888;text-align:center;line-height:36px;background-color:#fff;border:1px solid #ccc;border-radius:3px;display:inline-block}
.mypage_wrap .contents .mypage_btn_wrap .type4 {width:44%;height:36px;margin:0px 2.2%;font-weight:bold;font-size:13px;color:#fff;text-align:center;line-height:36px;background-color:#aaa;border:1px solid #aaa;border-radius:3px;display:inline-block}
.mypage_wrap .contents .simple_view {width:100%;height:auto;margin:0px 0px 20px 0px;padding:5px 0px;border-top:1px solid #eee;border-bottom:1px solid #eee;float:left}
.mypage_wrap .contents .simple_view .no_line {border:none}
.mypage_wrap .contents .simple_view li {width:24.6%;height:auto;padding:5px 0px;border-right:1px solid #eee;float:left}
.mypage_wrap .contents .simple_view li a {width:100%;height:auto;font-size:14px;color:#333;text-align:center;line-height:18px;display:block}
.mypage_wrap .contents .simple_view li a .blue {width:100%;height:auto;margin:0px 0px 5px 0px;font-weight:bold;font-size:18px;color:#c24e88;display:block}
.mypage_wrap .contents .simple_view li a .gray5 {font-weight:normal;font-size:13px;color:#555}
.mypage_wrap .contents .notify {width:100%;height:auto;padding:10px 0px 0px 0px;float:left}
.mypage_wrap .contents .notify li {width:98%;height:auto;padding:0px 0px 8px 2%;font-size:13px;color:#555;text-align:left;line-height:16px}
.mypage_wrap .contents .notify1 {width:100%;height:auto;float:left}
.mypage_wrap .contents .notify1 li {width:98%;height:auto;padding:0px 0px 8px 2%;font-size:13px;color:#555;text-align:left;line-height:16px}
.mypage_wrap .contents .info {width:100%;height:auto;margin:10px 0px;font-size:13px;color:#888;float:left}
.mypage_wrap .contents .info1 {width:100%;height:auto;margin:0px 0px 10px 0px;padding:0px 0px 15px 0px;font-size:12px;color:#c24e88;line-height:16px;border-bottom:1px solid #eee;float:left}
.mypage_wrap .contents .tabs_wrap {width:100%;height:auto;float:left}
.mypage_wrap .contents .tabs_wrap .tabs {width:100%;height:auto;margin:0px 0px 0px 1px;float:left}
.mypage_wrap .contents .tabs_wrap .tabs .w1 {width:49.6%;height:auto}
.mypage_wrap .contents .tabs_wrap .tabs .w2 {width:33%;height:auto}
.mypage_wrap .contents .tabs_wrap .tabs li {margin:0px 0px 0px -1px;padding:12px 0px;font-size:14px;color:#888;text-align:center;line-height:16px;word-break:keep-all;background:#fafafa;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #c24e88;border-left:1px solid #ddd;float:left}
.mypage_wrap .contents .tabs_wrap .tabs li.current {font-weight:bold;color:#c24e88;background:#fff;border-top:1px solid #c24e88;border-right:1px solid #c24e88;border-bottom:1px solid #fff;border-left:1px solid #c24e88;position:relative}
.mypage_wrap .contents .tabs_wrap .tab_content {width:100%;height:auto;float:left;display:none}
.mypage_wrap .contents .tabs_wrap .tab_content.current {display:inherit}
.mypage_wrap .contents .content {width:96%;height:auto;margin:5px 0px 0px 0px;padding:2%;font-size:14px;color:#333;line-height:20px;float:left}
.mypage_wrap .contents .content table {width:100%;height:auto}
.mypage_wrap .contents .content table td {padding:10px;font-size:12px;color:#333;line-height:16px;border:1px solid #ddd}
.mypage_wrap .contents .content p {font-size:13px;color:#555;line-height:18px}
.mypage_wrap .contents .number {width:60%;height:auto;margin:15px 0px 0px 0px;font-size:14px;color:#555;text-align:left;float:left}
.mypage_wrap .contents .number span {font-weight:bold;font-size:15px;color:#c24e88}
.mypage_wrap .contents .list {width:100%;height:auto;margin:10px 0px 0px 0px;border-top:1px solid #888;float:left}
.mypage_wrap .contents .list caption {text-indent:-99999px;position:absolute}
.mypage_wrap .contents .list th {width:auto;height:auto;padding:10px 1%;font-weight:normal;font-size:14px;color:#888;text-align:center;vertical-align:middle;background-color:#fafafa;border-bottom:1px solid #eee}
.mypage_wrap .contents .list td {width:auto;height:auto;padding:15px 1%;font-size:14px;color:#333;text-align:left;line-height:16px;vertical-align:middle;border-bottom:1px solid #eee}
.mypage_wrap .contents .list td .on {color:#c24e88}
.mypage_wrap .contents .list td .off {color:#888}
.mypage_wrap .contents .list td .incomplete {width:52px;height:21px;margin:0px 10px 0px 0px;font-size:12px;color:#c24e88;text-align:center;border:1px solid #c24e88;border-radius:3px;display:inline-block}
.mypage_wrap .contents .list td a {width:100%;height:auto;margin:0px 0px 5px 0px;font-weight:bold;font-size:14px;color:#333;display:inline-block}
.mypage_wrap .contents .list td .date {width:100%;height:auto;margin:7px 0px 10px 0px;font-size:12px;color:#888;word-break:keep-all;display:inline-block}
.mypage_wrap .contents .list td .service_list {width:100%; height:auto; border-top:1px solid #eee;}
/*
.mypage_wrap .contents .list td .service_list .on_btn { vertical-align: middle; margin: 0 auto; height: 13px; line-height: 13px; max-width: 22px; width:22px; display:inline-block; background:#c24e88; color:#fff; text-align:center; border-radius:3px; }
.mypage_wrap .contents .list td .service_list .on_btn span {display:inline-block; width: 100%; height: 100%; font-size:10px; color:#fff; text-align:center; vertical-align: middle; }
*/


.mypage_wrap .contents .list td .service_list .name {width:auto; height:auto; font-size:14px; color:#333; line-height:20px; font-weight:bold; margin-top:6px; display:inline-block;}
.mypage_wrap .contents .list td .service_list a {width:auto; height:auto; font-size:14px; color:#333; line-height:20px; font-weight:bold; margin-top:6px; display:inline-block;}
.mypage_wrap .contents .list td .service_list .price .blue02 {font-weight:bold; color:#c24e88;}
.mypage_wrap .contents .list td .service_list .period {height:auto; font-size:13px; color:#888; display:inline-block;}
.mypage_wrap .contents .list td .service_list .period span, /*.price span {margin:3px;}*/
.mypage_wrap .contents .list td .date span {margin:0px 2px 0 7px;font-size:11px;color:#ddd}
.mypage_wrap .contents .list td .date .blue {margin:0px;font-size:13px;color:#c24e88}
.mypage_wrap .contents .list td .date .red {margin:0px;font-weight:bold;font-size:13px;color:#ff0400}
.mypage_wrap .contents .list td .date1 {width:100%;height:auto;margin:3px 0px 0px 0px;font-size:13px;color:#888;word-break:keep-all;display:inline-block}
.mypage_wrap .contents .list td .date1 span {margin:0px 8px;font-size:10px;color:#ddd}
.mypage_wrap .contents .list td .date1 .blue {margin:0px;font-size:13px;color:#c24e88}
.mypage_wrap .contents .list td .date1 .red {margin:0px;font-weight:bold;font-size:13px;color:#ff0400}
.mypage_wrap .contents .list td .type4 {width:99.6%;height:auto;margin:4px 0px 0px 0px;padding:8px 0px;font-weight:normal;font-size:14px;color:#c24e88;text-align:center;background-color:#fff;border:1px solid #c24e88;border-radius:3px;display:inline-block}
.mypage_wrap .contents .list td .type5 {width:99.6%;height:auto;margin:4px 0px 0px 0px;padding:8px 0px;font-weight:normal;font-size:14px;color:#888;text-align:center;background-color:#fff;border:1px solid #ccc;border-radius:3px;display:inline-block}
.mypage_wrap .contents .list td .type6 {width:99.6%;height:36px;margin:2px 0px 0px 0px;padding:0px;font-weight:normal;font-size:14px;color:#c24e88;text-align:center;background-color:#fff;border:1px solid #c24e88;border-radius:3px;display:inline-block}
.mypage_wrap .contents .list td .type7 {width:90%;height:auto;margin:2px 0px 0px 0px;padding:10px 0px;font-weight:normal;font-size:14px;color:#fff;text-align:center;background-color:#c24e88;border:1px solid #c24e88;border-radius:3px;display:inline-block}
.mypage_wrap .contents .list td .type8 {width:99.6%;height:auto;margin:4px 0px 0px 0px;padding:8px 0px;font-weight:normal;font-size:14px;color:#fff;text-align:center;background-color:#c24e88;border:1px solid #c24e88;border-radius:3px;display:inline-block}
.mypage_wrap .contents .list td .service {width:100%;height:auto;margin:15px 0px 0px 0px;padding:10px 0px;text-align:center;background-color:#fafafa;display:none}
.mypage_wrap .contents .list td .service p {margin:0px 0px 10px 0px}
.mypage_wrap .contents .list td .setting {width:50%;height:auto;margin:15px 0px 0px 0px;background-color:#fff;float:left}
.mypage_wrap .contents .list td .setting input {position:absolute;left:-9999999px}
.mypage_wrap .contents .list td .setting label {height:31px;padding:0px 15px;font-weight:normal;font-size:14px;color:#aaa;line-height:31px;background-color:#fff;border:1px solid #ccc;display:block;float:left}
.mypage_wrap .contents .list td .setting input:checked + label {font-weight:normal;font-size:14px;color:#c24e88;background-color:#fff;border:1px solid #c24e88}
.mypage_wrap .contents .list td .btn {width:100%;height:auto;margin:4px 0px 5px 0px;text-align:center;float:left}
.mypage_wrap .contents .list td .btn button {height:36px;font-size:14px;line-height:34px;outline:none;float:left}
.mypage_wrap .contents .list td .btn .type1 {width:50%;color:#888;border:1px solid #ddd;background-color:#fafafa}
.mypage_wrap .contents .list td .btn .type2 {width:50%;color:#c24e88;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:none;background-color:#fafafa}
.mypage_wrap .contents .list td .btn .type3 {width:100%;color:#888;border:1px solid #ddd;background-color:#fafafa}
.mypage_wrap .contents .list td .btn .type9 {width:100%;background-color:#fff; color:#c24e88; border:1px solid #ddd; margin-bottom:4px;}
.mypage_wrap .contents .list td .btn1 {width:100%;height:auto;margin:20px 0px 0px 0px;text-align:center;float:left}
.mypage_wrap .contents .list td .btn1 button {width:33.3%;height:36px;font-size:14px;line-height:34px;outline:none;float:left}
.mypage_wrap .contents .list td .btn1 .type1 {color:#888;border:1px solid #ddd;background-color:#fafafa}
.mypage_wrap .contents .list td .btn1 .type2 {color:#555;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:none;background-color:#fafafa}
.mypage_wrap .contents .list td .btn1 .type3 {color:#c24e88;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:none;background-color:#fafafa}
.mypage_wrap .contents .list td .age {width:auto;height:auto;font-weight:normal;color:#888}
.mypage_wrap .contents .list td .hr_blue {color:#009ef7}
.mypage_wrap .contents .list td .hr_red {color:#c24e88}
.mypage_wrap .contents .list td .blue {font-weight:bold;font-size:15px}
.mypage_wrap .contents .list td .gray8 {font-weight:normal;color:#888}
.mypage_wrap .contents .list td .full {width:100%;margin:0px 0px 5px 0px;color:#555;display:inline-block}
.mypage_wrap .contents .list td .name_line {padding:0px 7px;font-weight:normal;font-size:11px;color:#ccc}
.mypage_wrap .contents .list td .text {color:#555}
.mypage_wrap .contents .list td .text2 {font-weight:normal;color:#555}
.mypage_wrap .contents .list td .area {width:80px;height:20px;font-weight:normal;font-size:13px;color:#555;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.mypage_wrap .contents .list td .line {margin:0px 9px 0px 0px;font-size:10px;color:#ccc;line-height:16px;float:left}
.mypage_wrap .contents .list td .line1 {margin:0px 3px;font-size:11px;color:#ddd;line-height:18px}
.mypage_wrap .contents .list td .school {width:140px;height:20px;font-weight:normal;font-size:13px;color:#555;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.mypage_wrap .contents .list td .name {width:100%;height:auto;margin:0px 0px 5px 0px;font-size:14px;color:#888}
.mypage_wrap .contents .list td .b_line {width:100%;height:1px;margin:10px 0px;background-color:#eee}
.mypage_wrap .contents .list td .text1 {width:100%;height:auto;margin:0px 0px 10px 0px;padding:0px 0px 10px 0px;font-weight:bold;font-size:14px;color:#333;line-height:18px;border-bottom:1px solid #eee;float:left}
.mypage_wrap .contents .list td .photo_wrap1 {width:100%;height:auto;padding:0px 0px 8px 0px;text-align:center;border-bottom:1px solid #eee;float:left}
.mypage_wrap .contents .list td .photo_wrap1 .photo1 {width:45px;height:60px;margin:0px 10px 0px 0px;padding:5px;border:1px solid #ddd;border-radius:3px;float:left}
.mypage_wrap .contents .list td .photo_wrap1 .photo1 img {width:45px;height:60px}
.mypage_wrap .contents .list td .photo_wrap1 .profile {width:71%;height:auto;margin:0px 0px 10px 0px;float:left}
.mypage_wrap .contents .list td .photo_wrap1 .profile .hr_name {width:auto;height:auto;margin:0px 5px 0px 0px;font-weight:bold;font-size:14px;color:#333;text-align:left;float:left}
.mypage_wrap .contents .list td .photo_wrap1 .profile .hr_age {width:auto;height:auto;font-size:12px;color:#888;text-align:left;float:left}
.mypage_wrap .contents .list td .photo_wrap1 .profile .hr_age .hr_blue {color:#009ef7}
.mypage_wrap .contents .list td .photo_wrap1 .profile .hr_age .hr_red {color:#c24e88}
.mypage_wrap .contents .list td .photo_wrap1 .profile .hr_age .hr_line {font-size:10px;color:#ccc}
.mypage_wrap .contents .list td .photo_wrap1 .contact {width:71%;height:auto;float:left}
.mypage_wrap .contents .list td .photo_wrap1 .contact li {width:100%;height:auto;margin:0px 0px 5px 0px;font-size:14px;color:#333;text-align:left;line-height:18px}
.mypage_wrap .contents .list td .photo_wrap1 .contact li span {width:17px;height:17px;margin:0px 10px 0px 0px;text-align:center;background-color:#ccc;border-radius:3px;display:inline-block}
.mypage_wrap .contents .list td .photo_wrap1 .contact li span img {height:11px;margin:3px 0px 0px 0px;vertical-align:top}
.mypage_wrap .contents .list td .hope {width:100%;height:auto;float:left}
.mypage_wrap .contents .list td .hope caption {text-indent:-99999px;position:absolute}
.mypage_wrap .contents .list td .hope th {width:30%;padding:5px 2%;font-size:13px;text-align:left}
.mypage_wrap .contents .list td .hope td {padding:5px 2%;font-size:13px;line-height:16px}
.mypage_wrap .contents .list td .half {width:45%;height:33px;float:right}
.mypage_wrap .contents .list .center {text-align:center}
.mypage_wrap .contents .list .gray8 {color:#888}
.mypage_wrap .contents .list .gray3 {color:#333}
.mypage_wrap .contents .list .gray3 span {font-weight:bold;color:#c24e88}
.mypage_wrap .contents .list .bold {font-weight:bold}
.mypage_wrap .contents .list .w1 {width:40px}
.mypage_wrap .contents .list .w2 {width:70px}
.mypage_wrap .contents .list .w3 {width:80px}
.mypage_wrap .contents .delete {width:100%;height:auto;margin:15px 0px 0px 0px;float:left}
.mypage_wrap .contents .delete button {width:99.8%;height:36px;font-size:14px;color:#888;background-color:#fff;border:1px solid #ccc;border-radius:3px}
.mypage_wrap .contents select {width:100%;height:40px;margin:15px 0px 0px;padding:0px 1%;outline:none;float:left}
.mypage_wrap .contents .service {width:100%;height:auto;margin:0px 0px 15px 0px;border-bottom:1px solid #eee;float:left}
.mypage_wrap .contents .service .left {width:50%;height:auto;padding:0px 0px 10px 0px;font-size:15px;color:#333;float:left}
.mypage_wrap .contents .service .left .s {width:100%;height:auto;margin:0px 0px 8px 0px;font-size:13px;color:#888;display:block}
.mypage_wrap .contents .service .right {width:50%;height:auto;padding:0px 0px 10px 0px;font-size:15px;color:#333;text-align:right;float:left}
.mypage_wrap .contents .service .right .l {font-size:30px}
.mypage_wrap .contents .service .b_line {width:100%;height:1px;margin:0px 0px 10px 0px;background-color:#eee;float:left}
.mypage_wrap .contents dl {width:100%;height:auto;padding:0px 0px 15px 0px;float:left}
.mypage_wrap .contents dl dt {width:100%;height:auto;margin:10px 0px;font-size:14px;color:#888}
.mypage_wrap .contents dl dt img {margin:0px 0px 0px 5px;vertical-align:middle}
.mypage_wrap .contents dl dt span {width:auto;height:auto;margin:0px 0px 0px 5px;font-size:12px;color:#888}
.mypage_wrap .contents dl dd {width:100%;height:auto}
.mypage_wrap .contents dl dd input {width:95.6%;height:38px;padding:0px 2%;font-size:14px;outline:none}
.mypage_wrap .contents dl dd textarea {width:95.6%;height:100px;padding:10px 2%;font-size:14px;line-height:20px;outline:none}
.mypage_wrap .contents dl dd select {width:33.4%;margin:0px;font-size:14px}
.mypage_wrap .contents dl dd .mg1 {margin:0px 0px 0px -1px}
.mypage_wrap .contents dl dd .w75 {width:75%;margin:0px 0px 10px 0px;float:left}
.mypage_wrap .contents dl dd .btn {width:17%;height:40px;font-weight:bold;font-size:14px;color:#c24e88;line-height:38px;background-color:#fff;border:1px solid #c24e88;border-radius:3px;float:right}
.mypage_wrap .contents dl dd .full {width:100%;margin:10px 0px 0px 0px}
/* 학원통 */
.hwtong_wrap{float:left;display:block;position:relative;width:100%;min-width:100%;height:auto;margin:0;padding:0;background:#fff; padding-bottom: 20px;}
.hwtong_wrap:after{display:block;clear:both;visibility:hidden;content:""}
.hwtong_wrap *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.hwtong_wrap .visual_area{position:relative;width:100%;height:350px;background: url(/images/hwtong/infotong_1_m.png) no-repeat center 100%; /*background-size:50%*/}
.hwtong_wrap .visual_area .tit_area{position:relative;display:block;width:100%;height:auto;margin:0 auto;padding:0;color:#fff;text-align:center}
.hwtong_wrap .visual_area .tit_area .tit{display:block;padding-top:50px;font-size:2.5em;font-weight:bold;line-height:1.4;letter-spacing:-0.08em}
.hwtong_wrap .visual_area .tit_area .tit img{display:block;margin:0 auto}
.hwtong_wrap .visual_area .tit_area .txt{display:block;margin-top:16px;font-size:14px;line-height:1.5;letter-spacing:-0.05em}
/* visual2 */
.hwtong_wrap .visual2_area {
  /* height: 340px; */
  background: #192124;
}
.hwtong_wrap .visual2_area .inner{
  /* width: 94%; */
  margin: 0 auto;
  padding: 30px 0 0;
  text-align: center;
  line-height: 1.2;
  color: #fff;
  letter-spacing: -0.1em;
}
.hwtong_wrap .visual2_area img {
  width: 100%;
  display: block;
}
.hwtong_wrap .visual2_area .tit_icon { 
  font-family: 'Nanum Gothic', sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  background-color: #c24e88;
  padding: 8px 15px;
  border-radius: 25px;
  display: inline-block;
  margin-bottom: 10px;
}
.hwtong_wrap .visual2_area .tit h1{
  font-size: 25px;
  font-family: 'Nanum Gothic', sans-serif;
  font-weight: 700;
  margin-bottom: 15px;
}
.hwtong_wrap .visual2_area .tit h1 span{
  font-size: 20px;
  font-weight: 400;
}
.hwtong_wrap .visual2_area .txt{
  font-size: 14px;
  /* margin-bottom: 15px; */
}
.hwtong_wrap .cont_wrap{display:block;position:relative;width:94%;height:auto;margin:0 3%;padding:40px 0 0;background:#fff}
.hwtong_wrap .gallery{position:relative;width:100%;height:auto;margin:0 0 40px 0;padding:0;border-bottom:1px dashed #ddd;overflow:hidden}
.hwtong_wrap .gallery:last-child{border-bottom:0px dashed #ddd}
.hwtong_wrap .gallery a{text-decoration:none}
.hwtong_wrap .gallery .tit{position:relative;width:100%;height:auto;padding-bottom:10px;border-bottom:1px solid #ddd}
.hwtong_wrap .gallery .tit h3{font-size:20px;color:#555;font-weight:bold;line-height:1;letter-spacing:-0.05em}
.hwtong_wrap .gallery .tit .disc{display:block;margin-top:12px;font-size:14px;color:#888;line-height:1;letter-spacing:0}
.hwtong_wrap .gallery ul{width:100%;margin-top:15px}
.hwtong_wrap .gallery li{position:relative;float:left;list-style:none;width:48%;height:auto;margin:0 4% 5% 0;padding:0;cursor:pointer}
.hwtong_wrap .gallery li:nth-child(2n+2){margin-right:0}
.hwtong_wrap .gallery .thumb{position:relative;width:100%;height:0;padding-bottom:55.2%;vertical-align:top;border:1px solid #eaeaea;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;border-radius:6px;overflow:hidden}
.hwtong_wrap .gallery .thumb img{width:100%}
.hwtong_wrap .gallery .txt{display:block;width:100%;margin-top:10px;font-size:13px;color:#555;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

/*정보통*/
.hwtong_wrap .board{position:relative; width:100%;height:auto;margin: 0 auto; padding:15px 10px 10px; font-size: 14px; border: 0px;}
.hwtong_wrap .board img{width: 100%; border-bottom: 1px dashed #ddd; padding-bottom: 15px; }
.hwtong_wrap .board .tit .disc .require {padding-top: 10px; color: #c24e88;}
.hwtong_wrap .board .tit .disc .require img{width: 8px; border-bottom: 0px; padding-bottom: 0px;}
.hwtong_wrap .board .write_area dl dt img{width: 8px; border-bottom: 0px; padding-bottom: 0px;}
.hwtong_wrap .board a{text-decoration:none; color: #333;}
.hwtong_wrap .board a:visited{text-decoration:none; color: #333;}
.hwtong_wrap .board .tit{position:relative;width:100%;height:auto;padding-bottom:10px;border-bottom:1px solid #888}
.hwtong_wrap .board .border_none{border-bottom:0px;}
.hwtong_wrap .tit .tit_head{display:inline-block; width: 3px; height: 16px; background: #888; margin: 0 5px -2px 0;}
.hwtong_wrap .board .tit h3{font-size:17px;color:#555;font-weight:bold;line-height:1;letter-spacing:-0.1em}
.hwtong_wrap .board .tit .disc{display:block;margin-top:12px;font-size:13px;color:#888;line-height:1;letter-spacing:0}
.hwtong_wrap .tit .more{position:absolute;top:0;right:0;padding:3px 5px;font-size:13px;color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;background: #c24e88}
.hwtong_wrap .tit .more:visited{color: #fff;}
.hwtong_wrap .board .cont_list{width:100%; font-size: 14px; line-height: 20px; color: #333; margin-bottom: 16px;}
.hwtong_wrap .board .cont_list .list{width: 100%; border-bottom: 1px solid #eee; cursor: pointer;}
.hwtong_wrap .board .cont_list ul{width: 100%;}
.hwtong_wrap .board .cont_list .left_tit{width: 100%; margin-top: 10px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hwtong_wrap .board .cont_list ul li{display: inline-block;}
.hwtong_wrap .board .cont_list ul .gray8{font-size: 12px; display: inline-block; margin:6px 0 10px 0;}
.hwtong_wrap .board .reply{color: #fff; padding: 0 8px; background: #c24e88; font-size: 12px; border-radius: 3px; float: right; margin-top: 8px;}
.hwtong_wrap .board .comment_count{color: #ed3737; margin-left: 8px; display: inline-block;}
.hwtong_wrap .board .tit .search{display: inline-block; width: 100%; margin-top: 10px;}
.hwtong_wrap .board .tit .search select{width: 24%; height: 30px; color: #888; border: 1px solid #ddd; outline: none; float: left;}
.hwtong_wrap .board .tit .search .search_text{width: 60%; height: 30px; margin-left: 5px; border: 1px solid #ddd; line-height: 24px; padding: 0 6px; float: left; outline: none;}
.hwtong_wrap .board .tit .search .search_btn{width: 14%; height: 30px; float: left; text-align: center; border: 1px solid #bebebe; line-height: 28px; background: #bebebe; color: #fff; cursor: pointer;}
.hwtong_wrap .board .tit .write_btn{width: 20%; border: 1px solid #c24e88; line-height: 24px; padding: 0 8px; background: #c24e88; color: #fff; cursor: pointer;}
.hwtong_wrap .board .content{width: 100%; position: relative;}
.hwtong_wrap .board .content .cont_tit{width: 100%; color: #333;}
.hwtong_wrap .board .content .cont_tit h3{font-size: 15px; line-height: 26px; margin-top: 8px;}
.hwtong_wrap .board .content .cont_tit h3 .comment_count{font-size: 14px;}
.hwtong_wrap .board .content .cont_tit p{font-size: 13px; color: #888; margin-bottom: 12px;}
.hwtong_wrap .board .content .cont_info{width: 100%;}
.hwtong_wrap .board .content .cont_info ul{width: 100%; display: inline-block; line-height: 22px; border-top: 1px solid #eee; padding: 10px 0;}
.hwtong_wrap .board .content .cont_info ul li{display: inline-block;}
.hwtong_wrap .board .content .cont_info ul li span{padding-left: 8px;}
.hwtong_wrap .board .content .cont_text{width: 100%; color: #333; height: auto; border-top: 1px solid #eee; overflow: auto; padding: 14px 0;}
.hwtong_wrap .board .content .cont_text p {line-height: 1.5;}
.hwtong_wrap .board .content .border_bottom{border-bottom: 1px solid #eee;}
.hwtong_wrap .board .cont_btn{display: inline-block; position: absolute; right: 0; bottom: 20px;}
.hwtong_wrap .board .comment_area .comment_text .cont_btn{margin: 0 18px 20px 0;}
.hwtong_wrap .board .comment_area .reply_text .cont_btn{margin: 0 0 12px 0;}
.hwtong_wrap .board .cont_btn .modify{padding: 4px 12px; color: #fff; background: #c24e88; cursor: pointer;}
.hwtong_wrap .board .cont_btn .delete{padding: 4px 12px; color: #fff; background: #bebebe; cursor: pointer; margin-left: 3px;}
.hwtong_wrap .board .comment_area .cont_btn .modify_2{color: #c24e88; cursor: pointer; font-weight: 600; font-size: 13px;}
.hwtong_wrap .board .comment_area .cont_btn .delete_2{color: #bebebe; cursor: pointer; font-weight: 600; font-size: 13px;}
.hwtong_wrap .board .comment_area{width: 100%;}
.hwtong_wrap .board .comment_area .comment_text{width: 100%; background: #f7f7f9; height: auto; color: #333; margin-top: 20px; padding: 10px; position: relative;}
.hwtong_wrap .board .comment_area .comment_text h3{color: #888; font-weight: 500; font-size: 13px;}
.hwtong_wrap .board .comment_area .comment_text h3 .orange{font-weight: 600;}
.hwtong_wrap .board .comment_area .comment_text p{background: #fff; margin-top: 10px; padding: 10px; min-height: 120px; line-height: 1.5;}
.hwtong_wrap .board .comment_area .reply_text{width: 100%; border-bottom: 1px solid #eee; padding: 10px 0; color: #333; position: relative;}
.hwtong_wrap .board .comment_area .reply_text p{margin-bottom: 6px; font-size: 13px; color: #888;}
.hwtong_wrap .board .comment_area .reply_area{width: 100%; color: #888; padding: 10px 0;}
.hwtong_wrap .board .comment_area .reply_area .reply_write{width: 100%;margin-top: 10px;}
.hwtong_wrap .board .comment_area .reply_area .reply_write textarea{background: #f7f7f9; border: 1px solid #eee; padding: 10px; height: 80px; overflow: auto; width: 80%; color: #888; display: inline-block; outline: none;}
.hwtong_wrap .board .comment_area .reply_area .reply_write .complete{float: right; width: 20%; height: 80px; text-align: center; line-height: 80px; background: #c24e88; cursor: pointer; color: #fff;}
.hwtong_wrap .board .list_btn{width: 80px; color: #fff; background: #bebebe; line-height: 30px; margin: 0 auto; text-align: center; cursor: pointer; margin-top: 20px; margin-bottom: 30px;}
.hwtong_wrap .board .write_area{width: 100%;}
.hwtong_wrap .board .write_area dl{width: 100%; border-bottom: 1px solid #eee; display: inline-block;}
.hwtong_wrap .board .write_area dl dt{width: 100%; float: left; line-height: 46px; font-size: 14px; color: #333; font-weight: 600;}
.hwtong_wrap .board .write_area dl .text{width: 100%; display: inline-block; height: 200px; margin-bottom: 20px;}
.hwtong_wrap .board .write_area dl .title{border-bottom: 0px; padding: 0; margin: 0 0 18px 0;}
.hwtong_wrap .board .write_area dl .title input{color: #888; width: 100%; padding-left: 10px; line-height: 38px;}
.hwtong_wrap .board .write_area dl dd input:focus{outline: none;}
.hwtong_wrap .board .write_area dl .list{width: 100%; line-height: 30px; color: #333; display: inline-block; padding-bottom: 10px;}
.hwtong_wrap .board .write_area dl .list02 {line-height: 0; padding-bottom: 0;}
.hwtong_wrap .board .write_area dl .list li{float: left; list-style: none; margin-right: 30px;}
.hwtong_wrap .board .write_area dl .list input{margin-right: 5px; margin-left: 5px;}
.hwtong_wrap .board .write_area dl .list input.year {width: 50px; height: 21px;}
.hwtong_wrap .board .write_area dl .list label{margin-right: 10px;}
.hwtong_wrap .board .write_area dl .text textarea {width: 100%; padding: 10px; height: 200px; outline: none;}
.hwtong_wrap .board .write_area dl .list li select{color: #888; line-height: 24px; border: 1px solid #ddd; padding: 0 24px 0 6px;}
.hwtong_wrap .board .submit_btn{text-align: center; margin-bottom: 30px;}
.hwtong_wrap .board .submit_btn .submit, .hwtong_wrap .board .submit_btn .cancel{display: inline-block; width: 70px; color: #fff; background: #c24e88; line-height: 28px; margin: 0 auto; text-align: center; margin-top: 30px; cursor: pointer;}
.hwtong_wrap .board .submit_btn .cancel{background: #bebebe;}
.hwtong_wrap .write_btn{width: 100%; text-align: center; color: #fff; background: #c24e88; height: 40px; position: fixed; bottom: 0; line-height: 40px;}
.hwtong_wrap .board .content .margin_bottom{margin-bottom: 20px;}

@media only screen and (max-width:480px) {
	.hwtong_wrap .visual_area{background-size:cover;}
	.hwtong_wrap .cont_wrap{padding:30px 0 0}
	.hwtong_wrap .gallery{margin:0 0 30px 0}
	.hwtong_wrap .gallery .tit{padding-bottom:8px}
	.hwtong_wrap .gallery .tit h3{font-size:17px}
	.hwtong_wrap .gallery .tit .disc{margin-top:10px;font-size:13px}
	.hwtong_wrap .gallery .tit .more{font-size:12px}
	.hwtong_wrap .gallery ul{margin-top:12px}
}

/*자료통*/
.filetong_wrap{float:left;display:block;position:relative;width:100%;min-width:100%;height:auto;margin:0;padding:0;background:#fff}
.filetong_wrap:after{display:block;clear:both;visibility:hidden;content:""}
.filetong_wrap *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.filetong_wrap .visual_area{position:relative;width:100%;height:350px;background:#c24e88 url(/images/filetong/top_img.png) no-repeat center 100%;background-size:50%}
.filetong_wrap .visual_area .tit_area{position:relative;display:block;width:100%;height:auto;margin:0 auto;padding:0;color:#fff;text-align:center}
.filetong_wrap .visual_area .tit_area .tit{display:block;padding-top:20px;font-size:2.5em;font-weight:bold;line-height:1.4;letter-spacing:-0.08em}
.filetong_wrap .visual_area .tit_area .tit img{display:block;margin:0 auto}
.filetong_wrap .visual_area .tit_area .txt{display:block;font-size:14px;line-height:1.5;letter-spacing:-0.05em; margin:0 16px 0 16px;}
.filetong_wrap .visual_area .tit_area span{font-size:12px; opacity:0.7; margin-bottom:30px;}
/* visual2 */
.filetong_wrap .visual2_area {
  /* height: 340px; */
  background: #fecbe5;
}
.filetong_wrap .visual2_area .inner{
  /* width: 94%; */
  margin: 0 auto;
  padding: 30px 0 0;
  text-align: center;
  line-height: 1.2;
  color: #2b230e;
  letter-spacing: -0.1em;
}
@media only screen and (max-width:480px) {
  .filetong_wrap .visual2_area .inner{ padding: 30px 0 10px;}
}
.filetong_wrap .visual2_area img {
  width: 100%;
  display: block;
}
.filetong_wrap .visual2_area .tit_icon { 
  font-family: 'Nanum Gothic', sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  background-color: #c24e88;
  padding: 8px 15px;
  border-radius: 25px;
  display: inline-block;
  margin-bottom: 10px;
}
.filetong_wrap .visual2_area .tit h1{
  font-size: 25px;
  font-family: 'Nanum Gothic', sans-serif;
  font-weight: 700;
  margin-bottom: 15px;
}
.filetong_wrap .visual2_area .tit h1 span{
  font-size: 20px;
  font-weight: 400;
}
.filetong_wrap .visual2_area .txt{
  font-size: 14px;
  /* margin-bottom: 15px; */
}
.filetong_wrap .cont_wrap{display:block;position:relative;width:94%;height:auto;margin:0 3%;padding:40px 0 0;background:#fff}
.filetong_wrap .gallery{position:relative;width:100%;height:auto;margin:0 0 40px 0;padding:0; overflow:hidden}
.filetong_wrap .gallery a{text-decoration:none}
.filetong_wrap .gallery .tit{position:relative;width:100%;height:auto;padding-bottom:10px;border-bottom:1px solid #c24e88}
.filetong_wrap .gallery .tit h3{font-size:20px;color:#555;font-weight:bold;line-height:1;letter-spacing:-0.05em}
.filetong_wrap .gallery .tit .disc{display:block;margin-top:12px;font-size:14px;color:#888;line-height:1;letter-spacing:0}
.filetong_wrap .gallery .tit .more{position:absolute;top:0;right:0;padding:3px 5px;font-size:13px;color:#888;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}
.filetong_wrap .gallery ul{width:100%;margin-top:15px}
.filetong_wrap .gallery li{position:relative;float:left;list-style:none;width:48%;height:auto;margin:0 4% 5% 0;padding:0 2% 2% 2%;cursor:pointer; border:1px solid #ddd;}
.filetong_wrap .gallery li h4{text-align:center; font-size:13px; color:#333; margin:0 4% 0 4%; border-bottom:1px solid #ddd; line-height:30px;}
.filetong_wrap .gallery li h4 img{width:80%;}
.filetong_wrap .gallery li:nth-child(2n+2){margin-right:0}
.filetong_wrap .gallery .thumb{position:relative;width:100%;height:auto;padding:8% 3%;vertical-align:top; overflow:hidden}
.filetong_wrap .gallery .thumb img{width:100%; height:200px;}
.filetong_wrap .gallery .button{position:relative; width:100%; vertical-align:middle;}
.filetong_wrap .gallery .button .preview{position:relative; float:left; width:70px; height:26px; line-height:26px; border-radius:3px; background-color:#999; color:#fff; font-size:13px; text-align:center; vertical-align:middle;}
.filetong_wrap .gallery .button span{display:inline-block; float:right; margin-left:10px;}
.filetong_wrap .gallery .txt{display:block;width:100%;margin-top:10px;font-size:13px;color:#555;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

@media only screen and (max-width:480px) {
	.filetong_wrap .visual_area{background-size:90%}
	.filetong_wrap .cont_wrap{padding:30px 0 0}
	.filetong_wrap .gallery{margin:0 0 30px 0}
	.filetong_wrap .gallery .tit{padding-bottom:8px}
	.filetong_wrap .gallery .tit h3{font-size:17px}
	.filetong_wrap .gallery .tit .disc{margin-top:10px;font-size:13px}
	.filetong_wrap .gallery .tit .more{font-size:12px}
	.filetong_wrap .gallery ul{margin-top:12px}
}
/*파일통 미리보기*/
.filetong_wrap .popup_wrap {width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.3);position:fixed;top:0px;left:0px;z-index:2}
.filetong_wrap .popup_wrap table {width:100%;height:100%}
.filetong_wrap .popup_wrap table td {text-align:center;vertical-align:middle}
.filetong_wrap .popup_wrap .file_wrap {width:90%;height:auto;background-color:#fff;display:inline-block; text-align:center;}
.filetong_wrap .popup_wrap .file_wrap .title {width:100%;height:auto; padding:4% 0 0 4%;text-align:left;border-bottom:1px solid #ddd;position:relative; font-size:14px; color:#333;}
.filetong_wrap .popup_wrap .file_wrap .preview {width:100%; height:380px; overflow:auto; padding:4%; border-bottom:1px solid #ddd;}
.filetong_wrap .popup_wrap .file_wrap .preview img{width:90%; text-align:center; vertical-align:middle;}
.file_wrap {width:100%;height:auto;margin:15px 0px 0px 0px;position:relative;background:#fff}
.filetong_wrap .popup_wrap .popup_btn {width:70px; margin:4%; height:30px; padding:2%; background-color:#999; float:left; border-radius:4px; text-decoration:none;}
.filetong_wrap .popup_wrap .popup_btn span{color:#fff; width:100%;height:30px; background-color:#999; margin-top:5%;}
.filetong_wrap .popup_wrap .type2 {height:30px;background-color:#fff;}
.filetong_wrap .popup_wrap .popup_down {display:inline-block; margin:4%; float:right;}
.filetong_wrap .popup_wrap .popup_down img{width:30px; margin-left:14px;}

/* 고객센터 영역 */
.customer_wrap {width:100%;height:auto;margin-bottom:20px;float:left}
.customer_wrap .title {width:100%;height:auto;padding:30px 0px 10px 0px;background-color:#fafafa;border-bottom:2px solid #888;float:left}
.customer_wrap .title h2 {margin:0px 0px 0px 2%;font-weight:bold;font-size:16px;color:#555;float:left}
.customer_wrap .contents {width:96%;height:auto;margin:0px 2%;float:left}
.customer_wrap .contents .line {border-bottom:1px solid #eee}
.customer_wrap .contents .info {width:100%;height:auto;float:left}
.customer_wrap .contents .info .subject {width:100%;height:auto;padding:30px 0px 8px 0px;border-bottom:1px solid #888;float:left}
.customer_wrap .contents .info .subject h3 {font-weight:bold;font-size:15px;color:#555;float:left}
.customer_wrap .contents .info .subject a {margin:-1px 0px 0px 15px;padding:2px 6px;font-size:12px;color:#888;border:1px solid #ccc;border-radius:3px;float:left}
.customer_wrap .contents .info ul {width:100%;height:auto;margin:10px 0px 5px 0px;float:left}
.customer_wrap .contents .info ul li {width:100%;height:auto;margin:0px 0px 10px 0px;font-size:13px;color:#555;text-align:left;float:left}
.customer_wrap .contents .info ul li a {width:100%;height:16px;font-size:13px;color:#555;text-align:left;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer_wrap .contents .info ul li .text1 {font-weight:bold;font-size:24px;color:#333;float:left;padding-top:2px}
.customer_wrap .contents .info ul li .text2 {width:50%;/* height:26px; */height:28px;margin:0px 0px 0px 10px;font-weight:bold;font-size:28px;color:#c24e88;float:left}
.customer_wrap .contents .info ul li .bold {font-weight:bold;font-size:15px;color:#333;text-align:left;line-height:20px}
.customer_wrap .contents .info ul li .gray8 {font-size:14px;text-align:left}
.customer_wrap .contents .info .menu {width:100%;height:auto;margin:30px 0px 0px 0px;float:left}
.customer_wrap .contents .info .menu li {width:49.2%;height:40px;margin:0px;text-align:center;border-right:1px solid #505767;border-left:1px solid #727989;border-bottom:1px solid #505767;border-top:1px solid #727989;float:left}
.customer_wrap .contents .info .menu li a {width:100%;height:40px;font-size:13px;color:#fff;text-align:center;line-height:38px;background-color:#5b6272}
.customer_wrap .contents .info .menu li .on {font-weight:bold;background-color:#c24e88}
.customer_wrap .contents .info .notice {margin:0px}
.customer_wrap .contents .info .notice li {width:98%;padding:15px 1%;margin:0px;font-size:14px;color:#333;border-bottom:1px solid #eee}
.customer_wrap .contents .info .notice li a {width:100%;height:20px;font-size:14px;color:#333}
.customer_wrap .contents .info .notice li .strong {font-weight:bold}
.customer_wrap .contents .info .detail {width:96%;height:auto;padding:15px 2%;text-align:left;line-height:20px;border-bottom:1px solid #eee;float:left}
.customer_wrap .contents .info .detail img {width:100%}
.customer_wrap .contents .info .btn {width:100%;padding:20px 0px;text-align:center;float:left}
.customer_wrap .contents .info .btn a {width:100%;height:40px;font-weight:bold;font-size:14px;color:#fff;text-align:center;line-height:40px;background-color:#888;border-radius:3px;display:block}
.customer_wrap .contents .info .page {width:100%;height:auto;padding:20px 0px 0px 0px;border-top:1px solid #eee;float:left}
.customer_wrap .contents .info .page dt {width:20%;height:20px;margin:15px 0px 0px 0px;font-size:14px;color:#888;float:left}
.customer_wrap .contents .info .page dd {width:80%;height:20px;margin:15px 0px 0px 0px;font-size:14px;color:#555;float:left}
.customer_wrap .contents .info .page dd a {width:100%;height:20px;font-weight:normal;font-size:14px;text-align:left;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer_wrap .contents .info select {width:100%;height:40px;margin:15px 0px 15px 0px;padding:0px 2%;font-size:14px;outline:none;background:#fff}
.customer_wrap .contents .info .faq {border-top:1px solid #ddd}
.customer_wrap .contents .info .faq li {margin:0px;border-bottom:1px solid #ddd}
.customer_wrap .contents .info .faq li dl {padding:0px}
.customer_wrap .contents .info .faq li dl .question {width:auto;margin:0px}
.customer_wrap .contents .info .faq li dl .question .on {font-weight:bold;border:1px solid #c24e88;background:#fff url(/images/common/up_arrow.png) no-repeat 98% 50%;background-size:11px 5px;text-overflow:inherit;white-space:inherit}
.customer_wrap .contents .info .faq li dl .question button {width:100%;height:auto;padding:15px 7% 15px 2%;font-weight:normal;font-size:14px;color:#333;text-align:left;line-height:19px;background:#fff url(/images/common/down_arrow.png) no-repeat 98% 50%;background-size:11px 5px;border:none;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer_wrap .contents .info .faq li dl .question button .blue {margin:0px 10px 0px 0px;font-size:14px}
.customer_wrap .contents .info .faq li dl .answer {width:96%;padding:4% 2% 2% 2%;font-size:13px;color:#555;line-height:18px;background-color:#fafafa}
.customer_wrap .contents .info .faq li dl .answer p {margin:0px 0px 10px 0px;font-size:13px;color:#555;line-height:18px;word-break:keep-all}
.customer_wrap .contents .info .info1 {padding:10px 0px;font-size:13px;color:#555;line-height:16px;border-bottom:1px solid #eee;float:left}
.customer_wrap .contents .info dl {width:100%;height:auto;padding:0px 0px 15px 0px;float:left}
.customer_wrap .contents .info dl dt {width:100%;height:auto;margin:10px 0px;font-size:14px;color:#888}
.customer_wrap .contents .info dl dt img {margin:0px 0px 0px 5px;vertical-align:middle}
.customer_wrap .contents .info dl dd {width:100%;height:auto}
.customer_wrap .contents .info dl dd input {width:95.8%;height:38px;padding:0px 2%;font-size:14px;outline:none}
.customer_wrap .contents .info dl dd textarea {width:95.6%;height:130px;padding:10px 2%;font-size:14px;line-height:20px;outline:none}
.customer_wrap .contents .info dl dd select {margin:10px 0px 0px 0px;padding:0px 1%}
.customer_wrap .contents .info dl dd .file_wrap {width:100%;height:auto;padding:0px;border:none;float:left}
.customer_wrap .contents .info dl dd .file_wrap label {width:25.2%;height:36px;font-size:13px;color:#fff;text-align:center;line-height:32px;background:#888;overflow:hidden;position:relative;display:block;float:left}
.customer_wrap .contents .info dl dd .file_wrap label input {width:0;height:0;padding:0px;border:none;overflow:hidden;position:absolute}
.customer_wrap .contents .info dl dd .file_wrap input[type=text] {width:70%;height:34px;padding:0px 2%;font-size:13px;color:#555;display:block;float:left}
.customer_wrap .contents .info dl dd .file_wrap ul {width:100%;margin:5px 0px 0px 0px;float:left}
.customer_wrap .contents .info dl dd .file_wrap ul li {width:100%;margin:10px 0px 0px 0px;font-size:12px;color:#555;text-align:left;line-height:16px}
/* 하단 버튼 영역 */
.bottom_btn {width:100%;height:auto;position:fixed;left:0px;bottom:0px;z-index:2}
.bottom_btn ul {width:100%;height:auto;float:left}
.bottom_btn ul .w1 {width:25%}
.bottom_btn ul .w2 {width:30%}
.bottom_btn ul .w3 {width:35%}
.bottom_btn ul .w4 {width:50%}
.bottom_btn ul .w5 {width:70%;background-color:#424a54}
.bottom_btn ul .w6 {width:100%}
.bottom_btn ul li {height:46px;float:left}
.bottom_btn ul li .phone {width:100%;height:46px;font-weight:normal;font-size:15px;color:#fff;text-align:center;line-height:46px;background-color:#333a41;display:block}
.bottom_btn ul li .name {width:90%;height:46px;padding:0px 0px 0px 3%;font-size:13px;color:#fff;text-align:left;line-height:20px;vertical-align:middle;display:table-cell;overflow:auto}
.bottom_btn ul li button {width:100%;height:46px;font-weight:normal;font-size:15px;text-align:center;line-height:46px;border:none}
.bottom_btn ul li .type1 {color:#fff;background-color:#424a54}
.bottom_btn ul li .type1 img {height:13px;margin:0px 5px 0px 0px}
.bottom_btn ul li .type2 {color:#fff;background-color:#333a41}
.bottom_btn ul li .type2 img {height:14px;margin:0px 5px 0px 0px;vertical-align:middle}
.bottom_btn ul li .type3 {color:#fff;background-color:#c24e88}
.btn_type {width:100%;height:auto;margin:15px 0px 30px 0px;text-align:center;float:left}
.btn_type .type1 {width:96%;height:46px;font-weight:bold;font-size:16px;color:#fff;text-align:center;line-height:46px;background-color:#c24e88;border:none;border-radius:3px;display:inline-block}
/* 페이지숫자 영역 */
.page_number {width:100%;height:auto;margin:30px 0px 15px 0px;float:left}
.page_number ul {width:100%;margin:0px auto;text-align:center}
.page_number ul li {display:inline-block}
.page_number ul li a {margin:0px 3px 0px 3px;padding:5px 5px;font-size:12px;color:#555;border:1px solid #ddd;border-radius:3px}
.page_number ul li .on {font-weight:bold;color:#c24e88;border:1px solid #c24e88}
.page_number ul li .arrow {padding:5px 5px;text-align:center;background-color:#fafafa}
.page_number ul li .arrow img {height:10px}
/* 팝업 즉시지원 */
.popup_wrap {width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.3);position:fixed;top:0px;left:0px;z-index:2}
.popup_wrap table {width:100%;height:100%}
.popup_wrap table td {text-align:center;vertical-align:middle}
.popup_wrap .popup {width:90%;height:auto;background-color:#fff;display:inline-block}
.popup_wrap .popup .title {width:94%;height:auto;margin:0px 0px 15px 0px;padding:15px 3%;text-align:left;border-bottom:1px solid #eee;position:relative}
.popup_wrap .popup .title h3 {width:100%;height:auto;font-weight:bold;font-size:15px;color:#333}
.popup_wrap .popup .title h3 span {color:#c24e88}
.popup_wrap .popup .title p {width:100%;height:auto;margin:7px 0px 0px 0px;font-weight:normal;font-size:13px;color:#555;line-height:16px}
.popup_wrap .popup .title p span {font-weight:normal;font-size:12px;color:#888}
.popup_wrap .popup .title p.cp_txt {width:100%;height:auto;margin:3px 0px 0px 0px;font-weight:normal;font-size:13px;color:#555}



.popup_wrap .popup .title button {width:14px;height:12px;text-indent:-99999px;background:url(/images/sub/popup_close.png) no-repeat 0 0;position:absolute;top:10px;right:10px}
.popup_wrap .popup .search {width:94%;height:auto;margin:0px 0px 10px 0px;padding:0px 3% 10px;border-bottom:1px solid #eee;float:left}
.popup_wrap .popup .search select {width:30%;height:36px;padding:0px 1%;font-size:13px;float:left}
.popup_wrap .popup .search input {width:50%;height:34px;margin:0px 0px 0px -1px;padding:0px 2%;font-size:13px;outline:none;float:left}
.popup_wrap .popup .search .btn {width:16%;height:36px;margin:0px 0px 0px -1px;padding:0px;font-weight:bold;font-size:13px;color:#fff;background-color:#888;border:none}
.popup_wrap .popup .contents {width:94%;height:auto;padding:0px 3%;border-bottom:1px solid #eee;float:left}
.popup_wrap .popup .contents h4 {width:100%;height:auto;margin:0px 0px 7px 0px;font-weight:bold;font-size:14px;color:#333;text-align:left;float:left}
.popup_wrap .popup .contents dl {width:100%;height:auto;float:left}
.popup_wrap .popup .contents dl dt {width:26%;height:auto;margin:0px 0px 10px 0px;font-size:13px;color:#888;text-align:left;line-height:34px;float:left}
.popup_wrap .popup .contents dl dd {width:74%;height:auto;margin:0px 0px 10px 0px;font-size:13px;color:#333;text-align:left;line-height:34px;float:left}
.popup_wrap .popup .contents dl dd select {width:99.8%;height:34px;padding:0px 2%;font-size:13px;background-color:#fff} 
.popup_wrap .popup .contents dl dd input {width:93.4%;height:34px;padding:0px 3%;font-size:13px;outline:none}
.popup_wrap .popup .contents dl dd .bg {width:93.4%;height:34px;padding:0px 3%;font-size:13px;color:#888;border:1px solid #ddd;background-color:#fafafa;overflow:auto}
.popup_wrap .popup .contents dl dd .bg1 {width:93.4%;height:34px;padding:0px 3%;font-size:13px;color:#333;border:1px solid #ddd;background-color:#fff;overflow:auto}
.popup_wrap .popup .contents dl dd .bg2 {width:93.4%;height:80px;padding:8px 3%;font-size:13px;color:#333;line-height:18px;overflow:auto;border:1px solid #ddd;background-color:#fff}
.popup_wrap .popup .contents dl dd .line {width:99.4%;height:auto;line-height:0px;background-color:#eee}
.popup_wrap .popup .contents dl dd .line textarea {width:94%;height:55px;padding:5px 3%;font-size:13px;line-height:18px;outline:none}
.popup_wrap .popup .contents ul {width:100%;height:auto;margin:0px 0px 10px 0px;float:left}
.popup_wrap .popup .contents ul .mgl {margin:0px 0px 0px 15px}
.popup_wrap .popup .contents ul .lh20 {line-height:20px}
.popup_wrap .popup .contents ul li {width:auto;height:auto;font-size:13px;color:#555;text-align:left;float:left}
.popup_wrap .popup .contents ul li .blue {color:#c24e88}
.popup_wrap .popup .contents ul li input {font-weight:normal;vertical-align:middle}
.popup_wrap .popup .contents ul li label {padding:0px 0px 0px 5px;font-weight:normal;vertical-align:middle}
.popup_wrap .popup .contents ul li a {font-size:13px;color:#555}
.popup_wrap .popup .contents ul li span {padding:0px 7px;font-size:10px;color:#ddd}
.popup_wrap .popup .contents .text {width:93.4%;height:110px;margin:0px 0px 10px 0px;padding:8px 3%;font-size:13px;color:#333;text-align:left;line-height:18px;overflow:auto;border:1px solid #ccc;background-color:#fff}
.popup_wrap .popup .contents .input {width:93.4%;height:auto;margin:0px 0px 10px 0px;padding:0px 3%;border:1px solid #ccc;float:left}
.popup_wrap .popup .contents .input input {width:100%;height:34px;font-size:13px;border:none;outline:none}
.popup_wrap .popup .contents .login {width:100%;height:40px;margin:0px 0px 15px 0px;font-weight:bold;font-size:14px;color:#fff;text-align:center;line-height:40px;background-color:#c24e88;border:none;border-radius:3px;float:left}
.popup_wrap .popup .contents .selected_img {width:99.4%;height:150px;margin:0px 0px 10px 0px;text-align:center;border:1px solid #ddd;/* overflow:hidden; */overflow:auto}
.popup_wrap .popup .contents .selected_img img {width:100%;max-width:270px;/* height:150px; */height:auto}
.popup_wrap .popup .contents .select_img {width:100%;height:auto;margin:0px auto;text-align:center}
.popup_wrap .popup .contents .select_img .blank {width:2.4%;height:1px}
.popup_wrap .popup .contents .select_img ul {width:100%;height:auto}
.popup_wrap .popup .contents .select_img li {width:23%;height:auto;text-align:center;float:left}
.popup_wrap .popup .contents .select_img li p {width:100%;height:auto;font-size:12px;color:#333;text-align:center;line-height:14px}
.popup_wrap .popup .contents .select_img .no_img {width:99.6%;max-width:80px;height:40px;padding:8px 0px 0px 0px;font-weight:normal;font-size:11px;color:#bbb;text-align:center;background-color:#fafafa;border:1px solid #ddd}
.popup_wrap .popup .contents .select_img .no_img img {height:16px;margin:0px 0px 3px 0px}
.popup_wrap .popup .contents .select_img .academy_img {width:99.6%;max-width:80px;height:48px;background-color:#fff;border:1px solid #ddd}
.popup_wrap .popup .contents .select_img .academy_img img {width:100%;height:48px}
.popup_wrap .popup .contents .photo {width:65px;height:80px;margin:0px auto;padding:5px;text-align:center;border:1px solid #ddd;border-radius:3px}
.popup_wrap .popup .contents .photo .no_img {width:65px;height:55px;padding:25px 0px 0px 0px;font-size:12px;color:#bbb;text-align:center;background-color:#fafafa}
.popup_wrap .popup .contents .photo .no_img img {height:18px;margin:0px 0px 5px 0px}
.popup_wrap .popup .contents .photo .portrait {width:65px;height:auto;text-align:center;background-color:#fafafa}
.popup_wrap .popup .contents .photo .portrait img {width:65px;height:80px}
.popup_wrap .popup .contents .photo1 {width:100px;height:60px;margin:0px auto;padding:5px;text-align:center;border:1px solid #ddd;border-radius:3px}
.popup_wrap .popup .contents .photo1 .no_img {width:100px;height:48px;padding:12px 0px 0px 0px;font-size:12px;color:#bbb;text-align:center;background-color:#fafafa}
.popup_wrap .popup .contents .photo1 .no_img img {height:18px;margin:0px 0px 5px 0px}
.popup_wrap .popup .contents .photo1 .portrait {width:100px;height:60px;text-align:center;background-color:#fff;vertical-align:middle;display:table-cell}
.popup_wrap .popup .contents .photo1 .portrait img {width:100%}
.popup_wrap .popup .contents .file_wrap {width:100%;height:auto;padding:10px 0px 0px 0px;float:left}
.popup_wrap .popup .contents .file_wrap .name {width:100%;height:34px;margin:0px 0px 10px 0px}
.popup_wrap .popup .contents .file_wrap .name span {width:16%;height:32px;font-size:13px;color:#888;text-align:center;line-height:32px;background:#fff;border:1px solid #ddd;display:block;float:left}
.popup_wrap .popup .contents .file_wrap .name input {width:78.8%;height:32px;margin:0px 0px 0px -1px;padding:0px 2%;font-size:13px;border:1px solid #ddd;outline:none;float:left}
.popup_wrap .popup .contents .file_wrap .choose {width:100%;height:auto;margin:0px 0px 10px 0px}
.popup_wrap .popup .contents .file_wrap .choose label {width:24%;height:34px;margin:0px 0px 0px -1px;font-size:13px;color:#fff;text-align:center;line-height:32px;background:#888;position:relative;float:left}
.popup_wrap .popup .contents .file_wrap .choose label input {width:0;height:0;border:none;overflow:hidden;position:absolute}
.popup_wrap .popup .contents .file_wrap .choose input[type=text] {width:71.4%;height:32px;padding:0px 2%;font-size:13px;color:#555;border:1px solid #ddd;outline:none;float:left}
.popup_wrap .popup .contents .file_wrap .choose button {width:18%;height:34px;color:#fff;font-size:14px;line-height:34px;background-color:#c24e88;border-radius:3px;float:right}
.popup_wrap .popup .contents .file_wrap ul {width:100%;margin:2px 0px 10px 0px}
.popup_wrap .popup .contents .file_wrap ul li {width:100%;margin:8px 0px 0px 0px;font-size:12px;color:#555;text-align:left;line-height:16px}
.popup_wrap .popup .contents .jcoupon {width:30%;height:auto;margin:0px 0px 15px 0px;float:left}
.popup_wrap .popup .contents .jcoupon input {width:98%;height:38px;font-size:14px;text-align:center;line-height:39px;outline:none}
.popup_wrap .popup .contents .jcoupon_line {width:5%;height:40px;font-size:10px;color:#555;text-align:center;line-height:40px;float:left}
.popup_wrap .popup .chart_wrap {width:100%;height:auto;float:left}
.popup_wrap .popup .chart_wrap .use {width:97%;height:auto;margin:0px 0px 10px 0px;padding:0px 0px 10px 3%;font-size:13px;color:#555;text-align:left;border-bottom:1px solid #eee}
.popup_wrap .popup .chart_wrap .use span {font-weight:bold;font-size:14px;color:#c24e88}
.popup_wrap .popup .chart_wrap .chart {width:94%;height:120px;padding:0px 3% 10px;border-bottom:1px solid #eee;overflow:auto}
.popup_wrap .popup .chart_wrap .chart table {width:100%;height:auto;float:left}
.popup_wrap .popup .chart_wrap .chart table caption {text-indent:-99999px;position:absolute}
.popup_wrap .popup .chart_wrap .chart table th {width:auto;height:auto;padding:8px 1%;font-weight:normal;font-size:10px;color:#888;text-align:center;vertical-align:middle;background-color:#fafafa;border-top:1px solid #888;border-bottom:1px solid #eee}
.popup_wrap .popup .chart_wrap .chart table td {width:auto;height:auto;padding:8px 1%;font-size:10px;color:#333;text-align:center;vertical-align:middle;line-height:18px;word-break:keep-all;border-bottom:1px solid #eee}
.popup_wrap .popup .chart_wrap .chart table td .bold {font-weight:bold}
.popup_wrap .popup .chart_wrap .chart table td .blue {font-weight:bold;font-size:10px}
.popup_wrap .popup .chart_wrap .chart table td a {width:100%;height:auto;font-weight:bold;font-size:13px;color:#333;display:inline-block}
.popup_wrap .popup .chart_wrap .chart table td .date {width:100%;height:auto;font-size:13px;color:#888;word-break:keep-all;display:inline-block}
.popup_wrap .popup .chart_wrap .chart table td .line {margin:0px 3px;font-size:11px;color:#ddd;line-height:18px}
.popup_wrap .popup .chart_wrap .chart table .left {text-align:left}
.popup_wrap .popup .chart_wrap .chart table .w1 {width:40px}
.popup_wrap .popup .select {width:94%;height:auto;padding:0px 3%;border-bottom:1px solid #eee;float:left}
.popup_wrap .popup .select .mg4 {margin:0px 5% 0px 0px}
.popup_wrap .popup .select .full {width:100%}
.popup_wrap .popup .select dl {width:46.8%;height:auto;float:left}
.popup_wrap .popup .select dl.work {width: 100%;}
.popup_wrap .popup .select dt {width:100%;margin:0px 0px 8px 0px;font-size:14px;color:#888;text-align:center}
.popup_wrap .popup .select dd {width:100%;height:auto;padding:0px 0px 10px 0px}
.popup_wrap .popup .select dd ul {width:100%;height:120px;border:1px solid #ddd;overflow:auto}
.popup_wrap .popup .select dd li {width:100%;height:auto}
.popup_wrap .popup .select dd li .on {color:#333;background-color:#eee}
.popup_wrap .popup .select dd li button {width:100%;height:auto;padding:10px;font-size:13px;color:#333;text-align:left;line-height:16px;background:none}
.popup_wrap .popup .contents_box {width:94%;height:77px;padding:10px 3% 0px;text-align:left;border-bottom:1px solid #eee;overflow:auto;float:left}
.popup_wrap .popup .contents_box .choice {margin:0px 5px 10px 0px;font-size:13px;color:#333;text-align:left;display:inline-block}
.popup_wrap .popup .contents_box .choice button {width:24px;height:23px;margin:0px 0px 0px 10px;vertical-align:middle;text-indent:-99999px;background:url(/images/sub/delete.png) no-repeat 0 0;background-size:cover}
.popup_wrap .popup .info {width:94%;height:auto;padding:0px 3% 15px 3%;float:left}
.popup_wrap .popup .info p {width:100%;height:auto;margin:9px 0px 0px 0px;font-size:12px;color:#888;text-align:left;line-height:16px}
.popup_wrap .popup .info p span {padding:0px 7px 0px 7px;font-size:10px;color:#ddd}
.popup_wrap .popup .btn {width:100%;height:auto;padding:15px 0px 15px 0px;float:left}
.popup_wrap .popup .btn ul {width:100%;height:auto;text-align:center;float:left}
.popup_wrap .popup .btn ul li {width:64px;height:34px;margin:0px 10px;text-align:center;display:inline-block}
.popup_wrap .popup .btn ul li button {width:64px;height:34px;font-size:14px;line-height:32px;border-radius:3px}
.popup_wrap .popup .btn ul li .type1 {color:#c24e88;background-color:#fff;border:1px solid #c24e88}
.popup_wrap .popup .btn ul li .type2 {color:#fff;background-color:#c24e88;border:1px solid #c24e88}
.popup_wrap .popup .btn ul li .type3 {color:#888;background-color:#fff;border:1px solid #ccc}
/* 푸터 영역 */
footer {width:100%;height:auto;margin:0;text-align:center;background-color:#ededef;border-top:1px solid #c24e88;float:left}
footer .menu1 {width:100%;height:auto;margin:0px 0px 15px 0px;background-color:#fff;border-bottom:1px solid #ddd;float:left}
footer .menu1 .no_line {border:none}
footer .menu1 li {width:24.7%;height:40px;text-align:center;line-height:40px;border-right:1px solid #eee;float:left}
footer .menu1 li a {font-size:14px;color:#555}
footer .menu1 li button {width:100%;height:40px;font-size:14px;color:#555;text-align:center;line-height:40px;background-color:#fff;border:none}
footer .menu2 {width:100%;height:auto;display:inline-block}
footer .menu2 .no_line {border:none}
footer .menu2 li {width:auto;height:auto;text-align:center;display:inline-block}
footer .menu2 li a {font-size:13px;color:#666}
footer .menu2 li a img {height:26px}
footer .menu2 li .line {margin:0px 8px 0px 10px;font-size:12px;color:#ddd}
footer .menu3 {width:100%;height:auto;margin:15px 0px 0px 0px;float:left}
footer .menu3 .no_line {border:none}
footer .menu3 li {width:auto;height:auto;text-align:center;border-left:1px solid #ddd;display:inline-block}
/*footer .menu3 li:first-child{padding:0 10px}*/
footer .menu3 li a {font-size:13px;color:#888;display: inline-block;}
footer .menu3 li a img {height:30px}
footer .menu3 .no_line a img {height:30px;}
footer .menu4 {width:86%;height:auto;margin:5px 3%;padding:0px 4%;background-color:#ededef;float:left}
footer .menu4 .company {font-size:12px;color:#555;font-weight:bold}
footer .menu4 li {width:100%;height:auto;padding:4px 0%;font-size:12px;color:#777;text-align:center;float:left}
footer .menu4 li span {margin:0px 5px 0px 5px;font-size:9px;color:#ccc}
footer .copyright {width:100%;height:auto;font-size:12px;color:#888;text-align:center;float:left;margin-bottom:20px}
/* 에러페이지 영역 */
.error_header {width:100%;height:auto;text-align:center;border-bottom:1px solid #c24e88;float:left}
.error_header ul {width:100%;height:auto;border-bottom:0px solid #fff;float:left}
.error_header ul li {height:50px;float:left}
.error_header ul .menu {width:10%;padding:0px 0px 0px 2%;text-align:left}
.error_header ul .menu button {width:28px;height:50px;background-color:#fff;border:none}
.error_header ul .menu img {height:50px}
.error_header ul .logo {width:76%;text-align:center}
.error_header ul .logo h1 {display:inline-block}
.error_header ul .logo h1 a {display:inline-block;}
.error_header ul .logo img {height:50px}
.error_header ul .mypage {width:8%;padding:0px 4% 0px 0px;text-align:right}
.error_header ul .mypage a {font-size:16px;color:#333;line-height:50px}
.error_wrap {width:94%;height:auto;padding:12% 3% 0px;float:left}
.error_wrap .text {width:100%;height:auto;margin:0px 0px 0px 0px;float:left}
.error_wrap .text h3 {width:100%;height:auto;font-weight:bold;font-size:20px;color:#333}
.error_wrap .text p {width:100%;height:auto;margin:20px 0px 0px 0px;font-weight:normal;font-size:16px;color:#555;line-height:22px}
.error_wrap .text p .blue {font-weight:bold}
.error_footer {width:100%;height:auto;margin:0px 0px 0px 0px;text-align:center;background-color:#fff;border-top:2px solid #c24e88;position:fixed;bottom:0px}
.error_footer .copyright {width:100%;height:auto;font-size:12px;color:#888;text-align:center;line-height:50px}

/* header 고정 css */
.h-active { position: fixed; top: 0px; }

/* TOP 스크롤 */
footer .gotop{z-index:999;position:fixed;_position:absolute;bottom:50px;right:3%;width:35px;height:34px;line-height:1.1;font-size:1.714em;color:#888;text-align:center;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;/* background-color:transparent; */background-color:#fff;opacity:0.90;filter:alpha(opacity=90);cursor:pointer}
footer .gotop img{vertical-align:middle}
footer .gotop i{font-size:2.308em}

/* 이벤트 배너 */
.product_wrap .event_bn {width: 100%;}
.product_wrap .event_bn img {width: 100%;}

/** 메인 레이어 팝업 **/
.layer_pop_wrap{z-index:2;display:table;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3)}
.layer_pop_row{display:table-row}
.layer_pop_cell{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle}
.pop_layer{width:90%;height:auto;background-color:#fff;border:1px solid #ccc;display:inline-block}
.pop_layer .link img{width:100%;height:auto;border:0}
.pop_layer .pop_btn{position:relative;display:inline-block;width:100%;height:auto;padding:10px 15px;font-size:14px;text-align:left;color:#777}
.pop_layer .pop_btn .check{margin-right:6px;border:1px solid #aaa;vertical-align:middle}
.pop_layer .pop_btn .close{position:absolute;top:3px;right:32px;padding:.5em 1em;text-align:right;background-color:#fff;border:0px solid #aaa;border-radius:3px;cursor:pointer}
.pop_layer .pop_btn .close span{color:#777}

@media only screen and (max-width:768px) {
	/* .pop_layer{width:90%;height:250px;overflow:auto} */
}









/* 전체상품 이벤트 베너 */

.event_banner_20220906_wrap {width: 100%; height: auto; margin: 5px 0px; float: left;}
.event_banner_con {width: 100%; margin: 0 auto;}
.event_banner_img_box {display: block; text-align: center;}
.event_banner_img_box img {width: 100%;}