@charset "utf-8";
@import url("common.css?v=2");



/* Main Start */
.main_event {width:100%; 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 50%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f7f7f7), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 50%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 50%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 50%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 50%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
background:none;
}
.main_event div { margin:0 auto; width:100%; max-width:640px; }
.main_event div img { width:100%; }

.main_lecture ul { display:table; width:100%; }
.main_lecture ul li { display:table-cell; width:50%; }
.main_lecture ul li img { width:100%; max-width:320px; }
.main_lecture ul li:nth-child(1) { background:#ff5738; text-align:right; }
.main_lecture ul li:nth-child(2) { background:#07b6a5; text-align:left; }


.main_free_book {
    background: #ff5108;
}
.main_free_book p { width:100%; text-align:center;}
.main_free_book p a { display:inline-block;}
.main_free_book img { width:100%; max-width:640px;}

.main_package {
    background: #eeeeee;
}
.main_package p { width:100%; text-align:center;}
.main_package p a { display:inline-block;}
.main_package img { width:100%; max-width:640px;}
.main_free_lecture { width:100%; background:#fff1b8;}
.main_free_lecture div { width:100%; text-align:center; border-top:1px solid #cdc28c;}
.main_free_lecture ul { width:100%; max-width:640px; margin:0 auto;}
.main_free_lecture ul:after { display:block; content:""; clear:both;}
.main_free_lecture ul li { float:left; width:50%; }
.main_free_lecture ul li img { width:100%; }


.main_free_info { background:#e9e9e9;}
.main_free_info p { width:100%; text-align:center; border-top:1px solid #7f7f7f;}
.main_free_info p a { display:inline-block;}
.main_free_info img { width:100%; }

.main_teacher { background:#f2f2f2; border-top:1px solid #7f7f7f; border-bottom:1px solid #7f7f7f; }
.main_teacher ul { width:100%; }
.main_teacher ul li { border-top:1px solid #7f7f7f; text-align:center;}
.main_teacher ul li img { width:100%; max-width:640px;}
.main_teacher ul li:first-child { border-top:0; }

.main_board { border-bottom:2px solid #474747; padding:20px 5% 15px; }
.main_board > div { padding-bottom:7px; position:relative;}
.main_board ul { width:100%; }
.main_board ul li a {width:100%; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

.main_cscenter { padding:20px 5% 30px; overflow:hidden;}
.main_cscenter h2.title { padding-bottom:7px; }
.main_cscenter > div { width:48%; float:left; }
.main_cscenter > ul { width:48%; float:left; }

.main_cscenter > ul li:first-child { font-weight:bold; font-size:21px; letter-spacing:-1.5px; font-family:verdana,sans-serif; padding-bottom:7px; }
.main_cscenter > ul li p { border:1px solid #757575; text-align:center; }
.main_cscenter > ul li p a {font-weight:normal; font-size:13px; font-family:HelveticaNeue-Condensed,Helvetica,sans-serif; display:block; padding:2px 0;}
.main_cscenter > div { padding-left:10px; color:#2f2f2f; line-height:1.3 }
.main_cscenter > div p { font-size:13px; color:#000; padding-bottom:5px; }

/* Main End */

/* Board Start */

.board { margin:15px 0 20px; }
.board .board_tab { display:table; width:100%; border-top:1px solid #818181; }
.board .board_tab li {
    display:table-cell; text-align:center; box-sizing:border-box; width:33.33%; 
    border-left: 1px solid #818181; border-bottom: 1px solid #818181; background: #e9e9e9;
}
.board .board_tab li:first-child { border-left:0 }
.board .board_tab li.on { font-weight:700; background:none; border-bottom:0; }
.board .board_tab a { display:block; padding:10px 0; font-size:15px; letter-spacing:-0.07em; color:#4c4e5c; }
.board .board_main { width:100%; padding:20px 0; }
.board_view { text-align:left; width:100%; }
.board_view th,  td { padding:0 15px; text-align:left; }
.board_view th { font-size:15px; color:#373481; }
.board_view td.date { color:#6c6c6c; border-bottom:1px solid #818181; padding-bottom:5px;}
.board_view td p { padding:10px 0; }
.board_view td div.reply { background:#e1e1e1; padding:10px; border-radius:10px;}

.board_list { width:100%; }
.board_list li { margin:0;  border-top:1px solid #818181; padding:15px; box-sizing:border-box; }
.board_list li:nth-of-type(odd) { background:#f6f6f6; }
.board_list li p { width:100%; padding-bottom:5px; position:relative;}
.board_list li p .icon { font-size:14px; }
.board_list li p .date { font-size:13px; position:absolute; right:0;}
.board_list li a {
    font-size:15px; width:100%; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 
}

.board_paging { text-align:center; border-top:1px solid #818181; padding:15px 0; }
.board_paging a { color: #393b49; font-size: 15px; }
.board_write { width:90%; margin:0 auto;}
.board_write td { padding:3px 0; }
.board_write td p { border:1px solid #979797; padding:0 5px; }
.board_write td p input, select { height:30px; }
.board_write td p input, select, textarea { border:0 none; color:#000; font-size:15px; line-height:28px; width:100%; }

/* Board End */


/* Community Start */

.community { margin:15px 0 20px; }
.community .community_tab { display:table; width:100%; border-top:1px solid #818181; }
.community .community_tab li {
    display:table-cell; text-align:center; box-sizing:border-box; width:33.33%; 
    border-left: 1px solid #818181; border-bottom: 1px solid #818181; background: #e9e9e9;
}
.community .community_tab li:first-child { border-left:0 }
.community .community_tab li.on { font-weight:700; background:none; border-bottom:0; }
.community .community_tab a { display:block; padding:10px 0; font-size:15px; letter-spacing:-0.07em; color:#4c4e5c; }
.community .community_main { width:100%; padding:20px 0; }
.community_view { text-align:left; width:100%; }
.community_view th,  td { padding:0 15px; text-align:left; }
.community_view th { font-size:15px; color:#373481; }
.community_view td.title { padding-top:5px; font-size:14px;}
.community_view td p { padding:10px 0; }
.community_view td div.reply { background:#e1e1e1; padding:10px; border-radius:10px;}

.community_view span.date { font-size:11px; position:absolute; right:5px;}
.community_view span.star img { max-width:18px;  vertical-align:top}

.community_list { width:100%; }
.community_list li { margin:0;  border-top:1px solid #818181; padding:15px; box-sizing:border-box; }
.community_list li p { width:100%; padding-bottom:5px; position:relative;}
.community_list li p .icon { font-size:14px; }
.community_list li p .date { font-size:13px; position:absolute; right:0;}
.community_list li p .star img { max-width:18px;  vertical-align:top}

.community_list li a {
    font-size:15px; width:100%; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 
}

.community_paging { text-align:center; border-top:1px solid #818181; padding:15px 0; }
.community_paging a { color: #393b49; font-size: 15px; }
.community_btn { border-top:2px solid #818181; padding:20px 0 0 0;  }

.community_write { width:90%; margin:0 auto;}
.community_write td { padding:3px 0; }
.community_write td p { border:1px solid #979797; padding:0 5px; }
.community_write td p input, select { height:30px; }
.community_write td p input, select, textarea { border:0 none; color:#000; font-size:15px; line-height:28px; width:100%; }

/* Community End */


/* User Start */
.user_table { width:100%; margin-bottom:20px; }
.user_table th { padding-top: 6px; font-size: 15px;  }
.user_table td { padding:3px 0; }
.user_table td p { border:1px solid #979797; padding:0 5px; }
.user_table td p input { height:32px; color:#000; font-size:15px; line-height:28px; width:100%; box-sizing:border-box; border:0;}
td p.medium { display:inline-block; width:56%;}
td p.large { display:inline-block; width:90%;}
td p.small { width:38%; display:inline-block;}
td p.xsmall { width:20%; display:inline-block;}
.user_table td span { font-size:14px; }
.user_table td select { width:31%; height:33px; border:1px solid #979797; border-radius: 0; }
td .btn_dupli { display:inline-block; width:35%; background:#545454; vertical-align: middle;}
td .btn_dupli a { display:block; padding: 8px 0; color:#fff; font-weight:700; font-size:13px; text-align:center; }
td .btn_zipcode { display:inline-block; width:36%; vertical-align: middle;}
td .btn_zipcode a { 
    display:block; background:#545454;  border: 1px solid #484a57; padding: 5px 0; color:#fff; font-weight:700; 
    font-size:13px; text-align:center;
}
.content_point { padding:10px; background:#dceff3; border-top:1px solid #b8b8b8;}
.content_point li { text-align:center; font-weight:700;padding:2px 0; }
.content_point li:first-child { font-size:15px; color:#f1708c; }
.content_point li:last-child { font-size:16px; color:#000; }
.join { width:90%; margin:0 auto; padding:20px 0;}

.join .member_type { width:30%; margin:0 auto; }
.join .member_type li {padding-bottom: 15px; font-size: 15px; color: #393b49;}

.join .agree_box div { margin-bottom:10px; border:1px solid #818181; font-size:15px; line-height:28px; padding:5px; height: 80px; overflow-y: scroll; }
.join .agree_check { margin-bottom:10px; }
.join .agree_check li { padding:3px 0; }



.join .join_complete { font-size:15px; color:#393b49; text-align:center; line-height:1.5; margin-bottom:10px;}
.join .join_complete strong { font-weight:bold; }
.join .agree { padding-bottom:10px; }
.join .agree_title { font-size:14px; color:#037e00; font-weight:700; padding-bottom:5px; }
.join .agree_text { padding-bottom:10px;}
.join .agree_sub_title { font-size:13px; font-weight:700; padding-bottom:5px; }
.join .agree_sub_text { padding-bottom:7px; }
.join .school {}
.join .school .school_title { font-size:15px; font-weight:700; text-align:left; padding:0 0 5px; }
.join .school .school_content { }
.join .school .school_content:after { content:""; clear:both; display:block;}
.join .school .school_content li { float:left; padding:2px; box-sizing:border-box; width:50%; }
.join .school .school_content li p {  border:1px solid #979797; padding:0 5px; }
.join .school .school_content li p input { height:32px; color:#000; font-size:15px; line-height:28px; width:100%; box-sizing:border-box; border:0;}

.join .join_banner { width:100%; max-width:520px; padding-top:10px; margin:0 auto;}
.join .join_banner img { width:100%;}
.login { width:100%; max-width:640px; margin:0 auto; padding:20px 0; }
.login .login_banner { width:100%; max-width:520px; padding-top:10px; margin:0 auto;}
.login .login_banner img { width:100%; max-width:520px;}
.confirm_table { width:100%; margin-bottom:10px; }
.confirm_table td { height:41px; padding:0; vertical-align:top;}
.confirm_table td p { border:1px solid #000; padding:0 5px; }
.confirm_table td p input { height:35px; color:#000; font-size:15px; line-height:28px; width:100%; box-sizing:border-box; border:0;}
.confirm_table td div.login_btn {width: 85%; margin: 0 auto; background: #ff4d7a;}
.confirm_table td div.login_btn a { display:block; padding: 30px 0; color: #fff; font-weight: 700; font-size: 15px; text-align: center; }
.confirm_table td div.confirm_btn {width: 85%; margin: 0 auto; background: #ff4d7a;}
.confirm_table td div.confirm_btn2 {width: 85%; margin: 0 auto; background: #393b49;}
.confirm_table td div.confirm_btn a,
.confirm_table td div.confirm_btn2 a { display:block; padding: 9px 0; color: #fff; font-weight: 700; font-size: 15px; text-align: center; }
.login .save_box { display:table; width:100%; margin-bottom:30px;}
.login .save_box li { display:table-cell; }
.login .save_box li label { font-size:15px; }
.login .add_txt { margin-top:10px;  }
.login .sns_login { margin:10px 0 30px; }
.login .sns_login:after { content:""; clear:both; display:block; }
.login .sns_login li { width:49%; }
.login .sns_login li:first-child { float:left; text-align:right; background:yellow }
.login .sns_login li:last-child { float:right; text-align:left; background:yellow}
.login .sns_login li a { display:inline-block; width:100%;}
.login .sns_login li a img { width:100%; height:100%; }


.edit_confirm { width:82%; margin:0 auto; padding:20px 0; }
.edit { width:90%; margin:0 auto; padding:20px 0;}

.edit .agree_box div { margin-bottom:10px; border:1px solid #818181; font-size:15px; line-height:28px; padding:5px; height: 80px; overflow-y: scroll; }
.edit .agree_check { margin-bottom:10px; }
.edit .agree_check li { padding:3px 0; }
.edit .school {}
.edit .school .school_title { font-size:15px; font-weight:700; text-align:left; padding:0 0 5px; }
.edit .school .school_content { }
.edit .school .school_content:after { content:""; clear:both; display:block;}
.edit .school .school_content li { float:left; padding:2px; box-sizing:border-box; width:50%; }
.edit .school .school_content li p {  border:1px solid #979797; padding:0 5px; }
.edit .school .school_content li p input { height:32px; color:#000; font-size:15px; line-height:28px; width:100%; box-sizing:border-box; border:0;}

.idpw_find { width:82%; margin:0 auto; padding:20px 0; }
.idpw_find .idpw_text { padding-bottom:20px; font-weight:700; font-size:15px; text-align:center; line-height:1.2; }
.idpw_find .pw_find { padding:15px 0 }
.idpw_find .idpw_text { width:90%; margin:0 auto; }
.idpw_confirm { width:82%; margin:0 auto; padding:20px 0; }

/* User End */


/* Lecture Start */
.lecture { padding-bottom:20px; }

.lecture .title { padding:0 0 7px 12px; }
h1.lecture_title { color:#fff; font-size:15px; text-align:center; padding:11px 0; width:100%;font-weight:700; }
h1.lecture_title.red { background:#ff4d7a; }
h1.lecture_title.blue { background:#2fcdde; }
h1.lecture_title a { float:right; margin-right:8px; }
h1.lecture_title:after { content:""; clear:both; display:block;}
h1.skill_title {
    background:#2fcdde; color:#fff; font-size:15px; text-align:center; 
    padding:11px 0; width:100%;
}
.lecture_tab { overflow:hidden; width:100%; }

.lecture_tab li { 
    float:left; width:50%; border-bottom:1px solid #aaa; border-left:1px solid #777; box-sizing:border-box; padding:0 11px;
}
.lecture_tab li:nth-child(1),
.lecture_tab li:nth-child(3),
.lecture_tab li:nth-child(5) { border-left:0 }
.lecture_tab li a {
    color:#2e2e2e; font-weight:700; font-size:18px; background:url(/Content/img/icon_arrow.gif) no-repeat 0 center; background-size:17px;
    display:block; padding:8px 0 8px 22px;
}

.lecture_list { margin-top:20px; display:none;}
.lecture_list .title { overflow:hidden; }
.lecture_list .preview { color:#6c6c6c;}

.class_list { padding:20px; border-bottom:2px solid #393b49; }
.class_list li { color:#393b49; font-size:15px; line-height:1.3; }
li.icon_box { font-weight:bold; margin-bottom:3px; overflow:hidden;}
li.icon_box p { float:left; margin-right:5px; padding:0 5px; font-size:12px;}
li.icon_box p.icon_basic { border:1px solid #ff4d7a; color:#ff4d7a; }
li.icon_box p.icon_skill { border:1px solid #2fcdde; color:#2fcdde; }
li.icon_box p.icon_close { border:1px solid #a049e3; color:#a049e3; }
li.icon_box p.icon_workbook { border:1px solid #f98039; color:#f98039; }
li.icon_box p.icon_book { border:1px solid #ff4cff; color:#ff4cff; }
li.icon_box p.icon_book_text {padding-top:3px; color:#ff4cff; }

.margin_top { margin-top:7px; }
.lecture_payment { padding:10px; }
.lecture_detail {  }

.lecture_detail_list {  }
.lecture_detail_list .common_table { border-top:2px solid #4b4b4b;  }
.lecture_detail_list .common_table span{ margin-left:10px;  }
.lecture_detail_list .common_table .title { background:#eaeaea; }
.lecture_detail_list .common_table .content { display:none; }

.payment_information { margin-top:20px;}
.payment_information .payment_date { font-size:12px; color:#000; font-weight:bold;}
.payment_sum { margin-top:20px; }
.payment_sum td { padding-right:20px; }
.payment_sum td:first-child { font-weight:700; }
.payment_sum td dl { padding:10px 0; border-bottom:1px solid #B7B6B6; box-sizing:border-box;}
.payment_sum td dl:first-child { padding-top:0; }
.payment_sum td dl:last-child { padding-bottom:0; border-bottom:0; }
.payment_sum td dl:after { content:""; clear:both; display:block;}
.payment_sum td dl dd { float:left;  }
.payment_sum td dl dt { width:100%; padding:5px 0; }
.payment_sum td dl span { margin-left:5px; font-weight:normal; font-size:12px; }
.payment_sum td dl b { color:#ff0000 }
.payment_sum td p { border:1px solid #979797; padding:0 5px; margin-right:3px;  }
.payment_sum td p input[type="number"] { height:25px; color:#000; font-size:15px; line-height:25px; width:100%; box-sizing:border-box; border:0;}
.payment_sum td input[type="button"] { background:#685d5d; border:0; color:#fff; height:27px; width:80px; text-align:center; }

.payment_method { margin-top:20px;}
.payment_method td:first-child { font-weight:700; }
.payment_method .method_info { display:none;}
.payment_method .method_info li:first-child { background:#8f8f8f; color:#fff; font-size:13px; font-weight:700; padding:10px;}
.payment_method .method_info li:last-child { padding:10px; }
.payment_method .method_info li:last-child dt { font-weight:700; font-size:13px; }
.payment_btn { margin:20px 0; }
.payment_shipment { margin-top:20px; display:none; }
.payment_shipment td:first-child { font-weight:700; }
.payment_shipment td:nth-child(2) { padding:7px; text-align:left; }
.payment_shipment td p { border:1px solid #979797; padding:0 5px;  }
.payment_shipment td p input { height:30px; color:#000; font-size:15px; line-height:28px; width:100%; box-sizing:border-box; border:0;}


.payment_book { margin-top:20px; display:none; }
.payment_book p { padding:0 10px; }
.payment_book td { text-align:left !important; padding-left:15px !important; }
.payment_book td:first-child span{ color:#ff7396 !important; }
.payment_book td:last-child span{ color:#1eaec0 !important; }


/* Lecture End */


/* Package Start */
.package {  }
.package .package_text { text-align:center; padding:10px 0 8px; border-bottom:2px solid #4b4b4b;}
.package .package_text p { font-weight:700; font-size:16px; margin-bottom:5px;}
.package .package_class {  background:#f1eeec; padding:15px 0; border-bottom:1px solid #b8b8b8;}
.package .package_class h1 {  background:#393b49; color:#fff; padding:5px 0; font-weight:700; width:90%; margin:0 auto; text-align:center;}
.package .package_class ul { width:90%; margin:0 auto; margin-top:10px;  }
.package .package_class ul:after { content:""; display:block; clear:both; }
.package .package_class ul li { width:46%; background:#fff;}
.package .package_class ul li:first-child { float:left;}
.package .package_class ul li:last-child { float:right;}

.package .package_class ul li dl { width:100%; font-size:13px; }
.package .package_class ul li dl dt {  padding:10px 0; text-align:center;}
.package .package_class ul li dl.base dt { background-color:#ffe2e8; }
.package .package_class ul li dl.skill dt { background-color:#c3ecf0; }
.package .package_class ul li dl dt span { display:block; font-weight:bold; color:#000; }
.package .package_class ul li dl dd { padding:10px 3px;}
.package .package_class ul li dl dd span { display:block; }
.package .package_class ul li dl dd a {
    width:80%; margin:0 auto; display:block; background:#ff4d7a; padding:5px 3px; text-align:center; margin-top:10px;
    color:#fff; font-weight:bold;
}
.package .package_class ul li dl.base dd a { background:#ff4d7a;  }
.package .package_class ul li dl.skill dd a {background:#07b9c7;}


/*
.package .package_class {  background:#f1eeec; padding:15px 0; border-bottom:1px solid #b8b8b8;}
.package .package_class h1 {  background:#393b49; color:#fff; padding:5px 0; font-weight:700; width:90%; margin:0 auto; text-align:center;}
.package .package_class h2 { text-align:center; padding:5px 0; }
.package .package_class h2 span { color:#eb9832; font-size:12px; font-weight:bold;}
.package .package_class ul { width:90%; margin:0 auto; overflow:hidden; }
.package .package_class ul li { float:left; width:50%;}
.package .package_class ul li:nth-child(1) dl { background:#ff4d7a; }
.package .package_class ul li:nth-child(2) dl { background:#1eaec0; }
.package .package_class ul li dl { width:90%; margin:0 auto; text-align:center; font-weight:700; border-radius:5px; padding:10px 0;font-size:14px;}
.package .package_class ul li dl dd span { color:#fff;}

.package .package_class p { text-align:center; font-weight:700; color:#ff0000; }
*/
.package .package_info {
    padding: 20px;
}
.package .package_info h1 { font-weight:700; margin-bottom:10px; }
/* Package End */


/* Event Start */

.event {  }
.event .event_tab { padding:1rem; background:#f5f5f7; box-sizing:border-box}
.event .event_tab select { 
    appearance:none; -webkit-appearance:none; height:40px; padding:5px; border:1px solid #e6e7ed; background:#fff; vertical-align:middle; 
    background:url('/Content/img/icon_check.png') no-repeat right 9px center;
    background-size:25px; font-weight:bold;
}
.event .event_tab select::-ms-expand { display:none; }
.event .event_tab select option { padding:10px 0 }
.event .free_text { text-align:center; padding:10px 0 8px; }
.event .free_text p { font-weight:700; font-size:14px; }
.event .lecture_img p { width:100%; max-width:640px; margin:0 auto; }
.event .lecture_img p img { width:100%; }
.event .free_class { background:#f1eeec; padding:19px 0 6px; }
.event .free_class h1 { font-weight:700; font-size:18px; text-align:center; padding:20px 0; }
.event .free_class ul { width:90%; margin:0 auto; overflow:hidden; }
.event .free_class ul li { float:left; width:50%; margin-bottom:13px; }
.event .free_class ul li dl {
    color:#393b49; width:120px; height:120px; margin:0 auto; border:1px solid #fff; border-radius:120px; box-shadow:0 0 5px #d6d6d6; 
    background:#fff; text-align:center; font-family:HelveticaNeue-Condensed,Helvetica,sans-serif; font-weight:700; font-size:15px;
}
.event .free_class ul li dl dt { padding-top:17px; padding-bottom:1px; }
.event .free_class ul li dl dd.btn_free {
    background:#4d4f5e; width:70%; margin:3px auto 0; padding:2px 0; border:1px solid #4d4f5e; border-radius:30px
}
.event .free_class ul li dl dd.btn_free a {
    color:#fff; letter-spacing:-0.5px; font-size:13px;
}
.event .free_basic .lecture_img { background:#f96b81;}
.event .free_basic .free_class ul li dl dt { color:#ff4d7c; }

.event .free_skill .lecture_img { background:#21b4c4;}
.event .free_skill .free_class ul li dl dt { color:#22b8c8; }

.event .event_wrap { background:#f5f5f7; }
.event .event_wrap div { margin:0 auto; width:100%; max-width:640px; }
.event .event_wrap div img { width:100%; }
.event ul.event_study_tab { display:table; width:100%;}
.event ul.event_study_tab li { display:table-cell; border-left:1px solid #bcbcbc; box-sizing:border-box; width:50%;}
.event ul.event_study_tab li:first-child { border-left:0;}
.event ul.event_study_tab li a { display:block; text-align:center; padding:10px 0; font-size:13px; color:#bcbcbc }
.event ul.event_study_tab li a.on { font-weight:bold; color:#000;}
.event .event_study_wrap {  }
.event .event_study_wrap.study_so { background:#616161; }
.event .event_study_wrap.study_cha { background:#b06f2b; }
.event .event_study_wrap div { margin:0 auto; width:100%; max-width:640px; }
.event .event_study_wrap div.movie { margin:0 auto; width:90%; max-width:620px; }
.event .event_study_wrap div img { width:100%; }
.event .event_study_wrap .event_video { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
.event .event_study_wrap .event_video iframe,
.event .event_study_wrap .event_video object,
.event .event_study_wrap .event_video embed { position:absolute; top:0; left:0; width:100%; height:100%; }

.event .memoirs_tab { width:100%; display:table; }
.event .memoirs_tab li { width:14.28%; display:table-cell; }
.event .memoirs_tab li a { display:block; padding:10px 0; text-align:center;font-size:15px; font-weight:700;}
.event .memoirs_tab li:first-child a { background-color:#3142b6;color:#fff; }
.event .memoirs_tab li:nth-child(2) a { }
.event .memoirs_tab li:nth-child(3) a { background-color:#aae8ff;}
.event .memoirs_tab li:nth-child(4) a { background-color:#121c40;color:#fff; }
.event .memoirs_tab li:nth-child(5) a { background-color:#fed07b; }
.event .memoirs_tab li:nth-child(6) a { background-color:#155293; color:#fff; }
.event .memoirs_tab li:last-child a { background-color:#dcf1f2;}
.event .study_tab { width:100%; display:table; }
.event .study_tab li { width:14.28%; display:table-cell; }
.event .study_tab li a { display:block; padding:10px 0; text-align:center;font-size:15px; font-weight:700;}
.event .study_tab li:first-child a { background-color:#e7e8e2; }
.event .study_tab li:nth-child(2) a { background-color:#ea4f1f; color:#fff;}
.event .study_tab li:nth-child(3) a { background-color:#009f83; color:#fff;}
    /*
.event .lecture2022B33 { width:100%; max-width:640px; margin:0 auto; position:relative; }
.event .lecture2022B33 iframe { position:absolute; width: 80%; left:10%; aspect-ratio: 1.78}
.event .lecture2022B33 iframe.jung1 { top:24.8%;}
.event .lecture2022B33 iframe.cha1 { top:52.2%;}
.event .lecture2022B33 iframe.cha2 { top:62.6%;}
*/
.event .lecture2022B33 {   }
.event .lecture2022B33 > div { width:100%; }
.event .lecture2022B33 > div > div { width:100%; max-width:640px; margin:0 auto; position:relative;  }
.event .lecture2022B33_1 { background:#ffece5;}
.event .lecture2022B33_2 { background:#d6f6eb;}
.event .lecture2022B33_3 { background:#ff5738;}
.event .lecture2022B33 iframe { position: absolute;  aspect-ratio: 1.78 }
.event .lecture2022B33 img { width:100%; }
.event .lecture2022B33 .jung1{ top:11.6%; left:8%; width:84.6%; }
.event .lecture2022B33 .jung2{ top:93%; left:0%; width:100%;}
.event .lecture2022B33 .cha1{ top:4.8%; left:7.1%; width:84.6%;}
.event .lecture2022B33 .cha3{ top:95%; left:8%; width:84.6%;}

.event .lecture2022B35 { background:#ff5738;}
.event .lecture2022B35 > div { position:relative; width:100%; max-width:640px;  margin:0 auto; }
.event .lecture2022B35 img { width:100%; }

.event .qr2022 { width:100%; }
.event .qr2022 iframe {aspect-ratio: 1.78 }
.event .qr2022 .jung1{ width:100% }
.event .qr2022 .cha1{ width:100% }
.event .mathall { width:100%; }
.event .mathall iframe {aspect-ratio: 1.78 }
.event .mathall .jung1{ width:100% }
.event .mathall .cha1{ width:100% }


.event .memoirs2019 { width:100%; max-width:640px; margin:0 auto; position:relative; }
.event .memoirs2019 iframe { position:absolute; width: 80%; left:10%; aspect-ratio: 1.78}
.event .memoirs2019 iframe.video1 { top:26.4%;}
.event .memoirs2019 iframe.video2 { top:56.4%;}
.event .memoirs2019 iframe.video3 { top:77.9%;}

.event .memoirs2020 { width:100%; max-width:640px; margin:0 auto; position:relative; }
.event .memoirs2020 iframe { position:absolute; width: 90%; top:8.43%; left:5%; aspect-ratio: 1.78}

.event .memoirs2021 { width:100%; max-width:640px; margin:0 auto; position:relative; }
.event .memoirs2021 iframe { position:absolute; width: 90%; top:4.62%; left:5%; aspect-ratio: 1.78}

.event .memoirs2022 { width:100%; max-width:640px; margin:0 auto; position:relative; }
.event .memoirs2022 iframe { position:absolute; width: 90%; top:8.2%; left:5%; aspect-ratio: 1.78}

.event .memoirs2023 { width:100%; max-width:640px; margin:0 auto; position:relative; }
.event .memoirs2023 iframe { position:absolute; width: 90%; top:8%; left:5%; aspect-ratio: 1.78}

.event .memoirs2024 { width:100%; max-width:640px; margin:0 auto; position:relative;}
.event .memoirs2024 iframe { position:absolute; width: 80%; top:9.3%; left:10%; aspect-ratio: 1.78}

.event .memoirs { width:100%; max-width:640px; margin:0 auto; position:relative;}
.event .memoirs iframe { position:absolute; width: 80%; top:18.3%; left:10%; aspect-ratio: 1.78}

.event .studycafe { background:#fff; box-sizing:border-box; padding-bottom: 50px;}
.event .studycafe .studycafe_form { padding:0 10px; box-sizing:border-box; }
.event .studycafe .studycafe_form h2 { font-size:22px; font-weight: bold; color:#4671d0; text-align:center; padding:45px 0 15px; }
.event .studycafe .studycafe_form dl { font-weight: bold; color:#454545;margin-bottom:15px; }
.event .studycafe .studycafe_form dl dt { width:100%; padding:10px 0; color:#ff5d68;font-size:17px; text-align:center;}
.event .studycafe .studycafe_form dl dd { float: left; width:33.3%;font-size:15px; }
.event .studycafe .studycafe_form dl:after{clear:both; content:""; display:block;}
.event .studycafe .studycafe_form ul { display:table; margin:20px 0 50px; width:100%; }
.event .studycafe .studycafe_form ul li { display:table-cell; width: 33.3%; padding:0 10px;}
.event .studycafe .studycafe_form ul li select {appearance:none; -webkit-appearance:none; height:40px; padding:5px; border:1px solid #e6e7ed; background:#fff; vertical-align:middle; 
    background:url('/Content/img/icon_check.png') no-repeat right 9px center;
    background-size:25px; font-weight:bold;}
.event .studycafe .studycafe_form .btn_join {width:93%; margin:0 auto; background:#4671d0; text-align:center; color:#fff; font-size:17px; font-weight:700; }
.event .studycafe .studycafe_form .btn_join a {color:#fff; font-size:20px; font-weight:700; display:block; padding:15px 0;}

.event .qrcode { background: #323b88; box-sizing:border-box; padding:0 10% 10%; }
.event .qrcode ul { padding:20px; }
.event .qrcode li { padding: 20px 0; }
.event .qrcode li img { width:100%; height:100% }
.event .token { position:relative; }
.event .token .token_content { position:relative; }
.event .token .token_content .content_date { 
    position:absolute; top: 12.5%; left:15% ; font-size:14px; color:#fff; font-weight:600;
    display:inline-block; width:70%;
}
.event .token .token_content .content_after { 
    position:absolute; top: 65%; left:10%;  display:inline-block; width:80%; font-size:13px; color:#000; 
}
.event .token .token_content .content_after li { 
    list-style:circle; line-height:20px;
}
.event .token .token_form > ul { display:table; width:100%;  background-color:#767de5;}
.event .token .token_form > ul li { display:table-cell; width:50%; }
.event .token .token_form > ul li:first-child { padding:10px 0; text-align:center; }
.event .token .token_form > ul li:first-child img { width:80%; }
.event .token .token_form form dl { width:90%; }
.event .token .token_form form dl dt { font-size:16px; color:#fff; height:26px; padding-top:5px;}
.event .token .token_form form dl dd input[type="text"] { 
    height: 24px; border: 1px solid; padding: 0 5px; color:#000; width:100%; font-size:16px; box-sizing:border-box;

}
.event .token .token_form  form dl dd button { background-color:#222574; color:#fff; padding:5px 0; width:100% ; font-size:16px; margin-top:7px; }

.event .epoint { width:100%; max-width:640px; background-color:#fff }
.event .epoint .epoint_form form { font-size:18px; }
.event .epoint .epoint_form form dl { width:70%; margin:0 auto; display:table; margin-top:15px;}
.event .epoint .epoint_form form dl dt { width:30%; display:table-cell; text-align:right; padding-right:10px; font-weight:700}
.event .epoint .epoint_form form dl dd { width:70%; display:table-cell;}
.event .epoint .epoint_form form dl dd input[type="text"] { 
    height: 30px; border: 1px solid #818181; padding: 0 5px; color:#000; width:100%; font-size:16px; box-sizing:border-box;
}
.event .epoint .epoint_form .btn_send { text-align:center; padding:40px 0 80px; }

.event .new_lecture_video { background: #272d83; padding-bottom:40px;}

.event .new_lecture_video { text-align:center; }
.event .new_lecture_video dl { }
.event .new_lecture_video dt { padding-top:30px; }
.event .new_lecture_video dt iframe {
    width:100%;
}
.event .new_lecture_video dd { padding-top:10px; color:#fff; font-weight:700; padding-top:10px; font-size:20px;}


.lecture2022_info {  }
.lecture2022_info_video { padding:20px 0;}
.lecture2022_info_video h4 { font-size:30px; font-weight:bold; color:#192b5d; padding-top:30px; text-align:center; }
.lecture2022_info_video ul { margin-top: 50px; }
.lecture2022_info_video ul:after{ content:""; clear:both; display:block; } {  }
.lecture2022_info_video li { float:left; width:100%; text-align:center; color:#fff;  padding-top:10px; font-size:14px;}

.lecture2022_info_text{ background:#282631; padding:40px; }
.lecture2022_info_text ul {  }
.lecture2022_info_text li { color:#fff;  padding:5px 0 }
.lecture2022_info_text a { color:#9982ff; }



/* Event End */
/* Teacher Start */
.teacher {
}
.teacher .teacher_tab { display:table; width:100%; background:#f2f2f2; border-top:1px solid #bcbcbc; }
.teacher .teacher_tab li { display:table-cell; border-left:1px solid #bcbcbc; box-sizing:border-box; width:25%; }
.teacher .teacher_tab li:first-child { border-left:0; }
.teacher .teacher_tab li a {
    display:block; font-family:HelveticaNeue-Condensed,Helvetica,sans-serif; font-weight:700; font-size:15px; color:#161720;
    padding:15px 10px; line-height:1.5;
}
.teacher .teacher_tab li:nth-child(1) a span {color:#f55b80;}
.teacher .teacher_tab li:nth-child(2) a span {color:#21b4c3;}
.teacher .teacher_tab li:nth-child(3) a span {color:#f55b80;}
.teacher .teacher_tab li:nth-child(4) a span {color:#21b4c3;}
.teacher .teacher_img { background:url(/Content/img/teacher_banner_bg.gif) repeat-x 0 0; border-top:1px solid #bcbcbc; }
.teacher .teacher_img p { width:100%; max-width:640px; margin:0 auto;  }
.teacher .teacher_img p img { width:100%; }
.teacher .teacher_info { border-top:2px solid #3b3b3b; }
.teacher .teacher_info li { border-bottom:2px solid #3b3b3b; }
.teacher .teacher_info li dl { width:90%; margin:0 auto; padding:20px 0; }
.teacher .teacher_info li dl dt { font-size:15px; font-weight:bold; padding-bottom:3px; }
.teacher .teacher_info li dl dd { color:#363636 }
.teacher .teacher_video { width: 100%; max-width: 640px; margin:0 auto;}
.teacher .teacher_video iframe { width: 100%; aspect-ratio: 1.78}

/* Teacher End */


/* MyPage Start */

.myage {  }

.mypage .mylecture_list { margin-top:20px; }
.mypage .title { padding:0 0 7px 12px; }
.mypage .lecture_table tbody td { vertical-align:middle; }
.mypage .common_table tr.list_low { cursor:pointer; }
.mypage .common_table td { overflow:hidden;  }
.mypage .common_table span.list_title { float:left; margin-left:10px; font-weight:700;}
.mypage .common_table span.list_content { float:right; margin-right:10px;}
.mypage .common_table span.list_count { float:right; margin-right:10px;}
.mypage .common_table span.list_more { float:right; margin-right:10px;}
.mypage .common_table span.list_late { float:right; margin-right:10px;}


.mypage .common_table p.list_title { font-weight:700;}
.mypage .common_table p.list_content { color:#bcbcbc; margin-top:5px;}
.mypage .common_table p.list_late { margin-top:5px;}

.mypage .common_table ul.index_list { overflow:hidden;}
.mypage .common_table ul.index_list li { float:left; width:25%; padding:2px; box-sizing:border-box;}
.mypage .common_table ul.index_list li a { display:block; padding:2px; border:1px solid; text-align:center; border-radius:4px; }


.mypage ul.mylecture_tab { display:table; width:100%; }
.mypage ul.mylecture_tab li { display:table-cell; width:33.33%;  padding-bottom:5px; }
.mypage ul.mylecture_tab li a { display:block; text-align:center; font-weight:700; font-size:16px;  border-right:1px solid #d9d9d9; box-sizing:border-box;}
.mypage ul.mylecture_tab li:last-child a { border-right:0; }
.mypage ul.mylecture_tab li a.on { color:#037e00; }


.mypage .mylecture_view {
    margin-top: 20px;
}
.mypage .mylecture_view .view_content_qna_write {
    padding:20px 0;
}
.mypage .mylecture_view .view_content_qna_write table{ width:90%; margin:0 auto;}
.mypage .mylecture_view .view_content_qna_write table td { padding:3px 0; }
.mypage .mylecture_view .view_content_qna_write table td p { border:1px solid #979797; padding:0 5px; }
.mypage .mylecture_view .view_content_qna_write table td p input, select { height:30px; }
.mypage .mylecture_view .view_content_qna_write table td p input, select, textarea { border:0 none; color:#000; font-size:15px; line-height:28px; width:100%; }
.mypage .mylecture_view .view_content_qna_write table td ul.file { display:table; width:100%; }
.mypage .mylecture_view .view_content_qna_write table td ul.file li { display:table-cell; }
.mypage .mylecture_view .view_content_qna_write table td ul.file li:first-child{ width:70%; }
.mypage .mylecture_view .view_content_qna_write table td ul.file li:last-child{ width:30%; }
.mypage .mylecture_view .view_content_qna_write table td ul.file li span { border:1px solid #979797; padding:0 5px; display:inline-block; width:100%; }
.mypage .mylecture_view .view_content_qna_write table td ul.file li span input { height:30px; width:100%; }
.mypage .mylecture_view .view_content_qna_write table td ul.file li .button { 
    border:1px solid #979797; background-color:#e5e5e5; display:inline-block; width:95%; text-align:center; margin-left:5%;
    padding:7px 0;
}
.mypage .mylecture_view .view_content_qna_write table td ul.tel { display:table; width:100%; }
.mypage .mylecture_view .view_content_qna_write table td ul.tel li { display:table-cell;}
.mypage .mylecture_view .view_content_qna_write table td ul.tel li label { font-size:14px; }
.mypage .mylecture_view .view_content_qna_write table td ul.tel li:first-child { width:30%; }
.mypage .mylecture_view .view_content_qna_write table td ul.tel li:last-child { width:70%; }
.mypage .mylecture_view .view_content_qna_write table td span input, select, textarea { border:0 none; color:#000; font-size:15px; line-height:28px; width:100%; }
.mypage .mylecture_view .view_content_qna_write .qna_write_button { margin-top:20px; }
.mypage .mylecture_view .view_content_qna_write .qna_write_button p { width: 100%; }
.mypage .mylecture_view .view_content_qna_write .qna_write_button p input { display:inline-block; width:25%; padding:8px; font-size:13px; text-align:center;  }
.mypage .mylecture_view .view_content_qna_write .qna_write_button p input:nth-child(1) { background:#393b49; border: 1px solid #484a57; color: #ffffff; }
.mypage .mylecture_view .view_content_qna_write .qna_write_button p input:nth-child(2) { background:#ffffff; border: 1px solid #989898; color: #000000; }
p.btn_qna_write {width:93%; margin:25px auto 10px; background:#037e00; text-align:center; color:#fff; font-size:17px; font-weight:700}
p.btn_qna_write a {color:#fff; font-size:17px; font-weight:700; display:block; padding:10px 0;}

.mypage .mylecture_view .view_content_qna_edit {
    padding:20px 0;
}
.mypage .mylecture_view .view_content_qna_edit table{ width:90%; margin:0 auto;}
.mypage .mylecture_view .view_content_qna_edit table td { padding:3px 0; }
.mypage .mylecture_view .view_content_qna_edit table td p { border:1px solid #979797; padding:0 5px; }
.mypage .mylecture_view .view_content_qna_edit table td p input, select { height:30px; }
.mypage .mylecture_view .view_content_qna_edit table td p input, select, textarea { border:0 none; color:#000; font-size:15px; line-height:28px; width:100%; }
.mypage .mylecture_view .view_content_qna_edit table td ul.file { display:table; width:100%; }
.mypage .mylecture_view .view_content_qna_edit table td ul.file li { display:table-cell; }
.mypage .mylecture_view .view_content_qna_edit table td ul.file li:first-child{ width:70%; }
.mypage .mylecture_view .view_content_qna_edit table td ul.file li:last-child{ width:30%; }
.mypage .mylecture_view .view_content_qna_edit table td ul.file li span { border:1px solid #979797; padding:0 5px; display:inline-block; width:100%; }
.mypage .mylecture_view .view_content_qna_edit table td ul.file li span input { height:30px; width:100%; }
.mypage .mylecture_view .view_content_qna_edit table td ul.file li .button { 
    border:1px solid #979797; background-color:#e5e5e5; display:inline-block; width:95%; text-align:center; margin-left:5%;
    padding:7px 0;
}
.mypage .mylecture_view .view_content_qna_edit table td ul.tel { display:table; width:100%; }
.mypage .mylecture_view .view_content_qna_edit table td ul.tel li { display:table-cell;}
.mypage .mylecture_view .view_content_qna_edit table td ul.tel li label { font-size:14px; }
.mypage .mylecture_view .view_content_qna_edit table td ul.tel li:first-child { width:30%; }
.mypage .mylecture_view .view_content_qna_edit table td ul.tel li:last-child { width:70%; }
.mypage .mylecture_view .view_content_qna_edit table td span input, select, textarea { border:0 none; color:#000; font-size:15px; line-height:28px; width:100%; }
.mypage .mylecture_view .view_content_qna_edit .qna_edit_button { margin-top:20px; }
.mypage .mylecture_view .view_content_qna_edit .qna_edit_button p { width: 100%; }
.mypage .mylecture_view .view_content_qna_edit .qna_edit_button p input { display:inline-block; width:25%; padding:8px; font-size:13px; text-align:center;  }
.mypage .mylecture_view .view_content_qna_edit .qna_edit_button p input:nth-child(1) { background:#393b49; border: 1px solid #484a57; color: #ffffff; }
.mypage .mylecture_view .view_content_qna_edit .qna_edit_button p input:nth-child(2) { background:#ffffff; border: 1px solid #989898; color: #000000; }


.mypage .mylecture_view .view_content_qna_search {
    margin-top:10px;
    display:table;
    width:100%;
}
.mypage .mylecture_view .view_content_qna_search li {
    display:table-cell;
    padding:0 3px;
}
.mypage .mylecture_view .view_content_qna_search li:first-child {
    width:70%;
}
.mypage .mylecture_view .view_content_qna_search li:last-child {
    width:30%;
}
.mypage .mylecture_view .view_content_qna_search li select {
    width:100%; height:33px; border:1px solid #979797; border-radius: 0; 
}
.mypage .mylecture_view .view_content_qna_search li button {
    border:1px solid; padding:4px 0; width:100% ; font-size:16px; font-weight:bold;
}
.mypage .mylecture_view .view_content_qna_search li button.on {
    background-color:#222574; color:#fff; margin-top:15px;
}



.mypage .mylecture_view .view_content_qna_list { width:100%; margin-top:10px }
.mypage .mylecture_view .view_content_qna_list li { margin:0;  border-top:1px solid #818181; padding:15px; box-sizing:border-box; 
}
.mypage .mylecture_view .view_content_qna_list li p { width:100%; position:relative;}
.mypage .mylecture_view .view_content_qna_list li p:first-child { padding-bottom:5px; }
.mypage .mylecture_view .view_content_qna_list li p:first-child span { float:left; }
.mypage .mylecture_view .view_content_qna_list li p:first-child a { float:right; }
.mypage .mylecture_view .view_content_qna_list li p:first-child:after { content:""; clear:both; display:block; }
.mypage .mylecture_view .view_content_qna_list li p .icon { font-size:14px; }
.mypage .mylecture_view .view_content_qna_list li p .date { font-size:13px; position:absolute; right:0;}
.mypage .mylecture_view .view_content_qna_list li p .star img { max-width:18px;  vertical-align:top}
.mypage .mylecture_view .view_content_qna_list li p.list_title { 
    font-weight:700; width:100%; cursor:pointer;
    display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
}
.mypage .mylecture_view .view_content_qna_list li .list_content {
    display:none;
    
}
.mypage .mylecture_view .view_content_qna_list li div.list_reply {
    display:none; background: #e1e1e1; padding: 10px; border-radius: 10px; margin-top:10px;
}

.mypage .mylecture_view .view_content_qna_list .list_button { margin-top:5px; }
.mypage .mylecture_view .view_content_qna_list .list_button p { width: 100%; }
.mypage .mylecture_view .view_content_qna_list .list_button p input { display:inline-block; width:40%; padding:3px; font-size:12px; text-align:center;  }
.mypage .mylecture_view .view_content_qna_list .list_button p input:nth-child(1) { background:#393b49; border: 1px solid #484a57; color: #ffffff; }
.mypage .mylecture_view .view_content_qna_list .list_button p input:nth-child(2) { background:#ffffff; border: 1px solid #989898; color: #000000; }


.mypage .qna_paging { text-align:center; border-top:1px solid #818181; padding:10px 15px; }
.mypage .qna_paging a { color: #393b49; font-size: 15px; }
.mypage .qna_button { text-align:right; padding:10px;}
.mypage .qna_button button { padding:10px 0;  background-color:#222574; color:#fff; width:30%; font-weight:bold;}

td.td_lecture_view {
    vertical-align: middle !important;
}
p.btn_download {width:93%; margin:25px auto 10px; background:#037e00; text-align:center; color:#fff; font-size:17px; font-weight:700}
p.btn_download a {color:#fff; font-size:17px; font-weight:700; display:block; padding:10px 0;}


p.btn_format a { font-size:13px; padding:3px 10px; display:inline-block;}

.mypage .pointmoney_change { width:90%; margin:0 auto; padding:20px 0 0;}
.mypage .pointmoney_change table { width:100%; }
.mypage .pointmoney_change table td,
.mypage .pointmoney_change table th { text-align:left; border:1px solid #bcbcbc; padding:10px 10px; font-weight:700; font-size:15px; }
.mypage .pointmoney_change table th { background:#393b49; color:#fff; }
.mypage .pointmoney_change table td { background:#f8f8f8; }
.mypage .pointmoney_change table td span { color:#ff7396}
.mypage .pointmoney_change table td a { padding:5px 8px; background:#393b49; color:#fff; margin-left:10px; }
.mypage .pointmoney_change table td input { height:24px; font-size:15px; width:30%;}


.mypage .pointmoney_text { width:90%; margin:0 auto; padding: 20px 0 20px; font-weight:700; font-size:15px; text-align:center; line-height:1.2;}

.mypage .pointmoney_list { margin-top:20px; }


/* ZipCode Start */
.zipcode_wrap { display:none; padding:10px; box-sizing:border-box;}
.zipcode_wrap .title { display:inline-block; width:90%;}
.zipcode_wrap .btn_zipcode_close { display:inline-block; width:8%; text-align:center; color:#6b6b6b; font-size:15pt}
.zipcode_wrap > div { border-top:1px solid #dadada; padding:5px; margin-top:10px;}
.zipcode_wrap .zipcode_sch { padding-bottom:20px; }
.zipcode_wrap p.medium { display:inline-block; width:76%; border:1px solid #979797; padding:0 5px;}
.zipcode_wrap p.medium input { height:28px; color:#000; font-size:15px; line-height:28px; width:100%; box-sizing:border-box; border:0;}
.zipcode_wrap p.zipcode_ex { padding:5px 0; }
.zipcode_wrap .btn_zipcode_find { display:inline-block; width:18%; vertical-align: middle;}
.zipcode_wrap .btn_zipcode_find a { 
    display:block; background:#545454;  border: 1px solid #484a57; padding: 5px 0; color:#fff; font-weight:700; 
    font-size:13px; text-align:center;
}
.zipcode_wrap .zipcode_content .post_wrap { display:table; width:100%; border-top:1px solid #dadada;}
.zipcode_wrap .zipcode_content .post_wrap:hover { text-decoration:underline; cursor:pointer; }
.zipcode_wrap .zipcode_content .post_wrap:first-child { border-top:1px solid #6b6b6b;}
.zipcode_wrap .zipcode_content .post_wrap > li { display:table-cell; padding:10px 0; }
.zipcode_wrap .zipcode_content .post_wrap > li:nth-child(1) { width:80%; text-align:left;}
.zipcode_wrap .zipcode_content .post_wrap > li:nth-child(2) { width:20%; text-align:center; font-weight:bold; color:#6b6b6b; }
.zipcode_wrap .zipcode_content .post_wrap > li p { padding:3px 0;}
.zipcode_wrap .zipcode_content .post_wrap > li span { display:inline-block; width:40px; text-align:center;font-size:10px; margin-right:6px;}
.zipcode_wrap .zipcode_content .post_wrap > li span.post_new { color:#fff; background:#6b6b6b;}
.zipcode_wrap .zipcode_content .post_wrap > li span.post_old { color:#6b6b6b; border:1px solid #6b6b6b; box-sizing:border-box;}
.zipcode_wrap .zipcode_more { border:1px solid #6b6b6b; width:100%; display:none;}
.zipcode_wrap .zipcode_more a { display:block; text-align:center; font-size:15px; padding:10px 0;}
/* ZipCode End */
.tokensample_wrap { display:none; padding:10px; box-sizing:border-box; width:100%; margin:0 auto; }
.tokensample_wrap .title { display:inline-block; width:90%;}
.tokensample_wrap .btn_tokensample_close { display:inline-block; width:8%; text-align:center; color:#6b6b6b; font-size:15pt}
.tokensample_wrap > div { border-top:1px solid #dadada; padding:15px 5px; margin-top:10px; }
.empty {
    text-align:center; padding:2rem; font-size:15px;
}

.coupondownload_wrap { display:none; padding:10px; box-sizing:border-box; width:100%; margin:0 auto; }
.coupondownload_wrap .title { display:inline-block; width:90%;}
.coupondownload_wrap .btn_coupondownload_close { display:inline-block; width:8%; text-align:center; color:#6b6b6b; font-size:15pt}
.coupondownload_wrap > div { border-top:1px solid #dadada; padding:15px 5px; margin-top:10px; }

.coupondownload_wrap > div .coupon_download li { padding:20px 0; border-bottom:1px solid #eaeaea;  }
.coupondownload_wrap > div .coupon_download li .empty { font-size:15px; text-align:center; color:#6b6b6b; font-weight:700; margin-bottom:1rem; }
.coupondownload_wrap > div .coupon_download li .empty { font-size:15px; text-align:center; }
.coupondownload_wrap > div .coupon_download h4 { font-size:15px; padding:5px 0; font-weight:bold; color:#6b6b6b;}
.coupondownload_wrap > div .coupon_download h4 span {border:1px solid !important; padding:2px 4px; border-radius:10px;}
.coupondownload_wrap > div .coupon_download h4.on { color:#272727;}
.coupondownload_wrap > div .coupon_download h4.on span {border-color:red; color:red;}

.coupondownload_wrap > div .coupon_download dl { display:block; width:90%; margin:0 auto; margin-top:15px; color:#fff; padding:15px; }
.coupondownload_wrap > div .coupon_download dl dt { float:right; width:10%; max-width:30px; text-align:center;font-size:20px; line-height:25px; padding-left:15px; height:100px; border-left:1px dashed; }
.coupondownload_wrap > div .coupon_download dl dd { float:left; width:82%; }
.coupondownload_wrap > div .coupon_download dl dd.title { line-height:50px; font-size:20px;  color:#fff;}
.coupondownload_wrap > div .coupon_download dl dd.title span { font-size:50px; font-weight:bold;  }
.coupondownload_wrap > div .coupon_download dl:after{clear:both; content:""; display:block;}

.couponuse_wrap { display:none; padding:10px; box-sizing:border-box; width:100%; margin:0 auto; }
.couponuse_wrap .title { display:inline-block; width:90%;}
.couponuse_wrap .btn_couponuse_close { display:inline-block; width:8%; text-align:center; color:#6b6b6b; font-size:15pt}
.couponuse_wrap > div { border-top:1px solid #dadada; padding:15px 5px; margin-top:10px; }

.couponuse_wrap > div .coupon_use {}
.couponuse_wrap > div .coupon_use .use_header { margin-top:20px; padding:10px; text-align:center; font-size:16px; font-weight:bold;}
.couponuse_wrap > div .coupon_use .coupon_use_list { margin-top:20px; }
.couponuse_wrap > div .coupon_use .coupon_use_list li {padding:10px 0;}

.couponuse_wrap > div .coupon_use .coupon_use_list li .empty { font-size:15px; text-align:center; color:#6b6b6b; font-weight:700; margin-bottom:1rem; }

.couponuse_wrap > div .coupon_use .coupon_use_list li h4 { padding:10px 0; }
.couponuse_wrap > div .coupon_use .coupon_use_list li p { padding:10px; }
.couponuse_wrap > div .coupon_use .coupon_use_button { border:2px solid #000 !important; display:table; width:100%;}
.couponuse_wrap > div .coupon_use .coupon_use_button li { display:table-cell; padding:10px; font-size:17px;}
.couponuse_wrap > div .coupon_use .coupon_use_button li:first-child { text-align:left; width:60%;}
.couponuse_wrap > div .coupon_use .coupon_use_button li:last-child { text-align:right; width:40%; }
.couponuse_wrap > div .coupon_use .coupon_use_button li span { font-size:20px; }
.couponuse_wrap > div .coupon_use .coupon_use_button li button { color:#fff; font-size:15px; font-weight:bold; text-align:center; padding:5px }
.couponuse_wrap > div .coupon_use .coupon_use_button li button:first-child { margin-right:3px; }


.payment_layer {display:none;z-index:5; border-radius:5px; width:650px; height:774px;}
.payment_layer iframe { width:100%; height:100%; border:0;padding:0px;margin:0;z-index:10;border-radius:5px;}

.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    fill: currentcolor;
}
.modal {
    overflow: hidden;
}
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.modal-header { padding: 1em; position: relative; background-color: #fff; box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06); border-bottom: 1px solid #e8e8e8; }
.modal-close { position: absolute; top: 0; right: 0; padding: 1em; color: #aaa; background: none; border: 0; }
.modal-close:hover { color: #777; }
.modal-heading { font-size: 1.125em; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:flex;align-items:center; }
.modal-body { display: flex; }
.modal-content { width:930px; }
.modal-menu {
    width: 270px;
    height:527px;
    border: 1px solid #3e3e3e !important;
}
.modal-menu > ul { display: flex; width:100%; }
.modal-menu > ul li { flex-grow:1; text-align:center;}
.modal-menu > ul li a {
    display: block;
    padding: 10px 0;
    color: #797979;
    font-size: 13px;
    font-weight: bold;
    
}
.modal-menu > ul li a.on { background:#36363c; border-bottom:0; color:#34c0ff; }
.modal-menu > ul li:nth-child(1), .modal-menu > ul li:nth-child(2) a { border-right: 1px solid #3e3e3e !important; }
.modal-menu > div {
    height:487px;
    background:#36363c;
    color:#fff !important;
    padding:10px;
    scrollbar-3dlight-color: #515151; 
    scrollbar-arrow-color: #c2c2c2;
    scrollbar-base-color: #515151;
    scrollbar-darkshadow-color: #515151; 
    scrollbar-face-color: #444444; 
    scrollbar-highlight-color: #515151; 
	scrollbar-shadow-color: #515151; 
	scrollbar-track-color: #515151; 
	overflow-x:hidden;
	overflow-y:auto;
    
}
.modal-menu .content-index {  }
.modal-menu .content-index > dl {
    display: flex;
    flex-wrap:wrap;
    padding: 20px 0;
    border-bottom:1px solid #454545  !important;
}
.modal-menu .content-index dl dt { width:100%; font-size:13px; color:#d3d3d3}
.modal-menu .content-index dl dd { width:20%; margin-top:10px; }
.modal-menu .content-index dl dd a { display:inline-block; width:80%; border:1px solid #fff; padding:3px; text-align:center; }
.modal-menu .content-index dl dd a:hover, .modal-menu .content-index dl dd a.on { color:#34c0ff; border-color:#34c0ff !important; }


.modal-menu .content-list {  }
.modal-menu .content-list > ul {
    padding: 10px 0;
}
.modal-menu .content-list > ul li {
    padding: 15px 0;
    border-bottom:1px solid #454545 !important;
}
.modal-menu .content-list > ul li a { 
    display:block; 
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.modal-menu .content-list > ul li a:hover { color:#fff; }
.modal-menu .content-list > ul li a.on { color:#34c0ff; }
.modal-menu .content-list > ul li a span { display:inline-block; margin-right:6px;}

.modal-menu .content-qna dt {
    color:#fff !important;
    font-weight:normal !important;
    font-size:12px;
    margin:10px 0;
}
.modal-menu .content-qna dd { padding:10px 0 }
.modal-menu .content-qna dd:last-child { display:flex; justify-content:flex-end; }
.modal-menu .content-qna a.btn-qna-time {
    color:#34c0ff !important;
    border: 1px solid #34c0ff !important;
    padding:5px;
}
.modal-menu .content-qna a:hover.btn-qna-time {
    color: #34c0ff !important;
}
.modal-menu .content-qna a.btn-qna-insert { color:#34c0ff !important; font-size:14px; margin-right:5px;}
.modal-menu .content-qna a.btn-qna-cancel { color:#fff !important; font-size:14px;}

.modal-menu .content-qna .btn-qna-file {
    color:#34c0ff !important;
    border: 1px solid #34c0ff !important;
    padding:5px;
}
.modal-menu .content-qna a.btn-qna-time {
    color:#34c0ff !important;
    border: 1px solid #34c0ff !important;
    padding:5px;
}
.modal-menu .content-qna a:hover.btn-qna-time {
    color: #34c0ff !important;
}
.modal-menu .content-qna span.txt-qna-time {
    margin-left: 5px;
    font-size: 14px;
}


.modal-menu .content-qna textarea.qna-content {
    background:#fff !important; width:100% !important; height:150px
}
.modal-menu .content-qna input.qna-file-name {
    background:#fff !important; width:178px; height:27px; margin-right:7px;
}
.modal-menu .content-qna .qna-information { background:#3c3c3c !important; margin-top:20px; padding:10px; color:#a5a5a5; }

.modal-menu .content-qna .qna-information span { color:#34c0ff; font-weight:700; }

.modal-menu .content-qna .qna-information p { margin-bottom:10px }

.popup {position:fixed;}