@charset "UTF-8";
@font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 300; src: local("Noto Sans Light"), local("NotoSans-Light"), url(../font/NotoSansKR-Light-Hestia.eot), url(../font/NotoSansKR-Light-Hestia.eot?#iefix) format("embedded-opentype"), url(../font/NotoSansKR-Light-Hestia.woff) format("woff"), url(../font/NotoSansKR-Light-Hestia.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 350; src: local("Noto Sans DemiLight"), local("NotoSans-DemiLight"), url(../font/NotoSansKR-DemiLight-Hestia.eot), url(../font/NotoSansKR-DemiLight-Hestia.eot?#iefix) format("embedded-opentype"), url(../font/NotoSansKR-DemiLight-Hestia.woff) format("woff"), url(../font/NotoSansKR-DemiLight-Hestia.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 400; src: local("Noto Sans Regular"), local("NotoSans-Regular"), url(../font/NotoSansKR-Regular-Hestia.eot), url(../font/NotoSansKR-Regular-Hestia.eot?#iefix) format("embedded-opentype"), url(../font/NotoSansKR-Regular-Hestia.woff) format("woff"), url(../font/NotoSansKR-Regular-Hestia.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 500; src: local("Noto Sans Medium"), local("NotoSans-Medium"), url(../font/NotoSansKR-Medium-Hestia.eot), url(../font/NotoSansKR-Medium-Hestia.eot?#iefix) format("embedded-opentype"), url(../font/NotoSansKR-Medium-Hestia.woff) format("woff"), url(../font/NotoSansKR-Medium-Hestia.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 700; src: local("Noto Sans Bold"), local("NotoSans-Bold"), url(../font/NotoSansKR-Bold-Hestia.eot), url(../font/NotoSansKR-Bold-Hestia.eot?#iefix) format("embedded-opentype"), url(../font/NotoSansKR-Bold-Hestia.woff) format("woff"), url(../font/NotoSansKR-Bold-Hestia.otf) format("opentype"); }
html, body { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { font-size: 100%; font-weight: 300; font-family: 'Noto Sans Korean', sans-serif; }

table { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

caption { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

tbody { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

tfoot { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

thead { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

tr { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

th { margin: 0; padding: 0; border: 0; font-weight: 400; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

td { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

article { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

aside { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

canvas { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

details { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

embed { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

footer { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

header { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

hgroup { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

menu { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

nav { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

output { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

section { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

summary { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

time { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

mark { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

audio { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

video { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

div { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

span { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; font-weight: 300; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

p, blockquote, pre, a { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

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 { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

dt { font-weight: 400; }

dl, dt, dd, ol, ul, li { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

fieldset, form, label, legend { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

p { letter-spacing: -0.025em; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

select::-ms-expand { display: none; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; box-shadow: none; background-color: transparent; background-image: none; }

blockquote:before, blockquote:after { content: ''; content: none; }

q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

a { text-decoration: none; outline: none; }

a:hover, a:active { text-decoration: none; }

a:visited { text-decoration: none; decoration: none; }

input[type="checkbox"] { margin: 0; }

input, label, select, button, textarea { margin: 0; border: 0; padding: 0; display: inline-block; vertical-align: middle; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Remove the stupid outer glow in Webkit */
input:focus { outline: 0; }

/* Button Controls
-----------------------------------------------*/
input[type=checkbox], input[type=radio] { width: 13px; height: 13px; }

/* Make webkit render the search input like a normal text field */
input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; }

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration { display: none; }

/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button { padding: 0; border: 0; background: none; }

/* Textarea
-----------------------------------------------*/
textarea { /* Move the label to the top */ vertical-align: top; /* Turn off scroll bars in IE unless needed */ overflow: auto; }

select[multiple] { /* Move the label to the top */ vertical-align: top; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; display: block; }

.slick-track:before, .slick-track:after { display: table; content: ''; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir='rtl'] .slick-slide { float: right; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Slider */
/* Icons */
/* Arrows */
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }

.slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

[dir='rtl'] .slick-prev { right: -25px; left: auto; }

.slick-prev:before { content: '←'; }

[dir='rtl'] .slick-prev:before { content: '→'; }

.slick-next { right: -25px; }

[dir='rtl'] .slick-next { right: auto; left: -25px; }

.slick-next:before { content: '→'; }

[dir='rtl'] .slick-next:before { content: '←'; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }

.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { font-family: 'slick'; font-size: 42px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { opacity: .75; color: black; }

html, body { height: 100%; font-size: 16px; }

body { min-height: 100%; min-width: 320px; width: 100%; }

.btn.line { border: 1px solid; background: #fff; }
.btn.line.line_white { background: none; border-color: #fff; }
.btn.line.line_blue { border-color: #3b5998; color: #3b5998; }
.btn.line.line_gray { margin-right: 2%; color: #939393; border-color: #939393; }
.btn.line:hover { background: #f2f2f2; }
.btn.full { width: 100%; height: 49px; }
.btn.gray { background: #acacac; color: #fff; }
.btn.gray:hover { background: #939393; }
.btn.round { border-radius: 49px; }
.btn.round:focus { outline: none; }
.btn.half { width: 49%; height: 49px; display: inline-block; }
.btn.white { background: #fff; }
.btn.white:hover { background: #f2f2f2; }

.user_wrapper { position: relative; background: url("../images/join_bg.jpg"); background-size: 100% 100%; min-height: 100%; padding-bottom: 60px; }
.user_wrapper.new { background: #fff; }

.mobile_app { background: url("../images/mobolieapp_bg.jpg") no-repeat; width: 100%; height: 100%; min-height: 510px; }
.mobile_app .mobile_app_wrap { margin: 0 auto; width: 100%; height: 100%; min-height: 100%; }
.mobile_app .wrap { background: url("../images/main_pattern.png") repeat; background-size: 100px 100px; padding: 25px; opacity: 0.9; height: 100%; min-height: 100%; }
.mobile_app .wrap .logo_img { width: 100px; }
.mobile_app .wrap .app_wrap > h2 { font-size: 30px; font-weight: 300; color: #b4c4e4; letter-spacing: -1px; line-height: 1.2; padding-top: 50px; padding-bottom: 25px; }
.mobile_app .wrap .app_wrap > h2 span { font-weight: 500; color: #fff; }
.mobile_app .wrap .app_wrap > p { font-size: 14px; font-weight: 300; color: #b4c4e4; line-height: 1.5; }
.mobile_app .form_wrap { padding-top: 20px; }
.mobile_app .app_img { position: absolute; bottom: 40px; left: 0; right: 0; width: 100%; max-width: 450px; margin: 0 auto; }
.mobile_app .line { border: 2px solid #fff; background: none; height: 45px; padding: 0px 10px; line-height: 41px; color: #fff; }
.mobile_app a.half { background: url("../images/icon_shortcut.png") no-repeat; background-position: calc(100% - 10px) center; background-size: 7px 10px; width: 50%; float: left; margin-bottom: 10px; }
.mobile_app ::-webkit-input-placeholder { color: #9db1d9; }
.mobile_app :-ms-input-placeholder { color: #9db1d9; }
.mobile_app input::-moz-placeholder { color: #9db1d9; }
.mobile_app input.full { width: 75%; float: left; }
.mobile_app .btn-white { width: 25%; float: left; height: 45px; line-height: 41px; text-align: center; color: #3b5998; background: #fff; font-size: 16px; font-weight: 400; }
.mobile_app .caution { clear: both; padding-top: 10px; color: #9db1d9; font-size: 12px; }
@media (min-width: 1400px) { .mobile_app { min-height: 900px; }
  .mobile_app .mobile_app_wrap { width: 850px; position: relative; padding: 0 130px; }
  .mobile_app .mobile_app_wrap .app_img { bottom: 0; max-width: 850px; }
  .mobile_app .mobile_app_wrap .wrap { padding: 50px 80px 0; }
  .mobile_app .mobile_app_wrap .wrap .app_wrap > h2 { font-size: 45px; padding-top: 70px; }
  .mobile_app .mobile_app_wrap .wrap .app_wrap > p { font-size: 16px; }
  .mobile_app .mobile_app_wrap .form_wrap { padding-top: 50px; }
  .mobile_app .mobile_app_wrap a.half:first-child { width: 49.35065%; float: left; margin-right: 1.2987%; }
  .mobile_app .mobile_app_wrap a.half:last-child { width: 49.35065%; float: right; margin-right: 0; } }

.user_wrap { margin: 0 auto; max-width: 640px; min-width: 320px; width: 100%; height: 100%; padding: 35px 15px; }
@media (min-width: 1400px) { .user_wrap { padding: 120px 35px; } }
.user_wrap header img { display: block; width: 106px; margin: 0 auto 35px; }
@media (min-width: 1400px) { .user_wrap header img { width: 210px; margin: 0 auto 50px; } }
.user_wrap .wrap { position: relative; margin: 0 auto; max-height: 100%; min-height: 342px; width: 100%; padding-bottom: 40px; padding-left: 15px; padding-right: 15px; padding-top: 24px; background: #fff; behavior: url(common/js/PIE.htc); }
@media (min-width: 1400px) { .user_wrap .wrap { padding-left: 10%; padding-right: 10%; padding-top: 50px; border-radius: 10px; } }
.user_wrap .complete_wrap { text-align: center; }
.user_wrap .complete_wrap h2 { font-weight: 400; font-size: 36px; color: #444444; display: inline-block; padding-bottom: 25px; border-bottom: 1px solid #acacac; }
.user_wrap .complete_wrap p { padding-top: 25px; line-height: 1.8; }
.user_wrap .user_title { padding: 0 0 24px; position: relative; }
.user_wrap .user_title h2 { display: inline; font-weight: 400; font-size: 36px; color: #444444; }
.user_wrap .user_title ul { float: right; padding: 20px 0 16px; color: #888; }
.user_wrap .user_title .aside_nav { position: absolute; top: 195px; left: 0; }
@media (min-width: 1400px) { .user_wrap .user_title .aside_nav { float: right; position: static; } }
.user_wrap .user_title li a { color: #888; }
.user_wrap .user_title li:first-child { padding-left: 0px; }
.user_wrap .user_title li { padding-left: 15px; }
.user_wrap ul li { display: inline-block; }
.user_wrap ul li a { font-size: 13px; }
.user_wrap .user_form { clear: both; }
.user_wrap .user_form table { border: 1px solid #acacac; display: block; width: 100%; }
.user_wrap .user_form table tbody, .user_wrap .user_form table thead { width: 100%; display: block; }
.user_wrap .user_form table td { position: relative; }
.user_wrap .user_form table td button { position: absolute; top: 8px; right: 7px; width: 25%; height: 32px; line-height: 30px; }
.user_wrap .user_form table td label { position: absolute; left: 16px; letter-spacing: -1; overflow: hidden; cursor: text; line-height: 48px; height: 100%; }
.user_wrap .user_form table td, .user_wrap .user_form table input { width: 100%; display: block; }
.user_wrap .user_form table tr { border-bottom: 1px solid #dcdcdc; display: block; width: 100%; }
.user_wrap .user_form table tr:last-child { border-bottom: none; }
.user_wrap .user_form input.form { height: 48px; padding-left: 16px; }
.user_wrap .user_form.new input.form { font-size: 15px; height: 40px; width: 100%; border-radius: 3px; border: 1px solid #939393; padding-left: 10px; margin-bottom: 10px; }
.user_wrap .user_form.new input.form:focus { border: 1px solid #3b5998; box-shadow: 0 0 5px rgba(59, 89, 152, 0.5); }
.user_wrap .user_form p { line-height: 1.5; letter-spacing: -1px; font-size: 13px; color: #acacac; padding: 10px 0; display: block; }
.user_wrap .user_form_sub { text-align: left; font-size: 14px; color: #444444; }
.user_wrap .user_form_sub label { color: #707070; }
.user_wrap .user_form_sub label a { color: #3b5998; text-decoration: underline; }
.user_wrap .user_btn { position: absolute; bottom: 0; left: 5%; right: 5%; height: 60px; text-align: center; background: #3b5998; }
@media (min-width: 1400px) { .user_wrap .user_btn { left: 10%; right: 10%; } }
.user_wrap .user_btn a { font-size: 17px; font-weight: 400; color: #fff; display: inline-block; width: 100%; height: 100%; line-height: 49px; }

.user_wrapper.new .user_wrap { max-width: 100%; padding: 0; margin-top: 835px;}
@media (min-width: 1400px) { .user_wrapper.new .user_wrap { padding: 50px 0 80px 0; } }
.user_wrapper.new .user_wrap .user_title { position: relative; }
.user_wrapper.new .user_wrap .user_title .user_back_img { width: 31px; position: absolute; top: 3px; right: 0px; }
.user_wrapper.new .user_wrap .user_title h2 { font-size: 26px; }
@media (min-width: 1400px) { .user_wrapper.new .user_wrap .user_title h2 { font-size: 30px; } }
.user_wrapper.new .user_wrap .wrap { background: #fff; }
@media (min-width: 1400px) { .user_wrapper.new .user_wrap .wrap { max-width: 570px; padding: 56px; } }
.user_wrapper.new .user_wrap .user_btn { height: 49px; position: relative; top: 0; bottom: 0; left: 0; right: 0; border-radius: 49px; margin: 30px 0 0; }
.user_wrapper.new .user_wrap .user_btn:hover { background: #25417d; }
.user_wrapper.new .user_wrap .user_find { padding-top: 30px; margin-top: 30px; border-top: 1px solid #cccccc; }
.user_wrapper.new .user_wrap .user_find li { display: block; margin-bottom: 15px; }
.user_wrapper.new .user_wrap .user_find li p { font-size: 13px; color: #939393; }
.user_wrapper.new .user_wrap .user_find li a { color: #3b5998; font-weight: 400; font-size: 13px; text-decoration: underline; }

.user_wrapper .footer { position: absolute; bottom: 0; left: 0; height: 60px; width: 100%; background: #38393f; }
.user_wrapper .footer h2, .user_wrapper .footer ul, .user_wrapper .footer li { display: inline-block; }
.user_wrapper .footer .footer_wrap { margin: 0 auto; max-width: 640px; min-width: 320px; width: 100%; padding: 15px 15px 0 15px; }
.user_wrapper .footer .footer_wrap h2 img { width: 72px; }
@media (min-width: 1400px) { .user_wrapper .footer .footer_wrap { padding-left: 35px; padding-right: 35px; } }
.user_wrapper .footer .footer_wrap ul { float: right; padding-top: 4px; }
.user_wrapper .footer .footer_wrap ul li { font-size: 13px; line-height: 1; }
.user_wrapper .footer .footer_wrap ul li a { color: #888; }
.user_wrapper .footer .footer_wrap ul li span { margin: 0 15px; vertical-align: middle; display: inline-block; height: 12px; border-right: 1px solid rgba(255, 255, 255, 0.2); }

.tab_con { clear: both; }

.tab_con > div { display: none; text-align: center; }

.user_wrapper .tab { border-left: none; background: #fff; overflow: hidden; width: 100%; height: 49px; line-height: 49px; }
.user_wrapper .tab li { float: left; width: 50%; font-size: 15px; font-weight: 400; text-align: center; color: #acacac; display: inline-block; cursor: pointer; }
.user_wrapper .tab li.on { background-color: #3b5998; color: #fff; }
.user_wrapper .join_wrap { padding-top: 50px; padding-bottom: 41px; }
.user_wrapper .join_wrap .user_form { height: 100%; }
.user_wrapper .join_wrap .user_form .tab { border-width: 1px; border-style: solid; border-color: #acacac #acacac #dcdcdc; }
.user_wrapper .join_wrap .user_form table { border-top: none; }
.user_wrapper .pw_form td { background: url("../images/icon_pw.jpg") no-repeat right center; background-size: 24px 24px; }
.user_wrapper .confirm_pw_form td { background: url("../images/icon_pw_check.jpg") no-repeat right center; background-size: 24px 24px; }
.user_wrapper .detail_form { border-top: 1px solid #acacac !important; margin-top: 10px; }

.user_wrapper.new .select_position_tab { padding: 24px 0 0; }
.user_wrapper.new .select_position_tab p.title { font-size: 15px; font-weight: 400; color: #3b5998; padding: 0 0 10px 0; }
.user_wrapper.new .select_position_tab li { display: inline-block; width: 108px; height: 40px; border-radius: 40px; cursor: pointer; border: 1px solid #939393; }
.user_wrapper.new .select_position_tab li p { font-size: 15px; font-weight: 400; color: #939393; text-align: center; padding: 0 0 0 20px; width: 100%; height: 100%; line-height: 38px; }
.user_wrapper.new .select_position_tab li.active { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-color: #3b5998; background: #fff; }
.user_wrapper.new .select_position_tab li.active p { color: #3b5998; }
.user_wrapper.new .select_position_tab li:first-child p { background: url("../images/users/ic_user.png") no-repeat 28px center; background-size: 15px 16px; }
.user_wrapper.new .select_position_tab li:first-child.active p { background: url("../images/users/ic_user_on.png") no-repeat 28px center; background-size: 15px 16px; }
.user_wrapper.new .select_position_tab li:last-child p { background: url("../images/users/ic_parent.png") no-repeat 18px center; background-size: 15px 16px; }
.user_wrapper.new .select_position_tab li:last-child.active p { background: url("../images/users/ic_parent_on.png") no-repeat 18px center; background-size: 15px 16px; }
@media (min-width: 1400px) { .user_wrapper.new .select_position_tab { text-align: left; height: 65px; }
  .user_wrapper.new .select_position_tab p.title { display: inline-block; line-height: 40px; }
  .user_wrapper.new .select_position_tab ul { display: inline-block; float: right; } }
.user_wrapper.new header { background: url("../images/main_pattern.png") repeat; padding: 27px 0; }
.user_wrapper.new header img { margin: 0 auto; }
.user_wrapper.new .user_form ul.tab { height: 40px; border-radius: 40px; border: 1px solid #3b5998; background: #fff; }
.user_wrapper.new .user_form ul.tab li { line-height: 39px; height: 39px; background: none; color: #3b5998; }
.user_wrapper.new .user_form ul.tab li span.boundary_line { border-left: 1px solid #3b5998; height: 12px; display: inline-block; vertical-align: middle; margin-left: 10px; padding-left: 10px; }
.user_wrapper.new .user_form ul.tab li.on { color: #fff; border-radius: 39px; background: #3b5998; box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.2); }
.user_wrapper.new .user_form ul.tab li.on span.boundary_line { border-left: 1px solid #fff; }
.user_wrapper.new .user_form ul.tab li:last-child.on { box-shadow: -3px 0px 10px rgba(0, 0, 0, 0.2); }
.user_wrapper.new .user_form .user_form_sub { line-height: 1.7; padding: 15px 0; }
.user_wrapper.new .user_form .user_form_sub label { display: inline; font-size: 12px; font-weight: 350; }
.user_wrapper.new .user_form table { margin-top: 24px; border-radius: 4px; border-top: 1px solid #acacac; background: #fff; text-align: left; }
.user_wrapper.new .user_form table td { padding: 7px 10px 0; }
.user_wrapper.new .user_form table td input.form { padding-left: 0; height: 35px; }
.user_wrapper.new .user_form table td input.form.right_btn_input { padding-right: 110px; }
@media (min-width: 1400px) { .user_wrapper.new .user_form table td input.form.right_btn_input { padding-right: 150px; } }
.user_wrapper.new .user_form table td button { font-size: 14px; height: 37px; border-radius: 37px; border-color: #3b5998; color: #3b5998; right: 10px; top: 16px; width: 30%; }
@media (min-width: 1400px) { .user_wrapper.new { background: url("../images/main_pattern.png") repeat; }
  .user_wrapper.new header { padding: 80px 0; } }

.input_title { font-size: 11px; font-weight: 300; padding: 1px 4px; border-radius: 2px; border: 1px solid #939393; text-align: left; display: inline-block; }

.main { background: url("../images/main_pattern.png") repeat; background-size: 100px 100px; height: 250px; }
.main header { width: 100%; text-align: center; }
@media (min-width: 1400px) { .main header { text-align: left; } }
.main header .header_logo_img { width: 113px; height: 33px; margin-top: 25px; }
@media (min-width: 1400px) { .main header .header_logo_img { margin-left: 40px; } }
@media (min-width: 600px) { .main { height: 600px; } }
@media (min-width: 1400px) { .main { height: 100%; } }
.main .wrapper header { height: 115px; }
.main .wrapper .user_account_wrap { top: 25px; }
@media (min-width: 600px) { .main .wrapper { background: url("../images/main_visual_img.png") no-repeat bottom center; background-size: 500px 247px; } }
@media (min-width: 1400px) { .main .wrapper { background-size: 55%; } }
.main .container { text-align: center; padding-top: 100px; }
@media (min-width: 600px) { .main .container { padding-top: 165px; } }
@media (min-width: 1400px) { .main .container { padding-top: 185px; } }
.main .container h2 { font-size: 22px; line-height: 1.2; color: #7ca3f4; font-weight: 700; padding-bottom: 20px; }
.main .container h2 span { color: #fff; }
@media (min-width: 600px) { .main .container h2 { font-size: 36px; padding-bottom: 40px; } }
@media (min-width: 1400px) { .main .container h2 { font-size: 54px; } }
.main .container p { font-size: 15px; color: #eee; line-height: 1.6; }
@media (min-width: 1400px) { .main .container p { font-size: 18px; } }

.cs_main .wrapper header { height: 75px; width: 100%; text-align: center; }
@media (min-width: 1400px) { .cs_main .wrapper header { text-align: left; } }
.cs_main .wrapper header .header_logo_img { width: 113px; height: 33px; margin-top: 25px; }
@media (min-width: 1400px) { .cs_main .wrapper header .header_logo_img { margin-left: 40px; } }
.cs_main .wrapper .user_account_wrap { top: 35px; text-align: left; }
.cs_main .wrapper .user_account_wrap span { letter-spacing: 0; }

.academy { background: #eee; }
.academy .table_wrap { padding-bottom: 40px; }
.academy .wrapper header { height: 75px; background: #3b5998; width: 100%; text-align: center; position: absolute; top: 0; }
@media (min-width: 1400px) { .academy .wrapper header { text-align: left; } }
.academy .wrapper header .header_logo_img { width: 113px; height: 33px; margin-top: 25px; }
@media (min-width: 1400px) { .academy .wrapper header .header_logo_img { margin-left: 40px; } }
.academy .wrapper .user_account_wrap { top: 25px; text-align: left; }
.academy .wrapper .user_account_wrap span { letter-spacing: 0; }
.academy .container { min-height: 200px; background: url("../images/school_bg.png") no-repeat bottom center; background-size: cover; text-align: center; padding-top: 84px; padding-bottom: 20px; }
@media (min-width: 1400px) { .academy .container { min-height: 320px; padding-bottom: 30px; } }
.academy .container h2 { font-size: 24px; font-weight: 700; color: #fff; padding-top: 20px; padding-bottom: 10px; }
@media (min-width: 1400px) { .academy .container h2 { padding-top: 40px; font-size: 42px; } }
.academy .container .academy_detail { font-size: 15px; color: #eee; }
.academy .container .academy_detail span { color: #fff; }
.academy .container .academy_detail span:after { content: ""; border-left: 1px solid #eee; display: inline-block; width: 1px; margin-left: 10px; height: 14px; vertical-align: middle; padding-right: 5px; }
.academy .container .academy_detail a { font-size: 11px; padding: 3px 5px; border: 1px solid #eee; border-radius: 15px; color: #fff; display: inline-block; }
.academy .container .academy_introduce { display: none; }
@media (min-width: 1400px) { .academy .container .academy_introduce { display: block; width: 1140px; padding-top: 40px; margin: 0 auto; color: #6e7891; font-size: 15px; } }
.academy .container .academy_btn_wrap button { border-radius: 36px; min-width: 120px; height: 36px; margin-top: 20px; font-size: 17px; border: 2px solid #3b5998; font-weight: 400; }
@media (min-width: 1400px) { .academy .container .academy_btn_wrap button { margin-top: 40px; } }
.academy .container .academy_btn_wrap .like_btn { background: none; color: #3b5998; }
.academy .container .academy_btn_wrap .like_btn { padding-left: 14px; }
.academy .container .academy_btn_wrap .like_btn_off { background: url("../images/heart_off.png") no-repeat 25px center/16px 15px; }
.academy .container .academy_btn_wrap .like_btn_on { background: url("../images/heart_on.png") no-repeat 25px center/16px 15px; }
.academy .container .academy_btn_wrap .request_btn { background: #3b5998; color: #fff; }
.academy .nav_wrap { margin: 0 auto; width: 100%; max-width: 1140px; }
@media (min-width: 1400px) { .academy .nav_wrap { margin: -50px auto 0; } }
.academy .nav_taps { height: 50px; width: 100%; border-bottom: 1px solid #ccc; margin: 0 auto; padding-left: 15px; font-size: 0; }
@media (min-width: 1400px) { .academy .nav_taps { padding-left: 40px; background: #eee; } }
.academy .nav_taps li { cursor: pointer; display: inline-block; padding-top: 9px; margin-right: 30px; font-size: 0; text-align: center; line-height: 37px; font-size: 15px; color: #c8c8c8; font-weight: 400; }
@media (min-width: 1400px) { .academy .nav_taps li { font-size: 18px; } }
.academy .nav_taps li.active { color: #3b5998; border-bottom: 3px solid #3b5998; }
.academy .tabs-content { width: 100%; margin: 0 auto; padding-top: 0; }
@media (min-width: 1400px) { .academy .tabs-content { padding-bottom: 40px; } }
.academy .section { background: #fff; position: relative; text-align: left; padding: 15px; max-width: 1140px; margin: 0 auto; font-size: 15px; }
.academy .section input.form-control { height: 32px; display: inline-block; border: 1px solid #ccc; padding: 0 5px; }
@media (min-width: 1400px) { .academy .section { border-bottom: none; padding: 20px 40px; } }
.academy .section table { width: 100%; }
.academy .section .blue_table { padding-bottom: 20px; }
.academy .section .blue_table table { width: 100%; border-top: 2px solid #555555; border-bottom: 1px solid #f0f0f0; }
.academy .section .blue_table thead tr th { color: #fff; height: 42px; background: #888888; text-align: center; font-weight: 400; font-size: 14px; vertical-align: middle; }
.academy .section .blue_table tbody { text-align: center; }
.academy .section .blue_table tbody tr { border-bottom: 1px solid #f0f0f0; }
.academy .section .blue_table tbody tr:last-child { border-bottom: none; }
.academy .section .blue_table tbody td { font-size: 13px; font-weight: 400; color: #666666; padding: 10px; width: 50%; border-bottom: 1px solid #f0f0f0; }
.academy .section .blue_table tbody tr td:first-child { border-right: 1px solid #f0f0f0; }
.academy .section .blue_table tbody th { background: #f8f8f8; height: 36px; vertical-align: middle; color: #444444; font-weight: 400; font-size: 13px; text-align: center; border-bottom: 1px solid #f0f0f0; }
.academy .section .curriculum_table { border-top: 2px solid #555555; }
.academy .section .curriculum_table tbody tr { border-bottom: 1px solid #e8e8e8; }
.academy .section .curriculum_table tbody h5 { font-size: 18px; font-weight: 400; line-height: 2; }
.academy .section .curriculum_table tbody .icon { width: 70px; height: 32px; display: inline-block; color: #fff; font-size: 15px; line-height: 32px; text-align: center; }
.academy .section .curriculum_table tbody .icon.red { background: #f3060f; }
.academy .section .curriculum_table tbody .icon.gray { background: #707070; }
.academy .section .curriculum_table tbody td:first-child p { font-size: 14px; color: #b0b0b0; }
.academy .section .curriculum_table tbody td:nth-of-type(2) { width: 10%; min-width: 80px; height: 32px; }
.academy .section .curriculum_table tbody .stu_left_num { width: 70px; }
.academy .section .curriculum_table tbody .stu_left_num p { font-size: 21px; }
@media (min-width: 1400px) { .academy .section .curriculum_table tbody .stu_left_num { width: 90px; } }
.academy .section h3 { padding: 10px 0; font-size: 18px; color: #3b5998; font-weight: 400; }
@media (min-width: 1400px) { .academy .section h3 { padding: 20px 0; font-size: 21px; } }
.academy .section .academy_introduce_mobile { color: #999999; padding-bottom: 15px; padding: 0 10px; }
@media (min-width: 1400px) { .academy .section .academy_introduce_mobile { display: none; } }
.academy .section > dl { width: 100%; padding: 0; font-size: 0; }
.academy .section > dl dt { font-size: 14px; color: #454545; width: 30%; display: inline-block; line-height: 1.7; vertical-align: top; padding: 2px 0; }
.academy .section > dl dd { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; padding: 2px 0; line-height: 1.7; color: #999999; width: 70%; display: inline-block; vertical-align: top; }
@media (min-width: 1400px) { .academy .section > dl { border-top: 2px solid #555555; padding: 0; }
  .academy .section > dl dt { width: 15%; padding: 10px 20px; display: inline-block; border-bottom: 1px solid #d9d9d9; }
  .academy .section > dl dd { width: 35%; padding: 10px 20px; display: inline-block; border-bottom: 1px solid #d9d9d9; }
  .academy .section > dl dd:nth-of-type(2n-1) { border-right: 1px solid #d9d9d9; } }
@media (min-width: 1400px) { .academy .section .swiper-container iframe { padding: 0; } }
.academy .section p.sub_text { padding: 10px 0; }
.academy .address_info { max-width: 100%; text-align: center; }
.academy .address_info h3 { font-size: 24px; font-weight: 400; }
.academy .address_info p.address_detail { font-size: 17px; color: #999999; }
.academy .address_info p.address_detail span { font-size: 22px; font-weight: 400; }
.academy .address_info .sub_text { font-size: 13px; color: #acacac; }
@media (min-width: 1400px) { .academy .address_info { margin-top: 100px; padding: 80px 0; } }
.academy .curriculum_price { color: #444444; line-height: 54px; text-align: left; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; font-size: 24px; font-weight: 400; padding: 10px 20px; }
@media (min-width: 1400px) { .academy .curriculum_price { border-top: none; text-align: right; } }
.academy .section_bottom { color: #444444; height: 60px; padding-right: 20px; font-size: 18px; line-height: 54px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
@media (min-width: 1400px) { .academy .section_bottom { display: none; } }
.academy .section_top { display: none; }
@media (min-width: 1400px) { .academy .section_top { display: block; position: absolute; top: 0; right: 0; }
  .academy .section_top p img { width: 16px; margin-right: 5px; margin-bottom: 5px; }
  .academy .section_top .big_text { display: block; }
  .academy .section_top .big_text span { font-size: 52px; line-height: 1; } }
.academy .curriculum_more { top: 55px; right: 20px; }
.academy .user_num { text-align: right; }
.academy .user_num p { display: inline-block; vertical-align: middle; }
.academy .user_num img { display: inline-block; vertical-align: middle; width: 20px; }
.academy .user_num .blue_text { color: #3b5998; }
.academy .user_num .big_text { padding-top: 30px; font-weight: 400; font-size: 22px; }
.academy .more { text-align: center; }
.academy .more a { color: #444; font-size: 18px; }
.academy .full_btn { width: 100%; }
.academy .full_s_btn { width: 100%; }
@media (min-width: 1400px) { .academy .full_s_btn { width: 136px; } }
.academy .btn-gray { background: #888888; }
.academy .half_btn { width: 50%; display: inline-block; }
.academy .btn_wrap { font-size: 0; }
@media (min-width: 1400px) { .academy .btn_wrap { text-align: right; }
  .academy .btn_wrap .half_btn { width: 136px; margin-left: 10px; } }
.academy .form_btn { height: 52px; line-height: 52px; font-weight: 400; color: #fff; font-size: 18px; }
.academy .detail_btn_wrap { margin-top: 50px; }
@media (min-width: 1400px) { .academy .detail_btn_wrap { margin-top: 100px; } }
.academy .event_wrap { width: 100%; padding: 10px; border-top: 2px solid #444; border-bottom: 1px solid #444; text-align: center; margin-bottom: 10px; }
.academy .event_wrap h5 { font-size: 28px; font-weight: 400; color: #444444; }
.academy .event_wrap p { font-size: 13px; color: #acacac; }
@media (min-width: 1400px) { .academy .event_wrap { margin-bottom: 0; border-top: 2px solid #444; border-bottom: none; } }
@media (min-width: 1400px) { .academy dl.event { border-top: 1px solid #d9d9d9; } }

.o-wrapper { z-index: 11; width: 100%; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }
.o-wrapper .wrapper { height: 100%; width: 100%; }
.o-wrapper .wrapper .gnb_left { text-align: left; left: 20px; top: 35px; position: absolute; }
@media (min-width: 1400px) { .o-wrapper .wrapper .gnb_left { left: 30px; } }
.o-wrapper .wrapper header { z-index: 111; width: 100%; height: 84px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position: absolute; top: 0; }
.o-wrapper .wrapper header .user_account_wrap { text-align: right; right: 20px; }
@media (min-width: 1400px) { .o-wrapper .wrapper header .user_account_wrap { right: 30px; } }
.o-wrapper .wrapper header .header_logo_img { -ms-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer; }
.o-wrapper .wrapper header .right_menu_icon { width: 32px; height: 32px; }
.o-wrapper .wrapper header .user_account_wrap, .o-wrapper .wrapper header .gnb_left { position: absolute; min-height: 32px; -ms-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.o-wrapper .wrapper header .user_account_wrap img, .o-wrapper .wrapper header .gnb_left img { width: 27px; height: 34px; }
.o-wrapper .wrapper header .user_account_wrap a p, .o-wrapper .wrapper header .gnb_left a p { font-size: 20px; line-height: 0.8; color: #fff; display: none; text-align: left; }
@media (min-width: 1400px) { .o-wrapper .wrapper header .user_account_wrap a p, .o-wrapper .wrapper header .gnb_left a p { display: inline-block; } }
.o-wrapper .wrapper header .user_account_wrap span, .o-wrapper .wrapper header .gnb_left span { color: #a7afc8; font-size: 10px; }
.o-wrapper .wrapper header.sticky { position: fixed; height: 82px; top: 0; padding-top: 10px; background: #3b5998; }
.o-wrapper .wrapper header.sticky .user_account_wrap { top: 21px; }
.o-wrapper .wrapper header.sticky .gnb_left { top: 21px; }
.o-wrapper .wrapper header.sticky .header_logo_img { margin-top: 12px; }
.o-wrapper .footer_wrap { width: 100%; clear: both; padding: 50px 0 0; background: #38393f; text-align: center; }
.o-wrapper .footer_wrap .donation_info { font-size: 13px; color: #ddd; padding: 10px 50px; border: 2px solid #444; }
.o-wrapper .footer_wrap .footer { max-width: 1140px; margin: 0 auto; position: relative; }
.o-wrapper .footer_wrap .footer_info_wrap li { width: 100%; }
.o-wrapper .footer_wrap .mobile_hide, .o-wrapper .footer_wrap .footer_btn { display: none; }
@media (min-width: 1400px) { .o-wrapper .footer_wrap { padding: 50px 50px 0; text-align: left; }
  .o-wrapper .footer_wrap .mobile_hide { display: block; }
  .o-wrapper .footer_wrap .desktop_hide { display: none; }
  .o-wrapper .footer_wrap .footer_info_wrap { font-size: 0; }
  .o-wrapper .footer_wrap .footer_info_wrap li { vertical-align: top; display: inline-block; }
  .o-wrapper .footer_wrap .footer_info_wrap li:first-child { width: 40%; padding-right: 40px; }
  .o-wrapper .footer_wrap .footer_info_wrap li:nth-of-type(2) { width: 35%; padding-right: 40px; }
  .o-wrapper .footer_wrap .footer_info_wrap li:nth-of-type(2) a span { padding-top: 10px; display: inline-block; text-decoration: underline; }
  .o-wrapper .footer_wrap .footer_info_wrap li:last-child { width: 25%; }
  .o-wrapper .footer_wrap .footer_info_wrap li:last-child .footer_btn { display: block; width: 25%; position: absolute; top: 0; }
  .o-wrapper .footer_wrap .footer_info_wrap li:last-child .footer_btn p { color: #fff; display: inline-block; font-size: 13px; line-height: 32px; vertical-align: middle; }
  .o-wrapper .footer_wrap .footer_info_wrap li:last-child .footer_btn .btn { display: inline-block; vertical-align: middle; float: right; width: 80px; height: 32px; line-height: 32px; font-size: 12px; font-weight: 400; } }
.o-wrapper .footer_wrap h3 { padding-bottom: 15px; }
.o-wrapper .footer_wrap h3 img { width: 105px; }
@media (min-width: 1400px) { .o-wrapper .footer_wrap h3 { padding-bottom: 0; margin-bottom: -45px; }
  .o-wrapper .footer_wrap h3 img { width: 100px; } }
.o-wrapper .footer_wrap .footer_list_wrap ul { font-size: 0; padding: 20px 0; }
@media (min-width: 1400px) { .o-wrapper .footer_wrap .footer_list_wrap ul { padding-left: 40%; } }
.o-wrapper .footer_wrap .footer_list_wrap li { vertical-align: top; font-size: 13px; color: #fff; padding-right: 18px; display: inline-block; }
.o-wrapper .footer_wrap .footer_list_wrap li a { color: #fff; }
.o-wrapper .footer_wrap .footer_list_wrap li:last-child { padding-right: 0; }
.o-wrapper .footer_wrap .company_info { color: #7a7d8b; font-size: 13px; line-height: 1.5; padding-bottom: 20px; }
.o-wrapper .footer_wrap .company_info span.donation { color: #eee; display: inline-block; padding-bottom: 5px; }
.o-wrapper .footer_wrap .copyright { color: #606480; font-size: 13px; padding-bottom: 35px; }
.o-wrapper .footer_wrap .app_download { width: 220px; height: 40px; line-height: 40px; }

#c-menu--push-right { padding-top: 40px; padding-left: 40px; z-index: 10; }
@media (min-width: 1400px) { #c-menu--push-right { z-index: 2000; } }
#c-menu--push-right p { font-size: 26px; color: #fff; display: inline-block; }
#c-menu--push-right p span { color: #7c7e88; font-size: 10px; }

.c-menu__items { padding-top: 60px; }
.c-menu__items li { height: 50px; line-height: 50px; font-size: 24px; }
.c-menu__items li a { color: #4d4d4d; }
.c-menu__items li a:hover, .c-menu__items li a:focus { color: #fff; text-decoration: none; }

.opacity2 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); opacity: .1; }

#c-menu--push-right.new { padding: 0; color: #fff; background: #f2f2f2; }
#c-menu--push-right.new .nav_top { background: #3b5998; padding: 25px 20px; }
#c-menu--push-right.new .nav_top p { font-size: 26px; line-height: 1; font-weight: 400; }
#c-menu--push-right.new .nav_top p.title { display: block; width: 100%; }
#c-menu--push-right.new .nav_top p.sub_text { font-size: 13px; font-weight: 300; }
#c-menu--push-right.new .user_info { padding-top: 30px; text-align: center; }
#c-menu--push-right.new .user_info img { width: 55px; height: 55px; }
#c-menu--push-right.new .user_info p { font-size: 15px; padding-top: 10px; line-height: 1.5; padding-bottom: 40px; display: block; }
#c-menu--push-right.new .user_info p.login { padding-bottom: 25px; }
#c-menu--push-right.new .user_info button { width: 140px; height: 37px; font-size: 14px; color: #3b5998; font-weight: 400; border-radius: 37px; }
#c-menu--push-right.new .c-menu__close { top: 25px; right: 20px; }
#c-menu--push-right.new .c-menu__items { padding-top: 0; }
#c-menu--push-right.new .c-menu__items li { font-size: 17px; color: #4d4d4d; font-weight: 400; padding: 0 20px; height: 56px; border-bottom: 1px solid #ccc; }
#c-menu--push-right.new .c-menu__items li a { line-height: 56px; }
#c-menu--push-right.new .c-menu__items li a:hover, #c-menu--push-right.new .c-menu__items li a:focus { text-decoration: none; color: #000; }

.o-wrapper .wrapper header .user_account_wrap.new { top: 0; right: 0; padding: 20px 20px 0 0; }
.o-wrapper .wrapper header .user_account_wrap.new h2, .o-wrapper .wrapper header .user_account_wrap.new p { display: none; }
.o-wrapper .wrapper header .user_account_wrap.new .menu_right { position: absolute; top: 24px; right: 25px; }
.o-wrapper .wrapper header .user_account_wrap.new .menu_right img { position: absolute; top: 0; right: 0; vertical-align: middle; }
.o-wrapper .wrapper header .user_account_wrap.new a { vertical-align: middle; width: 50px; }
.o-wrapper .wrapper header .user_account_wrap.new p { font-size: 26px; font-weight: 400; line-height: 1; }
.o-wrapper .wrapper header .user_account_wrap.new a p.sub_text { font-size: 13px; vertical-align: top; font-weight: 300; }
.o-wrapper .wrapper header .user_account_wrap.new .user_btn { display: none; }
@media (min-width: 1400px) { .o-wrapper .wrapper header .user_account_wrap.new { width: auto; padding-right: 40px; text-align: left; }
  .o-wrapper .wrapper header .user_account_wrap.new a { width: 170px; }
  .o-wrapper .wrapper header .user_account_wrap.new .menu_right { right: 40px; padding-left: 40px; }
  .o-wrapper .wrapper header .user_account_wrap.new .menu_right img { right: none; left: 0; }
  .o-wrapper .wrapper header .user_account_wrap.new .user_btn { padding-right: 30px; display: inline-block; }
  .o-wrapper .wrapper header .user_account_wrap.new .user_btn button { border-color: #fff; color: #fff; background: inherit; width: 88px; height: 30px; line-height: 28px; margin-left: 10px; }
  .o-wrapper .wrapper header .user_account_wrap.new img { float: left; margin-right: 10px; margin-top: 3px; }
  .o-wrapper .wrapper header .user_account_wrap.new p { display: inline-block; }
  .o-wrapper .wrapper header .user_account_wrap.new p.title { padding-bottom: 4px; }
  .o-wrapper .wrapper header.sticky .user_account_wrap.new .menu_right, .o-wrapper .wrapper header.location_header .user_account_wrap.new .menu_right { top: 19px; } }

.mypage_wrap { width: 100%; max-width: 1140px; margin: 0 auto; }
.mypage_wrap .table_wrap, .mypage_wrap table { width: 100%; }
.mypage_wrap .table_wrap tbody td, .mypage_wrap table tbody td { border-bottom: 1px solid #e1e1e1; }
.mypage_wrap .table_wrap.popup_table tbody td:last-child, .mypage_wrap table.popup_table tbody td:last-child { border-bottom: none; }
@media (min-width: 1400px) { .mypage_wrap { padding: 40px; } }
.mypage_wrap .close_wrap { display: inline-block; right: 15px; top: 30px; position: absolute; }
@media (min-width: 1400px) { .mypage_wrap .close_wrap { display: none; } }
.mypage_wrap > h1 { height: 78px; line-height: 78px; border-bottom: 1px solid #acacac; font-size: 28px; font-weight: 400; text-align: center; }
@media (min-width: 1400px) { .mypage_wrap > h1 { border-bottom: none; font-size: 40px; margin-bottom: 20px; } }
.mypage_wrap .big_class_level { display: block; width: 100%; }
@media (min-width: 1400px) { .mypage_wrap .big_class_level { border-top: 2px solid #555555; } }
.mypage_wrap .big_class_level > li > h3 { width: 100%; display: block; line-height: 61px; height: 65px; font-size: 20px; padding-left: 10px; cursor: pointer; }
@media (min-width: 1400px) { .mypage_wrap .big_class_level > li > h3 { padding-left: 20px; } }
.mypage_wrap .big_class_level > li { border-bottom: 1px solid #cccccc; text-align: left; position: relative; }
.mypage_wrap .big_class_level > li h3 > img { position: absolute; top: 25px; right: 10px; }
@media (min-width: 1400px) { .mypage_wrap .big_class_level > li h3 > img { right: 20px; } }
.mypage_wrap .big_class_level .sub_class_level { width: 100%; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
.mypage_wrap .big_class_level .sub_class_level > li > label, .mypage_wrap .big_class_level .sub_class_level > ul > label { display: block; padding: 15px 0 5px; font-size: 15px; color: #666; }
.mypage_wrap .big_class_level .sub_class_level > li > label input[type=radio], .mypage_wrap .big_class_level .sub_class_level > ul > label input[type=radio] { margin-right: 5px; }
.mypage_wrap .big_class_level .sub_class_level .form { padding: 5px 0; width: 100%; cursor: pointer; }
.mypage_wrap .big_class_level .btn-lg { height: 32px; padding: 0 7px; line-height: 28px; }
@media (min-width: 1400px) { .mypage_wrap .big_class_level .btn-lg { right: 0px; padding: 0 20px; width: 20%; } }
.mypage_wrap .big_class_level .right_btn { position: absolute; right: 10px; top: 15px; }
@media (min-width: 1400px) { .mypage_wrap .big_class_level .right_btn { padding: 0 20px; } }
.mypage_wrap .accordion ul ul { font-size: 0; }
.mypage_wrap .accordion > ul > li.active > ul { display: none; }
@media (min-width: 1400px) { .mypage_wrap .date_select { width: 50% !important; } }
.mypage_wrap .select_style.wide_select { width: 100% !important; }
.mypage_wrap .select_style { padding-right: 20px; }
@media (min-width: 1400px) { .mypage_wrap .select_style { width: 50% !important; } }
.mypage_wrap .select_style select { width: 100%; color: #666666; font-size: 15px; padding: 0; margin: 0; }
@media (min-width: 1400px) { .mypage_wrap li.border_list { border-right: 1px solid #e1e1e1; } }
.mypage_wrap .select_style div { background: transparent url("../images/down_btn.png") no-repeat scroll right center/14px 9px; height: 50px; width: 100%; }
.mypage_wrap .select_style div select:fucus { outline: none; }
.mypage_wrap .select_style div { background: transparent url("../images/down_btn.png") no-repeat scroll right center/14px 9px; height: 50px; width: 100%; }
.mypage_wrap .select_style div select:fucus { outline: none; }
.mypage_wrap .sub_class_level h3 { font-size: 15px; font-weight: 400; color: #666666; }
.mypage_wrap .sub_class_level h3 span { color: #acacac; }
.mypage_wrap .checkbox_style > ul { line-height: 35px !important; }
.mypage_wrap .checkbox_style ul li { width: 50%; display: inline-block; }
@media (min-width: 1400px) { .mypage_wrap .checkbox_style ul li { width: 25%; } }
.mypage_wrap .checkbox_style ul li label { padding-left: 6px; }
.mypage_wrap .school_info_form { width: 100%; padding-right: 20px; }
.mypage_wrap textarea { width: 100%; padding: 10px; border: 1px solid #acacac; background: #fff; margin-bottom: 24px; }
.mypage_wrap input.form-control { width: 80%; height: 32px; background: #fff; padding-left: 5px; border: 1px solid #ccc; }
.mypage_wrap .upload_wrap { position: relative; }
.mypage_wrap .upload_wrap button { position: absolute; right: 0; top: 9px; }
.mypage_wrap .group-span-filestyle label { width: 20%; height: 30px; line-height: 28px; color: #444444; display: inline-block; }
@media (min-width: 1400px) { .mypage_wrap .group-span-filestyle label { width: 15%; } }
.mypage_wrap .caution { font-size: 13px; color: #acacac; line-height: 1.3; padding: 5px 0 15px; }
.mypage_wrap .caution span { color: #3b5998; }
.mypage_wrap .bootstrap-filestyle.input-group { height: 38px; }
.mypage_wrap .btn_wrap { text-align: right; width: 100%; padding: 20px 0 0; font-size: 0; }
.mypage_wrap .btn_wrap button { width: 100%; height: 54px; line-height: 54px; color: #fff; background: #3b5998; font-size: 18px; text-align: center; }
.mypage_wrap .btn_wrap button.half_btn { width: 50%; }
.mypage_wrap .btn_wrap button.btn-gray { background: #707070; }
@media (min-width: 1400px) { .mypage_wrap .btn_wrap button.half_btn { width: 136px; } }
.mypage_wrap #address01 { width: 140px; }
.mypage_wrap .sub_form { vertical-align: middle; width: 70px; height: 32px; display: inline-block; border: 1px solid #acacac; background: #fff; }
.mypage_wrap .address_info { display: inline-block; }
.mypage_wrap .address_info input { padding-left: 5px; }
.mypage_wrap .address_info label { padding: 0 5px; display: inline-block !important; }

.mypage_wrap.new { background: #fff; min-height: 100%; padding: 0 17px 40px; }
.mypage_wrap.new .select_style select { height: 49px; line-height: 47px; border: 1px solid #939393; border-radius: 4px; padding-left: 15px; margin: 10px 0; background: #f8f8f8 url("../images/mypage/ic_select.png") no-repeat right 15px center; background-size: 11px 7px; }
.mypage_wrap.new h1 { font-size: 26px; line-height: 1; padding-top: 25px; border-bottom: 0; height: 68px; }
.mypage_wrap.new .close_wrap { top: 23px; }
.mypage_wrap.new .close_wrap img { width: 31px; }
.mypage_wrap.new .my_profile_wrap { margin-bottom: 0; position: relative; border: 0; padding: 27px 0 0 0; }
.mypage_wrap.new .my_profile_wrap img { width: 52px; height: 52px; position: absolute; top: 0; left: 50%; margin-left: -26px; }
.mypage_wrap.new .my_profile_wrap .email_info { padding-bottom: 5px; }
.mypage_wrap.new .big_class_level { border-top: 0; }
.mypage_wrap.new .big_class_level > li.slideup { border-bottom: 0; }
.mypage_wrap.new .big_class_level > li > h3 { padding-left: 0; font-weight: 400; color: #3b5998; }
.mypage_wrap.new .accordion_list { background: url("../images/mypage/ic_accordion.png") no-repeat right 17px center; background-size: 8px 5px; }
.mypage_wrap.new .accordion_list.active { background: url("../images/mypage/ic_accordion_active.png") no-repeat right 17px center; background-size: 8px 5px; }
.mypage_wrap.new .my_profile { color: #fff; background: #3b5998; border-radius: 7px; padding: 30px 10px 15px; }
.mypage_wrap.new .sub_class_level { max-height: 0; border-radius: 4px; }
.mypage_wrap.new .sub_class_level .acc_ul { border-radius: 4px; background: #fff; text-align: left; padding: 0; }
.mypage_wrap.new .sub_class_level .acc_ul > li { position: relative; border-bottom: 1px solid #dcdcdc; display: block; width: 100%; padding: 10px 10px 0; line-height: 1.2; }
.mypage_wrap.new .sub_class_level .acc_ul > li.select_style { display: inline-block; }
.mypage_wrap.new .sub_class_level .acc_ul > li:last-child { border-bottom: 0; }
.mypage_wrap.new .sub_class_level .acc_ul > li .input_title { font-size: 11px; font-weight: 300; padding: 1px 4px; border-radius: 2px; border: 1px solid #939393; text-align: left; display: inline-block; }
.mypage_wrap.new .sub_class_level .acc_ul > li input.form { background: #fff; width: 100%; display: block; height: 35px; padding-left: 0; }
.mypage_wrap.new .sub_class_level.select_level > .acc_ul { border: 1px solid #ccc; }
.mypage_wrap.new .sub_class_level .btn_wrap { padding: 20px 0; border-bottom: 1px solid #ccc; }
.mypage_wrap.new .sub_class_level .caution_list li { color: #ed5151; font-size: 14px; padding-bottom: 4px; }
.mypage_wrap.new .big_class_level .upload { padding: 20px 0; }
.mypage_wrap.new .big_class_level .upload h5 { font-size: 16px; color: #3b5998; font-weight: 400; }
.mypage_wrap.new .big_class_level .upload .input_title { margin: 20px 0 10px; }
.mypage_wrap.new .big_class_level .upload .upload_form { border-bottom: 1px solid #ccc; }
.mypage_wrap.new .big_class_level .upload ul li input { border-radius: 4px; border: 1px solid #ccc; height: 37px; padding-left: 10px; }
.mypage_wrap.new .big_class_level .upload .upload_btn { padding-top: 10px; padding-bottom: 20px; }
.mypage_wrap.new .big_class_level .upload .upload_btn .btn { height: 37px; border-radius: 37px; }
.mypage_wrap.new .big_class_level .upload .upload_btn .half { width: 49%; }
.mypage_wrap.new .big_class_level .upload .upload_btn .half:first-child { margin-right: 2%; }
.mypage_wrap.new .big_class_level .upload .upload_btn .btn-primary:hover { background: #25417d; }
@media (min-width: 1400px) { .mypage_wrap.new .my_profile_wrap { width: 530px; margin: 0 auto; }
  .mypage_wrap.new .big_class_level .upload ul li input { width: 75%; }
  .mypage_wrap.new .big_class_level .upload .upload_btn { width: 25%; display: inline-block; padding-left: 15px; padding-bottom: 0; }
  .mypage_wrap.new .big_class_level .upload .upload_btn:last-child { padding-bottom: 20px; }
  .mypage_wrap.new .accordion_list { background-size: 14px 9px; }
  .mypage_wrap.new .accordion_list.active { background-size: 14px 9px; } }

::-webkit-input-placeholder { color: #acacac; font-size: 15px; width: 100%; }

:-ms-input-placeholder { color: #acacac; font-size: 15px; }

input::-moz-placeholder { color: #acacac; font-size: 15px; width: 100%; opacity: 1; }

input:-moz-placeholder { color: #acacac; font-size: 15px; width: 100%; opacity: 1; }

.mypage_wrap #tab { width: 100%; text-align: center; font-size: 0; border-bottom: 1px solid #cccccc; }
@media (min-width: 1400px) { .mypage_wrap #tab { border-bottom: none; padding-bottom: 10px; } }
.mypage_wrap #tab li { width: 50%; display: inline-block; color: #acacac; font-size: 18px; cursor: pointer; text-align: center; padding-top: 25px; padding-bottom: 15px; }
@media (min-width: 1400px) { .mypage_wrap #tab li { width: auto; } }
.mypage_wrap #tab li span { display: none; }
@media (min-width: 1400px) { .mypage_wrap #tab li span { border-left: 1px solid #acacac; display: inline-block; padding-right: 10px; width: 1px; vertical-align: middle; height: 15px; } }
.mypage_wrap .cancel_table thead td { border-top: 2px solid #555555; }
.mypage_wrap .table thead td { border-bottom: 1px solid #acacac; }
@media (min-width: 1400px) { .mypage_wrap .table thead td { border-top: 2px solid #555555; } }
.mypage_wrap #tab li:first-child { padding-right: 10px; }
.mypage_wrap #tab li.on { font-weight: 400; color: #444; border-bottom: 2px solid #676767; }
@media (min-width: 1400px) { .mypage_wrap #tab li.on { border-bottom: none; } }
.mypage_wrap thead tr { height: 42px; }
.mypage_wrap .lecture_info_table thead td, .mypage_wrap .lecture_info_table tbody tr:last-child { border-bottom: 1px solid #acacac; }
.mypage_wrap .lecture_info_table td:first-child { width: 40px; text-align: center; width: 50px; }

.lecture_info_table td:nth-of-type(2) { text-align: left; }

.lecture_info_table td:last-child, .lecture_info_table td:nth-of-type(4), .lecture_info_table td:nth-of-type(3) { width: 65px; text-align: center; }
@media (min-width: 1400px) { .lecture_info_table td:last-child, .lecture_info_table td:nth-of-type(4), .lecture_info_table td:nth-of-type(3) { width: 100px; } }

.select_delete_wrap { padding: 10px; text-align: left; border-bottom: 1px solid #acacac; }

.list_add p { text-align: center; width: 100%; padding: 20px 0; cursor: pointer; }

.date_select { width: 50%; }

.date_select input { background: url("../images/calendar.png") no-repeat right center; }

.caution_bg { background: #fefcf3 !important; min-height: 42px !important; }
.caution_bg p { line-height: 1.3; font-size: 13px; padding: 12px 0; color: #b1ab92; }

.schedule_table td { border-bottom: 1px solid #ccc; }

.schedule_table tr:last-child td { border-bottom: none; }

.schedule_table td:first-child { width: 15%; text-align: center; vertical-align: middle; }

.schedule_table td:last-child { width: 85%; border-left: 1px solid #ccc; background: #fbfbfb; padding-top: 10px; vertical-align: middle; }
.schedule_table td:last-child li { padding: 0 0 10px 10px; }

.schedule_list_wrap { padding-bottom: 5px; }

.schedule_list_wrap:last-child { padding-bottom: 0; }

.schedule_btn { display: inline-block; margin-left: 3px; vertical-align: middle; }
.schedule_btn button { height: 32px; }

.schedule_list_wrap .select_box:first-child { margin-right: 0px; }

.suspend_wrap { position: absolute; top: 20px; right: 50px; display: inline-block; }
.suspend_wrap input { margin-right: 5px; }

.default_color { color: #444; }

.end_color { color: #ef0000; }

.defer_color { color: #3b5998; }

.swung_dash { width: 10%; max-width: 40px; display: inline-block; text-align: center; font-size: 15px; vertical-align: middle; }

.btn-lg { padding: 0 7px; }
@media (min-width: 1400px) { .btn-lg { padding: 0 20px; } }

.page_wrap { background: #fff; min-height: 100%; }

.sub_text { font-size: 12px; letter-spacing: -1px; color: #999999; }

.right_checkbox_wrap { display: inline-block; line-height: 30px; position: absolute; right: 5px; top: 10px; }
@media (min-width: 1400px) { .right_checkbox_wrap { right: 20px; } }

.right_checkbox_wrap.big_level { line-height: 40px; }

.search_wrap { position: relative; text-align: right; display: inline-block; width: 100%; padding: 10px; border-bottom: 1px solid #acacac; }
.search_wrap input.form-control { width: 150px; }
.search_wrap .select_box { width: 70px; background-position: 55px center; }
.search_wrap .search_input { padding-right: 30px; padding-left: 5px; margin-right: 0; width: 150px; }
.search_wrap .search_btn { position: absolute; right: 16px; cursor: pointer; top: 16px; width: 20px; }

.academy .tabs-content .section .search { position: relative; text-align: right; display: inline-block; width: 100%; padding-bottom: 15px; }
.academy .tabs-content .section .search input.form-control { width: 170px; height: 37px; border-radius: 4px; padding-right: 30px; }
.academy .tabs-content .section .search .search_input { padding-right: 30px; padding-left: 5px; margin-right: 0; width: 150px; }
.academy .tabs-content .section .search .search_btn { position: absolute; right: 11px; cursor: pointer; top: 11px; width: 14px; }
@media (min-width: 1400px) { .academy .tabs-content .section .search input.form-control { width: 400px; } }

.sell_table thead td:first-child, .sell_table tbody td:first-child { text-align: left; }

.popup_table { font-size: 14px; font-weight: 300; text-align: left; margin-bottom: 10px; border: 1px solid #707070; width: 100%; }
.popup_table tr { border-bottom: 1px solid #e1e1e1; }
.popup_table tr:last-child { border-bottom: none; }
.popup_table th { color: #444444; font-weight: 300; width: 85px; text-align: left; background: #f7f7f7; }
.popup_table td { color: #444; }
@media (min-width: 1400px) { .popup_table th { width: 150px; } }

.modal { padding: 0; }
@media (min-width: 1400px) { .modal { padding: 0 300px 0 20% !important; } }

.modal-body { position: relative; padding: 15px; }
@media (min-width: 1400px) { .modal-body { padding: 30px; } }
.modal-body h5 { color: #444444; font-size: 16px; font-weight: 400; padding: 0 0 5px; }
.modal-body input.form-control { height: 37px; display: inline-block; border-radius: 4px; padding: 5px 15px; color: #3b5998; font-size: 15px; }

.input.line { height: 37px; display: inline-block; border-radius: 4px; padding: 5px 15px; font-size: 15px; width: 190px; border: 1px solid #ccc; }

.modal .modal-header button { background: none; padding: 12px 0; float: right; }

.my_profile_wrap { border: 2px solid #3b5998; display: block; padding: 12px; width: 100%; text-align: center; color: #444; }
.my_profile_wrap .info01 { font-size: 18px; font-weight: 400; }
.my_profile_wrap .info02 { font-size: 15px; font-weight: 300; }
@media (min-width: 1400px) { .my_profile_wrap { margin-bottom: 20px; } }

.big_level_btn { top: 17px; position: absolute; right: 10px; }

select.form-control { border: 1px solid #ccc; height: 32px; padding: 5px 20px 5px 5px; background: #fff url(../images/select_xs_icon.png) right 6px center no-repeat; }

.academy .section select.form-control { line-height: 1; }

.select-sm { width: 80px; }

.select-full { width: 100%; max-width: 280px; }

.select_box { position: relative; width: 94px; height: 32px; display: inline-block; vertical-align: middle; border: 1px solid #ccc; background: #fff url(../images/select_xs_icon.png) 98% center no-repeat; }
@media (min-width: 1400px) { .select_box { width: 112px; background: #fff url(../images/select_xs_icon.png) 98% center no-repeat; } }

.full_select { width: 100%; height: 40px; line-height: 38px; background-position: 98% center; border: 1px solid #707070; margin-bottom: 15px; }

.select_box label { position: absolute; font-size: 14px; color: #888888; vertical-align: middle; top: 8px; line-height: 1.5; left: 4px; }

.full_select label { top: 7px; font-size: 15px; color: #444444; }

.bold_select { border-width: 2px; height: 60px; line-height: 56px; margin-bottom: 22px; }
.bold_select label { font-size: 21px; font-weight: 400; top: 0; width: 100%; line-height: 56px; padding-left: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 30px; }

.table_style td, .table_style th { line-height: 1.7; }
@media (min-width: 1400px) { .table_style { border-top: 2px solid #555555; }
  .table_style tr { border-bottom: 1px solid #e8e8e8; padding: 0; } }

.event_table th, .event_table td { padding: 10px 20px; }

.weekly_table { margin-bottom: 30px; }
.weekly_table th { padding: 10px 20px; vertical-align: top !important; width: 30%; }
.weekly_table td { width: 70%; padding: 10px 20px 10px 0; }
.weekly_table td span { font-weight: 400; padding-right: 15px; }
@media (min-width: 1400px) { .weekly_table { margin-bottom: none; }
  .weekly_table th { border-right: 1px solid #e8e8e8; width: 15%; padding: 10px 20px; }
  .weekly_table td { width: 85%; padding: 10px 20px; } }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 10px; }

@media (min-width: 1400px) { .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 10px 15px; } }
.question_title { font-size: 18px; font-weight: 400; padding: 25px 10px 10px; color: #3b5998; }
.question_title:before { content: ""; border-left: 3px solid #3b5998; height: 14px; margin-right: 5px; display: inline-block; width: 1px; }

.question.no_result { padding: 20px 0; border-top: 2px solid #707070; border-bottom: 1px solid #ccc; text-align: center; }

.inquiry_table { border-top: 1px solid #ccc; width: 100%; }
.inquiry_table td, .inquiry_table th { text-align: left; }
.inquiry_table .detail_row td { padding: 0; }
.inquiry_table .detail_td { padding: 10px; text-align: left; background: #f7f7f7; border-bottom: 1px solid #ccc; }
.inquiry_table .detail_td h3 { color: #3b5998; font-size: 16px; font-weight: 400; padding: 15px 0; }
.inquiry_table .detail_td .answer { border-top: 1px solid #ccc; }
.inquiry_table .detail_td p { letter-spacing: 0; font-size: 13px; padding-bottom: 20px; }
.inquiry_table .date { font-size: 12px; color: #888; }
.inquiry_table .summary { border-bottom: 1px solid #ccc; }
.inquiry_table thead { display: none; }
@media (min-width: 1400px) { .inquiry_table { border-top: 2px solid #555555; }
  .inquiry_table thead { display: table-header-group; }
  .inquiry_table .detail_td { padding: 10px 40px; }
  .inquiry_table .detail_td h3 { padding: 20px 0; }
  .inquiry_table td, .inquiry_table th { text-align: center; } }

.half_table { display: block; }
.half_table tbody, .half_table tr { width: 100%; font-size: 0; display: block; }
.half_table th { width: 25%; }
.half_table th, .half_table td { vertical-align: top; line-height: 1.7; font-size: 14px; display: inline-block; }
.half_table td { width: 75%; }
.half_table tr { padding: 5px 0; }
@media (min-width: 1400px) { .half_table { border-top: 2px solid #555555; }
  .half_table tr { border-bottom: 1px solid #e8e8e8; padding: 0; }
  .half_table td { width: 85%; position: relative; }
  .half_table th { width: 15%; }
  .half_table th, .half_table td { padding: 10px 20px; } }

.event_table tr th:nth-of-type(4), .event_table tr td:nth-of-type(4) { display: none; }
@media (min-width: 1400px) { .event_table tr th:nth-of-type(4), .event_table tr td:nth-of-type(4) { display: table-cell; } }
.event_table tr th:nth-of-type(2n-1), .event_table tr td:nth-of-type(2n-1) { width: 3%; }
.event_table tr th:nth-of-type(2n), .event_table tr td:nth-of-type(2n) { width: 22%; }

.wish_table td { text-align: left; }
.wish_table td:last-child { text-align: right; }

.sell_table_wrap { border-top: 1px solid #ccc; }
.sell_table_wrap td { width: 12%; }
.sell_table_wrap td:first-child { width: 40%; }

@media (min-width: 1400px) { .no_title h3 { display: none; } }

.select_box select { width: 100%; height: 32px; min-height: 32px; vertical-align: middle; line-height: 32px; opacity: 0; filter: alpha(opacity=0); }

.popup_sub_text { font-size: 13px; color: #999999; margin-top: 10px; padding: 10px 0; border-top: 1px solid #cccccc; }

.popup_text { font-size: 15px; padding-bottom: 10px; }

.popup_notice { background: #fefcf3; padding: 15px; font-size: 12px; color: #999999; font-weight: 300; letter-spacing: -1px; border-top: 1px solid #f2efe0; border-bottom: 1px solid #f2efe0; }
.popup_notice li { text-indent: -5px; padding-bottom: 10px; }
.popup_notice li:last-child { padding-bottom: 0px; }

.leave_modal { background: rgba(0, 0, 0, 0.3); }
.leave_modal .modal-body { padding: 0; }
.leave_modal .modal-body .popup_content_wrap { padding: 15px; }
.leave_modal.new .modal-dialog { margin: 17px; }
.leave_modal.new .modal-content { box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); padding: 20px; border: 0; background: #3b5998; border-radius: 8px; }
.leave_modal.new .modal-header { padding: 0; border-radius: inherit; height: auto; line-height: 1.7; padding-bottom: 20px; }
.leave_modal.new .modal-header button { padding: 0; }
.leave_modal.new .modal-header button img { width: 27px; margin-top: 7px; vertical-align: middle; }
.leave_modal.new .modal-body .select_wrap select.full { width: 100%; border: 0; border-radius: 4px; color: #3b5998; padding: 5px 15px; height: 37px; font-size: 15px; }
.leave_modal.new .modal-body .popup_sub_text { border-top: 0; color: #fff; font-size: 15px; font-weight: 400; line-height: 1.5; }
.leave_modal.new .modal-title { font-size: 26px; font-weight: 400; }
.leave_modal.new .popup_notice { background: inherit; padding: 15px 0; }
.leave_modal.new .popup_content_wrap { padding: 15px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
.leave_modal.new .popup_text { color: #fff; font-weight: 400; }
.leave_modal.new .popup_notice { border-top: 0; border-color: #fff; color: #fff; font-size: 13px; padding-left: 6px; }
.leave_modal.new .popup_notice .bold { font-weight: 400; }
.leave_modal.new .modal-footer { padding: 20px 0 0; }
.leave_modal.new .modal-footer button { width: 100%; height: 49px; line-height: 47px; font-size: 17px; }
.leave_modal.new .modal-footer button:hover { background: #25417d; }
@media (min-width: 1400px) { .leave_modal.new .modal-dialog { margin: 80px auto 0; }
  .leave_modal.new .modal-content { padding: 30px; }
  .leave_modal.new .modal-header { padding-bottom: 30px; }
  .leave_modal.new .modal-header h4 { font-size: 30px; }
  .leave_modal.new .popup_content_wrap { padding: 25px 0; }
  .leave_modal.new .modal-header button img { width: 31px; }
  .leave_modal.new .popup_notice { padding: 25px 0; }
  .leave_modal.new .modal-footer { padding: 30px 0 0; } }

.notice_wrap { background: #fefcf3; font-size: 12px; color: #999999; border: 1px solid #f2efe0; padding: 5px 15px; }
@media (min-width: 1400px) { .notice_wrap { margin-bottom: 10px; } }

.blue_text { color: #3b5998; }

.modal-footer button { width: 140px; height: 36px; line-height: 34px; text-align: center; font-weight: 400; }

#madal2 .modal-body { text-align: center; }
#madal2 .modal-body h2 { color: #444444; font-size: 24px; font-weight: 400; line-height: 56px; letter-spacing: -1px; }
#madal2 .modal-body p { font-size: 15px; font-weight: 300; color: #999999; line-height: 1.5; padding-top: 10px; }

thead td { font-weight: 400; font-size: 14px; color: #444; }

.table tbody h4 { color: #3b5998; font-weight: 400; padding-bottom: 5px; cursor: pointer; font-size: 15px; text-decoration: underline; }

.bank_select { width: 100%; }
.bank_select .select_box { width: 32%; vertical-align: middle; background-position: 98% center; }
.bank_select .bank_num { width: 45%; vertical-align: middle; }
.bank_select .bank_name { width: 21%; vertical-align: middle; float: right; }

.full_input { width: 100%; }

.point_wrap { padding: 25px 0; }

.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.form_wrap .add_form { margin-top: 5px; }
.form_wrap textarea { border: 1px solid #707070; }
.form_wrap textarea.full_form { margin-top: 5px; padding: 5px; }
.form_wrap td .point_info { font-size: 15px; font-weight: 400; color: #444; padding-top: 12px; }
.form_wrap td .point_caution { padding-top: 7px; font-size: 12px; color: #acacac; line-height: 1.5; }
.form_wrap td button.btn-full { width: 100%; margin-top: 5px; height: 32px; }
@media (min-width: 600px) { .form_wrap td button.btn-full { width: 100px; margin-top: 0; margin-left: 5px; top: 10px; right: 20px; position: absolute; } }
.form_wrap .select_box { border-color: #ccc; }
.form_wrap .full_form { width: 100%; }

td.phone_num { font-size: 0; }

.hyphen { display: inline-block; width: 5%; max-width: 15px; text-align: center; font-size: 13px; vertical-align: middle; }

div.phone_num, input.phone_num { width: 30%; max-width: 90px; }

.red_text { color: #ef0000 !important; }

.right_text { text-align: right; }

.red_text.big_text { color: #ef0000; font-size: 24px; font-weight: 400; line-height: 1; }

.section.last { border-bottom: none; }

.xs_select { width: 50px; }

.shop_book_list th:nth-of-type(4), .shop_book_list td:nth-of-type(4) { text-align: right; }

.shop_book_list tr, .sell_book_list tr { border-bottom: 1px solid #e0e0e0; }
.shop_book_list h4, .sell_book_list h4 { font-size: 17px; font-weight: 400; color: #444444; }
.shop_book_list p, .sell_book_list p { font-size: 13px; line-height: 1.6; font-weight: 400; color: #444444; letter-spacing: 0; }
.shop_book_list thead tr th:nth-of-type(2), .sell_book_list thead tr th:nth-of-type(2) { text-align: left; }

.point_table td:nth-of-type(4) { text-align: right; }

.get_table thead td { font-weight: 400; }
.get_table td { text-align: right; width: 12%; }
.get_table td:first-child { width: 60%; text-align: left; }

@media (min-width: 1400px) { .point_table td { width: 13%; }
  .point_table td:nth-of-type(3) { width: 50%; }
  .point_table td:last-child { text-align: right; }
  .online_sell_table td { text-align: right; }
  .online_sell_table thead tr td:first-child { width: 60%; text-align: left; }
  .shop_book_list thead tr th:nth-of-type(1), .sell_book_list thead tr th:nth-of-type(1) { width: 50px; }
  .shop_book_list thead tr th:nth-of-type(2), .sell_book_list thead tr th:nth-of-type(2) { width: 50%; text-align: left; }
  .shop_book_list thead tr th:nth-of-type(6), .sell_book_list thead tr th:nth-of-type(6) { width: 150px; text-align: center; }
  .shop_book_list tr td:nth-of-type(6), .sell_book_list tr td:nth-of-type(6) { text-align: right; }
  .shop_book_list thead tr th:nth-of-type(3), .shop_book_list thead tr th:nth-of-type(4), .shop_book_list thead tr th:nth-of-type(5), .shop_book_list tr td:nth-of-type(3), .shop_book_list tr td:nth-of-type(4), .shop_book_list tr td:nth-of-type(5), .sell_book_list thead tr th:nth-of-type(3), .sell_book_list thead tr th:nth-of-type(4), .sell_book_list thead tr th:nth-of-type(5), .sell_book_list tr td:nth-of-type(3), .sell_book_list tr td:nth-of-type(4), .sell_book_list tr td:nth-of-type(5) { width: 120px; text-align: right; }
  .sell_book_list thead tr th:nth-of-type(6), .sell_book_list tr td:nth-of-type(6) { width: 120px; text-align: center; } }
.shop_book_table { border-top: 2px solid #555555; }
.shop_book_table thead th { text-align: left; }
.shop_book_table thead tr th:nth-of-type(3), .shop_book_table thead tr th:nth-of-type(5), .shop_book_table thead tr th:nth-of-type(6) { width: 120px; }
.shop_book_table thead tr th:nth-of-type(4) { width: 80px; }
.shop_book_table tr { border-bottom: 1px solid #e0e0e0; }
.shop_book_table .book_title { width: 100%; }
@media (min-width: 1400px) { .shop_book_table .book_title { width: 60%; } }
.shop_book_table .book_title h4 { font-size: 17px; font-weight: 400; color: #444444; }
.shop_book_table .book_title p { font-size: 13px; line-height: 1.6; font-weight: 400; color: #444444; }
@media (min-width: 1400px) { .shop_book_table thead tr th:nth-of-type(2), .shop_book_table thead tr th:nth-of-type(3), .shop_book_table thead tr th:nth-of-type(4) { width: 120px; }
  .shop_book_table thead tr th:nth-of-type(2), .shop_book_table tr td:nth-of-type(2), .shop_book_table thead tr th:nth-of-type(3), .shop_book_table tr td:nth-of-type(3), .shop_book_table thead tr th:nth-of-type(4), .shop_book_table tr td:nth-of-type(4) { text-align: right; } }

.total_wrap { padding: 25px 10px; text-align: right; font-weight: 400; color: #444; }
.total_wrap p { padding-bottom: 10px; }
.total_wrap h5 { font-size: 28px; }
@media (min-width: 1400px) { .total_wrap { padding: 25px 20px; border-bottom: 1px solid #e0e0e0; }
  .total_wrap p, .total_wrap h5 { display: inline-block; }
  .total_wrap p { float: left; padding-top: 10px; } }

button.mobile_hide { display: none; }
@media (min-width: 1400px) { button.mobile_hide { display: inline-block; float: left; color: #444 !important; width: 136px; font-weight: 400; font-size: 18px; } }

.finish_wrap { text-align: center; padding: 50px 0; margin: 50px 0; border-top: 2px solid #707070; border-bottom: 1px solid #e0e0e0; }
.finish_wrap h6 { font-size: 21px; font-weight: 400; padding-bottom: 10px; }
.finish_wrap p { font-size: 13px; color: #888; font-weight: 400; }
.finish_wrap .blue_text { text-decoration: underline; }

.btn_wrap.center { text-align: center; }
.btn_wrap.center .btn-gray { margin-left: 0; }

.cs-wrapper { height: 100%; }

.cs_title { padding: 105px 10px 0; color: #fff; text-align: left; position: relative; }
.cs_title h2 { font-weight: 700; display: inline-block; font-size: 24px; }
.cs_title p { font-size: 13px; font-weight: 300; color: rgba(255, 255, 255, 0.5); }
.cs_title p span { font-weight: 400; }
.cs_title button { position: absolute; right: 10px; font-size: 12px; top: 110px; text-align: left; border: 2px solid #fff; height: 48px; display: inline-block; color: #fff; width: 100px; border-radius: 9px; padding-left: 30px; background: #3b5998 url("../images/file_download.png") no-repeat 10px center; background-size: 15px 20px; }
@media (min-width: 1400px) { .cs_title { max-width: 1140px; margin: 0 auto; padding: 140px 0 0; }
  .cs_title h2 { font-size: 30px; }
  .cs_title button { width: 120px; top: 155px; right: 0; } }

.cs_main { background: url("../images/cs_bg.jpg") no-repeat; background-size: cover; height: 180px; }
@media (min-width: 1400px) { .cs_main { height: 240px; } }
.cs_main .wrapper { height: 100%; background-size: 160px; }
@media (min-width: 1400px) { .cs_main .wrapper { height: 240px; } }
.cs_main .wrapper header { height: 115px; }
.cs_main .wrapper .user_account_wrap { top: 25px; }
.cs_main .container { text-align: center; padding-top: 5px; }
.cs_main .container h2 { font-size: 66px; line-height: 1.2; color: #7ca3f4; padding-bottom: 30px; }
.cs_main .container h2 span { color: #fff; }
.cs_main .container p { font-size: 16px; color: #ffffff; line-height: 1.6; }

.cs_nav { width: 100%; text-align: center; }

@media (min-width: 1170px) { .cs_nav { padding: 50px 0 10px; } }
.cs_nav ul { border-bottom: 1px solid #c8c8c8; width: 100%; margin: 0 auto; max-width: 1140px; font-size: 0; }

@media (min-width: 1170px) { .cs_nav ul { border-bottom: none; } }
.cs_nav ul li { width: 33%; cursor: pointer; display: inline-block; height: 100%; text-align: center; }
.cs_nav ul li a { width: 100%; display: inline-block; height: 100%; font-size: 15px; color: #c8c8c8; line-height: 46px; font-weight: 400; }

@media (min-width: 1170px) { .cs_nav ul li { width: auto; }
  .cs_nav ul li a { font-size: 24px; } }
.cs_nav ul span { display: none; }

@media (min-width: 1170px) { .cs_nav ul span { border-left: 1px solid #dcdcdc; display: inline-block; padding-right: 30px; margin-left: 30px; width: 1px; vertical-align: middle; height: 15px; } }
.cs_nav ul li.active a { color: #444; border-bottom: 2px solid #444; }

@media (min-width: 1170px) { .cs_nav ul li.active a { border-bottom: none; } }
.cs_container { max-width: 1140px; width: 100%; margin: 0 auto; padding: 0; }
@media (min-width: 1400px) { .cs_container { min-height: 379px; } }
.cs_container .panel-group { border-top: none; }
@media (min-width: 1400px) { .cs_container .panel-group { border-top: 2px solid #707070; } }
.cs_container .half_table tr { padding: 5px 0; }
.cs_container select.full { width: 100%; height: 54px; line-height: 52px; padding: 0 10px; font-size: 18px; font-weight: 400; }
@media (min-width: 1400px) { .cs_container select.full { margin-bottom: 20px; } }
.cs_container .panel-heading a { width: 100%; padding-right: 20px; display: inline-block; background: url("../images/aco_up.png") no-repeat right center; }
.cs_container .panel-heading a.collapsed { background: url("../images/aco_down.png") no-repeat right center; }
.cs_container input.form-control { height: 32px; display: inline-block; border: 1px solid #ccc; padding: 0 5px; color: #444; }
@media (min-width: 1400px) { .cs_container { padding: 40px 0px; border-bottom: none; }
  .cs_container .full_xl { min-width: 600px; } }
.cs_container .half_table th, .cs_container .half_table td { text-align: left; }
.cs_container .btn-gray { background: #707070; color: #fff; font-weight: 400; }
.cs_container .btn_wrap { margin-top: 20px; font-size: 0; text-align: right; }
.cs_container .form_btn { display: inline-block; width: 100%; height: 52px; line-height: 52px; font-weight: 400; color: #fff; font-size: 18px; }
@media (min-width: 1400px) { .cs_container .form_btn { width: 136px; } }
.cs_container .panel { margin-bottom: 20px; border-bottom: 1px solid #e0e0e0; }
.cs_container .panel-body { padding: 15px; font-size: 15px; background: #fbfbfc; font-weight: 400; color: #888888; }
@media (min-width: 1400px) { .cs_container .panel-body { padding: 20px 0; } }
.cs_container .panel-heading { padding: 10px 10px 10px 0; position: relative; }
@media (min-width: 1400px) { .cs_container .panel-heading { padding: 20px 10px 20px 0; } }
.cs_container .panel-heading .notice_num { display: inline-block; width: 50px; text-align: center; font-size: 14px; color: #888; position: absolute; top: 13px; }
.cs_container .panel-heading .notice_num.important { width: 36px; height: 36px; border-radius: 100%; background: #3b5998; margin: 0 7px; line-height: 36px; vertical-align: middle; color: #fff; }
@media (min-width: 600px) { .cs_container .panel-heading .notice_num { top: 23px; } }
.cs_container .panel-heading h4 { font-size: 16px; display: inline-block; width: 100%; font-weight: 400; color: #444; vertical-align: middle; }
.cs_container .panel-heading h4 p { font-size: 14px; color: #888; font-weight: 300; }

#notice .panel-heading h4 { padding-left: 60px; }
@media (min-width: 600px) { #notice .panel-heading { padding: 20px 20px 20px 0; }
  #notice .panel-body { padding: 20px; } }
#notice .new_icon { width: 14px; height: 14px; vertical-align: middle; margin-right: 5px; margin-bottom: 3px; }

#faq .panel-body { padding: 20px 10px 20px 55px; background: #fbfbfc url("../images/a_icon.png") no-repeat 10px 16px; background-size: 32px 32px; }
#faq .panel-heading { padding: 20px 10px 20px 55px; background: url("../images/q_icon.png") no-repeat 10px 16px; background-size: 32px 32px; }

.pagination_wrap { text-align: center; }
.pagination_wrap.mobile_hide { display: none; }
@media (min-width: 1400px) { .pagination_wrap { display: block; text-align: center; } }

.map_wrap { height: 400px; width: 100%; background: #eee; }

.main_content { text-align: center; padding: 15px 0; width: 100%; clear: both; border-top: 1px solid #ccc; }
.main_content .title h3 { font-weight: 400; font-size: 18px; padding-top: 10px; padding-bottom: 20px; color: #444; text-align: left; }
.main_content .title p { font-size: 14px; font-weight: 300; color: #888; padding-bottom: 20px; }
.main_content .location_select_wrap { clear: both; min-height: 200px; padding: 15px; }
.main_content .location_select_wrap .title { position: relative; }
.main_content .location_select_wrap .title a { width: 72px; position: absolute; right: 0; top: 10px; height: 30px; color: #3b5998; padding-top: 4px; font-size: 13px; font-weight: 400; border: 1px solid #3b5998; border-radius: 25px; }
.main_content .location_select_wrap .title a img { width: 14px; margin-bottom: 1px; margin-right: 3px; vertical-align: middle; }
.main_content .location_select_wrap .select_zone select { width: 24%; float: left; font-size: 16px; margin-right: 1%; height: 48px; border: 1px solid #cccccc; }
.main_content .location_select_wrap .select_zone input { width: 100%; float: left; margin-left: 0; margin-right: 0; height: 48px; line-height: 46px; border: 1px solid #cccccc; font-weight: 400; font-size: 16px; padding: 0 10px; }
.main_content .location_select_wrap .select_zone button { width: 100%; float: left; margin-left: 0; margin-right: 0; width: 100%; height: 48px; margin-top: 10px; font-size: 18px; }
@media (min-width: 1400px) { .main_content .location_select_wrap { min-height: 110px; text-align: left; display: block; padding: 30px; margin-bottom: 50px; background: #f4f4f4; }
  .main_content .location_select_wrap .title { width: 16.03053%; float: left; margin-right: 0.76336%; }
  .main_content .location_select_wrap .title h3 { text-align: center; }
  .main_content .location_select_wrap .title a { display: none; }
  .main_content .location_select_wrap .select_zone input { width: 66.41221%; float: left; margin-right: 0.76336%; }
  .main_content .location_select_wrap .select_zone button { width: 16.03053%; float: left; margin-right: 0.76336%; margin-top: 0; margin-right: 0; } }
.main_content .section { max-width: 1140px; margin: 0 auto; }
.main_content .title_wrap { padding-bottom: 20px; }
.main_content .title_wrap h3 { font-weight: 400; font-size: 20px; color: #444; line-height: 2; }
.main_content .title_wrap p { font-size: 14px; color: #888; }
.main_content .num_wrap { margin: 0 auto; font-size: 0; }
.main_content .num_wrap li { display: block; margin: 0 auto; padding-bottom: 15px; padding-left: 50px; }
@media (min-width: 1400px) { .main_content .num_wrap li { padding-left: 0px; } }
.main_content .num_wrap li .image_wrap { display: inline-block; text-align: right; vertical-align: middle; }
.main_content .num_wrap li .image_wrap img { width: 60px; }
@media (min-width: 1400px) { .main_content .num_wrap li .image_wrap img { width: 75px; } }
.main_content .num_wrap li dl { width: 70%; padding-left: 20px; display: inline-block; text-align: left; vertical-align: middle; }
.main_content .num_wrap li dt { font-size: 13px; color: #888888; line-height: 1.2; }
.main_content .num_wrap li dd { font-size: 24px; font-weight: 400; color: #3b5998; }
.main_content .num_wrap li:last-child { padding-bottom: 15px; }
.main_content .select_wrap { border-top: 5px solid #eee; }
@media (min-width: 1400px) { .main_content .select_wrap { border-top: 0; } }
.main_content .area_select_wrap { padding: 15px; }
@media (min-width: 1400px) { .main_content .area_select_wrap { padding: 0; } }
.main_content .area_select { font-size: 0; width: 100%; }
.main_content .area_select a { color: #fff; width: 100%; display: inline-block; min-height: 80px; }
.main_content .area_select li { width: 49%; margin-right: 2%; display: inline-block; min-height: 80px; text-align: center; color: #fff; padding-bottom: 5px; }
.main_content .area_select li a { font-size: 17px; padding-top: 20px; font-weight: 400; background-repeat: no-repeat; background-size: cover; }
.main_content .area_select li a p { font-size: 11px; letter-spacing: 1px; font-weight: 300; padding-bottom: 3px; }
.main_content .area_select li:nth-of-type(2n) { margin-right: 0; }
.main_content .area_select .map_seoul { background-image: url("../images/city/01_seoul.png"); }
.main_content .area_select .map_gyeonggi { background-image: url("../images/city/02_gyeonggi.png"); }
.main_content .area_select .map_incheon { background-image: url("../images/city/03_incheon.png"); }
.main_content .area_select .map_ulsan { background-image: url("../images/city/05_gyeongsang.png"); }
.main_content .area_select .map_daegu { background-image: url("../images/city/06_gyeongnam.png"); }
.main_content .area_select .map_daejeon { background-image: url("../images/city/08_chungnam.png"); }
.main_content .area_select .map_gwangju { background-image: url("../images/city/10_jeonnam.png"); }
.main_content .area_select .map_busan { background-image: url("../images/city/11_busan.png"); }
@media (min-width: 1400px) { .main_content { padding: 40px 0px; }
  .main_content.main_location { min-height: 612px; }
  .main_content .num_wrap li { padding-bottom: 30px; padding-left: 50px; width: 33.33333%; float: left; }
  .main_content .num_wrap li .image_wrap { width: 20%; float: left; }
  .main_content .num_wrap li dl { width: 80%; float: left; margin-right: 0; padding-top: 0; margin-left: 0; text-align: left; padding-left: 10px; }
  .main_content .num_wrap li dd { font-size: 36px; }
  .main_content .area_select { padding-bottom: 40px; width: 100%; float: left; margin-left: 0; margin-right: 0; } }
@media (min-width: 1400px) and (min-width: 1400px) { .main_content .area_select li { width: 23.52941%; float: left; margin-right: 1.96078%; }
  .main_content .area_select li:nth-child(2n) { margin-right: 1.96078%; }
  .main_content .area_select li:nth-child(4n) { padding-right: 0; margin-right: 0; padding-bottom: 20px; }
  .main_content .area_select li a { width: 100%; display: inline-block; min-height: 100px; padding-top: 32px; } }

.main_content .app_hide { display: none; }
@media (min-width: 1400px) { .main_content .app_hide { display: inline-block; } }
.main_content .sub_title { font-size: 12px; font-weight: 300; color: #a0a1a6; letter-spacing: 1px; }
.main_content h2 { font-size: 24px; letter-spacing: -1px; font-weight: 400; }
@media (min-width: 600px) { .main_content h2 { font-size: 34px; } }
.main_content .payback_info { font-size: 0; padding-top: 50px; }
.main_content .payback_info li { width: 100%; display: inline-block; padding-bottom: 50px; }
.main_content .payback_info li img { width: 100%; vertical-align: middle; }
.main_content .payback_info li h3 { font-weight: 400; padding-top: 10px; font-size: 18px; color: #3b5998; line-height: 1.8; }
.main_content .payback_info li p { font-weight: 400; font-size: 14px; color: #b0b0b0; }
@media (min-width: 1400px) { .main_content .payback_info li { width: 50%; padding: 10px 10px 50px; vertical-align: top; } }
.main_content .best_school { width: 100%; padding-top: 50px; font-size: 0; position: relative; }
.main_content .best_school .best_school_movie { margin-top: 30px; }
.main_content .best_school .best_school_icon { padding-top: 50px; }
.main_content .best_school .best_school_icon li { display: inline-block; padding-right: 20px; }
.main_content .best_school .best_school_icon li img { height: 21px; }
.main_content .best_school .best_school_icon li:last-child { padding-right: 0; }
.main_content .best_school .slide_list { margin-bottom: 40px; width: 100%; overflow: hidden; background: #fff; display: inline-block; }
.main_content .best_school .slide_list .img_wrap { background: #040c15; z-index: 1; position: relative; }
.main_content .best_school .slide_list .img_wrap > img { width: 100%; height: 300px; opacity: 0.5; }
.main_content .best_school .slide_list .text-view { position: absolute; overflow: hidden; z-index: 11; top: 20px; left: 0; right: 0; color: #fff; font-size: 28px; font-weight: 400; text-align: center; }
.main_content .best_school .slide_list .text-view span { font-size: 16px; color: #94b8dc; }
.main_content .best_school .slide_list .school_add { font-size: 16px; color: #94b8dc; display: inline-block; }
.main_content .best_school .slide_list .school_add span { display: block; width: 20px; margin: 20px auto; border-bottom: 1px solid #fff; }
@media (min-width: 1400px) { .main_content .best_school .slide_list { padding-right: 20px; }
  .main_content .best_school .slide_list:last-child { padding-right: 0; }
  .main_content .best_school .text-view { top: 120px; }
  .main_content .best_school .slide_list .img_wrap { height: 500px; }
  .main_content .best_school .slide_list .img_wrap > img { width: 100%; height: 500px; opacity: 1; -webkit-transition: .3s ease; transition: .3s ease; border: none; }
  .main_content .best_school .img_wrap:hover { height: 500px; }
  .main_content .best_school .img_wrap:hover:after { content: ""; border-top: 10px solid #293c66; border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; bottom: -20px; left: 50%; margin-left: -5px; }
  .main_content .best_school .img_wrap:hover > img { opacity: 0.5; border: 5px solid #3b5998; }
  .main_content .best_school .img_wrap:hover .school_add { font-size: 16px; color: #94b8dc; display: inline-block; }
  .main_content .best_school .img_wrap:hover .school_add span { display: block; width: 20px; margin: 20px auto; border-bottom: 1px solid #fff; } }

.location { text-align: center; width: 100%; height: 100%; position: relative; }
.location .wrapper .location_header, .location .fixed_header { position: absolute; height: 82px; top: 0; z-index: 11; padding-top: 10px; background: #3b5998; }
.location .wrapper .location_header .user_account_wrap, .location .fixed_header .user_account_wrap { top: 21px; }
.location .wrapper .location_header .gnb_left, .location .fixed_header .gnb_left { top: 21px; }
.location .header_logo_img { width: 113px; height: 33px; margin-top: 25px; }
@media (min-width: 1400px) { .location .header_logo_img { margin-left: 40px; } }
.location .header_logo_img { margin-top: 12px; }
@media (min-width: 1400px) { .location { text-align: left; } }
.location .container { width: 100%; height: 100%; }
.location .map_area { top: 0; bottom: 0; position: absolute; right: 0; left: 0; overflow: hidden; background-size: cover; z-index: 1; }
@media (min-width: 1400px) { .location .map_area { right: 0px; } }
.location .search_terms { text-align: left; position: relative; top: 82px; font-weight: 400; left: 0; right: 0; background: #fff; z-index: 101; border-bottom: 1px solid #ddd; padding: 10px; vertical-align: middle; }
.location .search_terms .map_left_btn .btn { width: 62px; border-radius: 35px; height: 35px; padding-top: 5px; font-weight: 400; opacity: .85; }
.location .search_terms .map_left_btn .btn img { width: 11px; vertical-align: middle; margin-bottom: 2px; }
@media (min-width: 1400px) { .location .search_terms { padding-left: 40px; } }
.location .search_terms .search_terms_input { position: absolute; left: 144px; right: 50px; top: 5px; }
.location .search_terms .search_terms_input img { cursor: pointer; width: 20px; height: 20px; position: absolute; right: 5px; top: 10px; }
@media (min-width: 1400px) { .location .search_terms .search_terms_input { width: 300px; left: 114px; padding-right: 0; margin-right: 10px; display: inline-block; vertical-align: middle; } }
.location .search_terms .terms_btn_wrap { padding: 4px 10px 0 0; width: 45px; top: 5px; position: absolute; right: 0; }
@media (min-width: 1400px) { .location .search_terms .terms_btn_wrap { right: none; left: 350px; } }
.location .search_terms .terms_btn_wrap .my_location { width: 60px; padding-top: 6px; border: 1px solid #3b5998; border-radius: 35px; height: 35px; font-size: 12px; text-align: center; display: inline-block; color: #3b5998; }
.location .search_terms .terms_btn_wrap .my_location img { width: 13px; margin-right: 2px; vertical-align: middle; }
.location .search_terms .terms_btn_wrap .map_list { width: 35px; margin-right: 0; color: #3b5998; font-size: 12px; border: 1px solid #3b5998; border-radius: 100%; height: 35px; text-align: center; display: inline-block; vertical-align: middle; padding-top: 4px; }
.location .search_terms .terms_btn_wrap .map_list.city { padding-top: 6px; }
.location .search_terms .terms_btn_wrap .map_list.list_btn { display: none; }
.location .search_terms .terms_btn_wrap .map_list img { width: 20px; margin-top: 2px; vertical-align: middle; }
.location .search_terms input { border-bottom: 2px solid #3b5998; color: #3b5998; font-size: 16px; width: 100%; height: 40px; padding: 0 30px 0 0; vertical-align: top; }
.location .search_terms .search_terms_btn { font-size: 14px; cursor: pointer; display: inline-block; }
.location .search_terms .search_terms_btn:after { content: ""; border-top: 3px solid #000; border-bottom: 3px solid transparent; border-right: 3px solid transparent; border-left: 3px solid transparent; vertical-align: middle; display: inline-block; margin-left: 5px; }
.location .search_terms_detail { position: absolute; display: none; top: 150px; left: 0; right: 0; height: auto; background: #fff; border-bottom: 1px solid #ddd; z-index: 333; line-height: 2; padding-top: 5px; padding-left: 10px; padding-right: 10px; padding-bottom: 17px; text-align: left; }
.location .search_terms_detail li label { cursor: pointer; }
.location .search_terms_detail dl { display: inline-block; width: 100%; }
.location .search_terms_detail dl ul { width: 100%; font-size: 0; }
.location .search_terms_detail dl li { display: inline-block; width: 33%; }
.location .search_terms_detail dl dt, .location .search_terms_detail dl dd { display: inline-block; width: 100%; }
.location .search_terms_detail dl dt { padding-right: 20px; }
.location .search_terms_detail dl label { padding-left: 5px; padding-right: 10px; }
.location .search_terms_detail dl dd select { width: 100%; }
.location .search_terms_detail dl dd button { height: 32px; line-height: 32px; color: #fff; width: 100%; font-size: 14px; font-weight: 400; background: #3b5998; padding: 0 15px; }
@media (min-width: 1400px) { .location .search_terms_detail { top: 131px; padding: 10px 30px; }
  .location .search_terms_detail dl { vertical-align: middle; width: auto; }
  .location .search_terms_detail dl dt, .location .search_terms_detail dl dd, .location .search_terms_detail dl li, .location .search_terms_detail dl .btn-blue { width: auto; vertical-align: middle; }
  .location .search_terms_detail dl dd select { width: 200px; } }
.location .search_result { background: #f6f6f6; position: absolute; right: 0; left: 0; top: 138px; bottom: 0; overflow-y: auto; width: 100%; z-index: 400; }
.location .search_result .result_title { width: 100%; padding: 10px; height: 55px; vertical-align: middle; text-align: left; }
.location .search_result .result_title dl, .location .search_result .result_title dd, .location .search_result .result_title dt { display: inline-block; line-height: 36px; font-size: 14px; vertical-align: middle; font-weight: 400; }
.location .search_result .result_title select { float: right; vertical-align: middle; height: 36px; border-radius: 5px; }
.location .search_result .result_title .mab_btn { float: right; height: 36px; line-height: 36px; margin-left: 5px; padding: 0 5px; }
@media (min-width: 1400px) { .location .search_result { top: 82px; display: block !important; border-left: 1px solid #a6abc2; width: 360px; left: auto; }
  .location .search_result .mab_btn { display: none; } }
.location .search_result .result_list { padding: 5px; border-top: 1px solid #ccc; }
.location .search_result .result_list > ul li { margin-bottom: 7px; background: #fff; text-align: left; padding: 10px 10px 10px 55px; position: relative; border: 1px solid #ccc; border-radius: 7px; }
.location .search_result .result_list > ul li:hover { background: #f6f7fb; }
.location .search_result .result_list > ul li .title_new_academy { display: block; width: 60px; height: 15px; background: #ffb71e; color: #fff; text-align: center; font-size: 10px; line-height: 15px; }
.location .search_result .result_list > ul li h3 { font-size: 15px; color: #000; line-height: 1.8; font-weight: 400; padding-bottom: 5px; cursor: pointer; position: relative; border-bottom: 1px solid #ccc; }
.location .search_result .result_list > ul li h3 span.state_label { position: absolute; right: 0; bottom: 9px; width: 50px; font-size: 11px; vertical-align: middle; text-align: center; height: 22px; line-height: 22px; border-radius: 5px; }
.location .search_result .result_list > ul li h3 span.state_label.end { background: #f45556; color: #fff; }
.location .search_result .result_list > ul li h3 span.state_label.ing { background: #3b5998; color: #fff; }
.location .search_result .result_list > ul li h3:hover { text-decoration: underline; }
.location .search_result .result_list > ul li dl { font-size: 14px; line-height: 1.5; font-weight: 300; color: #888888; padding-bottom: 3px; }
.location .search_result .result_list > ul li dl img { height: 18px; vertical-align: middle; }
.location .search_result .result_list > ul li dl dt { letter-spacing: -1px; }
.location .search_result .result_list > ul li dl dt, .location .search_result .result_list > ul li dl dd { display: inline-block; }
.location .search_result .result_list > ul li dl dd { color: #3b5998; font-weight: 400; }
.location .search_result .result_list > ul li p.add_info { color: #888; padding-top: 10px; padding-bottom: 5px; font-size: 14px; font-weight: 300; line-height: 1.5; }
.location .search_result .result_list > ul li p.add_info span { line-height: 1; vertical-align: middle; display: inline-block; }
.location .search_result .result_list > ul li p.add_info .subject { width: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-right: 1px solid #ccc; }
.location .search_result .result_list > ul li p.add_info span.blue_text { color: #3b5998; padding-left: 5px; }
.location .search_result .result_list > ul li .select_location { position: absolute; top: 15px; left: 10px; }
.location .search_result .result_list > ul li .select_location img { width: 36px; height: 36px; }
.location .search_result .result_list > ul li .select_location.new img { height: 43px; }
.location .result_detail { display: none; overflow-y: auto; text-align: left; background: #3b5998; z-index: 555; position: absolute; left: 0; right: 0; bottom: 0; top: 82px; font-size: 14px; padding: 12px 15px; border-top: 1px solid #5a70a6; font-weight: 400; line-height: 1.5; }
.location .result_detail h4 { color: #fff; font-size: 17px; padding-top: 15px; padding-bottom: 10px; font-weight: 400; }
.location .result_detail h4 .title_icon { width: 20px; vertical-align: middle; margin-bottom: 3px; margin-right: 8px; }
.location .result_detail .play_btn_wrap { text-align: center; padding: 24px 0; border-top: 1px solid #5977b9; border-bottom: 1px solid #5977b9; }
.location .result_detail .play_btn_wrap .play_info { color: #fff; font-weight: 400; font-size: 13px; }
.location .result_detail .play_list_wrap { width: 100%; font-size: 0; margin-bottom: 24px; }
.location .result_detail .add_play_list { width: 18%; max-width: 60px; margin-right: 2.25%; height: 31px; display: inline-block; }
.location .result_detail .add_play_list:last-child { margin-right: 0; }
.location .result_detail .add_play_list .lecture { cursor: pointer; width: 100%; height: 100%; position: relative; }
.location .result_detail .add_play_list .lecture .lecture_bg { background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; }
.location .result_detail .add_play_list .lecture .lecture_bg img { width: 10px; margin-top: 10px; }
.location .result_detail .add_play_list .lecture .lecture_img { width: 100%; height: 100%; }
.location .result_detail .detail_close_btn { position: absolute; right: 15px; top: 15px; width: 31px; height: 31px; cursor: pointer; }
.location .result_detail .school_info dl { padding-top: 5px; }
.location .result_detail .school_info dt img { height: 18px; margin-bottom: 4px; margin-right: 2px; vertical-align: middle; }
.location .result_detail .school_info dt, .location .result_detail .school_info dd { letter-spacing: -1px; color: #fff; }
.location .result_detail .school_info dt { font-size: 13px; font-weight: 300; display: inline-block; }
.location .result_detail .school_info dd { font-size: 14px; font-weight: 400; display: inline-block; }
@media (min-width: 600px) { .location .result_detail .school_info dt, .location .result_detail .school_info dd { font-size: 14px; } }
.location .result_detail .school_info h3 { color: #fff; font-size: 18px; font-weight: 700; padding-bottom: 5px; }
.location .result_detail p.address { color: #cad5ef; letter-spacing: 0; }
.location .result_detail p.add_info { line-height: 1.3; color: #8ea4d9; font-size: 14px; font-weight: 300; }
.location .result_detail .detail_btn { background: none; border-radius: 30px; width: 100%; height: 52px; font-size: 17px; font-weight: 700; margin-bottom: 15px; color: #fff; border: 1px solid #fff; }
.location .result_detail .play_wrap { height: 150px; width: 100%; }
.location .result_detail .play_wrap iframe { border: 0; width: 100%; height: 100%; }
@media (min-width: 600px) { .location .result_detail .play_wrap { height: 400px; } }
@media (min-width: 1400px) { .location .result_detail .play_wrap { height: 180px; } }
.location .result_detail .section { padding: 15px 0 0; }
.location .result_detail .section dl.movie_info { padding: 10px 0; color: #a7bae8; }
.location .result_detail .section dl.movie_info dt { display: inline-block; font-size: 15px; color: #cad5ef; }
.location .result_detail .section dl.movie_info dd { float: right; font-size: 13px; }
.location .result_detail .section .movie_title { padding-top: 10px; color: #cad5ef; font-size: 15px; }
.location .result_detail .section ul.movie_info { padding-top: 5px; }
.location .result_detail .section ul.movie_info li { display: inline-block; font-size: 13px; color: #a7bae8; margin-right: 10px; }
.location .result_detail .section ul.movie_info li img { height: 12px; margin-right: 3px; }
.location .result_detail .section .detail_info { width: 100%; }
.location .result_detail .section .detail_info dt { font-size: 14px; color: #cad5ef; font-weight: 400; display: inline-block; width: 70px; }
.location .result_detail .section .detail_info dd { font-size: 14px; display: inline-block; color: #8ea4d9; font-weight: 300; }
.location .result_detail .section .like_info { font-size: 15px; letter-spacing: 0; color: #8ea4d9; padding-top: 20px; }
.location .result_detail .section .like_info img { height: 12px; margin-right: 3px; }
.location .result_detail .section .like_info span { color: #cad5ef; }
@media (min-width: 1400px) { .location .result_detail { width: 360px; left: auto; right: 360px; padding: 12px 20px; }
  .location .result_detail .detail_close_btn { right: 20px; } }
.location .selected_school { text-align: left; position: absolute; bottom: 0; left: 0; right: 0; height: 140px; border-top: 1px solid #a6abc2; background: #fff; z-index: 100; }
.location .selected_school .list_btn { position: absolute; top: -58px; right: 0; width: 58px; height: 58px; font-size: 0; background: #3b5998 url("../images/icon_list.png") no-repeat center; background-size: 21px 21px; }
.location .selected_school h3 { padding-top: 10px; padding-left: 10px; font-size: 15px; color: #3b5998; line-height: 1.8; font-weight: 400; cursor: pointer; }
.location .selected_school h3:hover { text-decoration: underline; }
.location .selected_school p.address { font-size: 14px; line-height: 1.5; font-weight: 400; color: #888888; }
.location .selected_school p.address.detail { display: none; }
.location .selected_school p.add_info { color: #b1b6cc; font-size: 14px; font-weight: 300; }
.location .selected_school dl { display: none; }
.location .selected_school .selected_school_info { padding: 0 10px 10px; width: 100%; float: left; margin-left: 0; margin-right: 0; }
.location .selected_school .short_cut { background: #f6f7fb; height: 44px; position: absolute; bottom: 0; left: 0; border-top: 1px solid #d4d9ef; width: 100%; float: left; margin-left: 0; margin-right: 0; }
.location .selected_school .short_cut li { width: 50%; float: left; vertical-align: middle; text-align: center; border-right: 1px solid #d4d9ef; }
.location .selected_school .short_cut li a { font-size: 15px; line-height: 42px; color: #586c9e; font-weight: 400; }
.location .selected_school .short_cut li:last-child { border-right: 0; }
@media (min-width: 600px) { .location .selected_school .list_btn { right: 20px; top: -78px; width: 100px; font-size: 16px; font-weight: 400; background-image: none; }
  .location .selected_school .selected_school_info { width: 40%; float: left; }
  .location .selected_school dl { display: inline-block; padding: 0 10px 10px; width: 40%; float: left; font-size: 0; }
  .location .selected_school dl dt { width: 20%; min-width: 60px; color: #b1b6cc; font-size: 14px; display: inline-block; vertical-align: top; }
  .location .selected_school dl dd { width: 75%; font-size: 14px; color: #888888; display: inline-block; vertical-align: top; }
  .location .selected_school .short_cut { height: 100%; right: 0; left: auto; border-top: 0; border-right: 0; border-left: 1px solid #d4d9ef; width: 20%; float: left; }
  .location .selected_school .short_cut li { width: 100%; vertical-align: middle; border-bottom: 1px solid #d4d9ef; height: 50%; }
  .location .selected_school .short_cut li a { display: table; line-height: normal; height: 100%; width: 100%; text-align: center; }
  .location .selected_school .short_cut li a span { display: table-cell; vertical-align: middle; }
  .location .selected_school .short_cut li:last-child { border-bottom: 0; } }
@media (min-width: 1400px) { .location .selected_school { display: none; } }

.sns_share { display: none; padding: 60px 0; }
.sns_share p { font-size: 23px; color: #454545; padding-bottom: 40px; }
.sns_share ul li { display: inline-block; padding-right: 40px; }
.sns_share ul li:last-child { padding-right: 0; }
@media (min-width: 1400px) { .sns_share { display: block; } }

.interview { text-align: left; padding-top: 70px; }
.interview .interview_list > img { width: 100%; }
.interview .interview_content { padding: 20px; }
.interview .interview_content h3 { font-weight: 400; color: #444; line-height: 1.2; padding-bottom: 18px; }
.interview .interview_content h3 span:before { content: ""; height: 15px; display: inline-block; margin-left: 15px; padding-right: 15px; border-left: 2px solid #eee; }
.interview .interview_content p { font-size: 14px; color: #b0b0b0; line-height: 1.5; }

.main_tab_content { clear: both; height: 450px; }
.main_tab_content .nav-tabs { text-align: left; margin: 0 auto; font-size: 0; width: 100%; }
.main_tab_content .nav-tabs li { display: inline-block; padding: 10px 0; width: 50%; background: #bac9e9; }
.main_tab_content .nav-tabs li a { font-size: 15px; font-weight: 400; color: #fff; }
.main_tab_content .nav-tabs li.active { background: #3b5998; }
@media (min-width: 600px) { .main_tab_content { height: 660px; }
  .main_tab_content > div { height: 100%; }
  .main_tab_content .nav-tabs { width: 15%; min-width: 230px; }
  .main_tab_content .studypay_info, .main_tab_content .studypay_down { width: 50%; }
  .main_tab_content .studypay_info { width: 60%; float: left; }
  .main_tab_content .studypay_down { width: 40%; float: left; } }
@media (min-width: 1400px) { .main_tab_content > div { height: 100%; }
  .main_tab_content .nav-tabs { width: 15%; min-width: 230px; }
  .main_tab_content .studypay_info h3 { font-size: 39px; font-weight: 300; color: #77716b; padding-bottom: 20px; }
  .main_tab_content .studypay_info h3 span { font-weight: 700; } }

.payback_wrap { height: 520px; width: 100%; background: url("../images/main_pattern.png") repeat; }
.payback_wrap .payback_info { width: 100%; text-align: center; color: #fff; font-weight: 400; height: 100%; background: url("../images/payback_info_m.png") no-repeat center 160px; background-size: 80% auto; }
.payback_wrap .payback_info p:first-child.blue_text { letter-spacing: 1px; padding-top: 60px; padding-bottom: 7px; }
.payback_wrap .payback_info p:nth-of-type(3) { padding-top: 200px; }
.payback_wrap .payback_info p:nth-of-type(3) span { color: #fff; }
.payback_wrap .payback_info .line-btn { margin-top: 30px; background: none; border: 2px solid #fff; color: #fff; font-size: 15px; display: inline-block; font-weight: 400; line-height: 36px; width: 160px; height: 40px; }
@media (min-width: 600px) { .payback_wrap .payback_info { background-size: 530px auto; }
  .payback_wrap .payback_info p:nth-of-type(3) { padding-top: 250px; } }
@media (min-width: 1400px) { .payback_wrap { height: 650px; }
  .payback_wrap .payback_info { background: url("../images/payback_info.png") no-repeat center top; background-size: auto 100%; }
  .payback_wrap .payback_info p:nth-of-type(3) { padding-top: 340px; } }

.partner_wrap { width: 100%; max-width: 1140px; margin: 0 auto; vertical-align: top; text-align: left; }
.partner_wrap h3 { font-size: 30px; padding-bottom: 10px; }
.partner_wrap h3 .blue_text { font-weight: 700; }
.partner_wrap p { font-size: 16px; color: #a0a1a6; padding-bottom: 34px; }
.partner_wrap .btn-primary { width: 100%; height: 46px; display: block; line-height: 46px; font-weight: 400; font-size: 18px; }
.partner_wrap .input_wrap { padding-bottom: 70px; width: 100%; float: left; margin-left: 0; margin-right: 0; font-size: 0; }
.partner_wrap .input_wrap input { height: 46px; border: 2px solid #cccccc; padding: 12px; margin-bottom: 10px; }
.partner_wrap .input_wrap .full { width: 100%; }
.partner_wrap .input_wrap .half { width: 49%; float: left; margin-right: 2%; }
.partner_wrap .input_wrap .last { margin-right: 0; }
@media (min-width: 1400px) { .partner_wrap h3 { font-size: 39px; }
  .partner_wrap .partner_title { width: 66.66667%; float: left; padding-bottom: 100px; }
  .partner_wrap .input_wrap { vertical-align: top; width: 33.33333%; float: left; } }

.privacy { padding: 75px 20px; }
.privacy .privacy_title { width: 100%; text-align: center; }
.privacy .privacy_warp { width: 100%; margin: 0 auto; max-width: 1140px; text-align: left; padding-bottom: 30px; }
.privacy .privacy_warp h2 { font-weight: 400; text-align: left; color: #444444; padding-bottom: 20px; font-size: 24px; }
.privacy .privacy_warp .line-box { width: 100%; padding: 15px; font-size: 15px; color: #888888; font-weight: 350; line-height: 1.5; text-align: left; border: 2px solid #707070; }
.privacy section { padding: 20px 0 0; }
.privacy section h3 { color: #3b5998; font-size: 18px; font-weight: 400; padding-bottom: 20px; }
.privacy section h4 { font-size: 22px; color: #3b5998; font-weight: 400; padding-bottom: 20px; }
.privacy section h5 { font-weight: 300; color: #7b94c3; font-size: 15px; padding-bottom: 10px; }
.privacy section h6 { font-size: 18px; font-weight: 400; color: #444444; padding-bottom: 10px; }
@media (min-width: 600px) { .privacy section h6 { padding-left: 16px; text-indent: -16px; } }
.privacy section ul { font-size: 0; width: 100%; padding-bottom: 20px; }
.privacy section ul li { display: inline-block; width: 100%; line-height: 1.5; font-size: 15px; color: #888888; font-weight: 300; }
@media (min-width: 600px) { .privacy section ul li { padding-left: 16px; text-indent: -16px; } }
.privacy section p { font-size: 15px; color: #888888; font-weight: 300; padding-bottom: 10px; }
.privacy section .gray-box { width: 100%; font-size: 0; background: #f7f7f7; padding: 20px 10px; }
.privacy section .gray-box li { padding-left: 10px; background: url("../images/dot_img.png") no-repeat left 8px; background-size: 3px 3px; width: 100%; line-height: 1.6; display: inline-block; font-size: 13px; color: #888; font-weight: 300; padding-bottom: 3px; }
@media (min-width: 1400px) { .privacy .privacy_warp { padding-bottom: 100px; }
  .privacy .privacy_warp h2 { text-align: center; font-size: 40px; padding-bottom: 60px; }
  .privacy .privacy_warp .line-box { padding: 30px 40px; }
  .privacy section { padding: 55px 40px 0; }
  .privacy section .gray-box { padding: 40px 25px; }
  .privacy section .gray-box li { padding-left: 20px; font-size: 15px; }
  .privacy section .half li { width: 50%; } }

.delivery:after { content: ""; display: inline-block; border-left: 4px solid #3b5998; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid transparent; }

.loading { position: fixed; top: 50%; left: 50%; margin-left: -21px; margin-top: -21px; text-align: center; z-index: 11111; }

.loading img { width: 42px; height: 42px; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }

@-moz-keyframes spin { from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); } }
@keyframes spin { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }
.loading_wrap { position: fixed; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; background: rgba(255, 255, 255, 0.5); display: block; z-index: 111111; }

.map_loading { position: fixed; top: 50%; left: 50%; margin-left: -150px; margin-top: -50px; text-align: center; }
.map_loading p { font-size: 14px; color: #4e6db9; padding-top: 20px; font-weight: 400; width: 300px; }

.pulse { width: 50px; height: 50px; margin: 0px auto; background-color: #4e6db9; border-radius: 100%; -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; animation: sk-scaleout 1.0s infinite ease-in-out; }

@-webkit-keyframes sk-scaleout { 0% { -webkit-transform: scale(0); }
  100% { -webkit-transform: scale(1); opacity: 0; } }
@keyframes sk-scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }
.ie_wrap { display: none; }

.no_result td:first-child { text-align: center !important; padding: 50px; }
.no_result td:first-child p { padding-top: 10px; color: #888; }

.select_gu { background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; }
.select_gu .modal-dialog { position: fixed; display: block; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; margin: 0; }
.select_gu .modal-content { width: 100%; height: 100%; border: 0; overflow-y: scroll; padding: 55px; background: url("../images/city/popup_seoul_bg.jpg") no-repeat; background-size: cover; }
.select_gu .modal-body { padding: 0; position: relative; }
.select_gu .modal-body .close { background: none; position: absolute; opacity: 0.5; cursor: pointer; top: -30px; right: -30px; }
.select_gu .modal-body .select_list { padding-top: 10px; font-size: 0; }
.select_gu .modal-body .select_list ul { font-size: 0; }
.select_gu .modal-body .select_list ul li { width: 50%; display: inline-block; }
.select_gu .modal-body .select_list ul li a { font-size: 14px; font-weight: 300; line-height: 30px; opacity: 0.8; color: #fff; }
.select_gu .modal-body .panel-heading a { color: #fff; font-size: 16px; font-weight: 400; letter-spacing: 0; line-height: 39px; width: 100%; height: 100%; display: block; }
.select_gu .modal-body .panel-heading a span { display: inline-block; padding-left: 5px; font-size: 11px; color: #eee; opacity: 0.7; font-weight: 300; }
@media (min-width: 1400px) { .select_gu .modal-dialog { width: 450px; height: 700px; overflow: hidden; margin: -350px auto 0; top: 50%; }
  .select_gu .modal-content { padding: 60px 70px 60px 60px; width: 450px; }
  .select_gu .modal-body .select_list { padding-top: 20px; } }

#select_gu .panel-default > .panel-heading { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 0; }
#select_gu .panel-default { border: none; }
#select_gu .panel { margin-bottom: 0; border-bottom: 0; }
#select_gu .panel-body { background: none; padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.carousel-fade .carousel-inner .item { transition-property: opacity; height: 660px; }
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; }
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-control { z-index: 2; }

.carousel .tab-content, .carousel .item { height: 450px; }
@media (min-width: 600px) { .carousel .tab-content, .carousel .item { height: 660px; } }
.carousel .tab-content { max-width: 1140px; margin: 0 auto; width: 100%; padding: 50px 30px; }
.carousel .tab-content h3 { font-size: 23px; color: #fff; padding: 20px 0; font-weight: 300; letter-spacing: -1px; }
.carousel .tab-content h3 span { font-weight: 700; }
.carousel .tab-content h3 span.yellow_text { color: #fcf17d; }
.carousel .tab-content p { font-size: 14px; color: rgba(255, 255, 255, 0.8); line-height: 1.5; }
.carousel .tab-content p span { font-weight: 400; }
.carousel .tab-content .icon { height: 70px; }
.carousel .tab-content .s_icon { margin: 10px 0; height: 50px; }
@media (min-width: 600px) { .carousel .tab-content { padding: 70px 70px 0; }
  .carousel .tab-content h3 { font-size: 45px; padding: 35px 0; }
  .carousel .tab-content p { font-size: 20px; }
  .carousel .tab-content .icon { height: 100px; }
  .carousel .tab-content .s_icon { height: 80px; } }
.carousel .item:nth-child(1) { text-align: left; background: url("../images/slide01_m.jpg") no-repeat center center; background-size: auto 100%; }
@media (min-width: 600px) { .carousel .item:nth-child(1) { background: url("../images/slide01.jpg") no-repeat center center; background-size: 100% 100%; } }
.carousel .item:nth-child(2) { background: url("../images/slide02_m.jpg") no-repeat; background-size: auto 100%; }
@media (min-width: 600px) { .carousel .item:nth-child(2) { background: url("../images/slide02.jpg") no-repeat center center; background-size: 100% 100%; } }
.carousel .item:nth-child(3) { text-align: left; background: url("../images/slide03_m.jpg") no-repeat center center; background-size: auto 100%; }
@media (min-width: 600px) { .carousel .item:nth-child(3) { background: url("../images/slide03.jpg") no-repeat center center; background-size: 100% 100%; } }
.carousel .line_btn { border: 2px solid #fff; margin-top: 30px; width: 120px; height: 42px; border-radius: 50px; line-height: 38px; padding: 0 20px; color: #fff; font-weight: 400; font-size: 16px; position: relative; display: inline-block; background: url("../images/btn_white_next.png") no-repeat calc(100% - 20px) center; background-size: 4px 5px; }
@media (min-width: 600px) { .carousel .line_btn { margin-top: 40px; width: 180px; height: 50px; font-size: 18px; border-radius: 50px; line-height: 46px; padding: 0 30px; background-position: calc(100% - 30px) center; } }
.carousel .carousel-control.left { background: url("../images/next_left.png") no-repeat; background-position: 10px center; background-size: 10px 17px; }
@media (min-width: 600px) { .carousel .carousel-control.left { background-size: 40px 70px; background-position: 40px center; } }
.carousel .carousel-control.right { background: url("../images/next_right.png") no-repeat; background-position: calc(100% - 10px) center; right: 0; left: auto; background-size: 10px 17px; }
@media (min-width: 600px) { .carousel .carousel-control.right { background-size: 40px 70px; background-position: calc(100% - 40px) center; } }

#select_city_modal { background: rgba(0, 0, 0, 0.4); top: 138px; }
#select_city_modal .modal-dialog { margin: 0; width: 100%; }
#select_city_modal .modal-content { border: 0; padding: 10px; background: #eee; height: 105px; }
#select_city_modal .modal-content .select_wrap { width: 100%; float: left; margin-left: 0; margin-right: 0; }
#select_city_modal .modal-content select { height: 36px; width: 32.46753%; float: left; margin-right: 1.2987%; }
#select_city_modal .modal-content select:last-child { margin-right: 0; }
#select_city_modal .modal-content .city_search_btn { margin-top: 10px; width: 100%; height: 36px; color: #fff; font-size: 16px; font-weight: 400; line-height: 34px; background: #3b5998; }
@media (min-width: 1400px) { #select_city_modal { bottom: auto; z-index: 30; background: none; padding: 0 !important; }
  #select_city_modal .modal-dialog { width: 100%; }
  #select_city_modal .modal-content { height: 60px; padding-left: 40px; }
  #select_city_modal .modal-content .select_wrap { width: auto; }
  #select_city_modal .modal-content select { width: 120px; margin-right: 5px; }
  #select_city_modal .modal-content select:last-child { margin-right: 5px; }
  #select_city_modal .modal-content .city_search_btn { width: 120px; margin-top: 0; } }

.web_hide { display: inline-block; }
@media (min-width: 1400px) { .web_hide { display: none !important; } }

div.mobile_hide { display: none; }
@media (min-width: 1400px) { div.mobile_hide { display: block; } }

th.mobile_hide { display: none; }
@media (min-width: 1400px) { th.mobile_hide { display: table-cell; } }

td.mobile_hide { display: none; }
@media (min-width: 1400px) { td.mobile_hide { display: table-cell; } }

.mobile_hide_thead { display: none; }
@media (min-width: 1400px) { .mobile_hide_thead { display: table-header-group; } }

.list_wrap .no_result { padding: 40px 0; text-align: center; border-top: 2px solid #707070; border-bottom: 1px solid #707070; }
.list_wrap .no_result p { padding-top: 10px; }
.list_wrap .list_more { display: block; width: 100%; height: 48px; line-height: 46px; background: #fff; border: 1px solid #cbcbcb; text-align: center; margin-top: 10px; border-radius: 9px; font-weight: 400; font-size: 13px; color: #939393; }
.list_wrap .list_more:hover { background: #f8f8f8; }
.list_wrap .list_more img { width: 12px; margin-bottom: 3px; vertical-align: middle; margin-right: 10px; }
.list_wrap .list_more span { font-size: 11px; font-weight: 300; margin-left: 5px; }
@media (min-width: 1400px) { .list_wrap .list_more { font-size: 18px; height: 58px; line-height: 56px; }
  .list_wrap .list_more span { font-size: 16px; }
  .list_wrap .list_more img { width: 18px; } }
.list_wrap > ul > li { margin-bottom: 15px; border: 1px solid #ccc; border-radius: 8px; -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.15); }
.list_wrap > ul > li h5 { font-size: 18px; font-weight: 400; padding-right: 130px; padding-bottom: 10px; }
.list_wrap > ul > li .info { width: 100%; font-size: 0; position: relative; }
.list_wrap > ul > li .info .info_top { height: 38vw; display: block; width: 100%; max-height: 140px; }
.list_wrap > ul > li .info .play_wrap { width: 60%; height: 100%; display: inline-block; position: relative; overflow: hidden; background: rgba(255, 255, 255, 0.3); }
.list_wrap > ul > li .info .play_wrap.empty { background: url(../images/detail/empty_img.png) no-repeat 0 0; background-size: 100% 100%; border-top-left-radius: 7px; }
.list_wrap > ul > li .info .play_wrap .class_img { border-top-left-radius: 7px; width: 100%; height: 100%; }
.list_wrap > ul > li .info .play_wrap .play_btn { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding-top: 15%; text-align: center; width: 100%; height: 100%; border-top-left-radius: 7px; background: rgba(0, 0, 0, 0.3); }
.list_wrap > ul > li .info .play_wrap .play_btn img { width: 45px; }
.list_wrap > ul > li .info .play_wrap .play_btn p { padding-top: 8px; font-size: 13px; font-weight: 400; color: #fff; }
.list_wrap > ul > li .info .info_wrap { width: 40%; display: inline-block; font-size: 14px; padding: 10px 0 0 10px; vertical-align: top; }
.list_wrap > ul > li .info .info_wrap p { color: #939393; }
.list_wrap > ul > li .info .info_wrap p .state_label { color: #fff; }
.list_wrap > ul > li .info .info_wrap dl { width: 100%; padding-top: 3px; font-size: 0; line-height: 2; }
.list_wrap > ul > li .info .info_wrap dl dt, .list_wrap > ul > li .info .info_wrap dl dd { display: inline-block; font-size: 13px; vertical-align: middle; color: #939393; }
.list_wrap > ul > li .info .info_wrap dl dt { padding-right: 5px; width: 40%; min-width: 48px; }
.list_wrap > ul > li .info .info_wrap dl dt img { width: 14px; vertical-align: middle; margin-right: 3px; margin-bottom: 2px; }
@media (min-width: 600px) { .list_wrap > ul > li .info .info_wrap dl dt { width: 25%; } }
@media (min-width: 1400px) { .list_wrap > ul > li .info .info_wrap dl dt { width: 15%; } }
.list_wrap > ul > li .info .info_wrap dl dd { width: 48%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (min-width: 600px) { .list_wrap > ul > li .info .info_wrap dl dd { width: 75%; } }
.list_wrap > ul > li .info .play_title { width: 100%; padding: 13px 10px; display: block; position: relative; border-top: 1px solid #ccc; }
.list_wrap > ul > li .info .play_title h2 { font-size: 15px; display: inline-block; font-weight: 400; color: #4d4d4d; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; padding-right: 100px; }
.list_wrap > ul > li .info .play_title .price { position: absolute; line-height: 1.3; top: -1px; right: 10px; font-size: 18px; font-weight: 400; color: #3b5998; text-align: right; }
@media (min-width: 600px) { .list_wrap > ul > li .info .info_top { height: 22.5vw; max-height: 200px; }
  .list_wrap > ul > li .info .play_wrap { width: 40%; height: 100%; }
  .list_wrap > ul > li .info .play_wrap .play_btn p { font-size: 18px; }
  .list_wrap > ul > li .info .info_wrap { width: 60%; } }
@media (min-width: 1400px) { .list_wrap > ul > li .info .play_wrap { width: 33.3333%; }
  .list_wrap > ul > li .info .play_wrap .play_btn img { width: 72px; }
  .list_wrap > ul > li .info .info_wrap { width: 66.6666%; padding: 20px 0 0 30px; font-size: 21px; }
  .list_wrap > ul > li .info .info_wrap p span.state_label { width: 72px; height: 28px; line-height: 28px; margin-right: 10px; }
  .list_wrap > ul > li .info .info_wrap p span, .list_wrap > ul > li .info .info_wrap p { font-size: 16px; font-weight: 400; }
  .list_wrap > ul > li .info .info_wrap dl { line-height: 2.2; padding-top: 10px; }
  .list_wrap > ul > li .info .info_wrap dl dt, .list_wrap > ul > li .info .info_wrap dl dd { font-size: 16px; }
  .list_wrap > ul > li .info .info_wrap dl dd { width: 83%; }
  .list_wrap > ul > li .info .info_wrap dl dt { padding-right: 20px; }
  .list_wrap > ul > li .info .info_wrap dl dt img { width: 21px; }
  .list_wrap > ul > li .info .play_title { padding: 15px 30px; }
  .list_wrap > ul > li .info .play_title h2 { font-size: 21px; }
  .list_wrap > ul > li .info .play_title .price { right: 30px; font-size: 23px; text-align: right; }
  .list_wrap > ul > li .info .play_title .price .sub_text { font-size: 16px; } }
.list_wrap > ul > li .info span.state_label { width: 50px; font-size: 11px; margin-bottom: 2px; display: inline-block; vertical-align: middle; text-align: center; height: 20px; line-height: 20px; border-radius: 4px; color: #fff; }
.list_wrap > ul > li .info span.state_label.ending { background: #f45556; }
.list_wrap > ul > li .info span.state_label.ing { background: #3b5998; }
.list_wrap > ul > li .info span.state_label.end { background: #939393; }
.list_wrap > ul > li p.detail_info { font-size: 13px; font-weight: 300; color: #b0b0b0; padding-bottom: 10px; letter-spacing: 0; }
.list_wrap > ul > li .price { font-size: 18px; font-weight: 300; letter-spacing: 0; }
.list_wrap > ul > li .price span { font-weight: 400; }
.list_wrap > ul > li .btn_wrap { position: absolute; bottom: 15px; right: 10px; }
.list_wrap > ul > li .btn_wrap a { display: inline-block; width: 130px; height: 34px; line-height: 32px; font-size: 15px; font-weight: 400; }
.list_wrap > ul > li .btn_wrap a.btn-round { border-radius: 40px; }
.list_wrap > ul > li .btn_wrap a.btn-line { border: 1px solid #3b5998; color: #3b5998; }
.list_wrap > ul > li .btn_wrap a.btn-primary { margin-left: 5px; border: 1px solid #3b5998; width: 50px; }
.list_wrap > ul > li .panel-heading { text-align: center; background: #f2f2f2; font-size: 0; border-top: 1px solid #ccc; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.list_wrap > ul > li .panel-heading .more_btn { padding: 11px 0; width: 100%; }
.list_wrap > ul > li .panel-heading .more_btn:hover { background: #eee; }
.list_wrap > ul > li .panel-heading .more_btn.col-2 { width: 60%; }
.list_wrap > ul > li .panel-heading .more_btn.col-2:hover { background: #eee; }
.list_wrap > ul > li .panel-heading .sell_btn.col-2 { border-left: 1px solid #ccc; width: 40%; padding: 11px 0; }
.list_wrap > ul > li .panel-heading .sell_btn.col-2:hover { background: #eee; }
@media (min-width: 600px) { .list_wrap > ul > li .panel-heading .more_btn.col-2 { width: 33.3333%; }
  .list_wrap > ul > li .panel-heading .sell_btn.col-2 { width: 66.6666%; } }
.list_wrap > ul > li .panel-heading a { color: #888; font-size: 14px; font-weight: 400; display: inline-block; position: relative; }
.list_wrap > ul > li .panel-heading a img { height: 25px; margin-right: 5px; vertical-align: middle; }
.list_wrap > ul > li .panel-heading a.blue_text { color: #3b5998; }
@media (min-width: 1400px) { .list_wrap > ul > li .panel-heading a { font-size: 18px; }
  .list_wrap > ul > li .panel-heading a img { height: 30px; } }
.list_wrap > ul > li .panel { border-bottom: 0; margin-bottom: 0; }
.list_wrap > ul > li .panel.open .panel-heading { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.list_wrap > ul > li .panel-body { background: #f2f2f2; padding: 10px; color: #939393; border-top: 1px solid #ccc; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.list_wrap > ul > li .panel-body .item { font-size: 0; font-size: 14px; line-height: 1.8; padding-bottom: 20px; }
.list_wrap > ul > li .panel-body h2 { display: block; padding: 5px 0; width: 100%; font-weight: 400; font-size: 15px; vertical-align: top; }
.list_wrap > ul > li .panel-body .icon_detail { width: 18px; margin-bottom: 5px; margin-right: 5px; vertical-align: middle; }
.list_wrap > ul > li .panel-body .time { font-size: 0; }
.list_wrap > ul > li .panel-body .time li { width: 50%; font-size: 14px; display: inline-block; }
@media (min-width: 1400px) { .list_wrap > ul > li .panel-body h2 { font-size: 18px; }
  .list_wrap > ul > li .panel-body .icon_detail { width: 30px; } }
@media (min-width: 1400px) { .list_wrap > ul > li { border: 1px solid #ccc; }
  .list_wrap > ul > li h5 { font-size: 21px; font-weight: 400; padding-bottom: 10px; }
  .list_wrap > ul > li p.detail_info { font-size: 13px; font-weight: 300; color: #b0b0b0; padding-bottom: 20px; letter-spacing: 0; }
  .list_wrap > ul > li .price { font-size: 21px; font-weight: 300; letter-spacing: 0; }
  .list_wrap > ul > li .price span { font-weight: 400; }
  .list_wrap > ul > li .price .sub_text { font-size: 15px; }
  .list_wrap > ul > li .btn_wrap { position: absolute; right: 30px; bottom: 30px; }
  .list_wrap > ul > li .btn_wrap a { width: 160px; height: 40px; line-height: 38px; font-size: 18px; }
  .list_wrap > ul > li .btn_wrap a.btn-primary { width: 130px; }
  .list_wrap > ul > li .panel-body { padding: 30px; }
  .list_wrap > ul > li .panel-body .time li { display: block; }
  .list_wrap > ul > li .panel-body .item { width: 50%; display: inline-block; }
  .list_wrap > ul > li .panel-body .item:nth-child(2n) { float: right; zoom: 1; }
  .list_wrap > ul > li .panel-body .clear { clear: both; display: block; width: 100%; height: 1px; } }

.detail_title img { width: 20px; vertical-align: middle; margin-bottom: 3px; margin-right: 5px; }
@media (min-width: 1400px) { .detail_title img { width: 27px; } }

#play_popup { background: rgba(0, 0, 0, 0.3); overflow-y: scroll; }
#play_popup .modal-body { padding: 0; }
#play_popup .video_wrap { width: 100%; height: 250px; position: relative; }
#play_popup .video_wrap iframe { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; border: 0; }
#play_popup .modal-content { border: none; }
#play_popup .modal-dialog { position: absolute; top: 50%; margin: -220px 0 0 0; left: 10px; right: 10px; }
#play_popup .video_info { padding: 0 15px 15px; }
#play_popup .video_info h5 { padding: 20px 0 5px; }
#play_popup p.detail_info { font-size: 13px; font-weight: 300; color: #b0b0b0; padding-bottom: 10px; letter-spacing: 0; }
@media (min-width: 600px) { #play_popup .video_wrap { height: 400px; }
  #play_popup .modal-dialog { margin: 0 auto; top: 100px; } }
@media (min-width: 768px) { #play_popup .modal-dialog { width: auto; } }
@media (min-width: 1400px) { #play_popup { padding: 0 !important; }
  #play_popup .modal-dialog { width: 700px; } }

.half_btn { width: 50%; display: inline-block; }

.popup_btn { font-size: 0; }
@media (min-width: 1400px) { .popup_btn { text-align: right; padding: 0 35px 40px; }
  .popup_btn .half_btn { width: 136px; margin-left: 10px; } }
.popup_btn .form_btn { height: 52px; line-height: 52px; font-weight: 400; color: #fff; font-size: 18px; }

.sell_popup_btn { font-size: 0; }
.sell_popup_btn .btn { font-weight: 400; font-size: 17px; }
@media (min-width: 600px) { .sell_popup_btn { text-align: right; padding: 0 40px 40px; }
  .sell_popup_btn .half_btn { width: 136px; margin-left: 10px; } }
.sell_popup_btn .form_btn { height: 52px; line-height: 52px; font-weight: 400; color: #fff; font-size: 18px; }
.sell_popup_btn .form_btn.btn-gray { background: #707070; }

.popup_content.new { min-height: 100%; max-height: 100%; background: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0 0 40px 0; }
.popup_content.new header { line-height: 1; padding: 25px 17px; height: 184px; position: relative; margin-bottom: 30px; background: url("../images/main_pattern.png") repeat; }
.popup_content.new header h3 { color: #fff; font-size: 24px; font-weight: 400; line-height: 31px; text-align: left; }
.popup_content.new .step_wrap { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); background: #fff; border-radius: 4px; top: 150px; left: 33px; right: 33px; height: 67px; margin: 0 auto; position: absolute; text-align: center; }
.popup_content.new .step_wrap img { width: 48px; margin-top: 10px; }
.popup_content.new .step_wrap img:nth-child(2) { margin: 0 10px; }
.popup_content.new .line_input { font-size: 15px; height: 40px; border-radius: 3px; border: 1px solid #939393; }
.popup_content.new .line_input.form-control { padding-left: 10px; width: 30%; max-width: 90px; }
.popup_content.new .line_input.form-control.full { max-width: 100%; }
.popup_content.new .line_input:focus { border: 1px solid #3b5998; box-shadow: 0 0 5px rgba(59, 89, 152, 0.5); }
.popup_content.new .line_input.full { width: 100%; }
.popup_content.new img.close { width: 31px; height: 31px; cursor: pointer; position: absolute; top: 22px; right: 17px; }
.popup_content.new .event_wrap { border-top: 0; border-bottom: 0; }
.popup_content.new .event_wrap h5 { color: #fff; line-height: 1; font-size: 20px; font-weight: 400; padding-bottom: 11px; }
.popup_content.new .event_wrap p { font-size: 15px; color: #fff; font-weight: 300; }
.popup_content.new .section { padding: 17px; }
.popup_content.new .section .section_title { font-size: 17px; font-weight: 400; color: #3b5998; display: inline-block; padding: 10px 0; }
.popup_content.new .section .section_title:before { display: none; }
.popup_content.new .section span.sub { font-size: 14px; }
.popup_content.new .section table td, .popup_content.new .section table th { vertical-align: middle; }
.popup_content.new .section .blue_text.xl { font-size: 26px; }
.popup_content.new .section .point_tr th { vertical-align: top; }
.popup_content.new .section .point_tr div { width: 100%; max-width: 255px; height: 170px; padding: 15px; border-radius: 11px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background: url("../images/members/bg_card.png"); background-size: 255px 175px; }
.popup_content.new .section .point_tr div .title_img { width: 76px; display: block; }
.popup_content.new .section .point_tr div input { height: 40px; border-radius: 3px; background: #25417d; color: #fff; width: 100%; padding-left: 10px; border: 1px solid #fff; margin: 10px 0; }
.popup_content.new .section .point_tr div ::-webkit-input-placeholder { color: #fff; }
.popup_content.new .section .point_tr div :-ms-input-placeholder { color: #fff; }
.popup_content.new .section .point_tr div input::-moz-placeholder { color: #fff; }
.popup_content.new .section .point_tr div p { text-align: center; color: #fff; font-size: 15px; margin-bottom: 10px; }
.popup_content.new .section .point_tr div .btn { background: #fff; width: 100%; }
.popup_content.new .section .point_tr div .btn:hover { background: #f2f2f2; }
.popup_content.new .user_form_sub { padding: 0 17px 17px; }
.popup_content.new.finish header { height: 82px; padding: 26px; position: fixed; z-index: 111; }
.popup_content.new.finish img.close { top: 26px; }
.popup_content.new.finish .section { padding-top: 140px; }
@media (min-width: 600px) { .popup_content.new.finish header { padding: 26px 40px; }
  .popup_content.new.finish .section { padding-top: 180px; } }
@media (min-width: 600px) { .popup_content.new header { padding: 40px; height: 225px; }
  .popup_content.new header h3 { font-size: 30px; }
  .popup_content.new .section { padding: 17px 40px 0; }
  .popup_content.new .section .section_title { width: auto; }
  .popup_content.new img.close { top: 40px; right: 40px; }
  .popup_content.new .step_wrap { top: 190px; left: 190px; right: 190px; }
  .popup_content.new .step_wrap img:nth-child(2) { margin: 0 40px; }
  .popup_content.new .event_wrap { padding-top: 40px; }
  .popup_content.new .event_wrap h5 { font-size: 25px; }
  .popup_content.new .half_table { border-top: 0; }
  .popup_content.new .half_table tr { border-bottom: 0; padding: 5px 0; }
  .popup_content.new .half_table th, .popup_content.new .half_table td { padding: 0; }
  .popup_content.new .user_form_sub { padding: 0 40px 17px; } }

.popup_content { padding: 15px; }
.popup_content input.form-control { height: 32px; display: inline-block; border: 1px solid #ccc; padding: 0 5px; }
.popup_content .half_table th, .popup_content .half_table td { text-align: left; }
@media (min-width: 600px) { .popup_content .half_table { border-top: 2px solid #555555; }
  .popup_content .half_table tr { border-bottom: 1px solid #e8e8e8; padding: 0; }
  .popup_content .half_table td { width: 85%; position: relative; }
  .popup_content .half_table th { width: 15%; }
  .popup_content .half_table th, .popup_content .half_table td { padding: 10px 20px; } }
.popup_content .section { padding: 15px 0; position: relative; }
.popup_content .section .section_wrap { padding-bottom: 25px; }
.popup_content .section .section_wrap.bottom_line { border-bottom: 1px solid #cccccc; }
.popup_content .section h3 { padding: 0 15px 10px; color: #444; }
.popup_content .section h3:before { content: ""; border: 2px solid #444; border-radius: 100%; position: absolute; left: 3px; top: 26px; }
.popup_content .section > dl { width: 100%; padding: 0; font-size: 0; }
.popup_content .section > dl dt { font-size: 14px; color: #454545; width: 30%; display: inline-block; line-height: 1.7; vertical-align: top; padding: 2px 0; }
.popup_content .section > dl dd { font-size: 14px; padding: 2px 0; line-height: 1.7; color: #999999; width: 70%; display: inline-block; vertical-align: top; }
@media (min-width: 600px) { .popup_content .section > dl { border-top: 2px solid #555555; padding: 0; }
  .popup_content .section > dl dt { width: 15%; padding: 10px 20px; display: inline-block; border-bottom: 1px solid #d9d9d9; }
  .popup_content .section > dl dd { width: 35%; padding: 10px 20px; display: inline-block; border-bottom: 1px solid #d9d9d9; }
  .popup_content .section > dl dd:nth-of-type(2n-1) { border-right: 1px solid #d9d9d9; } }
@media (min-width: 600px) { .popup_content { padding: 40px; }
  .popup_content .section { border-bottom: none; }
  .popup_content .section h3 { padding: 0 20px 10px; color: #444; }
  .popup_content .section h3:before { content: ""; border: 3px solid #444; border-radius: 100%; position: absolute; left: 5px; top: 28px; } }
.popup_content .event_wrap { width: 100%; padding: 28px 0; border-top: 2px solid #444; border-bottom: 1px solid #444; text-align: center; margin-bottom: 10px; }
.popup_content .event_wrap h5 { font-size: 28px; font-weight: 400; color: #444444; }
.popup_content .event_wrap p { font-size: 13px; color: #acacac; }
@media (min-width: 600px) { .popup_content .event_wrap { margin-bottom: 0; border-top: 2px solid #444; border-bottom: none; } }
@media (min-width: 600px) { .popup_content dl.event { border-top: 1px solid #d9d9d9; } }

#question_popup { background: rgba(0, 0, 0, 0.2); }
#question_popup table { padding: 15px; overflow-y: hidden; }
#question_popup table td { position: relative; }
@media (min-width: 600px) { #question_popup table td .btn-gray { position: absolute; right: 0; top: 0; } }
@media (min-width: 1400px) { #question_popup table td .btn-gray { position: absolute; right: 20px; top: 10px; } }
#question_popup table .file { padding-right: 110px; }
@media (min-width: 1400px) { #question_popup .half_table { border-top: none; } }
#question_popup .half_btn { width: 50%; display: inline-block; }
@media (min-width: 1400px) { #question_popup .half_btn { width: 15%; } }
#question_popup .popup_btn { position: fixed; bottom: 0; left: 0; right: 0; }
@media (min-width: 1400px) { #question_popup .popup_btn { position: relative; } }
#question_popup .modal-body { padding: 48px 0 60px; height: 100%; overflow-y: scroll; }
#question_popup .modal-body .section { border-bottom: 1px solid #eee; padding: 15px 0; }
#question_popup .modal-body .section h3 { padding: 0 15px 10px; color: #444; }
#question_popup .modal-body .section h3:before { content: ""; border: 2px solid #444; border-radius: 100%; position: absolute; left: 3px; top: 26px; }
#question_popup .modal-dialog { margin: 0; position: fixed; width: 100%; top: 0; bottom: 0; left: 0; right: 0; }
#question_popup .modal-header { position: absolute; top: 0; right: 0; left: 0; height: 48px; z-index: 111; }
#question_popup .modal-content { height: 100%; border: none; }
@media (min-width: 1400px) { #question_popup { padding: 0 !important; }
  #question_popup .modal-dialog { width: 940px; height: 700px; margin: 0 auto; top: 20px; bottom: 20px; } }

.modal-open #sell_popup { overflow-y: hidden; }

.modal-open .popup { overflow-y: hidden !important; }

.modal-open .cbp-spmenu { overflow-y: hidden; }

#sell_popup, #book_info_popup, .popup { background: rgba(0, 0, 0, 0.4); }
#sell_popup .modal-body, #book_info_popup .modal-body, .popup .modal-body { z-index: 11111; padding: 48px 0 0; height: 100%; -webkit-overflow-scrolling: touch; overflow-y: scroll; -ms-overflow-style: none; }
#sell_popup .modal-body::-webkit-scrollbar, #book_info_popup .modal-body::-webkit-scrollbar, .popup .modal-body::-webkit-scrollbar { display: none; }
#sell_popup .modal-body .section, #book_info_popup .modal-body .section, .popup .modal-body .section { border-bottom: 1px solid #eee; padding: 15px 0; }
#sell_popup .modal-body .section h3, #book_info_popup .modal-body .section h3, .popup .modal-body .section h3 { padding: 0 15px 10px; color: #444; }
#sell_popup .modal-body .section h3:before, #book_info_popup .modal-body .section h3:before, .popup .modal-body .section h3:before { content: ""; border: 2px solid #444; border-radius: 100%; position: absolute; left: 3px; top: 26px; }
#sell_popup .modal-dialog, #book_info_popup .modal-dialog, .popup .modal-dialog { margin: 0; position: fixed; background: #fff; width: 100%; top: 0; bottom: 0; left: 0; right: 0; }
#sell_popup iframe, #book_info_popup iframe, .popup iframe { height: 100%; width: 100%; top: 0; right: 0; left: 0; border: 0; position: absolute; background: #fff; }
#sell_popup .modal-header, #book_info_popup .modal-header, .popup .modal-header { position: absolute; top: 0; right: 0; left: 0; height: 48px; z-index: 111; }
#sell_popup .modal-content, #book_info_popup .modal-content, .popup .modal-content { height: 100%; border: none; }
@media (min-width: 1400px) { #sell_popup, #book_info_popup, .popup { padding: 0 !important; }
  #sell_popup .modal-dialog, #book_info_popup .modal-dialog, .popup .modal-dialog { width: 840px; margin: 0 auto; top: 0px; bottom: 0px; } }

.text_center { text-align: center; }

.text_black { color: #444; }

#video { border-top: none; border-bottom: 1px solid #ccc; margin-bottom: 0; }
#video .no_result { text-align: center; padding: 40px 0; border-top: 2px solid #707070; }
#video .no_result p { padding-top: 10px; }
#video .video { width: 100%; height: 200px; }
#video .video iframe { height: 100%; width: 100%; border: 0; }
#video .panel-title { position: relative; display: inline-block; border-top: 1px solid #ccc; width: 100%; font-size: 14px; padding: 12px 25px 11px 0; font-weight: 400; color: #444; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#video .panel-title .video_title { display: inline-block; height: 20px; width: 36px; font-size: 11px; font-weight: 400; background: #3b5998; color: #fff; text-align: center; line-height: 20px; margin-right: 5px; vertical-align: middle; }
#video .panel-title.collapsed { color: #888; font-weight: 300; }
#video .panel-title.collapsed .video_title { background: #dcdcdc; }
#video .panel-title:after { content: ""; border-top: 5px solid #444; border-bottom: 5px solid transparent; border-right: 5px solid transparent; border-left: 5px solid transparent; position: absolute; top: 21px; right: 15px; }
#video .panel:first-child .panel-title { border-top: 1px solid #707070; }
@media (min-width: 600px) { #video .video { height: 400px; } }
@media (min-width: 1400px) { #video .video { height: 600px; } }

#address_info { padding-bottom: 40px; }
#address_info h4 { font-size: 18px; font-weight: 400; padding-top: 20px; }
#address_info:target { padding-top: 90px; }
@media (min-width: 1400px) { #address_info:target { padding-top: 0px; } }

.detail_search { background: #f5f5f5; border-bottom: 1px solid #ccc; padding: 10px; text-align: left; }
.detail_search ::-webkit-input-placeholder { font-size: 13px; }
.detail_search :-ms-input-placeholder { font-size: 13px; }
.detail_search input::-moz-placeholder { font-size: 13px; }
.detail_search .search_top { font-size: 0; text-align: left; }
.detail_search .search_top label, .detail_search .search_top input, .detail_search .search_top select { display: inline-block; }
.detail_search .search_top label { width: 60px; display: none; }
.detail_search .search_top input { padding-left: 5px; }
.detail_search .search_top input, .detail_search .search_top select { width: 49%; max-width: none; margin-bottom: 5px; }
.detail_search .search_top .class_name, .detail_search .search_top .select_store { margin-right: 2%; }
.detail_search .search_bottom { display: block; text-align: left; font-size: 0; }
.detail_search .search_bottom label { display: none; }
.detail_search .search_bottom .date_wrap { width: 66.23377%; float: right; margin-right: 0; }
.detail_search .search_bottom input { width: 48%; }
.detail_search .search_bottom span { width: 4%; line-height: 32px; text-align: center; display: inline-block; font-size: 15px; vertical-align: middle; }
.detail_search .search_bottom select { width: 32.46753%; float: left; margin-right: 1.2987%; }
.detail_search .search_bottom input, .detail_search .search_bottom select { max-width: none; }
.detail_search .btn { margin-top: 5px; width: 100%; height: 32px; }
@media (min-width: 1400px) { .detail_search { padding: 15px 20px; margin-bottom: 10px; border-top: 2px solid #707070; }
  .detail_search .search_top { margin-bottom: 10px; text-align: left; }
  .detail_search .search_top label { display: inline-block; }
  .detail_search .search_top input, .detail_search .search_top select { margin-right: 2%; width: 150px; }
  .detail_search .search_bottom label, .detail_search .search_bottom .date_wrap { display: inline-block; float: none; width: 325px; }
  .detail_search .search_bottom label { width: 60px; }
  .detail_search .search_bottom input, .detail_search .search_bottom select { float: none; width: 150px; }
  .detail_search .btn { width: 150px; height: 32px; margin-top: 0; } }

.sub_wrap { text-align: left; padding: 20px 10px 10px; position: relative; height: 50px; clear: both; }
.sub_wrap .excel_download { display: none; padding: 3px 10px; border-radius: 30px; font-size: 12px; position: absolute; top: 10px; right: 10px; background: #fff; color: #3b5998; border: 1px solid #3b5998; }
@media (min-width: 1400px) { .sub_wrap { padding: 15px 15px 10px; }
  .sub_wrap .excel_download { display: block; padding: 3px 10px; border-radius: 30px; font-size: 12px; position: absolute; top: 6px; right: 15px; background: #fff; color: #3b5998; border: 1px solid #3b5998; } }

.cancel_table .detail_btn { padding: 3px 5px; }
.cancel_table tbody td:nth-child(4) { min-width: 70px; }

#cancel_popup { font-size: 0; }
#cancel_popup .half_btn { width: 50%; display: inline-block; }
#cancel_popup .modal-dialog { margin: 0; border: 0; }
@media (min-width: 1400px) { #cancel_popup .modal-dialog { margin: 20px auto; } }

.sell_sum_wrap { font-size: 0; margin: 10px 0; text-align: left; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.sell_sum_wrap dt, .sell_sum_wrap dd { display: inline-block; font-size: 14px; padding: 10px; }
.sell_sum_wrap dt { background: #f5f5f5; width: 30%; }
.sell_sum_wrap dd { width: 70%; }
@media (min-width: 1400px) { .sell_sum_wrap dt { width: 13%; }
  .sell_sum_wrap dd { width: 20%; } }

body.modal-open { width: 100%; height: 100%; overflow: hidden; position: relative; top: 0; right: 0; left: 0; bottom: 0; }
@media (min-width: 1400px) { body.modal-open { position: relative; } }

#sellModal .modal-dialog { margin: 0; height: 100%; }
#sellModal .modal-dialog .modal-content { height: 100%; }
@media (min-width: 1400px) { #sellModal .modal-dialog { margin: 120px auto; height: auto; } }

#pCancelModal .modal-dialog { margin: 0; }
@media (min-width: 1400px) { #pCancelModal .modal-dialog { margin: 50px auto; } }

.ic_new_school { display: block; width: 90px; }
@media (min-width: 1400px) { .ic_new_school { width: 100px; } }

.ic_new_school.center { margin: 0 auto; }

.map_detail_wrap { width: 172px; display: inline-block; text-align: center; padding: 10px 20px; border-radius: 5px; position: absolute; bottom: -39px; left: -13px; background: #fff; margin-bottom: 10px; }
.map_detail_wrap .map_bg_point { position: absolute; width: 11px; height: 10px; bottom: -6px; right: 50%; margin-right: -5px; }
.map_detail_wrap .map_marker_list li { border-bottom: 1px solid #ccc; padding-bottom: 8px; margin-bottom: 5px; }
.map_detail_wrap .map_marker_list li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.map_detail_wrap h2 { font-size: 14px; padding-bottom: 5px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.map_detail_wrap button { height: 20px; width: 72px; line-height: 20px; border-radius: 3px; font-size: 12px; color: #fff; }
.map_detail_wrap button.default-btn { background: #3b5998; }
.map_detail_wrap button.new-btn { background: #ff7b7b; }
.map_detail_wrap.default { border: 2px solid #3b5998; }
.map_detail_wrap.new { border: 2px solid #ff7b7b; }

.map_detail_wrap.default::before { content: url(../images/map_bg_point.png); transform: scale(0.333); position: absolute; width: 11px; height: 10px; bottom: -3px; margin: 0 auto; z-index: 1111; display: block; overflow: visible; left: 50%; margin-left: -9px; }

.map_detail_wrap.new::before { content: url(../images/map_bg_point_new.png); transform: scale(0.333); position: absolute; width: 11px; height: 10px; bottom: -3px; margin: 0 auto; z-index: 1111; display: block; overflow: visible; left: 50%; margin-left: -9px; }

.animated { animation-duration: 1s; animation-fill-mode: both; }

.animated.infinite { animation-iteration-count: infinite; }

.animated.hinge { animation-duration: 2s; }

.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { animation-duration: .75s; }

@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 5%, 0); }
  to { opacity: 1; transform: none; } }
.fadeInUp { animation-name: fadeInUp; }

.scroll::-webkit-scrollbar-track { background-color: #ddd; }

.scroll::-webkit-scrollbar { width: 6px; background-color: #ddd; }

.scroll::-webkit-scrollbar-thumb { background-color: #c1c1c1; }

.address_layer { display: none; border: 2px solid; position: fixed; right: 0; max-width: 500px; height: 100%; left: 0; top: 0; overflow: hidden; z-index: 1111; }

@media (min-width: 600px) { .address_layer { width: 500px; left: 50%; margin-left: -250px; } }
div[id^="__daum__layer_"] { width: 100% !important; height: 100% !important; }

#btnCloseLayer { cursor: pointer; position: absolute; right: 0px; bottom: 0px !important; top: auto !important; width: 28px; z-index: 1112; }

.address_layer .btn_search { right: 12px !important; }

/* -----------------------------------------------------------------------------
 SLIDE AND PUSH MENUS COMPONENT 
----------------------------------------------------------------------------- */
/** Menu overview. */
.c-menu { position: fixed; z-index: 200; background-color: #2f333c; -webkit-transition: -webkit-transform 0.5s; -ms-transition: transform 0.5s; transition: transform 0.5s; }

.c-menu__items { list-style: none; margin: 0; }

/** Common modifiers for left/right menus. */
.c-menu--slide-left, .c-menu--slide-right, .c-menu--push-left, .c-menu--push-right { height: 100%; width: 300px; overflow-y: auto; }

.c-menu--push-right .c-menu__item { display: block; text-align: left; }

.c-menu--push-right .c-menu__link { display: block; }

.c-menu--push-right .c-menu__close { display: inline-block; width: 23px; position: absolute; top: 42px; right: 40px; }

/** Slide/Push Menu Right. */
.c-menu--push-right { top: 0; right: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.5s; -ms-transition: transform 0.5s; transition: transform 0.5s; }

@media all and (min-width: 320px) { .c-menu--push-right { -webkit-transform: translateX(300px); -ms-transform: translateX(300px); transform: translateX(300px); -webkit-transition: -webkit-transform 0.5s; -ms-transition: transform 0.5s; transition: transform 0.5s; } }
.c-menu--push-right.is-active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.5s; -ms-transition: transform 0.5s; transition: transform 0.5s; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); }

/** Wrapper states.  Various wrapper states occur depending on if a menu is pushing into view, in which case, the wrapper has to be pushed by the respective distance. */
.o-wrapper.has-push-right { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); position: absolute; top: 0; bottom: 0; overflow: hidden; }

@media all and (min-width: 320px) { .o-wrapper.has-push-right { -webkit-transform: translateX(-300px); -ms-transform: translateX(-300px); transform: translateX(-300px); -webkit-transition: -webkit-transform 0.5s; -ms-transition: transform 0.5s; transition: transform 0.5s; } }
@media (min-width: 1400px) { .o-wrapper.has-push-right { position: relative; } }
/** Body states.  When a menu is active, we want to hide the overflows on the body to prevent awkward document scrolling. */
body.has-active-menu { overflow: hidden; }

/** Close button resets. */
.c-menu__close { border: none; box-shadow: none; border-radius: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; }

.c-menu__close:focus { outline: none; }

/* -----------------------------------------------------------------------------
 MASK COMPONENT 
----------------------------------------------------------------------------- */
.c-mask { position: fixed; z-index: 100; top: 0; left: 0; overflow: hidden; width: 0; height: 0; opacity: 0; -webkit-transition: opacity 0.5s, width 0s 0.5s, height 0s 0.5s; -ms-transition: opacity 0.5s, width 0s 0.5s, height 0s 0.5s; transition: opacity 0.5s, width 0s 0.5s, height 0s 0.5s; }

.c-mask.is-active { width: 100%; height: 100%; opacity: 0.7; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }

.cbp-spmenu-horizontal { width: 100%; height: 150px; left: 0; z-index: 1000; overflow: hidden; }

.cbp-spmenu-horizontal h3 { height: 100%; width: 20%; float: left; }

.cbp-spmenu-horizontal a { float: left; width: 20%; padding: 0.8em; border-left: 1px solid #258ecd; }

/* Vertical menu that slides from the left or right */
.cbp-spmenu-left { right: -240px; }

.cbp-spmenu-right { right: -100%; }

.cbp-spmenu-left.cbp-spmenu-open { left: 0px; }

.cbp-spmenu-right.cbp-spmenu-open { right: 0px; }

/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top { top: -150px; }

.cbp-spmenu-bottom { bottom: -150px; }

/* Push classes applied to the body */
/* Transitions */
.cbp-spmenu, .cbp-spmenu-push { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }

.o-wrapper.has-push-right.cbp-spmenu-push-toleft { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: translateX(-80%); -ms-transform: translateX(-80%); transform: translateX(-80%); }

.cbp-spmenu-vertical { width: 100%; height: 100%; top: 0; }

.cbp-spmenu { overflow-y: scroll; position: fixed; padding: 0; z-index: 1111; }
@media (min-width: 1400px) { .cbp-spmenu { padding: 0 300px 0 20%; } }

.book_list_wrap .no_result { padding: 40px 0; text-align: center; border-top: 2px solid #707070; border-bottom: 1px solid #707070; }
.book_list_wrap .no_result p { padding-top: 10px; }
.book_list_wrap .list_more { display: block; width: 100%; height: 48px; line-height: 46px; background: #fff; border: 1px solid #cbcbcb; text-align: center; margin-top: 10px; border-radius: 9px; font-weight: 400; font-size: 13px; color: #939393; }
.book_list_wrap .list_more:hover { background: #f8f8f8; }
.book_list_wrap .list_more img { width: 12px; margin-bottom: 3px; vertical-align: middle; margin-right: 10px; }
.book_list_wrap .list_more span { font-size: 11px; font-weight: 300; margin-left: 5px; }
.book_list_wrap > ul > li { margin-bottom: 15px; border: 1px solid #ccc; border-radius: 8px; -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.15); }
.book_list_wrap > ul > li .info { width: 100%; font-size: 0; position: relative; }
.book_list_wrap > ul > li .info .play_wrap { width: 102px; height: 153px; display: inline-block; position: relative; background: rgba(255, 255, 255, 0.3); }
.book_list_wrap > ul > li .info .play_wrap.empty { background: url(../images/detail/empty_img.png) no-repeat 0 0; background-size: 100% 100%; border-top-left-radius: 7px; }
.book_list_wrap > ul > li .info .play_wrap .class_img { border-top-left-radius: 7px; width: 100%; height: 100%; }
.book_list_wrap > ul > li .info .play_wrap .play_btn { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding-top: 13%; text-align: center; width: 100%; height: 100%; border-top-left-radius: 7px; background: rgba(0, 0, 0, 0.3); }
.book_list_wrap > ul > li .info .play_wrap .play_btn img { width: 45px; }
.book_list_wrap > ul > li .info .play_wrap .play_btn p { padding-top: 8px; font-size: 13px; font-weight: 400; color: #fff; }
.book_list_wrap > ul > li .info .info_wrap { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding-left: 102px; display: inline-block; font-size: 14px; vertical-align: top; }
.book_list_wrap > ul > li .info .info_wrap .title { text-decoration: none; height: 40px; display: block; border-bottom: 1px solid #ccc; padding-left: 10px; padding-right: 10px; line-height: 40px; font-size: 17px; font-weight: 400; color: #4d4d4d; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.book_list_wrap > ul > li .info .info_wrap dl { width: 100%; padding: 5px 10px; font-size: 0; line-height: 1.8; }
.book_list_wrap > ul > li .info .info_wrap dl dt, .book_list_wrap > ul > li .info .info_wrap dl dd { display: inline-block; font-size: 14px; vertical-align: middle; color: #4d4d4d; }
.book_list_wrap > ul > li .info .info_wrap dl dt { padding-right: 5px; width: 25%; min-width: 72px; }
.book_list_wrap > ul > li .info .info_wrap dl dt img { width: 14px; vertical-align: middle; margin-right: 3px; margin-bottom: 2px; }
.book_list_wrap > ul > li .info .info_wrap dl dd { width: 56%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (min-width: 600px) { .book_list_wrap > ul > li .info .info_wrap dl dd { width: 75%; } }
@media (min-width: 1400px) { .book_list_wrap > ul > li .info .info_wrap dl dd { width: 60%; } }
.book_list_wrap > ul > li .info .info_wrap .booked_list_detail { padding: 8px 10px; }
.book_list_wrap > ul > li .info .info_wrap .booked_list_detail li { position: relative; }
.book_list_wrap > ul > li .info .info_wrap .booked_list_detail dl { padding: 0; }
.book_list_wrap > ul > li .info .info_wrap .booked_list_detail dd { position: absolute; top: 0; left: 0; width: 100%; padding-left: 65px; font-size: 12px; }
.book_list_wrap > ul > li .info .info_wrap .booked_list_detail dd, .book_list_wrap > ul > li .info .info_wrap .booked_list_detail dt { line-height: 2; }
.book_list_wrap > ul > li .info .info_wrap .price { text-align: right; position: absolute; bottom: 10px; right: 10px; font-weight: 400; color: #3b5998; font-size: 19px; }
.book_list_wrap > ul > li .info .play_title { width: 100%; margin-top: -1px; padding: 13px 10px; display: block; position: relative; border-top: 1px solid #ccc; }
.book_list_wrap > ul > li .info .play_title h2 { font-size: 15px; display: inline-block; font-weight: 400; color: #4d4d4d; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; padding-right: 100px; }
.book_list_wrap > ul > li .info .play_title .price { position: absolute; line-height: 1.3; top: -1px; right: 10px; font-size: 18px; font-weight: 400; color: #3b5998; text-align: right; }
.book_list_wrap > ul > li .info span.state_label { width: 50px; font-size: 11px; margin-bottom: 2px; display: inline-block; vertical-align: middle; text-align: center; height: 20px; line-height: 20px; border-radius: 4px; color: #fff; }
.book_list_wrap > ul > li .info span.state_label.ending { background: #f45556; }
.book_list_wrap > ul > li .info span.state_label.ing { background: #3b5998; }
.book_list_wrap > ul > li .info span.state_label.end { background: #939393; }
.book_list_wrap > ul > li p.detail_info { font-size: 13px; font-weight: 300; color: #b0b0b0; padding-bottom: 10px; letter-spacing: 0; }
.book_list_wrap > ul > li .price { font-size: 18px; font-weight: 300; letter-spacing: 0; }
.book_list_wrap > ul > li .price span { font-weight: 400; }
.book_list_wrap > ul > li .btn_wrap { position: absolute; bottom: 15px; right: 10px; }
.book_list_wrap > ul > li .btn_wrap a { display: inline-block; width: 130px; height: 34px; line-height: 32px; font-size: 15px; font-weight: 400; }
.book_list_wrap > ul > li .btn_wrap a.btn-round { border-radius: 40px; }
.book_list_wrap > ul > li .btn_wrap a.btn-line { border: 1px solid #3b5998; color: #3b5998; }
.book_list_wrap > ul > li .btn_wrap a.btn-primary { margin-left: 5px; border: 1px solid #3b5998; width: 50px; }
.book_list_wrap > ul > li .panel-heading { text-align: center; background: #f2f2f2; font-size: 0; border-top: 1px solid #ccc; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.book_list_wrap > ul > li .panel-heading .more_btn { padding: 11px 0; width: 100%; }
.book_list_wrap > ul > li .panel-heading .more_btn:hover { background: #eee; }
.book_list_wrap > ul > li .panel-heading.col-2 .more_btn { width: 50%; }
.book_list_wrap > ul > li .panel-heading.col-2 .more_btn:hover { background: #eee; }
.book_list_wrap > ul > li .panel-heading.col-2 .sell_btn { border-left: 1px solid #ccc; width: 50%; padding: 11px 0; }
.book_list_wrap > ul > li .panel-heading.col-2 .sell_btn:hover { background: #eee; }
.book_list_wrap > ul > li .panel-heading a { color: #888; font-size: 15px; font-weight: 400; display: inline-block; position: relative; }
.book_list_wrap > ul > li .panel-heading a img { height: 25px; margin-right: 5px; vertical-align: middle; }
.book_list_wrap > ul > li .panel-heading a.blue_text { color: #3b5998; }
@media (min-width: 1400px) { .book_list_wrap > ul > li .panel-heading a img { height: 30px; } }
.book_list_wrap > ul > li .panel { border-bottom: 0; margin-bottom: 0; }
.book_list_wrap > ul > li .panel.open .panel-heading { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.book_list_wrap > ul > li .panel-body { background: #f2f2f2; padding: 10px; color: #939393; border-top: 1px solid #ccc; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.book_list_wrap > ul > li .panel-body .item { font-size: 0; font-size: 14px; line-height: 1.8; padding-bottom: 20px; }
.book_list_wrap > ul > li .panel-body h2 { display: block; padding: 5px 0; width: 100%; font-weight: 400; font-size: 15px; vertical-align: top; }
.book_list_wrap > ul > li .panel-body .icon_detail { width: 18px; margin-bottom: 5px; margin-right: 5px; vertical-align: middle; }
.book_list_wrap > ul > li .panel-body .time { font-size: 0; }
.book_list_wrap > ul > li .panel-body .time li { width: 50%; font-size: 14px; display: inline-block; }
@media (min-width: 1400px) { .book_list_wrap > ul > li .panel-body h2 { font-size: 18px; }
  .book_list_wrap > ul > li .panel-body .icon_detail { width: 30px; } }
@media (min-width: 1400px) { .book_list_wrap .list_more { font-size: 18px; height: 58px; line-height: 56px; }
  .book_list_wrap .list_more span { font-size: 16px; }
  .book_list_wrap .list_more img { width: 18px; }
  .book_list_wrap > ul { font-size: 0; width: 100%; }
  .book_list_wrap > ul > li { width: 49%; display: inline-block; border: 1px solid #ccc; }
  .book_list_wrap > ul > li .info .play_wrap { height: 180px; width: 120px; }
  .book_list_wrap > ul > li .info .info_wrap { padding-left: 120px; }
  .book_list_wrap > ul > li .info .info_wrap .title { height: 50px; line-height: 50px; padding-left: 20px; }
  .book_list_wrap > ul > li .info .info_wrap dl { padding: 15px 20px; }
  .book_list_wrap > ul > li .info .info_wrap .price { bottom: 15px; right: 20px; }
  .book_list_wrap > ul > li .info .info_wrap .booked_list_detail { padding: 10px 20px; }
  .book_list_wrap > ul > li .info .info_wrap .booked_list_detail dl { padding: 0; }
  .book_list_wrap > ul > li .info .info_wrap .booked_list_detail dl dt, .book_list_wrap > ul > li .info .info_wrap .booked_list_detail dl dd { font-size: 14px; }
  .book_list_wrap > ul > li:nth-child(2n) { margin-left: 2%; }
  .book_list_wrap > ul > li h5 { font-size: 21px; font-weight: 400; padding-bottom: 10px; }
  .book_list_wrap > ul > li p.detail_info { font-size: 13px; font-weight: 300; color: #b0b0b0; padding-bottom: 20px; letter-spacing: 0; }
  .book_list_wrap > ul > li .price { font-size: 21px; font-weight: 300; letter-spacing: 0; }
  .book_list_wrap > ul > li .price span { font-weight: 400; }
  .book_list_wrap > ul > li .price .sub_text { font-size: 15px; }
  .book_list_wrap > ul > li .btn_wrap { position: absolute; right: 30px; bottom: 30px; }
  .book_list_wrap > ul > li .btn_wrap a { width: 160px; height: 40px; line-height: 38px; font-size: 18px; }
  .book_list_wrap > ul > li .btn_wrap a.btn-primary { width: 130px; }
  .book_list_wrap > ul > li .panel-body { padding: 30px; }
  .book_list_wrap > ul > li .panel-body .time li { display: block; }
  .book_list_wrap > ul > li .panel-body .item { width: 50%; display: inline-block; }
  .book_list_wrap > ul > li .panel-body .item:nth-child(2n) { float: right; zoom: 1; }
  .book_list_wrap > ul > li .panel-body .clear { clear: both; display: block; width: 100%; height: 1px; } }

.book_popup { min-height: 100%; background: #fff; padding: 0 0 20px 0; }
.book_popup header { margin-bottom: 20px; line-height: 1; height: 156px; position: relative; background: url("../images/main_pattern.png") repeat; }
.book_popup header .title { position: relative; padding: 20px; }
.book_popup header .title.sticky { position: fixed; top: 0; right: 0; width: 100%; height: 64px; background: #3b5998; z-index: 111; }
.book_popup header h3 { color: #fff; font-size: 24px; font-weight: 400; }
.book_popup .step_wrap { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); background: #fff; border-radius: 4px; top: 150px; left: 33px; right: 33px; height: 67px; margin: 0 auto; position: absolute; text-align: center; }
.book_popup .step_wrap img { width: 48px; margin-top: 10px; }
.book_popup .step_wrap img:nth-child(2) { margin: 0 10px; }
.book_popup .line_input { font-size: 15px; height: 40px; border-radius: 3px; border: 1px solid #939393; }
.book_popup .line_input.form-control { padding-left: 10px; width: 30%; max-width: 90px; }
.book_popup .line_input.form-control.full { max-width: 100%; }
.book_popup .line_input:focus { border: 1px solid #3b5998; box-shadow: 0 0 5px rgba(59, 89, 152, 0.5); }
.book_popup .line_input.full { width: 100%; }
.book_popup img.close { width: 31px; height: 31px; cursor: pointer; position: absolute; top: 22px; right: 17px; top: 16px; }
.book_popup .event_wrap { border-top: 0; border-bottom: 0; width: 100%; padding: 15px 15px 0; text-align: center; margin-bottom: 10px; }
.book_popup .event_wrap h5 { color: #fff; line-height: 1; font-size: 20px; font-weight: 400; width: 100%; padding-bottom: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.book_popup .event_wrap p { font-size: 15px; color: #fff; font-weight: 300; }
.book_popup ul.caution { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; }
.book_popup ul.caution li { font-size: 14px; color: #4d4d4d; padding-bottom: 10px; font-weight: 400; }
.book_popup ul.caution li .detail { font-weight: 300; color: #939393; padding: 7px 0; }
.book_popup ul.caution li .detail h5 { padding-bottom: 5px; font-size: 14px; font-weight: 400; }
.book_popup ul.caution li .detail dl { font-size: 0; width: 100%; padding-left: 10px; }
.book_popup ul.caution li .detail dt, .book_popup ul.caution li .detail dd { display: inline-block; font-size: 13px; }
.book_popup ul.caution li .detail dt { width: 110px; }
.book_popup .section { position: relative; padding: 0 17px; }
.book_popup .section .caution.blue_text { font-weight: 400; font-size: 15px; padding: 10px 0; }
.book_popup .section .content_list { padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.book_popup .section .content_list li { font-size: 15px; line-height: 2; font-weight: 400; }
.book_popup .section .section_title { font-size: 17px; font-weight: 400; color: #3b5998; display: inline-block; padding: 10px 0; }
.book_popup .section .section_title:before { display: none; }
.book_popup .section .phone_num select { width: 30%; max-width: 90px; }
.book_popup .section span.sub { font-size: 14px; }
.book_popup .section .nav { padding: 16px; font-size: 0; }
.book_popup .section .nav li { height: 37px; display: inline-block; width: 49%; background: inherit; }
.book_popup .section .nav li:first-child { margin-right: 2%; }
.book_popup .section .nav li a { width: 100%; height: 100%; background: inherit; border-color: #939393; color: #939393; line-height: 35px; }
.book_popup .section .nav li.active a { border-color: #3b5998; background: #fff; color: #3b5998; box-shadow: 0 0 7px rgba(37, 65, 125, 0.2); }
.book_popup .section table { border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px; }
.book_popup .section table td, .book_popup .section table th { vertical-align: top; text-align: left; font-size: 15px; }
.book_popup .section table td.phone_num { font-size: 0; }
.book_popup .section table .account .form-control { margin-bottom: 5px; }
.book_popup .section table .btn.round { height: 37px; line-height: 35px; width: 100%; margin-top: 5px; background: inherit; }
.book_popup .section table #collectible, .book_popup .section table #collectible02 { margin-left: 15px; }
.book_popup .section table.caution_table { border-bottom: 0; }
.book_popup .section table.caution_table th { display: block; width: 100%; padding-bottom: 2px; }
.book_popup .section table.caution_table td { width: 100%; font-size: 13px; }
.book_popup .section .blue_text.xl { font-size: 26px; }
.book_popup .section .point_tr th { vertical-align: top; }
.book_popup .section .point_tr div { width: 100%; max-width: 255px; height: 170px; padding: 15px; border-radius: 11px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background: url("../images/members/bg_card.png"); background-size: 255px 175px; }
.book_popup .section .point_tr div .title_img { width: 76px; display: block; }
.book_popup .section .point_tr div input { height: 40px; border-radius: 3px; background: #25417d; color: #fff; width: 100%; padding-left: 10px; border: 1px solid #fff; margin: 10px 0; }
.book_popup .section .point_tr div ::-webkit-input-placeholder { color: #fff; }
.book_popup .section .point_tr div :-ms-input-placeholder { color: #fff; }
.book_popup .section .point_tr div input::-moz-placeholder { color: #fff; }
.book_popup .section .point_tr div p { text-align: center; color: #fff; font-size: 15px; margin-bottom: 10px; }
.book_popup .section .point_tr div .btn { background: #fff; width: 100%; }
.book_popup .section .point_tr div .btn:hover { background: #f2f2f2; }
.book_popup .user_form_sub { padding: 0 17px 17px; }
.book_popup .btn_wrap { font-size: 0; }
@media (min-width: 600px) { .book_popup .event_wrap { padding: 35px 15px 0; }
  .book_popup header { height: 194px; }
  .book_popup header h3 { font-size: 30px; }
  .book_popup header .title { padding: 40px 40px 0; }
  .book_popup header .title.sticky { position: relative; }
  .book_popup .section { padding: 0 40px; }
  .book_popup .section .section_title { width: auto; font-size: 20px; }
  .book_popup .section .nav { padding: 16px 120px 20px; }
  .book_popup .section table .account { font-size: 0; }
  .book_popup .section table .account .form-control { margin-bottom: 0; }
  .book_popup .section table .account .col_3 { width: 29%; display: inline-block; }
  .book_popup .section table .account .col_4 { width: 38%; margin: 0 2%; display: inline-block; }
  .book_popup .section table .address { font-size: 0; }
  .book_popup .section table .address input { width: 80%; display: inline-block; }
  .book_popup .section table .address p.btn.round { margin-top: 0; height: 40px; line-height: 38px; width: 18%; display: inline-block; margin-left: 2%; }
  .book_popup .section table.caution_table th { display: inline-block; width: 25%; padding-bottom: 0; }
  .book_popup .section table.caution_table td { width: 75%; }
  .book_popup img.close { top: 39px; right: 40px; }
  .book_popup .step_wrap { top: 190px; left: 190px; right: 190px; }
  .book_popup .step_wrap img:nth-child(2) { margin: 0 40px; }
  .book_popup .event_wrap h5 { font-size: 25px; }
  .book_popup .half_table { border-top: 0; }
  .book_popup .half_table tr { border-bottom: 0; padding: 5px 0; }
  .book_popup .half_table th, .book_popup .half_table td { padding: 0; }
  .book_popup .user_form_sub { padding: 0 40px 17px; } }
.book_popup .sell_popup_btn { padding: 20px 0; }

.count_input { position: relative; width: 102px; height: 30px; border: 1px solid #ccc; border-radius: 3px; background: #f2f2f2; }

.count_input input { width: 42px; position: absolute; right: 30px; left: 30px; height: 100%; top: 0; bottom: 0; background: #fff; border-right: 1px solid #ccc; border-left: 1px solid #ccc; text-align: center; }

.count_input input:focus { outline: none; }

.count_input .incr-btn { display: block; position: absolute; width: 30px; height: 30px; font-size: 18px; font-weight: 400; text-align: center; line-height: 30px; top: 50%; right: 0; margin-top: -15px; color: #4d4d4d; text-decoration: none; }

.count_input .incr-btn:first-child { right: auto; left: 0; top: 46%; }

.mypage { width: 100%; background: #fff; max-width: 1140px; margin: 0 auto; padding: 0 16px; }
.mypage .nav_wrap { margin: 15px 0; position: relative; }
.mypage .nav_wrap img { position: absolute; width: 52px; height: 52px; top: 0; left: 50%; margin-left: -26px; }
.mypage .nav-tabs { width: 100%; height: 52px; border-radius: 52px; border: 1px solid #3b5998; font-size: 0; overflow: hidden; }
.mypage .nav-tabs li { height: 100%; width: 50%; display: inline-block; text-align: center; }
.mypage .nav-tabs li a { font-size: 17px; line-height: 50px; font-weight: 300; color: #3b5998; width: 100%; display: inline-block; height: 100%; }
.mypage .nav-tabs li.active { background: #3b5998; box-shadow: 0 0px 50px black; }
.mypage .nav-tabs li.active a { font-weight: 400; color: #fff; }
.mypage .table_wrap, .mypage table { width: 100%; }
.mypage .table_wrap tbody td, .mypage table tbody td { border-bottom: 1px solid #e1e1e1; }
.mypage .table_wrap.popup_table tbody td:last-child, .mypage table.popup_table tbody td:last-child { border-bottom: none; }
.mypage .close_wrap { top: 23px; display: inline-block; right: 15px; position: absolute; }
.mypage .close_wrap img { width: 31px; }
.mypage > h1 { font-size: 26px; line-height: 1; padding-top: 25px; border-bottom: 0; height: 68px; font-weight: 400; text-align: center; margin-bottom: 10px; }
@media (min-width: 1400px) { .mypage > h1 { margin-bottom: 20px; font-size: 30px; text-align: left; } }
.mypage .big_class_level { display: block; width: 100%; }
@media (min-width: 1400px) { .mypage .big_class_level { border-top: 2px solid #555555; } }
.mypage .big_class_level > li > h3 { width: 100%; display: block; line-height: 61px; height: 65px; font-size: 20px; padding-left: 10px; cursor: pointer; }
@media (min-width: 1400px) { .mypage .big_class_level > li > h3 { padding-left: 20px; } }
.mypage .big_class_level > li { border-bottom: 1px solid #cccccc; text-align: left; position: relative; }
.mypage .big_class_level > li h3 > img { position: absolute; top: 25px; right: 10px; }
@media (min-width: 1400px) { .mypage .big_class_level > li h3 > img { right: 20px; } }
.mypage .big_class_level .sub_class_level { width: 100%; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
.mypage .big_class_level .sub_class_level > li > label, .mypage .big_class_level .sub_class_level > ul > label { display: block; padding: 15px 0 5px; font-size: 15px; color: #666; }
.mypage .big_class_level .sub_class_level > li > label input[type=radio], .mypage .big_class_level .sub_class_level > ul > label input[type=radio] { margin-right: 5px; }
.mypage .big_class_level .sub_class_level .form { padding: 5px 0; width: 100%; cursor: pointer; }
.mypage .big_class_level .btn-lg { height: 32px; padding: 0 7px; line-height: 28px; }
@media (min-width: 1400px) { .mypage .big_class_level .btn-lg { right: 0px; padding: 0 20px; width: 20%; } }
.mypage .big_class_level .right_btn { position: absolute; right: 10px; top: 15px; }
@media (min-width: 1400px) { .mypage .big_class_level .right_btn { padding: 0 20px; } }
.mypage .accordion ul ul { font-size: 0; }
.mypage .accordion > ul > li.active > ul { display: none; }
@media (min-width: 1400px) { .mypage .date_select { width: 50% !important; } }
.mypage .select_style.wide_select { width: 100% !important; }
.mypage .select_style { padding-right: 20px; }
.mypage .select_style select { height: 49px; line-height: 47px; border: 1px solid #939393; border-radius: 4px; padding-left: 15px; margin: 10px 0; background: url(../images/mypage/ic_select.png) no-repeat right 15px center; background-size: 11px 7px; width: 100%; color: #666666; font-size: 15px; }
@media (min-width: 1400px) { .mypage li.border_list { border-right: 1px solid #e1e1e1; } }
.mypage .select_style div { background: transparent url("../images/down_btn.png") no-repeat scroll right center/14px 9px; height: 50px; width: 100%; }
.mypage .select_style div select:fucus { outline: none; }
.mypage .select_style div { background: transparent url("../images/down_btn.png") no-repeat scroll right center/14px 9px; height: 50px; width: 100%; }
.mypage .select_style div select:fucus { outline: none; }
.mypage .sub_class_level h3 { font-size: 15px; font-weight: 400; color: #666666; }
.mypage .sub_class_level h3 span { color: #acacac; }
.mypage .checkbox_style > ul { line-height: 35px !important; }
.mypage .checkbox_style ul li { width: 50%; display: inline-block; }
@media (min-width: 1400px) { .mypage .checkbox_style ul li { width: 25%; } }
.mypage .checkbox_style ul li label { padding-left: 6px; }
.mypage .school_info_form { width: 100%; padding-right: 20px; }
.mypage textarea { width: 100%; padding: 10px; border: 1px solid #acacac; background: #fff; margin-top: 10px; border-radius: 3px; }
@media (min-width: 1400px) { .mypage .sub_class_level .acc_ul > li.timepicker { width: 50%; display: inline-block; } }
.mypage .noclass { position: absolute; font-size: 12px; vertical-align: middle; top: 12px; right: 14px; cursor: pointer; }
.mypage .noclass input { margin-right: 3px; }
.mypage input.form-control { width: 80%; height: 32px; background: #fff; padding-left: 5px; border: 1px solid #ccc; }
.mypage .time_input { padding: 10px 0; width: 50%; display: inline-table; }
.mypage .time_input input.time_pick { width: 96%; height: 49px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.mypage .time_input input.time_pick:first-child { margin-right: 4%; }
.mypage .time_input .input-group-addon { padding: 3px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; }
.mypage .upload_wrap { position: relative; }
.mypage .upload_wrap button { position: absolute; right: 0; top: 9px; }
.mypage .group-span-filestyle label { width: 20%; height: 30px; line-height: 28px; color: #444444; display: inline-block; }
@media (min-width: 1400px) { .mypage .group-span-filestyle label { width: 15%; } }
.mypage .caution { font-size: 13px; color: #acacac; line-height: 1.3; padding: 5px 0 15px; }
.mypage .caution span { color: #3b5998; }
.mypage .bootstrap-filestyle.input-group { height: 38px; }
.mypage .btn_wrap { text-align: right; width: 100%; padding: 20px 0 0; font-size: 0; }
.mypage .btn_wrap button { width: 100%; height: 54px; line-height: 54px; color: #fff; background: #3b5998; font-size: 18px; text-align: center; }
.mypage .btn_wrap button.half_btn { width: 50%; }
@media (min-width: 1400px) { .mypage .btn_wrap button.half_btn { width: 136px; } }
.mypage .btn_wrap button.btn-gray { background: #707070; }
.mypage #address01 { width: 140px; }
.mypage .sub_form { vertical-align: middle; width: 70px; height: 32px; display: inline-block; border: 1px solid #acacac; background: #fff; }
.mypage .address_info { display: inline-block; }
.mypage .address_info input { padding-left: 5px; }
.mypage .address_info label { padding: 0 5px; display: inline-block !important; }
.mypage .content_wrap .title.list img { width: 17px; margin-right: 5px; margin-bottom: 3px; vertical-align: middle; }
.mypage .content_wrap .title { font-size: 17px; font-weight: 400; display: block; color: #3b5998; }
.mypage .content_wrap h5.title { text-decoration: underline; cursor: pointer; }
.mypage .content_wrap h3 { padding: 17px 0; border-bottom: 1px solid #4d4d4d; }
.mypage .content_wrap .book_list_wrap.setting h3.title { border-bottom: 0; }
.mypage .content_wrap .book_list_wrap.setting .select_wrap { position: relative; padding-bottom: 10px; border-bottom: 1px solid #4d4d4d; }
.mypage .content_wrap .book_list_wrap.setting .select_wrap input { margin-right: 5px; }
.mypage .content_wrap .book_list_wrap.setting .select_wrap label { line-height: 37px; }
.mypage .content_wrap .book_list_wrap.setting .select_wrap .btn { position: absolute; right: 0; bottom: 10px; width: 120px; height: 37px; }
.mypage .content_wrap .book_list_wrap.setting .title.list { padding: 30px 0 25px; }
.mypage .content_wrap .book_list_wrap.setting .booked_list { padding-top: 20px; }
.mypage .content_wrap .book_list_wrap.setting .booked_list > li .info .info_wrap dl dt { width: 60px; }
.mypage .content_wrap .book_list_wrap.setting .booked_list > li .info .info_wrap dl dt, .mypage .content_wrap .book_list_wrap.setting .book_list_wrap > ul > li .info .info_wrap dl dd { font-size: 12px; }
.mypage .content_wrap .book_list_wrap.setting .booked_list > li { border: 0; padding-left: 20px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: relative; }
.mypage .content_wrap .book_list_wrap.setting .booked_list > li input { position: absolute; top: 0; left: 0; }
.mypage .content_wrap .book_list_wrap.setting .booked_list > li .info { border: 1px solid #ccc; border-radius: 8px; -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.15); border-radius: inherit; overflow: hidden; }
@media (min-width: 1400px) { .mypage .content_wrap .book_list_wrap.setting .booked_list { padding-top: 40px; }
  .mypage .content_wrap .book_list_wrap.setting .booked_list > li .info .info_wrap dl dt { width: 72px; }
  .mypage .content_wrap .book_list_wrap.setting .booked_list > li .info .info_wrap dl dt, .mypage .content_wrap .book_list_wrap.setting .book_list_wrap > ul > li .info .info_wrap dl dd { font-size: 14px; } }
.mypage .content_wrap .content tbody .m_btn_wrap { width: 100%; font-size: 0; }
.mypage .content_wrap .content tbody .m_btn_wrap select, .mypage .content_wrap .content tbody .m_btn_wrap button { width: 49%; display: inline-block; }
.mypage .content_wrap .content tbody .m_btn_wrap select { margin-right: 1%; }
.mypage .content_wrap .content tbody .m_btn_wrap button { margin-left: 1%; }
.mypage .content_wrap .content select.btn.round { padding-left: 28px; background: url("../images/mypage/ic_round_select.png") no-repeat right 28px center; background-size: 11px 7px; }
.mypage .content_wrap .content .price_wrap { padding: 3px 0; }
.mypage .content_wrap .content .m_hide { display: none; }
.mypage .content_wrap .content .w_hide { display: inline-block; }
.mypage .content_wrap .content p.w_hide { display: block; }
.mypage .content_wrap .content thead { line-height: 37px; }
.mypage .content_wrap .content thead td { padding: 10px 0; }
.mypage .content_wrap .content thead label { margin-left: 10px; font-size: 14px; color: #4d4d4d; }
.mypage .content_wrap .content thead .btn { float: right; height: 37px; border-radius: 37px; padding: 0 20px; }
.mypage .content_wrap .content tbody td { position: relative; }
.mypage .content_wrap .content tbody input[type="checkbox"] { position: absolute; left: 0; top: 29px; }
.mypage .content_wrap .content tbody .td_wrap { width: 100%; padding-left: 25px; }
.mypage .content_wrap .content tbody .btn { width: 100%; height: 40px; margin-top: 12px; }
.mypage .content_wrap .content tbody .lecture_title { font-size: 17px; font-weight: 400; }
.mypage .content_wrap .content td { padding: 20px 0; vertical-align: middle; }
.mypage .content_wrap .content tr { border-bottom: 1px solid #cccccc; }
.mypage .content_wrap .content h5 { padding-bottom: 8px; }
.mypage .content_wrap .content .payment_price { padding: 5px 0; font-weight: 400; }
.mypage .content_wrap .content p { font-size: 14px; font-weight: 300; }
.mypage .content_wrap .content .point { font-weight: 400; }
.mypage .content_wrap .content .point.blue { color: #3b5998; }
.mypage .content_wrap .content .point.red { color: #ed5151; }
.mypage .noresult { text-align: center; padding-top: 10%; padding-bottom: 10%; }
.mypage .noresult p { padding-top: 15px; font-size: 16px; font-weight: 300; color: #939393; }
.mypage .noresult p .point { font-weight: 400; }
.mypage .list_wrap { padding: 15px 0 25px; }
.mypage .select_btn_wrap { font-size: 0; width: 100%; padding: 10px 0; }
.mypage .select_btn_wrap input { display: none; }
.mypage .select_btn_wrap label { cursor: pointer; display: inline-block; width: 17%; margin-right: 3.6%; height: 23px; line-height: 21px; border-radius: 23px; border: 1px solid #4d4d4d; color: #4d4d4d; text-align: center; font-weight: 300; }
.mypage .select_btn_wrap label:last-child { margin-right: 0; }
.mypage .select_btn_wrap input:checked + label { border-color: #3b5998; color: #3b5998; font-weight: 400; }
.mypage .search_date { background: #fff; border-radius: 4px; border: 1px solid #ccc; text-align: left; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15); }
.mypage .search_date .selectdate_title { font-weight: 400; font-size: 15px; }
.mypage .search_date .detail { opacity: 0; height: 0; overflow: hidden; transition: opacity 1s ease-out; }
.mypage .search_date .detail dl { position: relative; }
.mypage .search_date .detail dl button { width: 100%; height: 40px; margin: 10px 0; }
.mypage .search_date .detail dt { padding: 5px 0; font-size: 15px; }
.mypage .search_date .detail dd { font-size: 0; width: 100%; }
.mypage .search_date .detail .detail_form { width: 100%; font-size: 0; }
.mypage .search_date .detail .detail_form li { font-size: 15px; width: 50%; padding-bottom: 10px; display: inline-block; }
.mypage .search_date .detail .detail_form li:nth-child(2n) { padding-left: 2%; }
.mypage .search_date .detail .detail_form li:nth-child(2n-1) { padding-right: 2%; }
.mypage .search_date .detail .detail_form label { padding-bottom: 5px; font-weight: 400; font-size: 15px; }
.mypage .search_date .detail .detail_form input, .mypage .search_date .detail .detail_form select { width: 100%; height: 42px; padding: 0 10px; border: 1px solid #ccc; border-radius: 3px; font-size: 15px; }
.mypage .search_date .search_btn { height: 42px; line-height: 42px; font-size: 17px; font-weight: 400; color: #4d4d4d; width: 100%; text-align: center; display: inline-block; }
.mypage .search_date .search_btn img { width: 14px; height: 15px; vertical-align: middle; margin-left: 5px; margin-bottom: 2px; }
.mypage .search_date .search_btn.open { display: block; }
.mypage .search_date .search_btn.close { display: none; }
.mypage .search_date.active .detail { padding: 10px; opacity: 1; height: auto; }
.mypage .search_date.active .search_btn { border-top: 1px solid #ccc; }
.mypage .search_date.active .search_btn.open { display: none; }
.mypage .search_date.active .search_btn.close { display: block; }
.mypage .search_date .date_wrap { width: 100%; font-size: 0; }
.mypage .search_date .date_wrap .datepicker { width: 48%; display: inline-block; font-size: 15px; height: 40px; border-radius: 3px; background: url("../images/mypage/ic_datepicker.png") no-repeat right 10px center; background-size: 18px 18px; cursor: pointer; vertical-align: middle; }
.mypage .search_date .date_wrap span { width: 4%; line-height: 37px; font-size: 15px; text-align: center; vertical-align: middle; display: inline-block; }
@media (min-width: 1400px) { .mypage .search_date .date_wrap button { width: 19%; margin-left: 1%; height: 30px; line-height: 28px; border-radius: 30px; display: inline-block; } }
.mypage .result_top { padding: 10px 10px 0; position: relative; }
.mypage .result_top .red_text { line-height: 37px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
.mypage .result_top .btn { width: 120px; height: 37px; position: absolute; top: 10px; right: 10px; }
@media (min-width: 1400px) { .mypage .result_top { padding: 20px 20px 0px; }
  .mypage .result_top .red_text { font-size: 18px; }
  .mypage .result_top .btn { top: 20px; right: 20px; } }
.mypage .search_date.book.active .detail { padding: 0; }
.mypage .search_date.book.active .search_list { padding: 10px; }
.mypage .search_date.book.active .result { border-top: 1px solid #ccc; }
.mypage .search_date.book.active .result ul { width: 100%; display: inline-block; font-size: 0; max-height: 120px; overflow-y: scroll; padding: 10px; }
@media (min-width: 1400px) { .mypage .search_date.book.active .result ul { padding: 10px 20px 20px; max-height: 180px; } }
.mypage .search_date.book.active .result li { display: inline-block; width: 100%; }
.mypage .search_date.book.active .result label { padding: 5px 0; font-size: 15px; color: #4d4d4d; }
.mypage .search_date.book.active .result .btn { vertical-align: top; }
.mypage .search_date.book button.search { width: 100%; height: 37px; margin: 10px 0; }
.mypage .search_date.book .detail_form .form-control { height: 37px; }
@media (min-width: 1400px) { .mypage .search_date.book.active .detail { padding: 0; }
  .mypage .search_date.book.active .search_list { padding: 20px; }
  .mypage .search_date.book.active .result ul { width: 100%; }
  .mypage .search_date.book.active .result li { width: 50%; }
  .mypage .search_date.book .detail_form { width: 80%; padding-right: 20px; display: inline-block; }
  .mypage .search_date.book .detail_form li { padding-bottom: 0; vertical-align: bottom; }
  .mypage .search_date.book .detail_form .form-control { height: 42px; }
  .mypage .search_date.book button.search { width: 20%; height: 42px; margin: 0 0 10px; }
  .mypage .search_date.book button.btn-primary { vertical-align: bottom; margin: 0; } }
.mypage .total { padding: 25px 0; position: relative; border-bottom: 1px solid #ccc; margin-bottom: 5px; }
.mypage .total .title { font-size: 17px; font-weight: 400; }
.mypage .total button { display: none; }
@media (min-width: 1400px) { .mypage .total { padding: 15px 0 30px; margin-bottom: 15px; }
  .mypage .total .title { font-size: 21px; }
  .mypage .total button { position: absolute; top: 9px; right: 0; display: block; width: 200px; height: 40px; font-size: 17px; font-weight: 400; color: #4d4d4d; }
  .mypage .total button img { width: 20px; margin-right: 5px; margin-bottom: 2px; vertical-align: middle; } }
.mypage .upload_wrapper > h3 { border-bottom: 0; color: #3b5998; font-size: 20px; font-weight: 400; border-top: 1px solid #ccc; margin-top: 20px; }
.mypage .upload_wrapper .caution_list { font-size: 0; }
.mypage .upload_wrapper .caution_list li { color: #ed5151; font-size: 14px; padding-bottom: 4px; }
.mypage .upload_wrapper .upload { padding: 20px 0; font-size: 0; }
.mypage .upload_wrapper .upload h5 { font-size: 16px; color: #3b5998; font-weight: 400; }
.mypage .upload_wrapper .upload .input_title { margin: 20px 0 10px; font-size: 11px; font-weight: 300; padding: 1px 4px; border-radius: 2px; border: 1px solid #939393; text-align: left; display: inline-block; }
.mypage .upload_wrapper .upload input { width: 100%; display: inline-block; border-radius: 4px; border: 1px solid #ccc; height: 37px; padding-left: 10px; }
.mypage .upload_wrapper .upload .upload_btn { widows: 25%; font-size: 0; padding-top: 10px; padding-bottom: 20px; }
.mypage .upload_wrapper .upload .upload_btn .btn { height: 37px; border-radius: 37px; }
.mypage .upload_wrapper .upload .upload_btn .half { width: 49%; }
.mypage .upload_wrapper .upload .upload_btn .half:first-child { margin-right: 2%; }
.mypage .upload_wrapper .upload .upload_btn .btn-primary:hover { background: #25417d; }
@media (min-width: 1400px) { .mypage .upload_wrapper .caution_list { padding: 0 15px; }
  .mypage .upload_wrapper .upload input { width: 75%; }
  .mypage .upload_wrapper .upload .upload_btn { width: 25%; display: inline-block; padding-left: 15px; padding-bottom: 0; }
  .mypage .upload_wrapper .upload .upload_btn:last-child { padding-bottom: 20px; } }
.mypage .big_class_level { border-top: 0; display: block; width: 100%; }
.mypage .big_class_level > li.slideup { border-bottom: 0; }
.mypage .big_class_level > li { border-bottom: 1px solid #cccccc; text-align: left; position: relative; }
.mypage .big_class_level > li > h3 { font-weight: 400; color: #3b5998; width: 100%; display: block; line-height: 61px; height: 65px; font-size: 20px; cursor: pointer; padding: 0; border-bottom: 0; }
.mypage .accordion_list { background: url("../images/mypage/ic_accordion.png") no-repeat right 17px center; background-size: 8px 5px; }
.mypage .accordion_list.active { background: url("../images/mypage/ic_accordion_active.png") no-repeat right 17px center; background-size: 8px 5px; }
.mypage .my_profile { color: #fff; background: #3b5998; border-radius: 7px; padding: 30px 10px 15px; }
.mypage .sub_class_level { max-height: 0; border-radius: 4px; overflow: hidden; transition: max-height 0.2s ease-out; width: 100%; }
.mypage .sub_class_level .acc_ul { border-radius: 4px; background: #fff; text-align: left; padding: 0; font-size: 0; }
.mypage .sub_class_level .acc_ul > li { position: relative; border-bottom: 1px solid #dcdcdc; display: block; width: 100%; padding: 10px 10px 0; line-height: 1.2; }
.mypage .sub_class_level .acc_ul > li p { font-size: 13px; font-weight: 400; padding-bottom: 10px; }
.mypage .sub_class_level .acc_ul > li.select_style { display: inline-block; }
.mypage .sub_class_level .acc_ul > li:last-child { border-bottom: 0; }
.mypage .sub_class_level .acc_ul > li:last-child textarea { margin-bottom: 10px; }
.mypage .sub_class_level .acc_ul > li .input_title { font-size: 11px; font-weight: 300; padding: 1px 4px; border-radius: 2px; border: 1px solid #939393; text-align: left; display: inline-block; }
.mypage .sub_class_level .acc_ul > li input.form { background: #fff; width: 100%; display: block; height: 35px; padding: 5px 0; cursor: pointer; }
.mypage .sub_class_level .acc_ul > li input.form.datepicker { height: 49px; border: 1px solid #939393; border-radius: 4px; padding-left: 15px; margin: 10px 0; background: url("../images/mypage/ic_datepicker.png") no-repeat right 10px center; background-size: 18px 18px; width: 100%; color: #666666; font-size: 15px; }
.mypage .sub_class_level .box_acc { padding: 10px; }
.mypage .sub_class_level .box_acc ul { font-size: 0; }
.mypage .sub_class_level .box_acc ul li { width: 50%; font-size: 15px; display: inline-block; font-weight: 400; line-height: 2; }
.mypage .sub_class_level.select_level > .acc_ul { border: 1px solid #ccc; }
.mypage .sub_class_level .btn_wrap { padding: 20px 0; border-bottom: 1px solid #ccc; }
.mypage .sub_class_level .caution_list li { color: #ed5151; font-size: 14px; padding-bottom: 4px; }
.mypage .big_class_level .upload { padding: 20px 0; }
.mypage .big_class_level .upload h5 { font-size: 16px; color: #3b5998; font-weight: 400; }
.mypage .big_class_level .upload .input_title { margin: 20px 0 10px; }
.mypage .big_class_level .upload .upload_form { border-bottom: 1px solid #ccc; }
.mypage .big_class_level .upload ul li input { border-radius: 4px; border: 1px solid #ccc; height: 37px; padding-left: 10px; }
.mypage .big_class_level .upload .upload_btn { padding-top: 10px; padding-bottom: 20px; }
.mypage .big_class_level .upload .upload_btn .btn { height: 37px; border-radius: 37px; }
.mypage .big_class_level .upload .upload_btn .half { width: 49%; }
.mypage .big_class_level .upload .upload_btn .half:first-child { margin-right: 2%; }
.mypage .big_class_level .upload .upload_btn .btn-primary:hover { background: #25417d; }
@media (min-width: 1400px) { .mypage { padding: 40px; }
  .mypage .select_btn_wrap { display: inline-block; position: absolute; width: 100%; top: 0; left: 0; padding-left: 85px; }
  .mypage .select_btn_wrap label { width: 70px; height: 30px; line-height: 28px; border-radius: 30px; font-size: 15px; margin-right: 20px; }
  .mypage .nav_wrap { margin: 15px 0; }
  .mypage .nav-tabs { width: 630px; margin: 0 auto; }
  .mypage .search_date { width: 100%; font-size: 0; margin: 60px 0 20px; }
  .mypage .search_date .date_wrap { width: 75%; padding-right: 10px; display: inline-block; }
  .mypage .search_date .search_btn_wrap { padding-left: 10px; width: 24.98%; display: inline-block; }
  .mypage .search_date .search_btn { height: 49px; line-height: 47px; }
  .mypage .search_date .detail { width: 100%; font-size: 0; position: relative; }
  .mypage .search_date .detail dl button { width: 100%; margin: 0; }
  .mypage .search_date .detail dt { padding: 15px 0; }
  .mypage .search_date .detail .detail_form li { width: 24.98%; }
  .mypage .search_date .detail .detail_form li:nth-child(2) { padding-right: 10px; }
  .mypage .search_date .detail .detail_form li:nth-child(3) { padding-left: 10px; }
  .mypage .search_date .detail .detail_form li:nth-child(2n-1) { padding-right: 10px; }
  .mypage .search_date .detail .detail_form li:nth-child(2n) { padding-left: 10px; }
  .mypage .search_date.active .detail { padding: 20px; }
  .mypage .content_wrap h3.title { font-size: 20px; }
  .mypage .content_wrap .content thead label { line-height: 40px; }
  .mypage .content_wrap .content thead .btn { width: 20%; height: 40px; border-radius: 40px; }
  .mypage .content_wrap .content tbody .btn_td { padding-left: 14px; }
  .mypage .content_wrap .content tbody .btn { margin-top: 0; }
  .mypage .content_wrap .content tbody input[type="checkbox"] { top: 36px; }
  .mypage .content_wrap .content td { padding: 25px 0; text-align: center; }
  .mypage .content_wrap .content td:first-child { text-align: left; }
  .mypage .content_wrap .content .m_hide { display: table-cell; }
  .mypage .content_wrap .content p.w_hide, .mypage .content_wrap .content .w_hide { display: none; }
  .mypage .content_wrap .content .w_block { display: block; text-align: center; }
  .mypage .content_wrap .content .col_2 { width: 20%; }
  .mypage .content_wrap .content .col_4 { width: 40%; }
  .mypage .my_profile_wrap { width: 530px; margin: 0 auto; }
  .mypage .big_class_level .upload ul li input { width: 75%; }
  .mypage .big_class_level .upload .upload_btn { width: 25%; display: inline-block; padding-left: 15px; padding-bottom: 0; }
  .mypage .big_class_level .upload .upload_btn:last-child { padding-bottom: 20px; }
  .mypage .sub_class_level .box_acc ul li { width: 25%; }
  .mypage .sub_class_level .acc_ul > li.select_style.half { width: 50%; }
  .mypage .sub_class_level .acc_ul > li.select_style.datepicker_wrap { border-bottom: 0; }
  .mypage .accordion_list { background-size: 14px 9px; }
  .mypage .accordion_list.active { background-size: 14px 9px; } }

.finish { text-align: center; }
.finish header { background: url("../images/main_pattern.png") repeat; background-size: 100px 100px; height: 84px; width: 100%; padding-top: 26px; }
.finish .header_logo_img { width: 106px; }
.finish .section { padding: 37px 17px 0; }
.finish .section h2 { font-size: 30px; font-weight: 400; display: inline-block; line-height: 1.3; padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 40px; color: #4d4d4d; }
.finish .section p { font-size: 15px; font-weight: 400; color: #939393; padding-bottom: 35px; }
.finish .section .btn_wrap { width: 100%; font-size: 0; }
.finish .section .btn_wrap button { font-size: 17px; font-weight: 400; }
.finish .section .btn_wrap .btn:first-child { margin-right: 2%; }
@media (min-width: 600px) { .finish .section { padding: 40px; }
  .finish .btn_wrap { width: 100%; font-size: 0; padding: 0 30%; } }

.bootstrap-timepicker { position: relative; }
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu { left: auto; right: 0; }
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before { left: auto; right: 12px; }
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after { left: auto; right: 13px; }
.bootstrap-timepicker .input-group-addon { cursor: pointer; }
.bootstrap-timepicker .input-group-addon i { display: inline-block; width: 16px; height: 16px; }

.bootstrap-timepicker-widget.dropdown-menu { padding: 4px; }
.bootstrap-timepicker-widget.dropdown-menu.open { display: inline-block; }
.bootstrap-timepicker-widget.dropdown-menu:before { border-bottom: 7px solid rgba(0, 0, 0, 0.2); border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; position: absolute; }
.bootstrap-timepicker-widget.dropdown-menu:after { border-bottom: 6px solid #FFFFFF; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; display: inline-block; position: absolute; }
.bootstrap-timepicker-widget.timepicker-orient-left:before { left: 6px; }
.bootstrap-timepicker-widget.timepicker-orient-left:after { left: 7px; }
.bootstrap-timepicker-widget.timepicker-orient-right:before { right: 6px; }
.bootstrap-timepicker-widget.timepicker-orient-right:after { right: 7px; }
.bootstrap-timepicker-widget.timepicker-orient-top:before { top: -7px; }
.bootstrap-timepicker-widget.timepicker-orient-top:after { top: -6px; }
.bootstrap-timepicker-widget.timepicker-orient-bottom:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999; }
.bootstrap-timepicker-widget.timepicker-orient-bottom:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #ffffff; }
.bootstrap-timepicker-widget a.btn, .bootstrap-timepicker-widget input { border-radius: 4px; }
.bootstrap-timepicker-widget table { width: 100%; margin: 0; }
.bootstrap-timepicker-widget table td { text-align: center; height: 30px; margin: 0; padding: 2px; }
.bootstrap-timepicker-widget table td:not(.separator) { min-width: 30px; }
.bootstrap-timepicker-widget table td span { width: 100%; }
.bootstrap-timepicker-widget table td a { border: 1px transparent solid; width: 100%; display: inline-block; margin: 0; padding: 8px 0; outline: 0; color: #333; }
.bootstrap-timepicker-widget table td a:hover { text-decoration: none; background-color: #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-color: #ddd; }
.bootstrap-timepicker-widget table td a i { margin-top: 2px; font-size: 18px; }
.bootstrap-timepicker-widget table td input { width: 25px; margin: 0; text-align: center; }

.bootstrap-timepicker-widget .modal-content { padding: 4px; }

@media (min-width: 767px) { .bootstrap-timepicker-widget.modal { width: 200px; margin-left: -100px; } }
@media (max-width: 767px) { .bootstrap-timepicker { width: 100%; }
  .bootstrap-timepicker .dropdown-menu { width: 100%; } }
/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
.bootstrap-timepicker { position: relative; }
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu { left: auto; right: 0; }
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before { left: auto; right: 12px; }
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after { left: auto; right: 13px; }
.bootstrap-timepicker .input-group-addon { cursor: pointer; }
.bootstrap-timepicker .input-group-addon i { display: inline-block; width: 16px; height: 16px; }

.bootstrap-timepicker-widget.dropdown-menu { padding: 4px; }
.bootstrap-timepicker-widget.dropdown-menu.open { display: inline-block; }
.bootstrap-timepicker-widget.dropdown-menu:before { border-bottom: 7px solid rgba(0, 0, 0, 0.2); border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; position: absolute; }
.bootstrap-timepicker-widget.dropdown-menu:after { border-bottom: 6px solid #FFFFFF; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; display: inline-block; position: absolute; }
.bootstrap-timepicker-widget.timepicker-orient-left:before { left: 6px; }
.bootstrap-timepicker-widget.timepicker-orient-left:after { left: 7px; }
.bootstrap-timepicker-widget.timepicker-orient-right:before { right: 6px; }
.bootstrap-timepicker-widget.timepicker-orient-right:after { right: 7px; }
.bootstrap-timepicker-widget.timepicker-orient-top:before { top: -7px; }
.bootstrap-timepicker-widget.timepicker-orient-top:after { top: -6px; }
.bootstrap-timepicker-widget.timepicker-orient-bottom:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999; }
.bootstrap-timepicker-widget.timepicker-orient-bottom:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #ffffff; }
.bootstrap-timepicker-widget a.btn, .bootstrap-timepicker-widget input { border-radius: 4px; }
.bootstrap-timepicker-widget table { width: 100%; margin: 0; }
.bootstrap-timepicker-widget table td { text-align: center; height: 30px; margin: 0; padding: 2px; }
.bootstrap-timepicker-widget table td:not(.separator) { min-width: 30px; }
.bootstrap-timepicker-widget table td span { width: 100%; }
.bootstrap-timepicker-widget table td a { border: 1px transparent solid; width: 100%; display: inline-block; margin: 0; padding: 8px 0; outline: 0; color: #333; }
.bootstrap-timepicker-widget table td a:hover { text-decoration: none; background-color: #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-color: #ddd; }
.bootstrap-timepicker-widget table td a i { margin-top: 2px; font-size: 18px; }
.bootstrap-timepicker-widget table td input { width: 25px; margin: 0; text-align: center; }

.bootstrap-timepicker-widget .modal-content { padding: 4px; }



/*# sourceMappingURL=style.css.map */