@charset "utf-8";

/* =============================================================================
   상단
   ========================================================================== */
/* Mobile Layout: 580px and below. */

/* #category{width:100%;height:39.4px;background:#FFF url(../../resources/images/common/cate_bg.gif) repeat-x 0 bottom; } */
#category{width:100%;height:38.4px;background:#FFF; border-bottom: 1px solid #e0e0e0;}
#category ul{width:100%;max-width:980px;margin:auto; }
#category li{float:left;width:163px;height:38px;line-height:38px;font-size:1em;text-align:center;letter-spacing:-0.1em; white-space:nowrap;text-indent:-9999px;}
#category li a{display:block;float:left;width:163px;height:38px;line-height:38px;font-size:1em;text-align:center;letter-spacing:-0.1em; white-space:nowrap;text-indent:-9999px;}

.cate1 a{background:#FFF url('../../resources/images/common/cate_btn1.gif') no-repeat center;color:#333;font-weight:bold;}
.cate1 a:hover{background:#454545 url('../../resources/images/common/cate_btn1_o.gif') no-repeat center;color:#FFF;font-weight:bold;}
.cate1 a.on{background:#454545 url('../../resources/images/common/cate_btn1_o.gif') no-repeat center;color:#FFF;font-weight:bold;}

.cate2 a{background:#FFF url('../../resources/images/common/cate_btn2.gif') no-repeat center;color:#333;font-weight:bold;}
.cate2 a:hover{background:#454545 url('../../resources/images/common/cate_btn2_o.gif') no-repeat center;color:#FFF;font-weight:bold;}
.cate2 a.on{background:#454545 url('../../resources/images/common/cate_btn2_o.gif') no-repeat center;color:#FFF;font-weight:bold;}

.cate3 a{background:#FFF url('../../resources/images/common/cate_btn3.gif') no-repeat center;color:#333;font-weight:bold;}
.cate3 a:hover{background:#454545 url('../../resources/images/common/cate_btn3_o.gif') no-repeat center;color:#FFF;font-weight:bold;}
.cate3 a.on{background:#454545 url('../../resources/images/common/cate_btn3_o.gif') no-repeat center;color:#FFF;font-weight:bold;}

.cate4 a{background:#FFF url('../../resources/images/common/cate_btn4.gif') no-repeat center;color:#333;font-weight:bold;}
.cate4 a:hover{background:#454545 url('../../resources/images/common/cate_btn4_o.gif') no-repeat center;color:#FFF;font-weight:bold;}
.cate4 a.on{background:#454545 url('../../resources/images/common/cate_btn4_o.gif') no-repeat center;color:#FFF;font-weight:bold;}

.cate5 a{background:#FFF url('../../resources/images/common/cate_btn5.gif') no-repeat center;color:#333;font-weight:bold;}
.cate5 a:hover{background:#454545 url('../../resources/images/common/cate_btn5_o.gif') no-repeat center;color:#FFF;font-weight:bold;}
.cate5 a.on{background:#454545 url('../../resources/images/common/cate_btn5_o.gif') no-repeat center;color:#FFF;font-weight:bold;}

.cate6 a{background:#FFF url('../../resources/images/common/cate_btn5.gif') no-repeat center;color:#333;font-weight:bold;}
.cate6 a:hover{background:#a4242d url('../../resources/images/common/cate_btn5_o.gif') no-repeat center;color:#FFF;font-weight:bold;}
.cate6 a.on{background:#7f1a21 url('../../resources/images/common/cate_btn5_o.gif') no-repeat center;color:#FFF;font-weight:bold;}

.cate6 a{background:#7f1a21 url('../../resources/images/common/cate_btn6_o.gif') no-repeat center;color:#FFF;font-weight:bold;}
/* .cate_home a:hover{background:#7f1a21 url('../../resources/images/common/cate_btn6_o.gif') no-repeat center;color:#FFF;font-weight:bold;} */

/* .cate_home a.on{background:#FFF url('../../resources/images/common/cate_btn6_o.gif') no-repeat center;color:#333;border-right:1px solid #dbdbdb;border-left:1px solid #dbdbdb;border-bottom:1px solid #e0e0e0;} */

.topbanner_wrap.mobile{display:none;}
.topbanner_wrap{width:100%;padding-top:0px;overflow:hidden;border-top:1px solid #d5d5d5;}
.topbanner_wss{width:100%;max-width:977px;margin:auto;}
.topbanner_wss img{width:100%;}

.top_banner {width: 100%; background: #1a1a1a; display: flex; justify-content: center; overflow: hidden;}
.top_banner img {width: 100%; max-width: 980px;margin: 0 auto;}

@media only screen and (max-width:320px) {
	#category{height:39px;}
	#category li{width:16.5%;}
	#category li a{display:block;width:100%;font-size:0.5em;box-sizing:border-box; letter-spacing:-0.15em;text-indent:0;background-image:none;}
}

@media only screen and (max-width:580px) {
	#category li{width:15.5%;}
	#category li a{display:block;width:100%;font-size:0.75em;text-indent:0;background-image:none;}
}

@media only screen and (max-width:600px) {
	#category li{width:16.6666%;}
	#category li a{display:block;width:100%;text-indent:0;background-image:none;}
}

@media only screen and (max-width:994px) {
	#category li{width:16.6666%;}
	#category li a{display:block;width:100%;text-indent:0;background-image:none;}
	
	.topbanner_wrap.mobile{display:block;}
}




/* =============================================================================
   상단 - 로그인 영역
   ========================================================================== */
/* 추가 - 20260526 GNB리뉴얼 */
.header { width: 100%; background: var(--bg-white); border-bottom: 1px solid var(--border-light); }
.gnb {
    margin: 0 auto; padding: 20px 10px 30px 10px;
    display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 10px;
}

/* 로고 영역 */
.logo { display: flex; align-items: center; gap: 10px; justify-content: flex-start; }
.logo h1 img { height: 26px; vertical-align: middle; }
.logo h2 a { font-size: 18px; font-weight: 700; color: var(--text-main); letter-spacing: -0.5px; }

/* 검색 영역 */
.search { width: 100%; display: flex; justify-content: center; min-width: 0;}
.search .input {
    display: flex; width: 100%; border: 2px solid var(--theme-primary);
    border-radius: 2px; height: 38px; position: relative;
}
.search .input input:focus { outline: none; } /* 클릭 시 검은 테두리 없애기 */
.search .input input { flex: 1; padding: 0 12px; font-size: 14px; min-width: 0; }
.search .input input::placeholder { color: #aaa; }
.search .btn_search { width: 45px; background: var(--theme-primary); color: #fff; font-size: 16px; }

/* 유저/로그인 영역 */
.user-area { display: flex; justify-content: flex-end; width: auto; }
.state-logged-out, .state-logged-in {
    display: flex; align-items: center; gap: 2px; flex-wrap: nowrap; justify-content: flex-end; width: auto;
    position: relative;
}

/* 로그인 후 */
.cart-btn { position: relative; }
.cart-badge {
    position: absolute; top: -7px; right: -7px; background: #e30000; color: #fff;
    font-size: 11px; font-weight: bold; width: 18px; height: 18px;
    display: flex; align-items: center; justify-content: center; border-radius: 50%;
}
.profile-wrap {
    position: relative;
}
.profile-dropdown {
    display: none;
    position: absolute;
    top: 120%;
    right: 0;
    width: 140px;
    background-color: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    z-index: var(--z-popup);
    overflow: hidden;
}
/* 상단 유저 이름 영역 */
.profile-dropdown .user-info {
    padding: 12px 15px;
    background-color: var(--bg-gray-100);
    border-bottom: 1px solid var(--border-light);
    font-size: 13px;
    color: var(--text-sub);
    text-align: center;
}
.profile-dropdown .user-info strong {
    color: var(--theme-primary);
}
/* 하단 메뉴 리스트 */
.profile-dropdown ul li a {
    display: block;
    padding: 10px 15px;
    font-size: 13px;
    color: var(--text-main);
    text-align: center;
    transition: background-color 0.2s;
}
.profile-dropdown ul li a:hover {
    background-color: var(--bg-gray-100);
    color: var(--theme-primary);
    font-weight: 500;
}

/* 회원가입 툴팁 */
.join-tooltip {
    display: block;
    position: relative;
    background: #fff; border: 1px solid var(--theme-primary); color: var(--text-main);
    font-size: 11px; font-weight: 500; padding: 5px 20px 5px 12px; border-radius: 999px;
    white-space: nowrap; box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    margin-right: 3px;
}
.join-tooltip::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 5px;
    height: 5px;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    transform: translateY(-50%) rotate(45deg);
    animation: colorChange 1s infinite;
}
.pc-text { display:none; }
.mo-text { display:block; }
.color-switch {
    font-weight: 700;
    animation: colorChange 1s infinite;
}
@keyframes colorChange {
    0%, 49% { color: var(--theme-primary); }
    50%, 100% { color: inherit; }
}

/* 자동완성 목록 */
#autocomplete-results { display: none; position: absolute; top: 106%; left: -2px; right: 0; background-color: #fff; border: 2px solid var(--theme-primary); border-top: none; z-index: 1500; width: 100%; max-height: 300px; overflow-y: auto; box-shadow: 0 4px 8px rgba(0,0,0,0.1);}
.autocomplete-item { padding: 10px 12px; font-size: 14px; color: #333; cursor: pointer; border-bottom: 1px solid #f0f0f0;}
.autocomplete-item:hover { background-color: #f5f5f5; font-weight: bold;}
.autocomplete-item:last-child {border-bottom: none;}

/*아이디,비번,로그인버튼,회원가입버튼,비번찾기버튼*/
/* 추가 - 20260526 GNB리뉴얼 */
@media only screen and (min-width: 760px) {
    .gnb {
        flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: nowrap;
        max-width: var(--max-width);
    }
    .search { flex: 1; margin: 0 10px 0 40px; padding-top: 15px; justify-content: flex-start; order: 0; }
    .logo { flex: 0 0 auto; justify-content: flex-start; }
    .logo h1 img { height: auto; }
    .logo h2 { padding-top: 30px;}
    .user-area { flex: 0 0 auto; padding-top: 15px; width: auto; }
    .pc-text { display:inline; }
    .mo-text { display:none; }
}
/* 모바일용 */
@media only screen and (max-width: 759px) {
    .gnb { padding: 15px 12px 30px 12px; gap: 5px;}
    .logo { gap: 3px; flex-wrap: nowrap; }
    .logo h1 img { height: 25px; }
    .logo h2 a { font-size: 10px; white-space: nowrap;}
    .search .input { height: 30px; }
    .search .input input { font-size: 12px; padding: 0 3px; }
    .search .btn_search { width: 36px; }
    .btn-icon svg { width: 25px; height: 25px; }
    .user-area .btn-icon { width: 25px; height: 25px; }
    .search .btn_search svg { width: 20px; height: 20px; }
    .cart-badge { width: 14px; height: 14px; font-size: 9px; top: -2px; right: -2px; }
    .join-tooltip {
        position: absolute;
        font-size: 9px;
        font-weight: 400;
        top: 33px;
        right: -36px;
        background: var(--theme-primary);
        color: #fff;
        border: none;
        padding: 0 12px;
        box-shadow: 0 4px 12px rgba(0,0,0,.15);
    }
    .join-tooltip::after {
        top: -11px;
        right: 43px;
        width: 0;
        transform: none;
        border-width: 0 4px 8px 4px;
        border-style: solid;
        border-color: transparent transparent var(--theme-primary) transparent;
    }
}


/* ===============================================================================
   상단 - 전체메뉴 영역
   ================================================================================= */
/* 추가 - 20260526 GNB리뉴얼 */
.all_menu_area {
    display: block; height: var(--header-height-mo); padding: 0;
    border-bottom: 1px solid var(--border-light); background-color: var(--bg-white); z-index: var(--z-nav);
}
.all_menu { display: block; width: 100%; height: 100%; padding: 0; }
.all_menu_list {
    width: 100%; height: 100%; overflow-x: auto; overflow-y: hidden;
    white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none;
}
.all_menu_list::-webkit-scrollbar { display: none; }
.all_menu_list ul {
    display: flex; width: max-content; min-width: 100%; height: 100%;
    align-items: center; box-sizing: border-box;
}
.all_menu_list ul li { flex: 0 0 auto; display: block; }
.all_menu_list ul li a { display: flex; align-items: center; justify-content: center; height: 100%; padding: 0 12px; font-size: 14px; font-weight: 500; color: var(--text-main); }
.all_menu_list ul li a:hover,
.all_menu_list ul li a:active { color: var(--theme-primary); }
.menu-all a i, .menu-all a svg { display: inline-block; margin-right: 10px; font-size: 14px; }
.menu-all a { font-weight: 700 !important; color: var(--theme-primary); }

.totalsearch .all_menu {width: 100%; max-width: none; border-bottom: 1px solid var(--border-default);}
.totalsearch .all_menu .all_menu_list {width: auto; height: auto}
.totalsearch .all_menu ul {display: flex;gap: 10px;}
.totalsearch .all_menu li a {padding: 5px 10px; font-weight: 600; border: 1px solid transparent; line-height: normal;}
.totalsearch .all_menu li.on a,
.totalsearch .all_menu li a:hover {color: var(--theme-primary); font-weight: 700; background-color: var(--bg-white); border-bottom: 2px solid var(--theme-primary);}

/* 추가 - 20260526 GNB리뉴얼 */
.all_menu_pop {
    left: 0; width: 100%; background-color: var(--bg-white); box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    z-index: var(--z-popup); position: fixed; top: var(--header-height-mo); bottom: 0;
    height: calc(100% - var(--header-height-mo)); overflow-y: auto; padding: 0; border-bottom: none;
    -webkit-overflow-scrolling: touch;
}
.all_menu_pop .inner { width: 100%; max-width: 1500px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; }
.all_menu_pop .part.active { color: var(--theme-primary); font-weight: 500; }
.all_menu_pop .part.active h3 { border-bottom-color: var(--theme-primary); }
.all_menu_pop .part.active h3 a { color: var(--theme-primary); }
.all_menu_pop .area_menu { display: block; }
.all_menu_pop .part { width: 100%; border-right: none; }
.all_menu_pop h3 { margin-bottom: 10px; border-bottom: none; background-color: var(--bg-base); }
.all_menu_pop h3 a { display: block; padding: 15px; font-size: 15px; }
.all_menu_pop ul { padding: 10px 15px 20px; display: flex; flex-wrap: wrap; background-color: var(--bg-white); }
.all_menu_pop ul li { width: 50%; margin-bottom: 10px; }
.all_menu_pop ul li a { font-size: 14px; padding: 5px 5px 5px 0; }
/* 모바일 전용 x버튼 */
.btn-close-mo {
    display: flex;
    align-items: center;
    justify-content: center;

    position: fixed;
    top: 3px;
    right: 15px;
    z-index: var(--z-popup);

    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--bg-white);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);

    color: var(--text-main);
    font-size: 18px;
    cursor: pointer;
    border: none;
    outline: none;
}

@media only screen and (min-width: 980px) {
    .btn-close-mo {
        display: none !important;
    }
}

/* 추가 - 20260526 GNB리뉴얼 */
/* 기사/산업기사 특화 메뉴 기본 스타일 (공통) */
.menu-special a {
    color: var(--theme-primary) !important;
    font-weight: 700 !important;
}
.menu-special a i {
    margin-right: 4px;
    font-size: 13px;
}
.badge-hot {
    display: inline-block;
    background-color: #e30000;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 4px;
    border-radius: 3px;
    margin-left: 5px;
    vertical-align: middle;
    line-height: 1;
    letter-spacing: 0;
    animation: hotBlink 1s infinite;
}
@keyframes hotBlink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.2; } /* 0으로 하면 완전히 사라지므로 0.2 정도로 자연스럽게 처리 */
}

@media only screen and (max-width:500px) {
	.totalsearch .all_menu {overflow: auto}
}
@media only screen and (max-width:320px) {
	.all_menu_list ul li span.div{padding:0px; }
}
@media only screen and (min-width:321px) and (max-width:420px) {
	.all_menu_list ul li span.div{padding:0 3px; }
}
@media only screen and (min-width:421px) {
	.all_menu_list ul li span.div{padding:0 10px;}
}

/* 추가 - 20260526 GNB리뉴얼 */
@media only screen and (min-width: 980px) {
    .menu-special { margin-left: auto; }

    /* Main Menu */
    .all_menu_area { height: var(--header-height-pc); padding: 0; box-shadow: 0 2px 5px rgba(0,0,0,0.03); border-top: 1px solid var(--border-light); border-bottom: 2px solid var(--theme-primary); }
    .all_menu { max-width: calc(var(--max-width) + 40px); margin: 0 auto; display: flex; justify-content: flex-start; }
    .all_menu_list { width: 100%; overflow: visible; }
    .all_menu_list ul { display: flex; gap: 0; height: 100%; width: 100%; }
    .all_menu_list ul li { display: block; }
    .all_menu_list ul li a { font-size: 16px; padding: 0 20px; border-bottom: 3px solid transparent; letter-spacing: -0.5px; height: 55px; }
    .all_menu_list ul li a:hover { border-bottom-color: var(--theme-primary); color: var(--theme-primary); }
    .menu-all a i { display: inline-block; font-size: 16px; }

    /* Full Menu Popup */
    .all_menu_pop { position: relative; top: 100%; padding: 30px 0; }
    .all_menu_pop .area_menu { display: flex; flex-wrap: wrap; }
    .all_menu_pop .part { flex: 1; min-width: 160px; padding: 0 15px; border-right: 1px solid var(--border-light); }
    .all_menu_pop .part:last-child { border-right: none; }
    .all_menu_pop .part.active h3 { border-bottom-color: var(--theme-primary); }
    .all_menu_pop h3 a { font-size: 16px; font-weight: 700; color: var(--text-main); }
    .all_menu_pop h3 a:hover { color: var(--theme-primary); }
    .all_menu_pop ul li { margin-bottom: 5px; width: 100%; }
    .all_menu_pop ul li a { font-size: 13px; color: var(--text-sub); transition: color 0.2s; display: block; line-height: 1.3; }
    .all_menu_pop ul li a:hover { color: var(--theme-primary); text-decoration: underline; }
}

@media only screen and (min-width: 1400px) {
    .all_menu_pop ul li { width: 50%; }
}

div.cen_body.srch_body {width: 100%; max-width: var(--max-width);}
div.cen_body.srch_body .cont_inner {padding: 0 20px;}
.totalsearch {padding-top: 10px;}
.totalsearch .total_srch strong {color: var(--text-main); padding: 0}
div.cen_body.srch_body .total_g .tit_sub {margin-top: 10px;}
div.cen_body.srch_body .total_g .tit_sub h4 {padding: 0; background: none}
div.cen_body.srch_body .total_g .tit_sub h4,
div.cen_body.srch_body .total_g .tit_sub h4 strong,
div.cen_body.srch_body .total_g .tit_sub h4 .tot {color: #333; padding: 0}

table.all_lec.type02 {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 15px;
	border: none;
	margin-top: 10px;
}
table.all_lec.type02 th {
	background: var(--bg-gray-100);
	color: var(--text-sub);
	font-weight: 700;
	padding: 15px 0;
	font-size: 14px;
	border-bottom: 1px solid var(--border-medium);
	border-top: 2px solid var(--theme-primary);
}
table.all_lec.type02 tr {
	background-color: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	transition: transform 0.2s ease;
}
table.all_lec.type02 tbody tr:hover {
	transform: translateY(-3px);
}
table.all_lec.type02 td {
	padding: 20px;
	vertical-align: middle;
	border-top: 1px solid var(--border-light);
	border-bottom: 1px solid var(--border-light);
}
table.all_lec.type02 td:first-child {
	border-left: 1px solid var(--border-light);
	border-radius: 8px 0 0 8px;
}
table.all_lec.type02 td:last-child {
	border-right: 1px solid var(--border-light);
	border-radius: 0 8px 8px 0;
	text-align: center;
	background-color: var(--bg-base);
}
table.all_lec.type02 td:last-child .view {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 5px;
}
table.all_lec.type02 td:last-child .view button {
	white-space: nowrap;
}
table.all_lec.type02 td div.inbox {
	padding: 0;
	border-right: none;
}
table.all_lec.type02 td div.inbox a span {
	font-size: 16px;
	font-weight: 700;
	color: var(--text-main);
	display: inline-block;
	margin-bottom: 0;
	word-break: keep-all;
}
table.all_lec.type02 td div.inbox a:hover span {
	color: var(--theme-primary);
	text-decoration: underline;
}
table.all_lec.type02 td div.inbox .tooltip {margin-left: 3px;}
table.all_lec.type02 td p.info {
	font-size: 13px;
	color: var(--text-sub);
	line-height: 1.6;
	margin: 0;
}
table.all_lec.type02 strong.f_blue2 {
	color: var(--theme-primary);
	font-size: 18px;
	font-weight: 800;
	margin-left: 5px;
}
table.all_lec.type02 span.price_dc {
	color: var(--text-light);
	font-size: 13px;
	text-decoration: line-through;
	margin-right: 5px;
}
table.all_lec.type02 div.view button.mv_a,
table.all_lec.type02 div.view button.mv_c,
table.all_lec.type02 div.view button.ic_b,
.total_g .btn_area button {
	padding: 0 15px;
	border-radius: 4px;
	font-weight: 700;
	transition: all 0.2s ease;
	background-color: var(--text-sub);
	color: var(--text-white);
	font-size: 11px;
	height: 26px;
}
.total_g .btn_area button {
	background-color: var(--text-sub);
	color: var(--text-white);
	height: 35px;
	font-size: 13px;
}
.total_g .btn_area button:hover {
	background-color: var(--text-main);
	border-color: var(--text-main);
}
table.all_lec.type02 div.view button:hover {
	background: var(--theme-secondary);
}
table.all_lec.type02 div.view button.mv_a::before,
table.all_lec.type02 div.view button.mv_c::before {
	content: "강의맛보기";
}
table.all_lec.type02 div.view button.ic_b::before {
	content: "교재";
}
table.all_lec.type02 button.btn_cart02,
table.all_lec.type02 button.btn_pay {
	display: inline-block;
	width: auto;
	min-width: 80px;
	height: 34px;
	padding: 0 15px;
	margin: 2px;
	font-size: 13px;
	font-weight: 700;
	border-radius: 4px;
	text-indent: 0;
	background-image: none;
	cursor: pointer;
	transition: all 0.2s ease;
}
table.all_lec.type02 button.btn_cart02 svg,
table.all_lec.type02 button.btn_pay svg {
	margin-right: 6px;
	font-size: 12px;
}
table.all_lec.type02 button.btn_cart02 {
	border: 1px solid var(--theme-primary);
	background-color: #fff;
	color: var(--theme-primary);
}
table.all_lec.type02 button.btn_cart02:hover {
	background-color: var(--bg-base);
}
table.all_lec.type02 button.btn_pay {
	border: 1px solid var(--theme-primary);
	background-color: var(--theme-primary);
	color: #fff;
}
table.all_lec.type02 button.btn_pay:hover {
	background-color: var(--theme-secondary);
	border-color: var(--theme-secondary);
}

@media only screen and (min-width: 980px) {
	.totalsearch .all_menu li a {
		padding: 10px 20px;
	}
}
@media only screen and (max-width: 980px) {
	table.all_lec:not(.tog_tb) { display: block; }
	table.all_lec:not(.tog_tb) thead { display: none; }
	table.all_lec:not(.tog_tb) tbody, table.all_lec:not(.tog_tb) tr, table.all_lec:not(.tog_tb) td { display: block;  }
	table.all_lec:not(.tog_tb) tr { margin-bottom: 15px; border: 1px solid var(--border-light); border-radius: 8px; }
	table.all_lec:not(.tog_tb) th { display: none;}
	table.all_lec:not(.tog_tb) td { border: none; padding: 15px; }
	table.all_lec:not(.tog_tb) td:first-child { border-bottom: 1px dashed var(--border-light); border-radius: 8px 8px 0 0; }
	table.all_lec:not(.tog_tb) td:last-child {
		background-color: var(--bg-base); border-radius: 0 0 8px 8px;
		display: flex; justify-content: center; gap: 10px;
	}
	table.all_lec button.btn_cart02, table.all_lec button.btn_pay { flex: 1; height: 40px; }
	table.all_lec.type02 td:first-child {
		border: none;
	}
	table.all_lec.type02 td:last-child {
		border: none;
		border-radius: 0 0 8px 8px;
	}
}
@media only screen and (max-width: 660px) {
	table.all_lec.type02 td p.info .line {
		display: none;
	}
}



table.bbs03.st3 {
	width: 100%;
	border-collapse: collapse;
	border-top: 2px solid var(--theme-primary);
	margin-top: 10px;
	background-color: #fff;
	table-layout: fixed;
}
table.bbs03.st3 th {
	padding: 15px 0;
	background-color: var(--bg-base);
	color: var(--text-main);
	font-weight: 700;
	font-size: 14px;
	border-bottom: 1px solid var(--border-medium);
}
table.bbs03.st3 th.tb_tit {
	padding-left: 10px;
	text-align: left;
}
table.bbs03.st3 tr {
	transition: background-color 0.2s;
}
table.bbs03.st3 tr:hover {
	background-color: var(--bg-gray-100);
}
table.bbs03.st3.noHover tr:hover {
	background-color: #fff;
}
table.bbs03.st3 td {
	padding: 18px 10px;
	border-bottom: 1px solid var(--border-light);
	color: var(--text-sub);
	vertical-align: middle;
	font-size: 13px;
}
table.bbs03.st3 td.td_no:not(.stat) {
	text-align: center;
}
table.bbs03.st3 td.on {
	text-align: left;
	padding-left: 15px;
}
table.bbs03.st3 td.on a,
table.bbs03.st3 td.on {
	color: var(--text-main);
	font-size: 15px;
	text-decoration: none;
	line-height: 1.5;
	display: block;
}
table.bbs03.st3 td.on strong {
	color: var(--text-main);
	margin-right: 5px;
	font-weight: 500;
}
table.bbs03.st3 td p {
	display: block;
	word-break: keep-all;
}
table.bbs03.st3 td.on strong:first-child {
	color: var(--theme-primary);
	font-weight: 700;
}
table.bbs03.st3 td.on .text01 {
	display: block;
	margin-top: 6px;
	font-size: 12px;
	color: var(--text-light);
}
table.bbs03.st3 td.grade,
table.bbs03.st3 td.txtC {
	text-align: center;
	color: var(--text-sub);
	font-size: 13px;
}
table.bbs03.st3 td img {
	vertical-align: middle;
	opacity: 0.7;
	transition: opacity 0.2s;
}
table.bbs03.st3 tr:hover td img {
	opacity: 1;
}
@media only screen and (max-width: 980px) {
	table.bbs03.st3 {display: block;border-top: none;}
	table.bbs03.st3 thead { display: none; }
	table.bbs03.st3 tbody, table.bbs03.st3 tr {display: block;}
	table.bbs03.st3 tr {
		position: relative;
		padding: 15px;
		border: 1px solid var(--border-light);
		border-radius: 8px;
		margin-bottom: 10px;
		box-shadow: 0 2px 5px rgba(0,0,0,0.03);
		background: #fff;
        display: flex;
        flex-wrap: wrap;
	}
    table.bbs03.st3 tr.tr_event { justify-content: center; }
    table.bbs03.st3 td {
        display: block;
        border: none;
        text-align: left;
    }
    table.bbs03.st3 td.td_lf { padding: 0 0 18px 0; }
    table.bbs03.st3 td.td_answer,
    table.bbs03.st3 td.td_no { padding: 0; }
	table.bbs03.st3 td.on {
		padding-left: 0;
		margin-bottom: 8px;
	}
	table.bbs03.st3 td.on strong {
		font-size: 15px;
	}
	table.bbs03.st3 td p {
		width: calc(100% - 35px);
	}
	table.bbs03.st3 td.grade,
	table.bbs03.st3 td.txtC {
		position: absolute;
		top: 19px;
		right: 15px;
		text-align: right;
	}
	table.bbs03.st3 td.td_date {
		text-align: right;
        margin-left: auto;
        padding: 18px 18px 0 18px;
    }
	table.bbs03.st3 td.td_subj {
		width: calc(100% - 100px);
		margin-bottom: 10px;
		padding: 0;
	}
    table.bbs03.st3 td.td_ip,
	table.bbs03.st3 td.td_id {
		font-size: 12px;
		color: var(--text-light);
        margin-left: auto;
        padding: 18px 18px 0 18px;
        min-width: 100px;
        text-align: right;
	}
	table.bbs03.st3 td.txtC {
		padding: 0;
	}
}

/*===================================================================================
	본문
===================================================================================*/
div.main_wrap{width:100%;padding-top:16px;overflow:hidden;border-top:1px solid #d5d5d5;}
.line{width:100%;padding-top:16px;overflow:hidden;border-top:1px solid #d5d5d5;}
div.cen_body{width:96%;max-width:var(--max-width);margin:25px auto 50px;overflow:hidden;}
div.left_area{width:100%;display:inline-block}
div.r_professor{display:none}

/* 공통메인 레이아웃 */
div.main_img{position:relative;width:980px;margin:auto;}
div.main_img img{width:100%;}


/* #content1:전체강좌 스타일 */
#content1, #content2, #content3, #content4{clear:both;overflow:hidden;}
#content1{/*background-color:#d5d5d5;padding-bottom:30px;*/}
.lec_area div {clear:both;overflow:hidden;padding-bottom:15px;border-bottom:1px solid #d5d5d5;/*font-weight:bold*/;font-size:13px;letter-spacing:-1px;}
.lec_area_m{display:none;width:100%;overflow:hidden;}
.lec_area_m div {clear:both;overflow:hidden;font-size:13px;letter-spacing:-1px;margin-bottom:10px;}
.lec_area_m p{cursor:pointer;}
.lec1 p, .lec2 p, .lec3 p, .lec4 p, .lec5 p{height:34px;text-align:center;margin-bottom:10px;}
.lec1 p{background:url(../../resources/images/main/lec1_patt.gif) repeat-x 0 0;text-align:center;}
.lec2 p{background:url(../../resources/images/main/lec2_patt.gif) repeat-x 0 0;}
.lec3 p{background:url(../../resources/images/main/lec3_patt.gif) repeat-x 0 0;}
.lec4 p{background:url(../../resources/images/main/lec4_patt.gif) repeat-x 0 0;}
.lec5 p{background:url(../../resources/images/main/lec5_patt.gif) repeat-x 0 0;}
.lec_area_m ul{display:table;width:92%;margin:auto;}
.lec_area_m li a{display:table-cell;float:left;width:49%;height:28px;line-height:28px;overflow:hidden;color:#595959;background-color:#FFF;margin-right:2px;margin-bottom:2px;text-align:center;}
.lec_area li a:hover, .lec_area_m li a:hover, .lec_area_m li a:active{background-color:#b92630;color:#FFF;font-weight:bold;}

@media only screen and (max-width:320px){
	.lec_area_m li a{width:49%;}		
	
	.lec_area{display:none;}
	.lec_area_m{display:block;overflow:hidden;}
	.lec1, .lec2, .lec3, .lec4, .lec5{width:100%;/*height:80px;*/overflow:hidden;}
	
	#content1{background-color:#d5d5d5;}
}
@media only screen and (min-width:321px) and (max-width:640px){
	.lec_area_m li a{width:32.5%;}		
	
	.lec_area{display:none;}
	.lec_area_m{display:block;overflow:hidden;}
	.lec1, .lec2, .lec3, .lec4, .lec5{width:100%;/*height:80px;*/overflow:hidden;}
	
	#content1{background-color:#d5d5d5;}
}
@media only screen and (min-width:641px) and (max-width:760px){
	.lec_area_m li a{width:24.5%;}	
	
	.lec_area{display:none;}
	.lec_area_m{display:block;overflow:hidden;}
	.lec1, .lec2, .lec3, .lec4, .lec5{width:100%;/*height:80px;*/overflow:hidden;}
	
	#content1{background-color:#d5d5d5;}
}
@media only screen and (min-width:761px) and (max-width:979px){
	.lec_area_m li a{width:19.5%;}	
	
	.lec_area{display:none;}
	.lec_area_m{display:block;overflow:hidden;}
	.lec1, .lec2, .lec3, .lec4, .lec5{width:100%;/*height:80px;*/overflow:hidden;}
	
	#content1{background-color:#d5d5d5;}
}

@media only screen and (min-width:980px){
	/*#content1{background-color:#f7f7f7;}*/
	div.main_wrap{height:380px;}
	.lec_area_m{display:none;}
	.lec_area{display:block;width:980px;margin:10px auto;}
	.lec_area div {clear:both;overflow:hidden;padding:15px 0;border-bottom:1px solid #d5d5d5;/*font-weight:bold*/;font-size:13px;}
	.lec_area p{float:left;width:130px;margin-right:30px;padding-top:3px;}
	.lec_area ul{float:left;display:table;width:800px;}
	.lec_area li a{float:left;display:table-cell;width:150px;height:20px;line-height:20px;padding:0 5px;overflow:hidden;color:#595959;}
}

/* #content2:할인패키지 스타일 */
#content2{background:url(../../resources/images/main/pkg_bg.png) repeat-x 0 0;margin-top:-20px;margin-bottom:10px;padding-bottom:5px;}
.pkg_area p{display:none;}
.pkg_tit{margin-bottom:15px;text-align:center;background-color:#d5d5d5;}
.pkg_tit img{width:60%;}
.pkg_cnt{font-size:13px;line-height:1.6em;}
.pkg_cnt dl{width:96%;margin:auto;overflow:hidden;border-bottom:1px solid #c2971b;}
.pkg_cnt dl:last-child{border-bottom:none}
.pkg_cnt dt{font-weight:bold;margin-top:5px;letter-spacing:-1px;}
.pkg_cnt dt a{display:block;font-weight:bold;color:#404040;}
.pkg_cnt dd {float:left;width:49%;overflow:hidden;text-align:left;margin-top:0;}
.pkg_cnt dd a{display:inline-block;color:#404040;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold;background:url(../../resources/images/main/pkg_dot.gif) no-repeat 4px center;padding-left:14px;margin-top:0;}
.pkg_cnt dd a:hover{color:#b92630;background-color:#ffe495;}
.pkg_cnt dd img{margin:2px;}

@media only screen and (max-width:320px){
	#content2{margin-bottom:10px;padding-bottom:0px;}
	.pkg_tit img{width:160px;}
	.pkg_cnt dt{margin-bottom:10px;}	
	.pkg_cnt dd{float:none;width:96%;margin-top:-10px;}
}
@media only screen and (min-width:321px) and (max-width:640px){
	.pkg_tit img{width:180px;}
}
@media only screen and (min-width:641px) and (max-width:979px){
	#content2{margin-top:-20px;margin-bottom:10px;padding-bottom:10px;}
	.pkg_tit img{width:200px;}
}
@media only screen and (min-width:980px){
	#content2{margin-top:-30px;margin-bottom:30px;padding-bottom:10px;}
	.pkg_area{width:980px;margin:auto;}
	.pkg_tit{margin-bottom:15px;text-align:center;background:none;}
	.pkg_tit img{width:224px;}
	.pkg_area p{display:block;float:left;width:200px;text-align:center;}
	.pkg_cnt{float:left;line-height:20px;}
	.pkg_cnt dl{width:740px;margin:auto;border-bottom:1px solid #c2971b;}
	.pkg_cnt dt{float:left;width:180px;margin-right:10px;}
	.pkg_cnt dd{width:260px;margin-top:5px;}
	.pkg_cnt dd img{margin:4px 2px;}
}

/* #content3:골드클래스+학습표준로드맵 스타일 */
#content3{width:100%;margin-top:30px;}
div.main_cnt_ban1{width:100%;margin-right:0;}
div.main_cnt_ban1 img{width:100%;display:block;vertical-align:top;}
div.main_cnt_ban1.mobile{display:none;}
div.main_cnt_ban2{clear:both;width:100%;background:url(../../resources/images/main/smap_bg.gif) repeat-x 0 0;border:1px solid #d5d5d5;padding-bottom:30px;overflow:hidden;}
div.main_cnt_ban2 p{text-align:center;}
div.main_cnt_ban2 p img{width:100%;}
.smap_list{width:545px;margin:auto;overflow:hidden;}
.smap_list li{float:left;width:20%;margin-bottom:2px;}
.smap_list li img{width:100%;}

@media only screen and (max-width:320px){
	#content3{width:100%;margin-top:0;}
	div.main_cnt_ban2 p img{width:90%;}
	div.main_cnt_ban2{padding-bottom:15px;}
	.smap_list{width:96%;}
}
@media only screen and (min-width:321px) and (max-width:580px){
	div.main_cnt_ban2 p img{width:85%;}
	.smap_list{width:90%;}
}
@media only screen and (min-width:581px) and (max-width:979px){
	div.main_cnt_ban2 p img{width:auto;}
}
@media only screen and (max-width:979px) {
	div.main_cnt_ban1{display:none;}
	div.main_cnt_ban1.mobile{display:block;width:100%;overflow:hidden;margin-bottom:10px;}
	div.main_cnt_ban1.mobile img{width:100%;}
}
@media only screen and (min-width:980px){
	#content3{width:980px;margin:auto;margin-top:30px;}
	div.main_cnt_ban1{float:left;width:360px;}
	div.main_cnt_ban2{clear:none;float:right;width:610px;height:266px;padding-bottom:0;}
	div.main_cnt_ban2 p img{width:auto;}
}

/* #content4:고객행복센터 스타일 */
#content4{width:100%;margin-top:10px;}
.mn_cs_area {width:100%;padding:0;overflow:hidden;}
.cs_list{display:none;}
.call{float:none;width:100%;text-align:center;background-color:#eee;padding:30px 0;}
.call p{margin-bottom:10px;}
.call_icons a{display:inline-block;margin-right:10px;}
@media only screen and (max-width:320px){
	.call{margin-top:0;padding:10px 0;}
	.call p{margin-bottom:0;}	
	.call p img{width:180px;}
	.call_icons{display:none;}
}
@media only screen and (min-width:321px) and (max-width:580px){
	.call{padding:15px 0;}
	.call p{margin-bottom:0;}	
	.call p img{width:220px;}
	.call_icons{display:none;}
}
@media only screen and (min-width:581px) and (max-width:979px){
	.call{padding:20px 0;}
}
@media only screen and (min-width:980px){
	#content4{background-color:#eee;margin-top:30px;}
	.mn_cs_area {width:930px;margin:auto;padding:45px 25px;overflow:hidden;}
	.cs_list{display:block;float:left;width:540px;}
	.cs_list li a, .cs_event{display:block;float:left;width:256px;height:98px;margin-right:10px;margin-bottom:10px;text-align:center;background-color:#FFF;border:1px solid #dfdfdf;}
	.cs_list li a:hover, .cs_event:hover{border:1px solid #bababa;}
	.cs_event_select select{width:210px;height:30px;line-height:30px;padding-left:8px;font-weight:bold;color:#FFF;background-color:#b1b1b1;}
	.call{float:left;width:300px;margin-left:60px;text-align:center;padding:0;}
}



/* 서브메인의 수강후기 */
div.main_cnt{clear:both;overflow:hidden;}

/*div.main_cnt_ban1 img{width:100%;display:block;vertical-align:top;}
div.main_cnt_ban1.mobile{display:none;}
div.main_cnt_ban1{width:100%;margin-right:0;}
div.main_cnt_ban2{width:100%;margin-right:0;}*/

div.post{clear:both;width:91%;padding:0 4% 2% 4%;border:1px solid #e4e4e4;background-color:#FFF;overflow:hidden;}
div.post div.post_tit{padding-top:2%;}
div.post ul{clear:both;padding-top:2%;}
div.post ul li{clear:both;}
div.post li span.bbs_tit a{display:block;width:72%;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0em;padding-left:2%;background:#FFF url(../../resources/images/main/dot.gif) no-repeat 0 center;}
div.post li span.bbs_tit a:hover{color:#000;}
div.post li span.bbs_tit a img{margin-left:3px;}
div.post li span.bbs_date{display:block;float:right;width:24%;text-align:right;font-size:0.8em;line-height:1.8em;color:#878787;}
/* ARS안내 */
div.left_info_ars,
div.info_ars,
div.info_ars .type02,
.cen_body.type02 .right_area .info_ars{display:none}
div.left_info_ars .type01 div.info_ars{width:99%;margin-top:2.5em;display:inline-block;border: 1px solid #d3d3d3;background:#fff}
div.left_info_ars .type01 .cs_t{height:15px;margin-bottom:10px;}
div.left_info_ars .type01 .cs_b{height:15px;}
div.left_info_ars .type01 .cs_top{padding-left:8%;}
div.left_info_ars .type01 .article{width:80%;margin:10px auto 6px;line-height: 1.3;background-color:#e6e6e6;font-size: 0.9em;padding:8px;letter-spacing:-0.09em;}
div.left_info_ars .type01 .banner_box{width:80%;padding:0 8px;height:30px;line-height:30px;border:1px solid #b32f2f;margin:5px auto;text-align:center;font-weight:bold;background:#FFF url('../../resources/images/common/cs_btn_bg.gif') repeat-x 0 0;}
div.left_info_ars .type01 .banner_box a{display:block;color:#FFF;}
div.left_info_ars .type01 .cs_in_qmenu{padding:2% 8% 0;}
div.left_info_ars .type01 .cs_in_qmenu li{padding-left:20px;background:url(../../resources/images/common/cs_dot.gif) no-repeat 10px center;font-weight:bold;}
div.left_info_ars .type01 .cs_in_qmenu li a{width:98%;line-height:1.6em;margin:auto;font-size:0.85em;}
div.left_info_ars .type01 .cs_in_qmenu li a:hover{color:#b92630;}

.left_area.type02 .right_area .info_ars,
.cen_body .left_info_ars .type02,
.left_area.type02 .left_info_ars .type01 {display:none}
.left_area.type02 .left_info_ars .type02,
.cen_body .left_info_ars .type01 {display: block;}
.left_info_ars .type02 {position: relative;/*margin-top:30px;*/background-color:var(--bg-white);padding: 15px 0px;text-align: center;}
.left_info_ars .type02 [class^="edge-"] {position: absolute;width: 15px; height: 15px; border: 3px solid var(--theme-primary); pointer-events: none; }
.left_info_ars .type02 .edge-tl { top: 0; left: 0; border-right: none; border-bottom: none; }
.left_info_ars .type02 .edge-tr { top: 0; right: 0; border-left: none; border-bottom: none; }
.left_info_ars .type02 .edge-bl { bottom: 0; left: 0; border-right: none; border-top: none; }
.left_info_ars .type02 .edge-br { bottom: 0; right: 0; border-left: none; border-top: none; }

.left_info_ars .type02 .cs_top { margin-bottom: 15px; padding: 0; }
.left_info_ars .type02 .cs_row { margin-bottom: 12px; }
.left_info_ars .type02 .cs_row:last-child { margin-bottom: 0; }
.left_info_ars .type02 .cs_label {font-size: 13px;font-weight: 700;color: var(--text-main);display: flex;align-items: center;justify-content: center;gap: 5px;}
.left_info_ars .type02 .cs_label svg,
.left_info_ars .type02 .cs_label i { color: var(--text-light); font-size: 11px; }
.left_info_ars .type02 .cs_number {display: block;font-size: 24px; font-weight: 800; color: var(--theme-primary); line-height: 1;text-decoration: none;letter-spacing: -0.5px;}
.left_info_ars .type02 .article {width: auto; background-color: var(--bg-gray-300); padding: 12px 10px;margin: 10px 0 15px;text-align: center; font-size: 12px;color: var(--text-sub);line-height: 1.6;}
.left_info_ars .type02 .article .time_row {color: var(--text-main);font-weight: 400;}
.left_info_ars .type02 .article .f_red {color: var(--theme-primary);font-weight: 700;margin-top: 5px;}
.left_info_ars .type02 .banner_box { margin-bottom: 15px; }
.left_info_ars .type02 .banner_box a { display: block; width: 100%; padding: 12px 0; background-color: var(--theme-primary); color:var(--text-white); font-weight: 700; font-size: 14px; text-decoration: none; box-shadow: 0 2px 4px rgba(0,0,0,0.2); transition: background-color 0.2s;}
.left_info_ars .type02 .banner_box a:hover {background-color: var(--theme-secondary);}
.left_info_ars .type02 .cs_in_qmenu { padding: 0; margin: 0; text-align: left; padding-left: 10px; }
.left_info_ars .type02 .cs_in_qmenu li { list-style: none; position: relative; padding-left: 12px; }
.left_info_ars .type02 .cs_in_qmenu li::before { content: '●'; position: absolute; left: 0; top: 1px; color: var(--theme-primary); font-size: 8px; }
.left_info_ars .type02 .cs_in_qmenu li a { font-size: 13px; color: var(--text-sub); font-weight: 500; text-decoration: none; }
.left_info_ars .type02 .cs_in_qmenu li a:hover { color: var(--theme-primary); text-decoration: underline; }
	
.queryMargin{display:none;clear:both;height:0px;}

/*@media only screen and (max-width:320px){
	div.cen_body{margin:0px auto 30px;}	
	div.main_cnt_ban2{margin-top:0;}
}
@media only screen and (min-width:321px) and (max-width:580px){
	div.cen_body{margin:0 auto 50px;}
	div.main_cnt_ban1{margin-top:0;}
	div.main_cnt_ban2{margin-bottom:5px;margin-top:5px;}
	div.post{margin-top:5px;}
	div.post div.post_tit{padding-top:15px;}
}
@media only screen and (min-width:581px) and (max-width:997px){
	div.goLink ul li{width:33.1%}

	div.main_cnt_ban1{float:left;width:35%;margin-right:1%;margin-top:0;margin-bottom:10px;}
  div.main_cnt_ban2{float:right;width:64%;margin-right:0;margin-top:0;}
  div.post{clear:both;width:100%;padding:0 2% 3%;margin-top:0;box-sizing:border-box;display:block;}
  div.post div.post_tit{padding-top:2%;}
  div.post ul{clear:both;padding-top:2%;}
}
@media only screen and (min-width:998px){

	div.cen_body{width:998px;}
	div.main_cnt_ban1{float:left;width:360px;}
	div.main_cnt_ban2{float:right;width:610px;height:268px;background:url(../../resources/images/main/smap_bg.gif) no-repeat 0 0;}
	div.main_cnt_ban2 p{margin:72px 0 45px 112px;}
	
	div.post{clear:none;float:right;width:250px;min-height:238px;padding:0 14px;margin-top:0;}
	div.main_cnt div.post li span.bbs_tit a{padding-left:3%;}
	div.post div.post_tit{padding-top:20px;}
	div.post ul{padding-top:20px;}	
	div.post li span.bbs_tit a{display:block;width:72%;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0;padding-left:2.5%;background:#FFF url(../../resources/images/main/dot.gif) no-repeat 0 center;}
	div.post li span.bbs_date{display:block;float:right;width:24%;text-align:right;}
	div.main_cnt div.post li{clear:both;}
	div.main_cnt div.post li span.bbs_tit a{font-size:0.8em;}
	div.main_cnt div.post li span.bbs_date{font-size:0.8em;line-height:2.2em;letter-spacing:0;}	
}
*/


@media only screen and (max-width:980px) {
	.right_area div.left_info_ars,
	.right_area div.info_ars,
	.cen_body.type02 .right_area .info_ars,
	.cen_body.type02 .right_area .info_ars .type01 {display: block}
	.cen_body.type02 .right_area .info_ars .type02 {display: none}

	div.info_ars{width:99%;margin-top:2.5em;display:inline-block;border: 1px solid #d3d3d3;background:#fff}
	.cs_t{height:15px;border-top:4px solid #b92630;margin-bottom:10px;}
	.cs_b{height:15px;border-bottom:4px solid #b92630;}
	.cs_top{padding-left:8%;}
	.article{width:80%;margin:10px auto 6px;line-height: 1.3;background-color:#e6e6e6;font-size: 0.9em;padding:8px;letter-spacing:-0.09em;}
	.banner_box{width:80%;padding:0 8px;height:30px;line-height:30px;border:1px solid #b32f2f;margin:5px auto;text-align:center;font-size:1em;font-weight:bold;background:#FFF url('../../resources/images/common/cs_btn_bg.gif') repeat-x 0 0;}
	.banner_box a{display:block;color:#FFF;}
	.cs_in_qmenu{padding:2% 8% 0;}
	.cs_in_qmenu li{padding-left:20px;background:url(../../resources/images/common/cs_dot.gif) no-repeat 10px center;font-weight:bold;}
	.cs_in_qmenu li a{width:98%;line-height:1.6em;margin:auto;font-size:0.85em;}
	.cs_in_qmenu li a:hover{color:#b92630;}
}

@media only screen and (min-width:980px) {
	div.left_area{float:left;width: 19.4%;max-width: 190px; display:inline-block}
	div.right_area{float:right;width:calc(100% - 210px);display:inline-block}
	/*검색결과보이기*/
	div.search_area{width:90%;padding:0 5%;display:inline-block}
	div.search_area div.total_srch{line-height:2em;border:1px solid #ccc;margin-bottom:20px;padding:1%;background-color:#FFF;color:#333;}
	/* 타이틀 */
	div.r_professor{width:100%;display:inline-block;line-height:200%;background:url('../../resources/images/video_sub/bar01.gif') repeat-x 0 100%;margin-bottom:0px;}
	div.r_professor h3{line-height:250%;color:#000;padding-left:23px;width:42%;float:left;background:url('../../resources/images/video_sub/ico01.gif') no-repeat 0 50%;}
	div.r_professor p{float:right;padding-top:5px;line-height:330%;font-size:0.8em;background:url('../../resources/images/sub/icon_home3.gif') no-repeat 0 55%;padding-left:15px;padding-right:10px;color:#878787;}
	/* 사용후기 */
 /* div.post div.post_tit{padding-top:2%;border:1px solid #000;}
  div.post ul{clear:both;padding-top:2%;}*/
	/* 바로가기 메뉴 */
	div.left_cont_area{display:block}
	div.goLink{display:none}
	div.left_cont_area{clear:both;margin-top:0.5em;width:100%;display: inline-block}
	div.left_cont_area ul{width:100%;border-left:1px solid #861340;display: inline-block;}
	div.left_cont_area ul li{float: left;width:48.9%;height:69px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;background:#850426}
	div.left_cont_area ul li a{display:inline-block;width:100%;height:100%;background-color:#fff}
	div.left_cont_area ul li a:hover{width:98%;height:98%;margin:1%;background-color:#b92630;color:#fff}
	div.left_cont_area ul li span{display:inline-block;width:28px;height:28px}
	div.left_cont_area ul li p{font-size: 0.9em;letter-spacing:-1px;margin-top:2px}
	div.left_cont_area ul li.cont06{display:none}
	div.left_cont_area ul li.cont06_1{display:block}
	div.left_cont_area ul li.cont07_1{display:block}
	div.left_cont_area ul li.cont01,div.left_cont_area ul li.cont02{border-top:1px solid #861340}
	div.left_cont_area ul li.cont02,
	div.left_cont_area ul li.cont04,
	div.left_cont_area ul li.cont06_1,
	div.left_cont_area ul li.cont07_1,
	div.left_cont_area ul li.cont09{border-right:1px solid #861340}
	div.left_cont_area ul li.cont08,div.left_cont_area ul li.cont09{border-bottom:1px solid #861340}
	div.left_cont_area ul li.li_none {display: block;}
	div.left_cont_area ul.coupon li{width:99%}
	div.left_cont_area ul.coupon li a{height:69px;line-height:69px;font-size: 12px;}
	div.left_cont_area ul.coupon li a:hover{width:98%;height:63px;margin:3px 1%;background-color:#b92630;color:#fff}
	/* ARS안내 */
	div.left_info_ars{display:block}
	div.left_info_ars{width:100%;margin-top:20px;display:inline-block;background:#fff}
	.cs_t{height:15px;border:none;background:#FFF url('../../resources/images/common/cs_t.gif') no-repeat 0 0;background-size:contain;margin-bottom:10px;}
	.cs_b{height:15px;border:none;background:#FFF url('../../resources/images/common/cs_b.gif') no-repeat 0 bottom;background-size:contain;}
	.cs_top{padding-left:8%}
	.article{width:80%;margin:10px auto 6px;padding:5px 0;line-height: 1.4;background-color:#e6e6e6;font-size: 0.8em;padding:8px;letter-spacing:0;}
	.banner_box{font-size:0.8em;}
	div.left_info_ars .type01 .cs_in_qmenu li{margin:auto;padding-left:20px;background:url(../../resources/images/common/cs_dot.gif) no-repeat 10px center;}
	div.left_info_ars .type01 .cs_in_qmenu li a{display:block;width:98%;font-weight:bold;font-size:0.85em;line-height:1.5em;}
	div.left_info_ars .type01 .cs_in_qmenu li a:hover{color:#b92630;}

}


/*========================================================================================
   하단
   ========================================================================================= */
/* Mobile Layout: 580px and below. */
	#footer_wrap{width:100%;padding-bottom:30px;overflow:hidden;}
	#footer_wrap div.selt_wrap{background-color:#878787;padding:7px 0;}
	#footer_wrap div.selt{width:96%;margin:auto;overflow:hidden;;}
	div.selt .bmenu ul{width:100%;margin-left:0%;height:21px;line-height:21px;overflow:hidden;}
	div.selt .bmenu ul li{display:block;float:left;}
	div.selt .bmenu ul li a{display:block;float:left;margin-right:7px;color:#FFF;font-size:12px;background:url('../../resources/images/common/bod_g.gif') no-repeat 0 center;padding-left:7px;}
	div.selt .bmenu ul li a:hover{color:#eee;}
	div.selt .ref_site{clear:both;width:100%;}
	div.selt .ref_site select{width:100%;padding:2px 5px;font-size:12px;background-color:#e7e7e7;color:#444;}
	#footer_wrap div#footer{clear:both;width:100%;}
	.footer_logo{width:40%;margin:5px;}
	address{clear:both;width:96%;padding:1%;margin-top:5px;font-style:normal;font-size:0.75em;line-height:1.2em; letter-spacing:-0.2px;color:#878787;}
	address span.div{color:#ccc;font-size:11px;line-height:1.2em;}
	address span.copy{display:block;margin-top:10px; color:#aaa9a9;}
	#certify{display:none;}
	
	
	
 /*Tablet Layout: 581px to 780px
@media only screen and (max-width:360px) {
	div.selt .bmenu ul li a{margin-right:5px;color:#FFF;font-size:12px;background:url('../../resources/images/common/bod_g.gif') no-repeat 0 center;padding-left:5px;}
	}*/
@media only screen and (max-width:320px) {
	div.selt .bmenu ul{margin-left:0%;margin-bottom:5px;}
	div.selt .bmenu ul li a{margin-right:2px;font-size:12px;background:url('../../resources/images/common/bod_g.gif') no-repeat 0 center;padding-left:2px;}
	div.selt .ref_site{clear:both;width:100%;margin-top:0px;}
	.footer_logo{float:left;width:40%;margin:5px;}
	.footer_logo img{width:100%;}
	address{clear:both;width:96%;padding:2%;margin-top:10px;font-size:0.8em;letter-spacing:-0.5px;line-height:1.3em;}
	#certify{display:none;}
}

@media only screen and (min-width:321px) and (max-width:640px) {
	div.selt .bmenu ul{margin-left:0%;margin-bottom:5px;}
	div.selt .bmenu ul li a{margin-right:10px;font-size:12px;background:url('../../resources/images/common/bod_g.gif') no-repeat 0 center;padding-left:10px;}
	div.selt .ref_site{clear:both;width:100%;margin-top:0px;}
	.footer_logo{float:left;margin:5px 10px;}
	.footer_logo img{width:auto;}
	address{clear:both;width:96%;padding:2%;margin-top:5px;font-size:0.8em;letter-spacing:-0.5px;line-height:1.3em;}
	#certify{display:none;}
}
 
@media only screen and (min-width:641px) and (max-width:980px) {
	div.selt .bmenu ul{float:left;width:58%;margin-left:19.5%;}
	div.selt .bmenu ul li a{margin-right:10px;padding-left:10px;}
	div.selt .ref_site{clear:none;float:right;width:20.5%;padding-right:1%;}
	.footer_logo{float:left;width:18%;margin:1%;}
	.footer_logo img{width:100%;}
	address{clear:none;float:left;width:79%;padding:0%;font-size:12px;line-height:1.4em;color:#878787;}
	#certify{display:none;}
}

/* Desktop Layout: 781px */
@media only screen and (min-width:981px) {
	#footer_wrap{width:100%;padding-bottom:15px;overflow:hidden;}
	#footer_wrap div.selt{width:980px;}
	#footer_wrap div#footer{clear:both;width:980px;margin:15px auto;}
	div.selt .bmenu ul{float:left;width:40%;margin-left:20%;height:25px;line-height:25px;}
	div.selt .bmenu ul li a{margin-right:10px;padding-left:10px;}
	div.selt .ref_site{clear:none;float:right;width:20.5%;}
	div.selt .ref_site select{width:185px;padding:4px 5px 4px 10px;font-size:12px;background-color:#e5e5e5;color:#767676;border:1px solid #ccc;}
	.footer_logo{float:left;width:18%;margin:5px 1%;}
	.footer_logo img{width:auto;}
	address{clear:none;float:left;width:59%;padding:0%;font-size:12px;line-height:1.4em;color:#878787;}
	#certify{display:inline-block;float:right;width:21%;height:75px;overflow:hidden;margin-top:3px;}
	#certify li{float:left;margin-right:4px;}
}


/*============================================================================================================
   서브메인
   ========================================================================================================== */
 /* 우측배너 */
.rightbanner_wrap{width:96%;min-width:300px;text-align:left;overflow:hidden;margin-bottom:0;}
.right_1, .right_2, .right_3{position:relative;width:100%;padding:10px;overflow:hidden;}
.right_1 a, right_2 a, right_3 a{display:block;}
.right_1{background-color:#FFF;}
.right_2{border-bottom:0px solid #d5d5d5;background-color:#f7f7f7;}
.right_3{border-bottom:0px solid #d5d5d5;background-color:#FFF;}
.right_1 button, .right_2 button, .right_3 button{position:absolute;right:30px;top:20px;width:50px;height:50px;padding:10px;background-color:#e1e1e1;color:#FFF;}
.right_1:hover button, .right_2:hover button, .right_3:hover button{background-color:#214a6e;}

.rightbanner_wrap .tt{margin-bottom:7px;}
.rightbanner_wrap .tt img, .rightbanner_wrap .dd img{width:auto;}

@media only screen and (max-width:360px){
.right_1, .right_2, .right_3{clear:both;padding:10px;}	
.right_1 button, .right_2 button, .right_3 button{display:none;}
.rightbanner_wrap .tt{margin-bottom:5px;}
.rightbanner_wrap .tt img{width:90px;}
}

@media only screen and (min-width:361px) and (max-width:580px){
.right_1, .right_2, .right_3{clear:both;padding:10px 15px;}	
.right_1 button, .right_2 button, .right_3 button{right:45px;top:10px;}
.rightbanner_wrap .tt{margin-bottom:8px;}
.rightbanner_wrap .tt img{width:100px;}
}

@media only screen and (min-width:581px) and (max-width:800px){
.right_1, .right_2, .right_3{padding:10px 15px;}
.right_1, .right_2, .right_3{clear:both;padding:20px 25px;}	
.right_1 button, .right_2 button, .right_3 button{right:80px;top:10px;}
.rightbanner_wrap .tt{float:left;width:146px;border-right:1px dotted #f00;margin-right:20px;}
.rightbanner_wrap .tt img, .rightbanner_wrap .dd img{width:auto;}
}

@media only screen and (min-width:801px){
.rightbanner_wrap{float:right;width:300px;height:350px;}
.right_1, .right_2, .right_3{float:left;width:260px;height:66px;padding:25px;}
.right_1 ul, .right_2 ul, .right_3 ul{float:left;}
.right_1 button, .right_2 button, .right_3 button{position:absolute;right:30px;top:20px;width:50px;height:50px;padding:10px;background-color:#e1e1e1;color:#FFF;}
.right_1:hover button, .right_2:hover button, .right_3:hover button{background-color:#214a6e;}

.rightbanner_wrap .tt{width:146px;margin-bottom:15px;}
.rightbanner_wrap .dd{width:240px;}
}


/*  151025 김인경 퍼블리셔 작업 */
body.submain{background:#fff;overflow-x:hidden;}
.topbanner_w{display:none;height:74px;width:100%;text-align:center;}
.topbanner_w a{display:block;font-size:0;line-height:0;width:980px;margin:0 auto;}

.pixin{max-width:990px; width:100%; margin:0 auto;overflow:hidden; display: flex; justify-content: center;}
.visual_low{clear:both;background:#FFF repeat-x 0 0;margin: 0 auto; overflow:hidden;}
.visual_low:after{display:block;content:'';clear:both;}
.bigbanner_wrap{position:relative;display:block; overflow:hidden;}
.classbanner_wrap{display:inline-block;float:right;}
.classbanner_wrap li{}
.classbanner_wrap li a{line-height:0;}
.classbanner_wrap li a img{display:block;width:300px}
.contents_low{clear:both;background:#FFF;padding:25px 0 60px;}
.contents_low:after{display:block;content:'';clear:both;}
.right_cont{float:right;width:692px;}
.right_cont .post{width:340px;padding:0 20px 10px;height:auto;min-height:inherit;float:left; clear:inherit;}
.right_cont .post .post_tit{padding-top:15px;}
.right_cont .post .post_tit:after{display:block;content:'';clear:both;}
.right_cont .post .post_tit .fL{}
.right_cont .post ul{padding-top:10px;font-size:12px; width:100%;}
/*.right_cont .post ul > li{margin-top:4px;}*/
.right_cont .post ul > li:after{display:block;content:'';clear:both;}
.right_cont .post .bbs_date{text-align:right;color:#888;font-size:11px;}
.right_cont .post.review{float:right;}
.post.review{}
.post.review .post_tit{}
.post.review .post_tit .fL{}
.recom_zone{clear:both;}
.recom_zone .tit{padding:8px 0 8px;}
.recom_zone .tit img{}
.recom_w{overflow:hidden;border:1px solid #e4e4e4;}
.recomlist{position:relative;display:block;}
.recomlist:after{display:block;content:'';clear:both;}
.recomlist li{float:left;width:33.333333333%;}
.recomlist li a{display:block;}
/**/
.recomlist li a p{}
.recomlist li a .text-w{position:absolute;top:10px;left:0;font-weight:bold; line-height:20px; z-index:30;}
.recomlist li a .mentit{overflow:hidden;background:url("../images/sub1/bg_redbar.png") no-repeat right top; height:38px;  padding:0 10px; max-width:95%; line-height:30px; color:#fff;}
.recomlist li a .subtxt01{color:#881e25;padding:0 0 0 10px;}
.recomlist li a .subtxt02{color:#000000;padding:0 0 0 10px;}
.recomlist li a .subtxt02 .cir{color:#595959}
.recomlist li a .photo{position:absolute; bottom:0; right:0; width:60%; z-index:10;}
.recomlist li a .bg{display:block; width:100%; max-width:inherit;}
.recom_w .control{display:block;opacity:.8;position:absolute;top:50%;z-index:20;background-position:0 0; background-repeat: no-repeat; width:22px; height:50px; background-size:22px 50px; margin-top:10px;}
.recom_w .control.prev{left:0;background-image:url("../images/main/arr_l.gif");}
.recom_w .control.next{right:0;background-image:url("../images/main/arr_r.gif");}
.left_cont{float:left;}
table.iconlist{width:100%;}
table.iconlist:after{display:block;content:'';clear:both;}
table.iconlist td{width:33.3333333333%;text-align:center;border:1px solid #e4e4e4;background:#fff;}
table.iconlist td a{display:block;font-size:0;line-height:0;padding:5px 0;}
/*.iconlist li a img{display:inline-block;}
.left_cont .customer{position:relative;background:#f4f4f3;display:block;border:1px solid #cccccc;border-top:1px solid #e3e3e3;padding:0px 0px;margin-top:-1px;z-index:10;}*/
.customer{clear:both;background:#f4f4f3;border:1px solid #e4e4e4;border-top:0;z-index:10;}
.customer .cs_area{position:relative;}
.customer .cs_area img{margin:0;vertical-align:top;}
.customer ul{position:absolute;left:50%;top:136px;margin-left:-122px;}
.customer li{float:left;}
.big-tablist{clear:both;}
.big-tablist:after{display:block;content:'';clear:both;}
.big-tablist li{float:left;}
.big-tablist li a{display:block;}
.big-tablist li a img{width:100%;}

.submain .big-tablist1{position:absolute;width:80px;height:20px;left:880px;top:10px;z-index:100;}
.submain .big-tablist1 li{float:left;width:20px;}

.main .big-tablist1{position:absolute;width:80px;height:20px;left:580px;top:10px;z-index:100;}
.main .big-tablist1 li{float:left;width:20px;}
/*
.swipe-zone{position:relative;margin:0 auto;overflow:hidden;visibility:hidden}
.swipe-zone .swipe-container{position:relative;top:0;left:0;transition:.3s;}
.swipe-zone .swipe-container:after{display:block;content:'';clear:both;}
.swipe-zone .swipe-container > li{display:block;float:left;}
.swipe-zone .swipe-container > li a{display:block;width:100%;font-size:0;line-height:0;}
.swipe-zone .swipe-container > li a img{display:block;width:100%;}
.swipe-zone .control{ position:absolute; top:50%; width:28px;height:55px; margin:-30px 0 0 0; overflow:hidden;text-indent:-9999px; display:inline-block; background-repeat:no-repeat; background-position:50% 50%;}
.swipe-zone .control.prev{background-image:url("../images/sub1/big_allow1.png"); left:5px;}
.swipe-zone .control.next{background-image:url("../images/sub1/big_allow2.png");  right:5px;}
*/

.swipe-zone2{position:relative;overflow:hidden;visibility:hidden}
.swipe-zone2 .swipe-container2{position:relative;top:0;left:0;transition:.3s;}
.swipe-zone2 .swipe-container2:after{display:block;content:'';clear:both;}
.swipe-zone2 .swipe-container2 > li{display:block;position: absolute; left: 0;top: 0;width:100%;}
.swipe-zone2 .swipe-container2 > li.on{position:relative;}
.swipe-zone2 .swipe-container2 > li a{display:block;width:100%;font-size:0;line-height:0;}
.swipe-zone2 .swipe-container2 > li a img{display:block;width:100%;}
.swipe-zone2 .control{ position:absolute; top:50%; width:28px;height:55px; margin:-30px 0 0 0; overflow:hidden;text-indent:-9999px; display:inline-block; background-repeat:no-repeat; z-index:100; background-position:50% 50%;}
.swipe-zone2 .control.prev{background-image:url("../images/sub/big_allow1.png"); left:5px;}
.swipe-zone2 .control.next{background-image:url("../images/sub/big_allow2.png");  right:5px;}
.submain .swipe-zone2{width:990px;}
.submain .swipe-zone2 .control{ position:absolute; top:50%; width:28px;height:55px; margin:-30px 0 0 0; overflow:hidden;text-indent:-9999px; display:inline-block; background-repeat:no-repeat; background-position:50% 50%;}
.submain .swipe-zone2 .control.prev{background-image:url("../images/sub/big_allow1.png"); left:5px;}
.submain .swipe-zone2 .control.next{background-image:url("../images/sub/big_allow2.png");  right:5px;}


/* Tablet Layout: 581px to 768px*/
@media only screen and (max-width:781px) {
	
	.topbanner_w{background:none !important; height:auto;}
	.topbanner_w a{width:auto;}
	.topbanner_w a img{width:100%;}
	.visual_low{padding:0px 0;background:none;}
	.pixin > *{display:block; float:none; width:auto;}
	.pixin{width:100%;text-align:center;}
	.big-tablist{width:auto !important;}
	/*.swipe-zone{width:auto !important;height:auto;}
	.swipe-zone .control{ position:absolute; top:50%; width:18px;height:31px; margin:-19px 0 0 0; display:inline-block; background-repeat:no-repeat; background-position:left 50%; background-size:18px 31px;}
	.swipe-zone .control.prev{left:0 !important;}
	.swipe-zone .control.next{right:0 !important;}*/
	.swipe-zone2{position: relative;width:auto !important;height:auto;}
	.swipe-zone2 .control{ position:absolute; top:50%; width:18px;height:31px; margin:-19px 0 0 0; display:inline-block; background-repeat:no-repeat; background-position:left 50%; background-size:18px 31px;}
	.swipe-zone2 .control.prev{left:0 !important;}
	.swipe-zone2 .control.next{right:0 !important;}
	.classbanner_wrap{padding-top:10px;}
	.right_cont .post{clear:both;float:none !important;padding:1% 2% 2%; width:100%; box-sizing:border-box; box-sizing:border-box;border:1px solid #e4e4e4;background-color:#FFF;margin-top:1%;overflow:hidden;text-align:left;}
	.right_cont .post div.post_tit{padding-top:2%;}
	.right_cont .post ul{clear:both;padding-top:2%;font-size:0.9em;}
	.right_cont .post li span.bbs_tit a{display:block;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0;line-height:1.8em;padding-left:3%;background:#FFF url(../../resources/images/main/dot.gif) no-repeat 0 center;}
	.right_cont .post li span.bbs_tit a:hover{color:#000;}
	.right_cont .post li span.bbs_tit a img{margin-left:3px;}
	.right_cont .post li span.bbs_date{display:block;float:right;width:24%;text-align:right;line-height:1.8em;}
	.contents_low{padding:0 0 50px;}
	.classbanner_wrap li{width:100%; text-align:center;}
	.classbanner_wrap li a img{display:inline; max-width:inherit; width:100%;}
	.recom_zone{text-align:left;visibility:hidden;}
	.recom_zone .tit{text-align:left;line-height:20px;}
	.recomlist{}
	.recomlist li{}
	.recomlist li a .text-w{position:absolute;top:9px;left:0;font-weight:bold;  font-size:0.8em; line-height:1.5em;}
	.recomlist li a .text-w p.subtxt01,.recomlist li a .text-w p.subtxt02{padding:0 0 0 20px}
	.recomlist li a img{width:100%;}
	.recomlist li a .photo{width:60%;}
	
	.recom_w .control{width:15px; height:30px; background-size:15px 30px; margin-top:-15px;}
	.iconlist{width:100%;margin:10px 0 0 0;}
	.iconlist li{display:block;}
	.iconlist li a{padding:5px 0 15px;}
	.iconlist li a img{max-width:100%;border:0;}
	
	.submain .big-tablist1{display:none;}
	.main .big-tablist1{display:none;}

}
@media only screen and (min-width:582px) and (max-width:1024px) {	
	.recom_w .control{width:25px; height:50px; background-size:25px 50px; margin-top:-20px;}
}
@media only screen and (min-width:1024px) {	
	table.iconlist{width:280px;}
	.customer{clear:both;width:278px;}
	table.iconlist td{padding:0 !important;width:92px;height:103px;}
}
@media only screen and (max-width:581px) {
	div.main_cnt_ban1{display:none;}
	/*div.main_cnt_ban1.mobile{display:block;}*/
	.imageslider_zone .control{width:10px;height:20px; margin:-10px 0 0 0;background-size:10px 20px;}
	.recomlist li a .mentit{height:25px; background-size:auto 25px;  padding:0 5px; max-width:90%; line-height:18px;}
	.recomlist li a .photo{width:55%;}
	.recomlist li a .text-w{font-size:0.8em;}
	.recom_w .control{width:15px; height:30px; background-size:15px 30px; margin-top:15px;}
	.recomlist li a .photo{width:50%;}	
}
@media only screen and (max-width:413px) {
	.recomlist li a .text-w p.subtxt01,.recomlist li a .text-w p.subtxt02{padding:0 0 0 10px !important}
	.recomlist li a .photo{width:55%;}
	.recomlist li a .text-w{font-size:0.6em;}
}

@media only screen and (min-width:781px){
	.right_cont .notice, .right_cont .review{width:300px;height:185px;padding:5px 20px;}	
/*	.swipe-zone2 .swipe-container2.bigImage img{width:980px;}
	.swipe-zone2 .swipe-container2.subImage img{width:680px;}*/
}