@charset "utf-8";

/* =============================================================================
Category : Common
============================================================================= */
/* Individual effects */

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
.no-csstransforms3d .st-pusher,
.no-js .st-pusher {
	padding-left: 212px;
}

.carousel-indicators .active { background-color: #2e9ee8; }

.btn-square { border-radius: 0; }

.section-link { padding-top: 10px; padding-bottom: 10px; background: #f0f0f0; border-top: solid 1px #c3c3c3; border-bottom: solid 1px #838c9b; }

.base-color, .base-color:hover { color: #666; }
/* ul & li */
ul.unstyled { list-style: none; }

/* margin & padding */
.m0 { margin: 0; }
.m-t-15 { margin-top: 15px;}

.p0 { padding: 0 !important;}
.p10 { padding: 10px !important; }
.p20 { padding: 20px; }
.p-l-10 { padding-left: 15px; }
.p-b-10 { padding-bottom: 10px; }

/* =============================================================================
Category : Title
============================================================================= */
#title { margin: 0 50px; line-height: 50px; }
.js #title { visibility: hidden; }
#title a span { font-weight: bold; color: #101f6e; }
h2.sub-title { clear: both; overflow: hidden; margin: 0 0 15px  0; background: #e7e7e7;  border-bottom: 1px solid #fff; }
h2.sub-title em { display: block; padding: 10px 0; box-shadow: inset 0 1px 3px #c9c9c9; border-bottom: 1px solid #d0d0d0; font-size: 16px; font-weight: bold; font-style: normal; text-align: center; color: #2c4a94; }
h3.title { margin:0; padding: 0; font-size: 15px; font-weight: bold; color: #222; letter-spacing: -1px;}
h5.title { font-size: 15px; font-weight: bold; color: #222; letter-spacing: -1px; }
.title-a { margin:0; padding: 0; font-size: 15px; font-weight: bold; color: #222; text-align: center;}
.title-b { margin: 0 0 7px 0; padding: 0; font-size: 15px; font-weight: bold; color: #222222; }
.title-c { margin: 0 0 7px 0; padding: 0; font-size: 14px; font-weight: bold; color: #22222; }

/* =============================================================================
Category : Table
============================================================================= */
table caption { display: none; }
table.border-radius {
   border-collapse: separate !important;
    border-spacing: 0;    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.border-radius th:first-child {
    -moz-border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
    border-radius: 10px 0 0 0;
    border: 1px  solid #a9c3f3;
    border-right: 0;
}
.border-radius th:last-child {
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0;
    border: 1px  solid #a9c3f3;
    border-left: 0;
}
.border-radius th:only-child{
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    border: 1px  solid #a9c3f3;
}
.border-radius tr:last-child td:first-child {
    -moz-border-radius:0 0 0 10px;
    -webkit-border-radius: 0 0 0 10px;
    border-radius: 0 0 0 10px;
    border: 1px  solid #d9d9d9;
    border-top: 1px solid #eaedef;
    border-right: 0;
}
.border-radius tr:last-child td:last-child {
    -moz-border-radius: 0 0 10px 0;
    -webkit-border-radius: 0 0 10px 0;
    border-radius: 0 0 10px 0;
    border: 1px  solid #d9d9d9;
    border-top: 1px solid #eaedef;
    border-left: 0;
}
.border-radius td:only-child {
    border: 1px  solid #d9d9d9;
    border-bottom: 1px solid #eaedef;
    border-top:0;
}
.border-radius tr:last-child td:only-child {
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    border: 1px  solid #d9d9d9;
    border-top: 0
} 

table.table-custom-row { width: 100%; background: #fff; }
table.table-custom-row caption { display: none;}
table.table-custom-row th { padding: 8px; border-top: 1px solid #cccccc;  border-left: 1px solid #cccccc;  border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background: #f1f1f1; color: #333333; }
table.table-custom-row tr:first-child td { border-top: 0;}
table.table-custom-row tr:last-child td { border-bottom: 1px solid #cccccc;}
table.table-custom-row td { /*border-right: 1px solid #d9d9d9;*/ border-top: 1px solid #cccccc; text-align: center;  padding:0 !important;}
table.table-custom-row td a { display: block; margin-bottom: 0; padding: 8px; color: #666; }
table.table-custom-row td.subject { padding-left: 20px; /* border-left: 1px solid #d9d9d9;*/ border-right: 0; text-align: left; }
table.table-custom-row tr.reply-color { background: #fdfdfa;}
table.table-custom-row td.reply { padding-left:30px !important; background: url('/img/custom/icon_reply.png') 20px center no-repeat; background-size: 10px 10px; border-left: 1px solid #d9d9d9; border-right: 0; text-align: left; }
table.table-custom-row td.reply a {color: #2c4a94}
table.table-custom-row td.reply em {display: inline-block; margin-right: 5px; font-weight: bold; font-style: normal;}
table.table-custom-row td.cart { border-left: 1px solid #c5cddc; border-right: 0; text-align: center; }
table.table-custom-row td.text-left { padding-left: 20px; text-align: left; }
table.table-custom-row .answer-y { font-weight: bold; color: #2c4a94; }
table.table-custom-row .answer-n { font-weight: bold; color: #656565; }
table.table-custom-row .b-r-none { border-right: 0; }
table.table-custom-row .num { border-right: 0; border-left: 1px solid #d9d9d9; }

table.table-custom-col { margin:0 0 20px 0; width: 100%; padding:0; border-top: 1px solid #cccccc;}
table.table-custom-col thead {border-bottom:1px solid #cccccc;}
table.table-custom-col thead th {position:relative; background: #fff; font-weight: bold; font-size: 14px; text-align: left; color: #000000; padding-left:0;}
table.table-custom-col thead th.text-left { padding: 5px 10px; text-align: left; }
table.table-custom-col thead th .thumb_img{position:relative; float:left; margin:4px 12px 4px 0; display:block;}
table.table-custom-col thead th img {position:relative; float:left; margin:0;}
table.table-custom-col thead th em {position:absolute; top:30px; left:40px;}
table.table-custom-col thead th p {font-weight: normal; font-size: 13px; padding-bottom:0px;}
table.table-custom-col thead th p.hit {font-weight: normal; font-size: 13px; clear:both; padding:0 10px 10px 10px ; margin:0;}
table.table-custom-col thead th p.hit span {color:#07a17f; text-decoration:underline;}
table.table-custom-col thead th p.hit img {float:none; clear:both; padding:0 3px;}
table.table-custom-col thead th .thumb {position:absolute; float:left; left:114px;bottom:10px;}
table.table-custom-col thead th .thumb1 {float:left; bottom:10px;}
table.table-custom-col thead th .th_r {position:absolute;left:94%; top:26px;}
table.table-custom-col tbody th { background: #fcfcfa; border-right: 1px solid #e5eaed; font-weight: normal; }
table.table-custom-col th span { color: #000; letter-spacing:-1px; }
table.table-custom-col th, table.table-custom-col td { padding: 5px; font-weight: normal; font-size: 13px;}
table.table-custom-col th.detail { padding: 5px 20px; border-right: 0; text-align: left; cursor: pointer; }
table.table-custom-col th.detail span.down { display: block; background: #c9dcff url('/img/custom/blit_04_down.gif') right center no-repeat; background-size: 9px 5px;}
table.table-custom-col th.detail span.up { display: block; background: #c9dcff url('/img/custom/blit_04_up.gif') right center no-repeat; background-size: 9px 5px;}
table.table-custom-col td.detail-info { border: 0; }
table.table-custom-col td.non-sale span { text-decoration: line-through; }
table.table-custom-col label.checkbox { margin: 0; margin-left: 3px; font-weight: normal; color: #91268e; }

@media only screen and (min-width: 992px) { /* col-md, 태블릿 가로 */
table.table-custom-col thead th p.hit {position:relative; top:-32px; left:240px; font-weight: normal; font-size: 13px;  margin:0; border-bottom:none; height:1px; padding:0 10px 0 10px;}
table.table-custom-col thead th p.hit span {color:#07a17f; text-decoration:underline;}
table.table-custom-col thead th p.hit img {float:none; clear:both; padding:0 3px;}

}

/* 기존 게시판 테이블 150919
table.table-custom-row { width: 100%; background: #fff; }
table.table-custom-row caption { display: none;}
table.table-custom-row th { padding: 8px; border-top: 1px solid #a9c3f3; border-bottom: 1px solid #a9c3f3; background: #c9dcff; color: #2c4a94; }
table.table-custom-row tr:first-child td { border-top: 0;}
table.table-custom-row tr:last-child td { border-bottom: 1px solid #d9d9d9;}
table.table-custom-row td { border-right: 1px solid #d9d9d9; border-top: 1px solid #eaedef; text-align: center; }
table.table-custom-row td a { display: block; margin-bottom: 0; padding: 8px; color: #666; }
table.table-custom-row td.subject { padding-left: 20px; border-left: 1px solid #d9d9d9; border-right: 0; text-align: left; }
table.table-custom-row tr.reply-color { background: #fdfdfa;}
table.table-custom-row td.reply { padding-left: 35px; background: url('/img/custom/icon_reply.png') 30px center no-repeat; background-size: 10px 10px; border-left: 1px solid #d9d9d9; border-right: 0; text-align: left; }
table.table-custom-row td.reply a {color: #2c4a94}
table.table-custom-row td.reply em {display: inline-block; margin-right: 5px; font-weight: bold; font-style: normal;}
table.table-custom-row td.cart { border-left: 1px solid #c5cddc; border-right: 0; text-align: center; }
table.table-custom-row td.text-left { padding-left: 20px; text-align: left; }
table.table-custom-row .answer-y { font-weight: bold; color: #2c4a94; }
table.table-custom-row .answer-n { font-weight: bold; color: #656565; }
table.table-custom-row .b-r-none { border-right: 0; }
table.table-custom-row .num { border-right: 0; border-left: 1px solid #d9d9d9; }

table.table-custom-col { margin-bottom: 20px; width: 100%; border-top: 1px solid #cccccc; }
table.table-custom-col thead th {position:relative; background: #fff; border-bottom: 1px solid #d0c6cf; font-weight: bold; font-size: 14px; text-align: left; color: #000000;}
table.table-custom-col thead th.text-left { padding: 5px 10px; text-align: left; }
table.table-custom-col thead th .thumb_img{position:relative; float:left; margin:4px 12px 4px 6px; display:block;}
table.table-custom-col thead th img {position:relative; float:left; margin:0;}
table.table-custom-col thead th em {position:absolute; top:30px; left:40px;}
table.table-custom-col thead th p {font-weight: normal; font-size: 13px; padding-bottom:35px;}
table.table-custom-col thead th .thumb {position:absolute; float:left; left:114px;bottom:10px;}
table.table-custom-col thead th .th_r {position:absolute;left:94%; top:26px;}
table.table-custom-col tbody th { background: #fcfcfa; border-right: 1px solid #e5eaed; font-weight: normal; }
table.table-custom-col th span { color: #000; letter-spacing:-1px; }
table.table-custom-col th, table.table-custom-col td { padding: 5px; border-bottom: 1px solid #eaedef; font-weight: normal; font-size: 13px;}
table.table-custom-col th.detail { padding: 5px 20px; border-right: 0; text-align: left; cursor: pointer; }
table.table-custom-col th.detail span.down { display: block; background: #c9dcff url('/img/custom/blit_04_down.gif') right center no-repeat; background-size: 9px 5px;}
table.table-custom-col th.detail span.up { display: block; background: #c9dcff url('/img/custom/blit_04_up.gif') right center no-repeat; background-size: 9px 5px;}
table.table-custom-col td.detail-info { border: 0; }
table.table-custom-col td.non-sale span { text-decoration: line-through; }
table.table-custom-col label.checkbox { margin: 0; margin-left: 3px; font-weight: normal; color: #91268e; } */

table.table-cart { width: 100%; margin-top: 15px; border-top: 1px solid #bbbbbb;}
table.table-cart td { padding: 10px 5px; border-bottom: 1px solid #bbbbbb; }
table.table-cart th.subject { padding: 10px; border-bottom: 1px solid #eaedef; font-weight: normal;}
table.table-cart th.subject label { margin: 0; font-weight: normal;}
table.table-cart td:last-child { color: #333333; }
table.table-cart span{ display: block; }
table.table-cart span.price { font-weight: bold; color: #222; }
table.table-cart span.cart_title {font-size:1.15em; font-weight:bold;;}
table.table-cart span.cart_info {padding-top:7px;}
table.table-cart span
table.table-cart select.select { margin-bottom: 5px; }
.lineright {border-right: 1px solid #eaedef;}
.lineleft {border-left: 1px solid #eaedef;}
/* =============================================================================
Category : Component
============================================================================= */
ul.pagination li a { background: #f0f0f0; box-shadow: 0 0 1px #fff; border: 1px solid #c8c8c8; color: #666; }
ul.pagination li.active a { background: #1c78ba;  border: 1px solid #1c78ba; color: #fff; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
box-shadow: none; border: 1px solid #4972c9; border: 1px solid #3c5da6; color: #fff; }
ul.pagination li:first-child a, ul.pagination li:last-child a{ padding: 5px 7px; color: #696a6c; }

/* 드롭다운 */
ul.nav-custom {margin:0; padding: 0; width: 100%; background: #f5f5f5;/* box-shadow: inset 1px 1px 5px #2f3859*/; border-top: 1px solid #176ca7; border-bottom: 1px solid #43acb2; text-align: center; list-style: none; }
ul.nav-custom a { color:#0899a1; }
ul.nav-custom li a.title span { display: inline-block; padding: 8px; color:#0899a1; }
ul.nav-custom li span.title { margin-right: -35px; font-size: 16px; font-weight: bold; text-shadow: -1px -1px #fff; color:#0899a1; }
ul.nav-custom li span.arrow { float: right; padding: 15px 10px; min-height: 38px; width: 69px; border-left: 1px solid #7ec7cb;}
ul.nav-custom li span.arrow-open { background: #7ec7cb url('/img/common/drop_more.png') no-repeat center; background-size: 42px 11px; }
ul.nav-custom li span.arrow-close { background: #7ec7cb url('/img/common/drop_close.png') no-repeat center; background-size: 42px 11px; }

ul.nav-custom > li > a {display: block; border-bottom: 1px solid #43acb2; }
ul.nav-custom ul.sub-list { display: none; margin: 0; padding: 0; list-style: none;}
ul.nav-custom ul.sub-list li a { display: block; padding: 8px 20px; background: #fff; border-top: 1px solid #d8d9db; text-align: left; color:#222222;}
ul.nav-custom ul.sub-list li.active a { font-weight: bold; color: #222222; }
ul.nav-custom ul.sub-list li:first-child a { border-top: 1px solid #43acb2; }

ul.nav-custom-a { margin:0; padding: 0; width: 100%; text-align: left; list-style: none; background: #f4f4f4; border-top: 1px solid #d6d6d6; border-left: 1px solid #b4b4b4; border-right: 1px solid #b4b4b4; border-bottom: 1px solid #a7a7a7; border-radius: 10px; box-shadow: inset 0 -2px 0 #e6e6e6; }
ul.nav-custom-a > li > a { display: block; padding: 10px; font-size: 14px; font-weight: bold; color: #222; }
ul.nav-custom-a a.title { margin-left: 10px; }
ul.nav-custom-a a.title i { float: right; margin-top: 2px; color: #222; }
ul.nav-custom-a ul.sub-list { display: none; margin: 0; padding: 0;background: #fff; border-top: 1px solid #a7a7a7; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; list-style: none;}
ul.nav-custom-a ul.sub-list li a { display: block; padding: 8px 20px; border-top: 1px solid #d8d9db; text-align: left; color: #666; }
ul.nav-custom-a ul.sub-list li.active a { font-weight: bold; color: #000; }
ul.nav-custom-a ul.sub-list li:first-child a { border-top: 0; }

/* 썸네일 있는 목록(media) */
.media-info { margin-bottom: 15px; padding: 15px; background: #fff; border: 1px solid #c5cddc;}
.media a.thumbnail { margin-bottom: 0; padding: 0; border-radius: 0; border: 1px solid #e9e9e9; }
.media ul { margin: 0; padding: 0; list-style: none; }
.media h5 { margin-top: 5px;  font-weight: bold; font-size: 16px; }
.teacher img { width: 100px; height: 120px; } /* 교육안내.강사 */

/* 온라인서점 */
.book-info ul { margin: 0 0 0 5px; color: #222222;}
.book-info img { width: 80px; height: 98px; }
.book-info .book-subject {  font-weight: bold; font-size: 16px; color: #91268e; letter-spacing: -1px; }
.book-info .book-price { font-size: 18px; color: #d91e9a; line-height: 22px; }
.book-point { margin-top: 5px; padding-left: 18px; background: url('/img/common/icon_save_money.gif') left top no-repeat; background-size: 17px 17px; color: #a158a0; }

/* 탭메뉴 */
.nav-tabs { margin: 0 15px; border-bottom: 1px solid #9e9f9f; background: #f5f5f5; }
.nav-tabs li { width: 25%; }
.nav-tabs li a { margin: 0; border-left: 1px solid #e2e2e2; border-bottom: 1px solid #9e9f9f; border-radius: 0; font-size: 14px; font-weight: bold; text-align: center; color: #222222; }
.nav>li>a:hover, .nav>li>a:focus { background: #f5f5f5; border-left: 1px solid #e2e2e2; border-bottom: 1px solid #334a76; color: #4f74b1; }
.nav-tabs li.active a, .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { background: #f5f5f5; border-left: 1px solid #e2e2e2; border-bottom: 1px solid #334a76; border-right: 0; color: #4f74b1; }
.nav-tabs li:last-child { border-right: 1px solid #e2e2e2; }

.nav-tabs-a { position: relative; overflow: hidden; margin: 15px 0; border: 1px solid #392385; border-radius: 10px; }
.nav-tabs-a .caroufredsel_wrapper { height: 40px; }
.nav-tabs-a ul { margin: -1px 0 -1px -1px; }
.nav-tabs-a li { float: left; width: 95%; background: #463092; border-top: 1px solid #220f61; border-left: 1px solid #220f61; text-align: center; }
.nav-tabs-a li a { margin: 0; padding: 10px 0; font-weight: bold;text-align: center; color: #c6b9f2; }
.nav-tabs-a li.active { background: #463092; }
.nav-tabs-a li.active, .nav-tabs-a li:hover, .nav-tabs-a li:focus { background: #ebebeb;  }
.nav-tabs-a li.active a, .nav-tabs-a li:hover a, .nav-tabs-a li:focus a { border: 0; color: #463092; }
.nav-tabs-a a.btn-tab { position: absolute; right: 0px; top: 0px; z-index: 1; display: inline-block; border-left: 1px solid #220f61; padding: 10px 0; width: 11%; text-align: center; color: #c6b9f2; background: #463092; }

/* carousel */
div.carousel-caption {color:#000; }
.carousel-control.right { right: 20px; }

/*  pagination */
ul.pagination-sm { margin: 10px 0 20px 0 !important; }

/* 내강의실 상세보기 학습진도율 그래프 */
.lecture-info { overflow: hidden; }
.lecture-info h3 { float: left; display: inline-block; margin: 0; padding: 3px 0 0 0; width: 80px; font-size: 14px; font-weight: bold; color: #22222; }
.lecture-info div.date { display: inline-block; font-size: 14px; font-weight: bold; color: #333; position:relative; top:-3px; left:10px;}
.lecture-info div.date em { font-style: normal; color: #333 }
.lecture-info div.info { position:relative; /*padding: 10px 20px; */ padding:0;}
.graph { position: relative; padding-bottom: 5px !important; }
.graph div.progress_box {border:1px solid #b2b2b2; margin:0 10px; clear:both;}
.graph div.progress { position:relative; margin:8px; clear:both; background:#E0E0E0; border-radius:0; border:solid 1px #cccccc; box-shadow:none;}
.graph div.progress-bar {font-weight: bold; letter-spacing: 1px; }
.graph p.num { position: absolute; top: 10px; left: 95px;font-weight: bold; color:#f21616;}
.graph span.jindo_num{color:#f21616; padding-left:5px;}
.graph div.progress span{display:inline-block; padding:0 5px;}

/* 내강의실-수강 중 강의 아코디언*/
html.js .acco-body { display: none; }
.accordion-box { background: #fff;  border: 1px solid #aaaaaa; /*border-radius: 10px;*/ overflow:hidden; }
.accordion-box a { display: block; color: #333333 !important;}
.custom-accordion .acco-head {position:relative; padding: 10px!important; background: #ffffff !important; border-bottom: 1px solid #bbbbbb !important;  }
.custom-accordion .acco-head a { font-weight: bold; font-size: 15px; letter-spacing: -1px; color: #333333; }
.custom-accordion .acco-head a:hover, a:active {color:#1b8e94 !important;}
.custom-accordion .acco-head span.date_ing {color:#33333; font-weight:bold;}
.custom-accordion .acco-head span.subject_btn {position:absolute; top:20px; right:0;}
.custom-accordion:first-child .acco-head { border-top: 0px;}
.custom-accordion .acco-body > li { /*padding: 8px 20px; */border-bottom: 1px solid #eaedef; font-size: 14px;}
.custom-accordion .sub-title { margin-left: 20px; padding: 8px 20px 8px 25px;  background: url('/img/custom/icon_plus.png') left center no-repeat; background-size:16px; }
.custom-accordion .sub-none { padding: 10px 20px; background: none !important; }
.custom-accordion .ico-minus { background-image: url('/img/custom/icon_minus.png'); }
.custom-accordion:last-child .acco-head { border-bottom: 0px; }
.custom-accordion ul { margin: 0; padding: 0; list-style: none; }
.custom-accordion .info { background: #fdfdfa; border-top: 1px solid #eaedef; }
.custom-accordion .info li { position: relative; padding: 8px 20px 8px 40px; background: url('/img/custom/icon_reply.png') 25px center no-repeat; background-size: 10px 10px; border-top: 1px solid #eaedef;}
.custom-accordion .info li:first-child { border-top: 0;}
 /* 20140429 추가 */
.custom-accordion .subject { display: inline-block; margin:0 60px 8px 0;}
.custom-accordion .date { position: absolute; top: 12px; right: 0; display: block; width: 80px; height: 20px; text-align: center; font-size: 12px; font-weight: normal; color: #666666; letter-spacing: -1px; }

/* 아코디언 라운드-FAQ, 마이페이지 보유쿠폰 */
.accordion-radius { background: #fff; border: 1px solid #d9d9d9; border-radius: 10px; }
.accordion-radius li:first-child a.view-head { border-top: 0; }
.accordion-radius a.view-head { position: relative;  clear: both; overflow: hidden; display: block; border-top: 1px solid #eaedef; font-weight: bold; color: #222; }
.accordion-radius span.subject { display: inline-block; margin-left: 10px; padding: 10px 50px 10px 20px; background:url('/img/custom/icon_Q.png') left 12px no-repeat; background-size: 12px 14px;}
.accordion-radius span.coupon { display: inline-block; margin-left: 10px; padding: 10px 50px 10px 5px;}
.accordion-radius li span.arrow-down { position: absolute; right: 0; top: 0; display: inline-block; padding: 10px 20px 10px 15px; height: 100%; background: url('/img/custom/icon_arrow_down.png') center no-repeat; background-size: 8px 4px; border-left: 1px solid #eaedef; }
.accordion-radius li:first-child span.arrow-up { border-top-right-radius: 10px; }
.accordion-radius li span.arrow-up { background-image: url('/img/custom/icon_arrow_up.png'); background-color: #fdfdfa; }
.accordion-radius li:last-child div.view-body { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.accordion-radius li .view-body { display: none; background: #fdfdfa; border-top: 1px solid #eaedef; }
/* 2014-02-27 추가 */
.accordion-radius li .view-body p {padding-left:10px; }
.accordion-radius li .view-body p strong { padding-left: 13px; background: url('/img/custom/blit_01.gif') left center no-repeat; background-size: 8px 7px; color: #444444; } 
/* 2014-02-27 추가 */
.accordion-radius li .view-body p.qna { margin: 0; padding: 10px 32px; background: url('/img/custom/icon_A.png') 10px 10px no-repeat; background-size: 12px 14px; }
.accordion-radius li .view-body:last-child p{ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.accordion-radius li dl { clear: both; overflow: hidden; margin: 0; padding: 5px 15px; color: #222; }
.accordion-radius li dt, .accordion-radius li dd { float: left; padding-left:4px; }
.accordion-radius li dt { padding-left: 8px; background: url('/img/custom/blit_02.gif') left center no-repeat; background-size: 2px 4px; font-weight: normal; }
.accordion-radius .disabled { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

/* 아코디언 수정 */
#accordion h4 a { margin-bottom: 0; font-size: 13px; }
#accordion div.panel-heading h4 a strong { margin-right: 5px; font-size: 17px; color: #666666; }
#accordion div.panel-body strong { display: inline-block; margin-right: 5px; font-size: 17px; color: #4f74b1; }
#accordion div.panel { border: 1px solid #d9d9d9; }
.panel-group .panel-heading+.panel-collapse .panel-body { background: #fafcfd; border-top: 2px solid #eaedef; }

/* 유튜브 동영상 가변설정 */
.youtube-container{ position:relative; padding-bottom:56.25%; height:0; overflow: hidden; }
.youtube-container iframe, .youtube-container object, .youtube-container embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* list-a */
.list-a { margin-bottom: 20px; }
.list-a ol { padding-left: 20px; color: #4f74b1; font-size: 13px; color: #2c4a94;}
.list-a h5 { margin: 0; padding: 0; font-size: 13px; font-weight: bold; color: #2c4a94; }
.list-a ul.d1 { margin: 5px 0 0; padding:0; list-style: none; }
.list-a ul.d1 li { margin-bottom: 2px;}
.list-a ul.d1 li strong { padding-left: 13px; background: url('/img/custom/blit_01.gif') left center no-repeat; background-size: 8px 7px; color: #444444; }
.list-a ul.d2 { margin: 0 0 0 15px; padding: 0; list-style: none; font-size: 13px; }
.list-a ul.d2 li { padding-left: 7px; background: url('/img/custom/blit_02.gif') left center no-repeat; background-size: 2px 4px; color: #444444; }
.list-a p, .list-a div, .list-a span { margin: 0; color: #666666; font-size: 13px; }
.list-a .table { margin: 5px 0 0 -15px; }
.list-a span.note-a { display: block; margin-top: 5px; }
.list-a em.note-b { display: block; margin-top: 5px; font-style: normal; font-size:12px; }

/* 글보기 */
.view-default { margin-bottom: 20px; padding: 10px; background:#ffffff !important; }
.view-default .view-head { padding:10px 5px;  background:#f1f1f1; margin-bottom:10px !important; border-top:2px solid #7a7a7a; border-bottom:1px solid #dddddd; overflow:hidden; /*background: #c9dcff; border: 1px solid #a9c3f3; border-top-right-radius: 10px; border-top-left-radius: 10px;*/ font-weight: bold; font-size: 16px; letter-spacing: -1px; color: #333333; }
.view-default .view-head h3 {width:auto; }
.view-default .view-body { margin-bottom:10px !important; overflow:hidden; font-weight: bold; font-size: 1.1em; letter-spacing: -1px; color: #777777; }
.view-default ul.studying { padding: 15px; }
.view-default dl { margin: 0; border-top: 1px solid #cccccc; padding:8px 5px;}
.view-default dl:first-child { border-top: 0; padding:0px 5px 8px 5px; margin:0;}
.view-default dd, div.view-default dt { display: inline-block; color: #222; }
.view-default div.desc { padding: 10px 20px; color: #666; }
.view-default div.desc table, .view-default div.desc table th, .view-default div.desc table td{border: solid 1px #ccc;}
.view-default .b-t-small { border-top: 1px solid #eaedef; }
/* 기존 글보기 15092015-09-19
.view-default { margin-bottom: 20px; padding: 10px 10px; background:#ffffff; border:1px solid #aaaaaa;}
.view-default .view-head { padding-top:13px;  margin-bottowm:15px !important; border-bottom:1px solid #aaaaaa; overflow:hidden; background: #c9dcff; border: 1px solid #a9c3f3; border-top-right-radius: 10px; border-top-left-radius: 10px; font-weight: bold; font-size: 16px; letter-spacing: -1px; color: #2c4a94; }
.view-default .view-head h3 {width:auto; }
.view-default .view-body {  padding-top:13px;  margin-bottom:10px !important; border-bottom:1px solid #aaaaaa; overflow:hidden; font-weight: bold; font-size: 1.1em; letter-spacing: -1px; color: #777777; }
.view-default ul.studying { padding: 15px; }
.view-default dl { margin: 0; border-top: 1px solid #eaedef; }
.view-default dl:first-child { border-top: 0;}
.view-default dd, div.view-default dt { display: inline-block; color: #222; }
.view-default div.desc { border-top: 1px solid #eaedef; padding: 10px 20px; color: #666; }
.view-default .b-t-small { border-top: 1px solid #eaedef; } */

/* 대댓글 */
.view-reply { margin-bottom: 20px; }
.view-reply .view-head { padding: 10px 20px; background: #f5f5f5; border: 1px solid #ddd; font-weight: bold; font-size: 16px; letter-spacing: -1px; color: #222222; }
.view-reply .view-body, .view-reply .rereply-view-body{ padding: 10px 20px; background: #fff;}
.view-reply .view-body{border: 0; border-top: 1px solid #d9d9d9; border-style: dashed; }
.view-reply .rereply-view-body {position: relative;}
.view-reply .rereply-view-body img.level, .view-reply .rereply-view-body img.icon_reply{position: absolute; top:16px;}
.view-reply .view-body .reply_username, .view-reply .rereply-view-body .reply_username{ box-sizing: border-box; padding: 4px 6px; }
.view-reply .view-body .reply_username{background: #ccecfb;}
.view-reply .rereply-view-body .reply_username{background: #ececec; padding: 4px 6px 4px 26px;}
.view-reply .view-body .reply_btnbox, .view-reply .rereply-view-body .reply_btnbox{text-align: right;}
.view-reply .view-body .reply_cont, .view-reply .rereply-view-body .reply_cont{padding: 4px;}
.view-reply .view-body-box-b{border:none; border-top: 1px solid #d9d9d9;}   

/* 일반 라운드 박스 */
.view-body-box { margin-bottom: 20px;  padding: 10px; background: #fff; border: 1px solid #fff; display:table; width:100%;/*border-radius: 10px;*/ }
.view-body-box-b { margin-bottom: 20px;  padding: 10px 0; background: #fff; border: 1px solid #d9d9d9;  }

.view-radius-small { margin-bottom: 20px; }
.view-radius-small .view-head { padding: 6px 20px; background: #c9dcff; border: 1px solid #a9c3f3; border-top-right-radius: 3px; border-top-left-radius: 3px; font-weight: bold; font-size: 16px; letter-spacing: -1px; color: #2c4a94; }
.view-radius-small .view-body { background: #fff; border-top: 0px !important; border-bottom: 1px solid #a8afbc; border-left: 1px solid #d1d8e3; border-right: 1px solid #d1d8e3; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; color: #57606f; }
.view-radius-small div.desc { padding: 10px 20px; color: #666; }

/* 글 쓰기 */
.row-form-input { margin-top: 10px; }
.row-form-input:first-child { margin-top: 0;}
.row-form-input .subject { float: left; width: 90px; padding: 5px 5px 0 0; line-height: 16px; font-weight: bold; word-break: break-all; }
.row-form-input .field { margin-left: 95px; }
.row-form-input span.writer { line-height: 34px; }
.row-form-input .field select.select, .row-form-input .field input.input { width: 100%; min-width: 40px; }
.row-form-input label.radio { display: inline-block; margin: 10px 10px 10px 0; }
.row-form-input textarea { width: 100%; height:60px; padding:5px; margin:0; float:left;}
.field .block { margin: 0;}
.field .cell { display:table-cell; vertical-align:top; }
.field .cell select, .field .cell input { width: 100% !important; }
.field .term { display:table-cell; padding: 0 5px; width:10px; line-height: 34px; text-align: center;}
.row-form-input button.zipcode { width: 100%; padding: 5px 5px 3px 5px !important; letter-spacing: -1px; line-height: 12px; font-size: 11px; }

/* 회원가입-이용약관 */
.join { margin-top: 15px;}
.join ul { margin: 0; padding: 0; list-style: none; }
.join li { overflow: hidden; clear: both; }
.join span { float: left; padding: 6px 0;}
.join label.checkbox { margin: 0; display: inline-block; }
.join a.btn-default { float: right; margin-top: 2px; padding: 3px 10px; }

/* 마이페이지 및 온라인 모의고사 상단 */
#mypage { border-top: 1px solid #431242; border-bottom: 1px solid #ffffff; letter-spacing: -1px;}
#mypage h2 { margin: 0; border-bottom: 1px solid #d0d0d0;}
#mypage div { float: left; margin: 10px 0; width: 50%; text-align: center; font-size: 14px; font-weight: bold; }
#mypage span { display: inline-block; color: #444; }
#mypage div.coupon span:first-child, #mypage div.point span:first-child { display: inline-block; padding-left: 20px; background: url('/img/custom/icon_coupon.png') left bottom no-repeat; background-size: 13px 14px; }
#mypage div.point span:first-child { background-image: url('/img/custom/icon_point.png'); }
#mypage div.coupon { border-right: 1px solid #c8c8c8; }
#mypage div.coupon span:last-child, #mypage div.point span:last-child { color: #2c4a94; }

#online_exam { margin-bottom: 20px; border-top: 1px solid #431242; border-bottom: 1px solid #ffffff; }
#online_exam h2 { margin: 0; padding: 10px 0; border-bottom: 1px solid #d0d0d0; font-size: 14px !important; }
#online_exam span { display: inline-block; font-weight: bold; font-size: 14px; color: #222;}
#online_exam .subject { text-align: left; }
#online_exam .answer { text-align: right;}
#online_exam .answer span { display: inline-block; padding-right: 10px; background: url('/img/custom/blit_05_right.png') right center no-repeat; background-size: 4px 8px; color: #2c4a94; letter-spacing: -1px; }
.exam button.btn-all { padding: 6px 10px 6px 10px; background: none; background-size: 4px 8px; }
.exam select.select {padding: 5px 10px;}
.exam td label { padding-left: 0; font-weight: normal;}
.exam-time { padding-left: 20px; background: url('/img/custom/icon_clock.png') left center no-repeat; background-size: 15px 16px;  font-weight: bold; font-size: 16px; color: #2c4a94; }
.exam-result { margin-top: -5px;}
.exam-result .btn-normal { padding: 6px 20px 6px 15px;}
.exam-result .btn-normal i { margin-right: 3px; }
.exam-result .btn-default { padding: 6px;}
/* 버튼 정렬 */
.button-submit { display: block; margin-bottom: 15px; text-align: right; }
.button-write { display: block; margin-bottom: 15px; text-align: center; }
.button-list { clear: both; overflow: hidden; display: block; margin-bottom: 15px; }

/* 회사소개 */
.company-info { margin-top: 20px; padding: 20px; }
.company-info img { width: 100%; }
.company-info h3 { font-size: 16px; font-weight: bold; color: #395d98; line-height: 22px; letter-spacing: -1px;}
.company-info .desc { margin-top: 15px; line-height: 22px; }

/* 장바구니 */
.cart { position: relative; margin-top: 0px; }
.cart:first-child { margin-top: 0;}
.cart button.btn-all { position: absolute; right: 0; top: -10px; }
.cart .save { margin-top: 5px;}
.cart .save input.form-control { display: inline-block; min-width: 50px; max-width: 100px; }
.cart .address { position: absolute; right: 0; top: -10px; }
.cart .cellphone input.form-control { display: inline-block;  width: 25%; }
.cart select.form-control { display: inline-block;  width: 25%; padding-left: 5px; padding-right: 5px; }
.total-price { margin: 10px 0; font-size: 15px; font-weight: bold; text-align: right; color: #222222; }
.total-price .price { font-size: 20px; }
.total-price strong { color: #d91e9a; }
.total-price .detail_price { float:left; } /* 2014-05-30 */

/* modal popup */
div.modal small { letter-spacing: -1px; }
div.modal ul { margin: 0; font-weight: normal; letter-spacing: -1px; }
div.modal div.modal-header button.close { margin-top: -7px; font-size: 35px; }
div.modal div.modal-body { padding: 10px 15px; }
div.modal div.modal-footer { padding: 10px 20px 20px; border-top: 0; }
div.modal td.none { padding: 8px 0; }
div.modal td.coupon-name { padding: 5px 0; border-right: 0; text-align: left; }
div.modal div.subject { float: right; padding-left: 10px; width: 80px; vertical-align: middle; }
div.modal div.subject button { margin-top: -10px; padding: 6px 0; width: 70px; text-align: center; }
div.modal div.field { margin-right: 80px; margin-left: 0; }
div.modal div.view-head { font-size: 14px; color: #666; }
div.modal div.view-head span { font-size: 16px; color: #2c4a94; }
div.modal div.view-body dd { font-weight: bold; font-size: 14px; color: #2c4a94; }
div.modal div.view-body dd.block { display: block; }

/* 로그인 */
.idfind { margin-top: 15px; }
.idfind button { width: 47%;}
.idfind button:first-child { margin-right: 5px; }
.idfind button:last-child { margin-left: 5px; }
#login  button { padding: 28px 20px; text-align: center;}
/* 아이디찾기 */
.find-name, .find-email, .find-emailPW { position: relative; }
.select-btn { position: absolute; right: 20px; top: 15px;}
.find-email { display: none; }
.form-control{padding:6px;}


/* =============================================================================
Category : 메인 및 서브
============================================================================= */



/* 카테고리 버튼 */
#category .itemboard { margin-top: 0px; }
#category h3.title { margin: 10px 0; }
h3.titlemboard { margin: 5px 0 15px 0; }
h3.titlemboard span {float:right; display:inline-block;}
h3.titlemboard span img {width:85%;}

/* 이벤트 배너 */
.main-evt {}
.main-evt ul { margin: 0; padding: 0; list-style: none; }
.main-evt li { margin-top: 5px; }

/* 디데이 */
.main .d-day { padding: 0 !important; }
#d_day h3 { letter-spacing: 1px; }
#d_day p { position: relative; margin:0; padding: 10px 0 0; font-size: 15px; color: #3d4859; }
#d_day span { display: inline-block; }
#d_day span.subject { padding-right: 90px; }
#d_day span.date { position: absolute; right: 0; top: 10px; }



/* main ev ent banner */
div.main-evt { clear: both; }
div.main-evt ul { margin: 0px; padding: 0px; list-style: none; }
div.main-evt ul li { margin: 0 0 7px 0; padding: 0px; }
div.main-evt span { display: block; padding-left: 25px; height: 74px; color: #666; background: #fbfbfb; border: 1px #d4d4d4 solid; border-radius: 5px; border-right-color: #ababab; border-bottom-color: #ababab; background-repeat: no-repeat; background-position: right center; }
div.main-evt strong { display: inline-block; margin-top: 25px; padding-right: 17px; color: #2c4a94; font-size: 16px; background: url('/img/custom/ico_main_evt.gif') no-repeat right center; }
div.main-evt .eq-1 span {/* background-image:  url('/img/custom/main_evt_1.png'); */}
div.main-evt .eq-2 span {/* background-image:  url('/img/custom/main_evt_2.png'); */}
div.main-evt .eq-3 span { background-image:  url('/img/custom/main_evt_3.png'); }
div.main-evt .eq-4 span { background-image:  url('/img/custom/main_evt_4.png'); }
div.main-evt .eq-5 span { background-image:  url('/img/custom/main_evt_5.png'); }

/* main mypage */
div.main-mypage { text-align: center; background: #2c4a94; border: 1px #0c4079 solid; border-radius: 4px; }
div.main-mypage h3.title { margin: 22px 0 12px 0; color: #fff; font-size: 22px; }
div.main-mypage ul { margin: 0px; padding: 0 15px; list-style: none; }
div.main-mypage ul li { margin: 0px; padding: 0px; }
div.main-mypage ul li a { display: block; padding: 15px 0; font-size: 14px; color: #dfdbee; font-weight: bold; border-top: 1px #9083bd dashed; }

/* 모달팝업 */
#myModal .modal-dialog { margin-top: 80px;}

/*메뉴선택 active*/
table.table-custom-row td a:active
{background:#ccc;}


/* 151223
.custom-accordion .acco-head:active a,
table.table-custom-row td a:active
{background:#ccc;} */



/* 회사소개 페이지 */

.company_topbtn {position:fixed; bottom:10px; right:10px; font-size:11px;  text-align:center; border:1px solid #fafafa; background-color:rgba(255,255,255,0.3); padding:10px; z-index:999999999999999999;}

.company_btn {position:relative; margin:10px 0;}
.company_btn  div {width:50%; position:relative; float:left;}
.company_btn  div img {width:100%; }
.company_btn span.company_title1  {width:100%; position:absolute; bottom:0; left:0; height:32px; background-color:rgba(34,48,155,0.6); z-index:9999999999999999; display:inline-blcok; padding:7px 10px 10px 10px; letter-spacing:-0.5px; color:#ffffff; font-weight:bold;}
.company_btn span.company_title2  {width:100%; position:absolute; bottom:0; left:0; height:32px; background-color:rgba(92,38,191,0.6); z-index:9999999999999999; display:inline-blcok; padding:7px 10px 10px 10px; letter-spacing:-0.5px; color:#ffffff; font-weight:bold;}
.company_btn span.company_title3  {width:100%; position:absolute; bottom:0; left:0; height:32px; background-color:rgba(2,121,197,0.6); z-index:9999999999999999; display:inline-blcok; padding:7px 10px 10px 10px; letter-spacing:-0.5px; color:#ffffff; font-weight:bold;}
.company_btn span.company_title4  {width:100%; position:absolute; bottom:0; left:0; height:32px;background-color:rgba(21,150,127,0.6); z-index:9999999999999999; display:inline-blcok; padding:7px 10px 10px 10px; letter-spacing:-0.5px; color:#ffffff; font-weight:bold;}

.company_area {margin-bottom: 20px;  padding:0; background:#ffffff; border: 1px solid #aaaaaa; display:table; width:100%; letter-spacing:-0.5px;}

.company_area .company_content1 {border-left:7px solid #23319b; border-top:7px solid #23319b; background:#ffffff;}
.company_area .company_content1 .title {margin:0 auto; width:50%; padding:7px 0; color:#ffffff; font-size:1.1em; background:#23319b; text-align:center;}
.company_area .company_content2 {border-left:7px solid #5c26bf; border-top:7px solid #5c26bf; background:#ffffff;}
.company_area .company_content2 .title {margin:0 auto; width:50%; padding:7px 0; color:#ffffff; font-size:1.1em; background:#5c26bf; text-align:center;}
.company_area .company_content3 {border-left:7px solid #0279c5; border-top:7px solid #0279c5; background:#ffffff;}
.company_area .company_content3 .title {margin:0 auto; width:50%; padding:7px 0; color:#ffffff; font-size:1.1em; background:#0279c5; text-align:center;}
.company_area .company_content4 {border-left:7px solid #15967f; border-top:7px solid #15967f; background:#ffffff; padding:0 0 25px 0 !important;}
.company_area .company_content4 .title {margin:0 auto; width:50%; padding:7px 0; color:#ffffff; font-size:1.1em; background:#15967f; text-align:center;}
.company_area .content_box {padding:10px;}
.company_area .content_box1 {padding:0 10px 10px 10px;}
.company_area .content_box .sub_text {width:100%; font-size:0.9em; color:#888888; display:inline-block; text-align:right; padding-top:7px;}

#company_content2 {border-left:7px solid #23319b; height:50px;}
#company_content3 {border-left:7px solid #5c26bf; height:50px;}
#company_content4 {border-left:7px solid #0279c5; height:50px;}

.company_area .con_title1 {width:90%; padding:7px 20px 7px 10px; background:#fafafa; font-size:1.1em; background:#23319b;  border-right:3px solid #1f2659; margin:15px auto; color:#fafafa; float:left;}
.company_area .con_title2 {width:90%; padding:7px 20px 7px 10px; background:#fafafa; font-size:1.1em; background:#5c26bf;  border-right:3px solid #1f2659; margin:15px auto; color:#fafafa; float:left;}
.company_area .con_title2_center {width:100%; padding:15px 0 10px 0; font-size:1.3em; text-align:center;}
.company_area .con_title2_center span {color:#5c26bf;}
.company_area .con_title3 {width:90%; padding:7px 20px 7px 10px; background:#fafafa; font-size:1.1em; background:#0279c5;  border-right:3px solid #1f2659; margin:15px auto; color:#fafafa; float:left;}
.company_area .con_title4 {width:90%; padding:7px 20px 7px 10px; background:#fafafa; font-size:1.1em; background:#15967f;  border-right:3px solid #0f3730; margin:15px auto; color:#fafafa; float:left;}

.company_area .content1_info {width:100%;}
.company_area .content1_info li {position:relative; margin:10px 0;}
.company_area .content1_info li .content1_info_t {width:100%; background:#f4f4f4; border-left:3px solid #1f2659; padding:5px; font-weight:bold; display:inline-block;}
.company_area .content1_info li img {width:100%;}

.company_area .sub_textin { font-size:0.9em; color:#888888; font-weight:normal; line-height:120%; padding-top:5px; display:inline-block;}

.company_area .text-box1 {clear:both;}
.company_area .text-box1 li {padding:10px 0 0 0;}
.company_area .text-box1 li.subtitle {font-size:1.1em; color:#0376ce;}
.company_area .text-box2 .text_bluebox {width:80%; margin:5px auto; background:#2c3455; height:35px; padding-top:7px; text-align:center; color:#ffffff; border-radius:20px;}
.company_area .text-box2 .text_bluebox span {font-size:1.1em; font-weight:bold; color:#34fff8;}
.company_area .text-box2 .sub_textin {width:90%; text-align:right; font-size:0.9em;}

.company_area .text-box3 {clear:both; margin:0 auto; width:90%; border-top:2px solid #2c3455; border-left:1px solid #abcbe3;}
.company_area .text-box3 th {padding:7px; background:#afdafa; color:#4862d0; font-weight:bold; font-size:1.2em; text-align:center; border-right:1px solid #abcbe3; border-bottom:1px solid #abcbe3;}
.company_area .text-box3 td {padding:7px; text-align:left;  border-right:1px solid #abcbe3; border-bottom:1px solid #abcbe3; background:#ffffff;}
.company_area .text-box3 .sub_textin { font-size:0.9em; color:#888888; }

.company_area .text-box4 {margin:10px; padding:20px 10px 10px 10px; clear:both;}
.company_area .text-box4 li {background:url(/img/company/content1_icon1.png) no-repeat 0 2px; padding:0 0 7px 25px; background-size:19px 16px;}
.company_area .text-box4 strong {color:#007dc3;}

.company_area .img_box {width:90%; margin:0 auto;}
.company_area .img_box img {width:100%;}

.company_area .content2_box {  width:90%; margin:0 auto; padding:0; text-align:center; border-bottom:1px dotted #8372a2; overflow:hidden; clear:both;}
.company_area .content2_box_first { border-top:1px dotted #8372a2;}
.company_area .content2_box .img_box2 {position:relative; text-align:left; padding:0; margin:0; }
.company_area .content2_box .img_box2 span.point {position:absolute; top:120px; left:5%; display:inline-block; width:60px; height:25px; line-height:24px; text-align:center; background:#7f48e4; font-size:1.3em; color:#ffffff;}
.company_area .content2_box .text_box2 {padding:17px 0 10px 10px; text-align:left;}
.company_area .content2_box .text_box2 strong {color:#7f48e4;}

.company_area .content3_box {width:95%; margin:15px auto 0 !important; padding:0; border-top:1px solid #0279c5; clear:both; overflow:hidden;}
.company_area .content3_box img {width:100%;}
.company_area .content3_box_title {font-weight:bold; color:#0279c5; font-size:1.2em; background:#ffffff; padding:10px;}
.company_area .content3_boxsub {background:#f5f5f5; padding:5px 10px;}
.company_area .content3_boxsub li strong.point {color:#e94141;}
.company_area .content3_boxsub li {padding:4px 0; border-top:1px dotted #bfbfbf;}
.company_area .content3_boxsub li:first-child {padding:4px 0; border-top:none;}

.company_area .content4_box {background:#ececec; width:95%; margin:0 auto; padding:10px; clear:both; overflow:hidden;}
.company_area .content4_box .content4_box_info {padding:0 10px 0 60px; color:#333333;}
.company_area .content4_box .bg1 {background:url(/img/company/content4_icon1_1.png) no-repeat 0 12px; background-size:50px; }
.company_area .content4_box .bg2 {background:url(/img/company/content4_icon1_2.png) no-repeat 0 12px; background-size:55px; }
.company_area .content4_box .bg3 {background:url(/img/company/content4_icon1_3.png) no-repeat 0 12px; background-size:50px; }
.company_area .content4_box .content4_box_info strong {display:block; padding-bottom:4px;}
.company_area .content4_box .content4_box_info span {font-size:1.4em !important;}
.company_area .content4_box ul {padding:0;}
.company_area .content4_box .content4_subbox li {padding-bottom:4px;}
.company_area .content4_box .content4_subbox {width:98%; margin:10px auto 0; background:#ffffff; padding:10px; clear:both;}
.company_area .content4_box .content4_subbox .content4_box_tel {font-size:1.7em; font-weight:bold; color:#15967f;}
.company_area .content4_box .content4_subbox .content4_box_subtit {color:#15967f;}
.company_area .content4_box .content4_subbox .content4_box_subtit1 {color:#15967f; font-weight:bold; background:url(/img/company/content4_icon1_4.png) no-repeat 0 7px; padding:0 0 5px 10px;}

.company_area .content4_box .content4_box_info2 {padding:0 10px 0 10px; color:#333333; font-size:1.1em;}

.company_area .content4_box .content4_box_C { color:#15967f;}

.company_area .content4_box .content4_snoopy {width:98%; margin:10px auto 0; clear:both; overflow:hidden;}
.company_area .content4_box .content4_snoopy li.num {float:left; width:10%; text-align:center;}
.company_area .content4_box .content4_snoopy li.text {float:left; width:90%;}

.company_area .content4_box .content4_program {border-bottom:2px solid #ffffff; padding-bottom:10px; overflow:hidden;}
.company_area .content4_box .content4_program li.info {background:#ffffff; color:#367fcc; font-size:1.1em; border:1px solid #367fcc; text-align:left; padding:4px 8px 5px 8px; width:auto; display:inline-block; margin:7px 0;}
.company_area .content4_box .content4_program li.info_txt {padding-top:7px;}
.company_area .content4_box .content4_program li.info_img1 {background:url(/img/company/content4_3_1.jpg) no-repeat 0 0; background-size:100%; height:80px;}
.company_area .content4_box .content4_program li.info_img2 {background:url(/img/company/content4_3_2.jpg) no-repeat 0 0; background-size:100%; height:80px;}
.company_area .content4_box .content4_program li.info_img3 {background:url(/img/company/content4_3_3.jpg) no-repeat 0 0; background-size:100%; height:80px;}
.company_area .content4_box .content4_program li.info_img4 {background:url(/img/company/content4_3_4.jpg) no-repeat 0 0; background-size:100%; height:80px;}
.company_area .content4_box .content4_program li.info_img5 {background:url(/img/company/content4_3_5.jpg) no-repeat 0 0; background-size:100%; height:80px;}
.company_area .content4_box .content4_program:last-child {border-bottom:none;}

.company_area .content4_box .content4_box4_top {font-weight:bold; text-align:center; margin-top:10px;}
.company_area .content4_box .content4_box4_top span {display:inline-block; background:#1f53a9; color:#fafafa; border:1px solid #3a4c68; padding:4px 8px; font-weight:normal;}
.company_area .content4_box .content4_box4_info {margin:20px 0 10px 0;}
.company_area .content4_box .content4_box4_info .info_top {background:#1ba189; font-weight:bold; color:#ffffff; padding:10px; text-align:center;}
.company_area .content4_box .content4_box4_info .info_top span {color:#7dffe8; letter-spacing:0;}
.company_area .content4_box .content4_box4_info .info_text {padding:10px; background:#ffffff;}
.company_area .content4_box .content4_box4_info .info_text strong {color:#105f51; font-weight:bold;}
.company_area .content4_box .content4_box4_info .info_text span {color:#cd3232; font-weight:bold;}

.company_area .content4_box4_system {clear:both; margin-bottom:10px;}
.company_area .content4_box4_system .systemtitle {font-size:1.2em; font-weight:bold; color:#15967f; padding:3px; background:none; display:inline-block; border:none;}
.company_area .content4_box4_system span {background:#ffffff; padding:3px; display:inline-block; border:1px solid #bdbdbd; margin:2px 0;}

.company_area .content4_box_service1 {margin:0 auto; width:95%; border-bottom:2px solid #ffffff; background:url(/img/company/content4_icon5_1.png) no-repeat 0 10px;  background-size:50px; padding:0 0 15px 60px; overflow:hidden;}
.company_area .content4_box_service2 {margin:0 auto; width:95%; background:url(/img/company/content4_icon5_2.png) no-repeat 0 25px;  background-size:50px; padding:15px 0 15px 60px; overflow:hidden;}

.company_area .textcenter {text-align:center;}

.company_bottombox {width:100%; margin:0; padding:0; border-top:1px dotted #bdbdbd; letter-spacing:-1px;}
.company_bottombox li.bottom_title {float:left; width:60px; background:#777777; color:#ffffff; padding:7px 10px; margin-top:8px;}
.company_bottombox li.bottom_info {float:left; text-align:left; padding:0 10px; margin:5px 0;}

 /* col-lg, 와이드 스크린 */
@media only screen and (min-width: 768px) {

.company_area .text-box2 {margin-left:10%;}
.company_area .text-box2 li.text_bluebox {float:left; width:45%; margin:5px;}

.company_area .content1_info li {float:left; width:48%; margin-right:2%;}

.company_area .content2_box li {float:left;}
.company_area .content2_box .img_box2 {width:40%; position:relative; text-align:left; padding:0; margin:0; }
.company_area .content2_box .img_box2 span.point {position:absolute; top:20px; left:225px; display:inline-block; width:60px; height:25px; line-height:24px; text-align:center; background:#7f48e4; font-size:1.3em; color:#ffffff;}
.company_area .content2_box .text_box2 {width:55%; padding:17px 0 0 5%; text-align:left;}
.company_area .content2_box .text_box2 strong {color:#7f48e4;}

.company_area .content3_box .content3_boximg {float:left; width:35%;}
.company_area .content3_box .content3_boxsub {float:left; width:64%; margin-left:1%;}

.company_area .content4_box .content4_program {border-bottom:2px solid #ffffff; padding-bottom:10px; overflow:hidden;}
.company_area .content4_box .content4_program li.info {background:#ffffff; color:#367fcc; font-size:1.1em; border:1px solid #367fcc; text-align:left; padding:4px 8px 5px 8px; width:auto; display:inline-block; margin:7px 0 10px 0;}
.company_area .content4_box .content4_program li.info_txt {float:right; width:78%; text-align:left; padding:0;}
.company_area .content4_box .content4_program li.info_img1 {background:url(/img/company/content4_3_1_v2.jpg) no-repeat 0 0; background-size:100%; width:20%; height:80px;  float:left;}
.company_area .content4_box .content4_program li.info_img2 {background:url(/img/company/content4_3_2_v2.jpg) no-repeat 0 0; background-size:100%; width:20%;  float:left;}
.company_area .content4_box .content4_program li.info_img3 {background:url(/img/company/content4_3_3_v2.jpg) no-repeat 0 0; background-size:100%; width:20%;  float:left;}
.company_area .content4_box .content4_program li.info_img4 {background:url(/img/company/content4_3_4_v2.jpg) no-repeat 0 0; background-size:100%; width:20%;  float:left;}
.company_area .content4_box .content4_program li.info_img5 {background:url(/img/company/content4_3_5_v2.jpg) no-repeat 0 0; background-size:100%; width:20%;  float:left;}
.company_area .content4_box .content4_program:last-child {border-bottom:none;}

.company_area .content4_box .content4_box4_info {margin:20px 1% 10px 1%; float:left; width:48%;}


} /* // col-lg, 와이드 스크린 */



/* 펼침 메뉴  */

#menu_content {margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.overlay div, .overlay p {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.overlay {
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    left: 0; /* 방향에 따라서 움직임 */
    top: 0;
    background:#f7f7f7 !important; /* Black fallback color */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.2s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
	padding:0 !important; margin:0 !important;

}

.overlay-content {
    position: relative;
    top: 25%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

.overlay .closebtn {position:absolute;  top:5px;  right:15px;  height:30px; font-size:3em; line-height:30px; color:#9ca2ec; padding:0 !important; margin:0 !important; display:inline-block;}

.overlay_top {padding:10px 10px 0 10px ; background:#212667 !important; overflow:hidden;}
.overlay_top h2 {font-size:1.1em; font-weight:bold; color:#ffffff; padding:0; margin:0;}
.overlay_top h2 a {color:#fafafa;}
.overlay_top h2 a:hover {color:#8f97fd;}


.category-container{margin:0;-webkit-transform:translateZ(0);transform:translateZ(0); }
.inner-container{padding-bottom:50px;padding-top:0; }
.canvas-container {min-height:100%; width:100%;-webkit-overflow-scrolling:touch}

.category-menu {width:100%;height:100%;overflow:hidden;-webkit-backface-visibility:hidden;-webkit-perspective:1000;background:#f7f7f7;}

.category-menu.open{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);background:#f7f7f7;}
.category-menu .widget-region{background:#fff;padding:10px 20px;clear:both;-webkit-transform:translateZ(0)}
.category-menu nav {position:relative; width:100%;}
.category-menu ul {-webkit-transition:all 250ms linear;transition:all 250ms linear; margin:0;padding:0; position:absolute;left:0;top:0;width:100%; display:block; -webkit-transform:translateZ(0)}
.category-menu ul.has-been-viewed{-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.category-menu ul li ul {left:100%}
.category-menu ul li a.next-button {width:0; height:0; padding:0; margin:0;}
.category-menu ul li a.next-button .arrow {display:none !important;}
.category-menu ul li a.menu_1depth {float:left; display:inline-block; background:#f7f7f7;border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;color:#000; font-size:1em;font-weight:bold;margin:0; padding:0; padding-top: 30px;  text-decoration:none;width:50% !important; text-align:center; height:80px;}
.category-menu ul li a.menu_1depth img {width:40px; padding:7px 0 5px 0; display:inline-block;}
.category-menu ul.menu_2depth {margin-top:-40px;}
.category-menu ul.menu_2depth li {height:40px; line-height:40px; background:#f7f7f7;border-bottom:1px solid #dbdbdb; padding:0 15px; background:url(/img/common/category_bg1.png) no-repeat 98% 14px; background-size:10px;}
.category-menu ul.menu_2depth li.menu_1depthsub {height:45px; line-height:45px; text-align:center !important; font-weight:bold; padding:0 15px 0 15px; background:#e6e6e6 url(/img/common/category_bgback.png) no-repeat 15px 17px;  background-size:10px; cursor:pointer; color:#164f7a; font-size:1.1em;}
.category-menu ul.menu_2depth li .back-button {display:none; width:0; height:0;}
.category-menutit {height:40px; line-height:40px; font-weight:bold; padding:0 15px 0 15px; background:#e6e6e6 !important;  border-bottom:1px solid #dbdbdb;  background-size:10px; cursor:pointer; color:#333333; font-size:1.1em;}
.category-menu ul.menu_2depth li a{display:inline-block;}
.category-menu ul.menu_2depth li.fullmenu {margin:15px auto 0; width:80%; height:45px; line-height:45px; text-align:center !important; font-weight:normal; border-radius:8px; padding:0 15px 0 15px; background:#333333;  cursor:pointer; color:#fafafa; font-size:1em;}

#header button.pull-left { background: url('/img/common/header_menu_on.png') no-repeat center; background-size: 28px auto; position:absolute; left:0;}

/* 사이드바 사용자 메뉴 */
div.main-menu {padding-top:10px;}
div.main-menu li { float:left; width:33.3% !important; text-align:center;}

div.main-menuv2 { clear: both; overflow: hidden; width:100%; height:30px; padding:7px 0 0 0 !important; background:#212667; border-top: 1px solid #131750;}
div.main-menuv2 .main_topmenu li {float:left; width:50% !important; text-align:center; padding:0; margin:0; border:none;}
div.main-menuv2 .main_topmenu img {width: 30px; height:18px;}
div.main-menuv2 .main_topmenu li a {color:#fafafa;}

div.main-menuv2 ul { width:100%; z-index: 1; }

.category-area {margin:0; padding:0 0 10px 0; clear:both;}
.category1depth {font-weight:bold; padding:10px; margin:0; background:#e6e6e6 !important;  border-top:1px solid #dadada;  border-bottom:1px solid #bfbfbf; color:#333333; font-size:1.1em; clear:both;}
/*
.category2depth {background:#f7f7f7; padding:0; margin:0;}
.category2depth li {float:left; width:33.3%; border-right:1px solid #dadada; border-bottom:1px solid #dadada;  padding:7px 0 7px 10px; }
.category2depth li a {display:inline-block; width:100%;}
*/
.category2depth {background:#f7f7f7; padding:0; margin:0 0 0 5px;}
.category2depth li {float:left; border-right:1px solid #dadada; padding-right:10px; margin:7px 5px; }
.category2depth li a {display:inline-block; width:100%;}

@media (max-width:320px) {
/*
.category1depth {font-weight:bold; padding:10px 5px; margin:0; background:#e6e6e6 !important;  border-top:1px solid #dadada;  border-bottom:1px solid #bfbfbf; color:#333333; font-size:1.1em; clear:both;}
.category2depth li {float:left; width:33.3%; border-right:1px solid #dadada; border-bottom:1px solid #dadada;  padding:7px 0 7px 5px; letter-spacing:-0.5px;}
*/
}


@media (min-width:721px) { 
/*
.category2depth li {float:left; width:25%; border-right:1px solid #dadada; border-bottom:1px solid #dadada;  padding:7px 0 7px 10px; }
*/

}




/*검색배경*/
.nav_search{background: #212667 !important; border: none; width:95%;}
.nav_search input.form-control{width:100% !important;}
.nav_search span{right:5px !important; left: auto;}

/*푸터 고객센터*/
#footer .copyrights{margin-bottom:30px;}
#footer .copyrights span{letter-spacing: -0.01rem;}
.customer{text-align: center; padding:0 0 30px 0 !important;}
/* // 펼침 메뉴 */