@charset "utf-8";
/* =============================================================================
Category : Swiper
============================================================================= */
html.no-touch { overflow-y: scroll; }

@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(font/NanumGothic-Regular.eot);
  src: url(font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(font/NanumGothic-Regular.woff2) format('x-woff2'),
       url(font/NanumGothic-Regular.woff) format('woff'),
       url(font/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'NanumGothicBold';
  font-style: normal;
  font-weight: 700;
  src: url(font/NanumGothic-Bold.eot);
  src: url(font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(font/NanumGothic-Bold.woff2) format('x-woff2'),
       url(font/NanumGothic-Bold.woff) format('woff'),
       url(font/NanumGothic-Bold.ttf) format('truetype');
}
.tab-nav { clear: both; margin: 0px 1px; padding-top: 10px;  background: #f6f6f6; color: #fff; text-align: center; overflow: hidden; border-top: solid 1px #ebebeb; border-bottom: solid 1px #cccccc; }
.tab-nav .swiper-slide { padding: 0px; border-bottom: 0; overflow: hidden; border-top: solid 1px #ebebeb; }
.tab-nav .swiper-slide a.block { display: block; margin-left: 0; margin-right: 0; padding: 0px 35px;  line-height: 34px; color: #222; font-weight: bold; border-left: solid 1px #cccccc; }

.tab-nav .swiper-slide:first-child a.block { border-left: 0; }
.tab-nav .swiper-slide.active a.block { color: #bb292f; }
.tab-nav .red-slide { background: #ca4040; }
.tab-nav .blue-slide { background: #4390ee; }
.tab-nav .orange-slide { background: #ff8604; }
.tab-nav .green-slide { background: #49a430; }
.tab-nav .pink-slide { background: #973e76; }

.tab-main { clear: both; margin: 0 auto; max-width: 1024px;}
.tab-main div.swiper-slide { float: left; }
.tab-main div.swiper-slide-visible { min-height: 300px; }

.tab-nav .nav-pager { display: block; position: absolute; top: 0; z-index:1; }
.tab-nav .nav-pager img { width: 33px; height: 38.5; opacity: 1; }
.tab-nav .nav-pager.prev { left: 0; }
.tab-nav .nav-pager.next { right: 0; }

/*탭메뉴 - 화살표 삭제*/
.tab-nav { text-align: left; }
.tab-nav .nav-pager.prev { display:none !important; }
.tab-nav .nav-pager.next { display:none !important; }
.underbar{display:none;}
.swiper-container{/*margin-top:10px;*/}
.tab-nav .swiper-wrapper{display:inline !important; text-align:center;}
.tab-main .swiper-slide {display:inline !important;}
.tab-nav .swiper-slide {float:none; display:inline-block !important; border-top: none; text-align:center; width: auto;}
.tab-nav .swiper-slide a.block{height:14px; padding: 0 14px; line-height: 120%; }


/* =============================================================================
Category : Common
============================================================================= */

/*
.fade { opacity: 0; --transition: opacity .15s linear; transition: opacity .15s linear; }
.fade.in { opacity: 1; }
*/
.collapse { display: none; }
.collapse.in { display: block; }
.collapsing {  position: relative; height: 0; overflow: hidden; --transition: height .35s ease; transition: height .35s ease; }

.h { font-size: 180px; font-weight: 700; text-shadow: 0 1px 0 #d9d9d9,0 2px 0 #d0d0d0,0 5px 10px rgba(0,0,0,.125),0 10px 20px rgba(0,0,0,.2); }
.Tbold {font-weight:bold}
/* =============================================================================
Category : Helper Classes
============================================================================= */
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.ir em {  display: block; position: absolute; z-index: -100; left: -1000%; top: 0; width: 1px; height: 1px; font-size: 0 ; line-height: 0; overflow: hidden; text-indent: -1000%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0;  clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
Category : Global
============================================================================= */
.active .text,.text-active { display: none !important; }
.active .text-active { display: inline-block !important; }

.bg-white { background: #fff; }
.bg-black { background: #1d2d3d; }
.bg-light { background: #e1e5e9; color: #414549; }
.bg-lighter { background: #f1f5f9; }
.bg-default { background: #bac3cc; }
.bg-white-desktop { background-color: #fff; }
.bg-focus { background: #ffe!important; }
.pos-rlt { position: relative; }
.pos-stc { position: static; }
.pos-abt { position: absolute; }
.content-box,.jqstooltip { --box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.line { *width: 100%; height: 2px; margin: 10px 0; font-size: 0; overflow: hidden; background-color: #fff; border-width: 0; border-top: 1px solid #e0e4e8; }
.line-mini { margin: 0; }
.line-dashed { border-style: dashed; background: 0 0; }
.line-large { margin-top: 15px; margin-bottom: 15px; }

.headline { border-bottom: 5px solid #000; margin-top: 0; line-height: 45px; }

.no-line { border-width: 0; }
.no-border { border-color: transparent!important; }
.no-radius { border-radius: 0; }
.block { display: block; margin-bottom: 10px; }
.block.hide { display: none; }
.inline,.inline-desktop { display: inline-block; }
.pull-right-desktop { float: right; }
.pull-left-desktop { float: left; }
.pull-none { float: none; }

.clear { clear: both; }
.line-v { border-left: 1px solid #ddd; padding-left: 20px; }
.line-v-right { border-right: 1px solid #ddd; padding-right: 20px; }

.wrapper { padding: 2px; background-color: #fff; border: 1px solid #ddd; }

.w-link { position: absolute; width: 100%; height: 100%; z-index: 1; top: 0; }
.btn-s-mini { min-width: 90px; }
.btn-s-small { min-width: 100px; }
.btn-s-medium { min-width: 120px; }
.btn-s-large { min-width: 150px; }
.btn-s-xlarge { min-width: 200px; }
.btn-s-xxlarge { min-width: 300px; }
.btn-padder { padding-left: 40px; padding-right: 40px; }
.l-h-2x { line-height: 2em; }
.text-small { font-size: 12px; }
.text-mini { font-size: 10px; }
.padder { padding: 0 15px; }
.padder-v { padding-top: 15px; padding-bottom: 15px; }
.no-padder { padding: 0!important; }
.pull-in { margin-left: -15px; margin-right: -15px; }
.pull-out { margin: -15px; }
.b-t { border-top: 1px solid #e0e4e8; }
.m-l { margin-left: 15px; }
.m-l-none { margin-left: 0; }
.m-l-mini { margin-left: 5px; }
.m-l-small { margin-left: 10px; }
.m-l-large { margin-left: 20px; }
.m-l-n { margin-left: -15px; }
.m-l-n-mini { margin-left: -5px; }
.m-l-n-small { margin-left: -10px; }
.m-l-n-large { margin-left: -20px; }
.m-t { margin-top: 15px; }
.m-t-none { margin-top: 0; }
.m-t-mini { margin-top: 5px; }
.m-t-small { margin-top: 10px; }
.m-t-large { margin-top: 20px; }
.m-t-n { margin-top: 0px; }
.m-t-n-xmini { margin-top: -1px; }
.m-t-n-mini { margin-top: -5px; }
.m-t-n-small { margin-top: -10px; }
.m-t-n-large { margin-top: -20px; }
.m-r { margin-right: 15px; }
.m-r-none { margin-right: 0; }
.m-r-mini { margin-right: 5px; }
.m-r-small { margin-right: 10px; }
.m-r-large { margin-right: 20px; }
.m-r-n { margin-right: -15px; }
.m-r-n-mini { margin-right: -5px; }
.m-r-n-small { margin-right: -10px; }
.m-r-n-large { margin-right: -20px; }
.m-b { margin-bottom: 15px; }
.m-b-none { margin-bottom: 0; }
.m-b-mini { margin-bottom: 5px; }
.m-b-small { margin-bottom: 10px; }
.m-b-large { margin-bottom: 20px; }
.m-b-n { margin-bottom: -15px; }
.m-b-n-mini { margin-bottom: -5px; }
.m-b-n-small { margin-bottom: -10px; }
.m-b-n-large { margin-bottom: -20px; }
.header-bar { border-bottom: 1px solid #e0e4e8; }
.media-mini { min-width: 50px; }
.media-small { min-width: 80px; }
.media-large { min-width: 90px; }
.avatar { border-radius: 500px; background-color: #fff; padding: 2px; }
.thumb-mini { width: 24px; display: inline-block; }
.thumb-small { width: 36px; display: inline-block; }
.thumb { display: inline-block; }
.thumb-large { width: 90px; display: inline-block; }
.thumb img,.thumb-large img,.thumb-mini img,.thumb-small img { height: auto; max-width: 100%; vertical-align: middle; }
.scroll-x,.scroll-y { overflow: hidden; --overflow-scrolling: touch; }
.scroll-y { overflow-y: auto; }
.scroll-x { overflow-x: auto; }
.no-touch .scroll-x,.no-touch .scroll-y { overflow: hidden; }
.no-touch .scroll-x:active,.no-touch .scroll-x:focus,.no-touch .scroll-x:hover { overflow-x: auto; }
.no-touch .scroll-y:active,.no-touch .scroll-y:focus,.no-touch .scroll-y:hover { overflow-y: auto; }
.no-touch .scroll-y:hover > * { margin-right: -10px; padding-right: 15px; }
.no-touch .hover-action { display: none; }
.no-touch .hover:hover .hover-action { display: inherit; }
.col-lg-2-4 { padding-left: 15px; padding-right: 15px; }
.col-newline { clear: left; }
input[type=text],select,textarea { min-width: 40px; height: auto; }

.accordion,.alert,.breadcrumb,.carousel,.form-horizontal .control-group,.nav-tabs,.panel,.progress,form { margin-bottom: 15px; }
.media,.media .media { margin-top: 10px; }
.pagination { margin: 5px 0; }
.pagination-large > li > a,.pagination-large > li > span { padding: 10px 14px; }
.table tr td div div {padding-left:0}

/* =============================================================================
Category : Media Queries
============================================================================= */

.slide-nav #nav { position: absolute; top: 50px; bottom: 0; right: 0; height: 100%; width: 250px; z-index: 1000; }
.navbar { border: 0; border-bottom: 1px solid #d1d4d7; box-shadow: 0 0 5px rgba(0,0,0,.1); z-index: 1010; border-radius: 0; padding: 0; margin-bottom: 0; }
.navbar.bg { border-bottom: 1px solid #162636; }
.navbar-brand { font-size: 28px; min-width: 90px; font-family: "Times New Roman",Georgia,serif; font-style: italic; font-weight: 700; padding: 12px 0 18px; text-align: center; }
.navbar-brand img { max-height: 50px; }
.navbar-brand,.navbar-brand:focus,.navbar-brand:hover { color: #22baa0; }
.navbar-form { position: relative; margin: 10px; padding: 0; }
.navbar-form input[type=text] { border-radius: 17px; font-weight: 700; text-indent: 1.5em; }
.navbar-form i { position: absolute; z-index: 1; left: 8px; top: 50%; margin-top: -7px; color: #bbb; }
.navbar-nav { margin: 0; }
.navbar .nav > li > div { padding-left: 10px; padding-right: 10px; }
.navbar-avatar .thumb-small { margin: 0 4px; vertical-align: baseline; width: 40px; }
.nav.navbar-avatar > li > a { padding: 5px 10px; }
.navbar .nav li.dropdown.active > .dropdown-toggle,.navbar .nav li.dropdown.open.active > .dropdown-toggle,.navbar .nav li.dropdown.open > .dropdown-toggle { background: #e1e5e9; box-shadow: inset 0 1px 0 #13c4a5; }
.bg .nav li.dropdown > a:hover .caret { border-top-color: #fff; border-bottom-color: #fff; }
.bg .nav > li > a { color: #a5b6c7; }
.bg .nav > li > a:focus,.bg .nav > li > a:hover { background-color: transparent; color: #fff; }
.bg .nav li.dropdown.active > .dropdown-toggle,.bg .nav li.dropdown.open.active > .dropdown-toggle,.bg .nav li.dropdown.open > .dropdown-toggle { background-color: #000; color: #fff; }
.navbar .badge-notes { float: right; margin-left: -15px; margin-top: -6px; position: relative; font-size: 11px; }
.navbar-fixed .navbar { position: fixed; top: 0; left: 0; right: 0; z-index: 1030; }
.navbar-fixed { padding-top: 51px; }
.navbar-nav.pull-right { width: auto; }

/* =============================================================================
Category : Icon
============================================================================= */
[class*=" icon-"],[class^=icon-] { font-family: FontAwesome; font-weight: 400; font-style: normal; text-decoration: inherit; --font-smoothing: antialiased; *margin-right: .3em; }
[class*=" icon-"]:before,[class^=icon-]:before { display: inline-block; speak: none; }
[class*=" icon-"]:before,[class^=icon-]:before { text-decoration: none; margin-left: .2em; margin-right: .2em; }
[class*=" icon-"].icon-fixed-width,[class^=icon-].icon-fixed-width { display: inline-block; width: 1.1428571428571428em; text-align: right; padding-right: .2857142857142857em; }
[class*=" icon-"].icon-fixed-width.icon-large,[class^=icon-].icon-fixed-width.icon-large { width: 1.4285714285714286em; }
[class*=" icon-"].hide,[class^=icon-].hide { display: none; }
[class*=" icon-"].pull-left,[class^=icon-].pull-left { margin-right: .3em; }
[class*=" icon-"].pull-right,[class^=icon-].pull-right { margin-left: .3em; }
[class*=" icon-"],[class^=icon-] { display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0 0; background-repeat: repeat; margin-top: 0; }
.icon-large:before { vertical-align: -10%; font-size: 1.3333333333333333em; }
a [class*=" icon-"],a [class^=icon-] { display: inline; }
.icons-ul { margin-left: 2.142857142857143em; list-style-type: none; }
.icons-ul > li { position: relative; }
.icons-ul .icon-li { position: absolute; left: -2.142857142857143em; width: 2.142857142857143em; text-align: center; line-height: inherit; }
.icon-muted { color: #eee; }
.icon-light { color: #fff; }
.icon-dark { color: #333; }
.icon-border { border: solid 1px #eee; padding: .2em .25em .15em; --border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.icon-2x { font-size: 2em; }
.icon-2x.icon-border { border-width: 2px; --border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.icon-3x { font-size: 3em; }
.icon-3x.icon-border { border-width: 3px; --border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.icon-4x { font-size: 4em; }
.icon-4x.icon-border { border-width: 4px; --border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.icon-5x { font-size: 5em; }
.icon-5x.icon-border { border-width: 5px; --border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

.icon-stack [class*=" icon-"]:before,.icon-stack [class^=icon-]:before { margin: 0; }
.icon-xlarge:before { font-size: 1.5em; vertical-align: -14%; }

.dropdown-menu > .active > a > [class*=" icon-"],.dropdown-menu > .active > a > [class^=icon-],.dropdown-menu > li > a:hover > [class*=" icon-"],.dropdown-menu > li > a:hover > [class^=icon-],.dropdown-submenu:hover > a > [class*=" icon-"],.dropdown-submenu:hover > a > [class^=icon-],.icon-white,.nav-list > .active > a > [class*=" icon-"],.nav-list > .active > a > [class^=icon-],.nav-pills > .active > a > [class*=" icon-"],.nav-pills > .active > a > [class^=icon-],.navbar-inverse .nav > .active > a > [class*=" icon-"],.navbar-inverse .nav > .active > a > [class^=icon-] {
    background-image: none;
}
.btn [class*=" icon-"].icon-large,.btn [class^=icon-].icon-large,.nav [class*=" icon-"].icon-large,.nav [class^=icon-].icon-large { line-height: .9em; }
.btn [class*=" icon-"].icon-spin,.btn [class^=icon-].icon-spin,.nav [class*=" icon-"].icon-spin,.nav [class^=icon-].icon-spin { display: inline-block; }
.nav-pills [class*=" icon-"],.nav-pills [class*=" icon-"].icon-large,.nav-pills [class^=icon-],.nav-pills [class^=icon-].icon-large,.nav-tabs [class*=" icon-"],.nav-tabs [class*=" icon-"].icon-large,.nav-tabs [class^=icon-],.nav-tabs [class^=icon-].icon-large { line-height: .9em; }
.btn [class*=" icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x,.btn [class^=icon-].pull-left.icon-2x,.btn [class^=icon-].pull-right.icon-2x { margin-top: .18em; }
.btn [class*=" icon-"].icon-spin.icon-large,.btn [class^=icon-].icon-spin.icon-large { line-height: .8em; }
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x,.btn.btn-small [class^=icon-].pull-left.icon-2x,.btn.btn-small [class^=icon-].pull-right.icon-2x { margin-top: .25em; }
.btn.btn-large [class*=" icon-"],.btn.btn-large [class^=icon-] { margin-top: 0; }
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x,.btn.btn-large [class^=icon-].pull-left.icon-2x,.btn.btn-large [class^=icon-].pull-right.icon-2x { margin-top: .05em; }
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^=icon-].pull-left.icon-2x { margin-right: .2em; }
.btn.btn-large [class*=" icon-"].pull-right.icon-2x,.btn.btn-large [class^=icon-].pull-right.icon-2x { margin-left: .2em; }
.nav-list [class*=" icon-"],.nav-list [class^=icon-] { line-height: inherit; }
.icon-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: -35%; }
.icon-stack [class*=" icon-"],.icon-stack [class^=icon-] { display: block; text-align: center; position: absolute; width: 100%; height: 100%; font-size: 1em; line-height: inherit; *line-height: 2em; }
.icon-stack .icon-stack-base { font-size: 2em; *line-height: 1em; }
.icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; --animation: spin 2s infinite linear; animation: spin 2s infinite linear; }
a .icon-spin,a .icon-stack { display: inline-block; text-decoration: none; }
@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
    }
}
@--keyframes spin {
    0% {
        --transform: rotate(0deg);
	}
    100% {
        --transform: rotate(359deg);
    }
}
@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(359deg);
    }
}
@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}
.icon-rotate-90:before { --transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
.icon-rotate-180:before { --transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }
.icon-rotate-270:before { --transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.icon-flip-horizontal:before { --transform: scale(-1,1); -moz-transform: scale(-1,1); -ms-transform: scale(-1,1); -o-transform: scale(-1,1); transform: scale(-1,1); }
.icon-flip-vertical:before { --transform: scale(1,-1); -moz-transform: scale(1,-1); -ms-transform: scale(1,-1); -o-transform: scale(1,-1); transform: scale(1,-1); }
a .icon-flip-horizontal:before,a .icon-flip-vertical:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-rotate-90:before { display: inline-block; }

/* =============================================================================
Category : Buttons
============================================================================= */
.btn { color: #fff; background: #f3f3f3; position: relative; border-width: 0; box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); font-weight: 600; padding: 7px 10px; transition: background .3s ease-in-out 0s; border-radius: 0;}
.btn.active,.btn:active,.btn:focus,.btn:hover { background: #e6e6e6; }
.btn.disabled,.btn.disabled.active,.btn.disabled:active,.btn.disabled:focus,.btn.disabled:hover,.btn[disabled].active,.btn[disabled]:active,.btn[disabled]:focus,.btn[disabled]:hover,fieldset[disabled] .btn.active,fieldset[disabled] .btn:active,fieldset[disabled] .btn:focus,fieldset[disabled] .btn:hover { background-color: #c4c9cf; color: #fff; }
.btn-white { padding: 6px 12px; box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); border-width: 1px; border-color: #c3c6c9; color: #657483; background-color: #fff; }
.btn-white.btn-on{ background-color: #a3b8ce;border-color: #8B8C90; color:#fff;box-shadow:none;}
.btn-white.active,.btn-white:active,.btn-white:focus,.btn-white:hover { border-color: #c3c6c9; color: #657483; background-color: #f7f8f9; }
.btn-default { padding: 6px 12px; box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); border-width: 1px; border-color: #c3c6c9; color: #657483; background-color: #f5f6f7; }
.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover { border-color: #c3c6c9; color: #657483; background-color: #fafbfc; }
.bg-primary,.btn-primary,.btn-primary.btn-circle > i { color: #fff; background-color: #13c4a5; }
.btn-primary.active,.btn-primary.btn-circle:hover > i,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.btn.btn-circle:hover > i { color: #fff; background-color: #23d4b5; }
.bg-success,.btn-success,.btn-success.btn-circle > i { color: #fff; background-color: #3fcf7f; }
.btn-success.active,.btn-success.btn-circle:hover > i,.btn-success:active,.btn-success:focus,.btn-success:hover { color: #fff; background-color: #4fdf8f; }
.bg-info,.btn-info,.btn-info.btn-circle > i { color: #fff; background-color: #5191d1; }
.btn-info.active,.btn-info.btn-circle:hover > i,.btn-info:active,.btn-info:focus,.btn-info:hover { color: #fff; background-color: #61a1e1; }
.bg-inverse,.btn-inverse,.btn-inverse.btn-circle > i { color: #fff; background-color: #233445; }
.btn-inverse.active,.btn-inverse.btn-circle:hover > i,.btn-inverse:active,.btn-inverse:focus,.btn-inverse:hover { color: #fff; background-color: #314355; }
.bg-warning,.btn-warning,.btn-warning.btn-circle > i { color: #fff; background-color: #4d4398; }
.btn-warning.active,.btn-warning.btn-circle:hover > i,.btn-warning:active,.btn-warning:focus,.btn-warning:hover { color: #fff; background-color: #362a92; }
.bg-danger,.btn-danger,.btn-danger.btn-circle > i { color: #fff; background-color: #ff5f5f; }
.btn-danger.active,.btn-danger.btn-circle:hover > i,.btn-danger:active,.btn-danger:focus,.btn-danger:hover { color: #fff; background-color: #ff8585; }
/* 소셜 공유 임시 안보이게 처리 ' 2014-02-19 2014-04-29 */
.btn-twitter,.btn-twitter.btn-circle > i { color: #fff; background-color: #00c7f7; display:none; }
.btn-twitter.active,.btn-twitter.btn-circle:hover > i,.btn-twitter:active,.btn-twitter:focus,.btn-twitter:hover { color: #fff; background-color: #2fcff6; display:none; }
.btn-facebook,.btn-facebook.btn-circle > i { color: #fff; background-color: #335397; display:none; }
.btn-facebook.active,.btn-facebook.btn-circle:hover > i,.btn-facebook:active,.btn-facebook:focus,.btn-facebook:hover { color: #fff; background-color: #4264ab; display:none; }
.btn-gplus,.btn-gplus.btn-circle > i { color: #fff; background-color: #dd4a38; display:none; }
.btn-gplus.active,.btn-gplus.btn-circle:hover > i,.btn-gplus:active,.btn-gplus:focus,.btn-gplus:hover { color: #fff; background-color: #ea5e4d; display:none; }
/* 소셜 공유 임시 안보이게 처리 ' 2014-02-19 2014-04-29 */
.btn-on.active { color: #fff; border: 1px solid #767676; background: #8e9eae; }
.btn-xs { padding: 4px 5px !important; }
.btn-sm { padding: 6px 10px; }
.btn-lg { padding: 11px 16px; }
.btn-default.btn-xs,.btn-white.btn-xs { padding: 3px 6px; }
.btn-default.btn-sm,.btn-white.btn-sm { padding: 5px 10px; }
.btn-default.btn-lg,.btn-white.btn-lg { padding: 10px 16px; }
.btn-default .caret,.btn-white .caret { border-top-color: #656565; }
.dropup .btn-default .caret,.dropup .btn-white .caret { border-bottom-color: #656565; }
.btn > i { line-height: 1.428571429; }
.btn-xs i { font-size: 9px; }
.btn.btn-circle,.btn.btn-circle.disabled { padding: 2px 5px; box-shadow: none; border: 0; background: 0 0; color: #3a5a7a; font-weight: 300; transition: none; }
.btn.btn-circle.active,.btn.btn-circle:active,.btn.btn-circle:hover { box-shadow: none; background: 0 0; }
.btn-circle > i { color: #a5b6c7; background: #e5e9ed; width: 60px; height: 60px; padding: 18px 0; font-size: 24px; border-radius: 50%; display: block; margin: 0 auto; margin-bottom: 6px; line-height: normal; transition: all .3s ease-in-out 0s; }
.btn-circle.btn-lg > i { width: 80px; height: 80px; padding: 22px 0; font-size: 36px; }
.btn-circle.btn-sm > i { width: 40px; height: 40px; padding: 10px 0; font-size: 20px; }
.btn-circle.btn-xs > i { width: 30px; height: 30px; padding: 8px 0; font-size: 14px; }
.btn-circle b.badge { position: absolute; right: 5px; top: 2px; }
.btn-circle .badge i { margin: 0 -5px; }
.btn-white.btn-circle > i { color: #a5b6c7; background: #fff; }
.btn.btn-circle.disabled > i { background: #c4c9cf; }
.btn-block { padding-left: 12px; padding-right: 12px; }
.btn-link,.btn-link.active,.btn-link:active,.btn-link:focus,.btn-link:hover { border: 0; background-color: transparent; background-image: none; -box-shadow: none; box-shadow: none; text-decoration: none; color: #3a5a7a; }
.btn_search{position:relative; float:left; margin:1px 0 0 8px;}

.btn_search01{ background-color:#fff; margin:1px auto 0 auto; width:93%; float:left;}
.btn_search01 img {margin:1px 0 15px 0; float:left;}
/* hello added */
.btn-normal,.btn-normal.btn-circle > i { color: #fff; padding:6px 10px; letter-spacing: -1px; border: 1px solid #1b8e94;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #466ec1), color-stop(100%, #4972c9)); /* Safari */
background: -webkit-linear-gradient(top, #34b9c0, #34b9c0); /* nightly*/
background: -moz-linear-gradient(top, #34b9c0, #34b9c0); /* Modzilla Firefox */
background:#34b9c0;}
.btn-normal.active,.btn-normal.btn-circle:hover > i,.btn-normal:active,.btn-normal:focus,.btn-normal:hover { color: #fff; border: 1px solid #1b8e94;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #137277), color-stop(100%, #137277)); /* Safari */
background: -webkit-linear-gradient(top, #137277, #137277); /* nightly*/
background: -moz-linear-gradient(top, #137277, #137277); /* Modzilla Firefox */
background:#1b8e94;}

.btn-normal,.btn-normal.btn-circle  img{vertical-align:top;}
.btn-default,.btn-default.btn-circle > i { color: #666666; padding: 6px 10px; letter-spacing: -1px; border: 1px solid #a6a6a6;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #e9e9e9)); /* Safari */
background: -webkit-linear-gradient(top, #eeeeee, #e9e9e9); /* nightly*/
background: -moz-linear-gradient(top, #eeeeee, #e9e9e9); /* Modzilla Firefox */}
.btn-default.active,.btn-default.btn-circle:hover > i,.btn-default:active,.btn-default:focus,.btn-default:hover { color: #666666; border: 1px solid #a6a6a6;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #e9e9e9)); /* Safari */
background: -webkit-linear-gradient(top, #eeeeee, #e9e9e9); /* nightly*/
background: -moz-linear-gradient(top, #eeeeee, #e9e9e9); /* Modzilla Firefox */}

.btn-info,.btn-info,.btn-info.btn-circle > i { padding: 15px 10px 15px 10px; background-color: #0c488a; border: 1px solid #6a1068; color: #fff;letter-spacing:-1px; }
.btn-info.active,.btn-info.btn-circle:hover > i,.btn-info:active,.btn-info:focus,.btn-info:hover { color: #fff; background-color: #a0369e; border: 1px solid #6a1068; }

/* 추가 작업에 빠진것 같아서 추가 2014-04-29 */
.btn-highlight,.btn-highlight,.btn-highlight.btn-circle > i { padding: 15px; background-color: #463191; border: 1px solid #540c52; color: #fff; }
.btn-highlight.active,.btn-highlight.btn-circle:hover > i,.btn-highlight:active,.btn-highlight:focus,.btn-highlight:hover { color: #fff; background-color: #4f37a3; border: 1px solid #540c52; }
/* 추가 작업에 빠진것 같아서 추가 2014-04-29 */

.btn-all { padding: 6px 10px 6px 30px; background: #ffffff url('/img/common/icon_check.png') 10px center no-repeat; background-size: 19px 16px; box-shadow: inset 0 0 5px #e7e7e7; border: 1px solid #3c5da6; color: #3c5da6; letter-spacing: 1px; }
.btn-all.active,.btn-all.btn-circle:hover > i,.btn-all:active,.btn-all:focus,.btn-all:hover { padding: 6px 10px 6px 30px; background: #ffffff url('/img/common/icon_check.png') 10px center no-repeat; background-size: 19px 16px; box-shadow: inset 0 0 5px #e7e7e7; border: 1px solid #3c5da6; color: #3c5da6; letter-spacing: 1px; }

/* 아이디 찾기 버튼 */
.select-btn_fp {width:98%; margin:20px auto; text-align:center; clear:both; display:block; overflow:hidden; }
.select-btn_fp button { padding: 5px 20px;  border: 1px solid #c3c6c9; text-align: center; font-weight: bold; }
.select-btn_fp button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px;  z-index: 1; }
.select-btn_fp button:last-child { margin-left: -4px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; z-index: -1; border-left:0;}
.select-btn_fp button.btn-on { color: #fff; letter-spacing: 1px; /*box-shadow: inset 0 1px 5px #0F0E69;*/ background: #22309b; border: 1px solid #22309b;}
.select-btn_fp button.btn-off {
background: --gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e7e7e7)); /* Safari */
background: --linear-gradient(top, #ffffff, #e7e7e7); /* nightly*/
background: -moz-linear-gradient(top, #ffffff, #e7e7e7); /* Modzilla Firefox */}


/* 아이디 찾기 버튼    기존 내용 백업*/
.select-btn_fp {width:90%; margin:20px auto; text-align:center; clear:both; display:block; overflow:hidden; }
.select-btn button { padding: 5px 20px;  border: 1px solid #c3c6c9; text-align: center; font-weight: bold; }
.select-btn button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px;  z-index: 1; }
.select-btn button:last-child { margin-left: -4px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; z-index: -1; border-left:0;}
.select-btn button.btn-on { color: #fff; letter-spacing: 1px; box-shadow: inset 0 1px 5px #0F0E69; background: #22309b; border: 1px solid #22309b;}
.select-btn button.btn-off {
background: --gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e7e7e7));
background: --linear-gradient(top, #ffffff, #e7e7e7);
background: -moz-linear-gradient(top, #ffffff, #e7e7e7); }
/* =============================================================================
Category : Carousel
============================================================================= */
.carousel-padder { padding-left: 40px; padding-right: 40px; }
.carousel-control { width: 40px; color: #999; text-shadow: none; }
.carousel-control i { position: absolute; top: 50%; left: 50%; z-index: 5; display: inline-block; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; }
.carousel-control:focus,.carousel-control:hover { color: #ccc; text-decoration: none; opacity: .9; filter: alpha(opacity=90); }
.carousel-indicators.out { bottom: -15px; }
.carousel-indicators li { background: #ddd; background-color: #aaa; border: 1px solid #929292; margin: 0; }
.carousel-indicators .active { background: #6c90ce; border: 1px solid #5175b1;width: 10px; height: 10px; }
.carousel-control.left,.carousel-control.right { background-image: none; filter: none; }
.carousel.carousel-fade .item { --transition: opacity 2s ease-in-out; -moz-transition: opacity 2s ease-in-out; -ms-transition: opacity 2s ease-in-out; -o-transition: opacity 2s ease-in-out; transition: opacity 2s ease-in-out; }
.carousel.carousel-fade .active.left,.carousel.carousel-fade .active.right { left: 0; z-index: 2; opacity: 0; filter: alpha(opacity=0); }
.carousel.carousel-fade .next,.carousel.carousel-fade .prev { left: 0; z-index: 1; }
.carousel.carousel-fade .carousel-control { z-index: 3; }
.carousel ul.item,.carousel ul.item > li { list-style: none; margin: 0; padding: 0; }

/* =============================================================================
Category : Gallery
============================================================================= */
.gallery img { border-radius: 3px 3px 0 0; }
.gallery .item { border-radius: 3px; background-color: #fff; }
.gallery .desc { padding: 20px; }
.gallery .desc h4 { margin-top: 0; }
.gallery .item-media { position: relative; display: block; overflow: hidden; }
.gallery .item-media:before { content: ""; background-color: rgba(19,196,125,.8); position: absolute; left: 0; width: 100%; top: 100%; height: 100%; vertical-align: middle; text-align: center; border-radius: 3px 3px 0 0; z-index: 2; }
.gallery .item-media:after { content: "\f067"; font-family: FontAwesome; font-size: 28px; color: #fff; position: absolute; left: 50%; top: -16px; margin-left: -10px; margin-top: -16px; z-index: 3; }
.gallery .item-media:hover:before { top: 0; }
.gallery .item-media:hover:after { top: 50%; }
.gallery .item-media:after,.gallery .item-media:before { --transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

.h1,.h2,.h3,.h4,.h5,.h6,body,h1,h2,h3,h4,h5,h6 {
    /*
    font-family: 'Open Sans', 'Nanum Gothic', HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif; !important
    */
    font-family: 'NanumGothic', '나눔 고딕', '맑은 고딕', 'Malgun Gothic', 'Apple Gothic';
}

a { color: #000; }
a:focus, a:hover { text-decoration: none; }

.form-control:focus { outline: none; border-color: #c970c7; --box-shadow: 0 0 3px #c970c7; box-shadow:  0 0 3px #c970c7; }

img { max-width: 100%; }

/* =============================================================================
Category : Etc
============================================================================= */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{ padding-left: 15px; padding-right: 15px;}
.label-purple { background-color: #0c488a;}


	/* 메뉴네비 높이  */
	#category .item div{height:142px;}
#category .item div.txt_color a{ color: #0077c2;}
.menu01{background:#0048b7 url('/img/common/pattern.png') repeat center -1px; color: #ffffff; }
.menu02{background:#fff url('/img/common/pattern.png') repeat center -1px; color: #666; }
.menu03{background:#0048b7  url('/img/common/pattern.png') repeat center -1px; color: #ffffff; }
.menu04{background:#fff url('/img/common/pattern.png') repeat center -1px; color: #666; }
.menu05{background:#0da6c9 url('/img/common/pattern.png') repeat center -1px; color: #ffffff; }
.menu06{background:#fff url('/img/common/pattern.png') repeat center -1px; color: #666; }

/*  기존 이미지 background-size: 70px 53px;*/
.btn-menu,.btn-menu,.btn-menu > i { background-color: transparent; color: #ffffff; letter-spacing:-1px; padding: 20px 0px 0px 0px; font-weight:bold; text-align:center; font-size:1em !important; margin:0;}
.btn-menu:hover,.btn-menu:hover,.btn-menu:hover > i { color:#222222;}
.itemboard{letter-spacing: 1px;  padding:0;}
.menuboard01, .menuboard02, .menuboard03, .menuboard04{color: #333333; border:solid 1px #ddd; height:70px; display:table;}
.menuboard01 a, .menuboard02 a, .menuboard03 a, .menuboard04 a{ text-align:left; padding-left:50px; display:table-cell; vertical-align:middle;}
.menuboard01 {background:#fff url('/img/common/m_boardicon_01.png') 10px center no-repeat;}
.menuboard02 {background:#fff url('/img/common/m_boardicon_02.png') 10px center no-repeat;}
.menuboard03 {background:#fff url('/img/common/m_boardicon_03.png') 10px center no-repeat;}
.menuboard04 {background:#fff url('/img/common/m_boardicon_04.png') 10px center no-repeat;}


.btn-menuboard,.btn-menuboard,.btn-menuboard > i { height:40px; color: #333333; letter-spacing:-1px; font-weight:bold; text-align:center; font-size:1em; margin-bottom:0; }
.btn-menuboard:hover,.btn-menuboard:hover,.btn-menuboard:hover > i { color:#646464;}
#category .item div{border:solid 4px #dbdbdb;}


@media only screen and (max-width: 767px) { /* col-xs, 스마트폰 */ /*767 */
	/* 메뉴네비 높이  */
	#category .item div{height:140px;}
	#category .item div img{width:80px;}
.itemboard{ font-size: 0.9em; }
	.itemboard div div a span{display: block;}
.menuboard01, .menuboard02, .menuboard03, .menuboard04{border:solid 1px #ddd; background:#fff; height:53px; padding-top:0; display:table;}
.menuboard01 a, .menuboard02 a, .menuboard03 a, .menuboard04 a{text-align:center; padding-left:0; display:table-cell; vertical-align:middle;}
.btn-menuboard,.btn-menuboard,.btn-menuboard > i { height:53px; }
.btn-menuboard:hover,.btn-menuboard:hover,.btn-menuboard:hover > i { color:#646464;}
}


@media only screen and (max-width: 640px) { /* col-xs, 스마트폰 */ /*640 */

	/* 메뉴네비 높이 
	#category .item div{height:120px;}
	#category .item div img{width:70px;}
	 */
}

.txt_right{float:right; margin:0 5px 4px 0;}
.txt_bottom{float:left; color:#fff; margin:-12px 5px 12px 10px;}

.nav_search {position:relative; width:100%; float:left; padding:0 8px; margin:5px 0 8px 0; height:40px; border-bottom:1px solid #485880; background:#233c77;}
.nav_search span {position:absolute; top:0; padding-left:12px; }

/*  게시판에 있는 검색 바 */
.list_search {margin:0 0 10px 0; width:100%; overflow:hidden; clear:both;}
.list_search .nav_search_list {width:100%; padding:0; margin:0; background:#ffffff; overflow:hidden;}
.list_search .nav_search_list span {float:left; padding-left:1%; }
.list_search .nav_search_list span.search_choice select {text-align:left; padding:5px 2px; display:inline-block;}
.list_search .nav_search_list span.search_txt { text-align:center; display:inline-block;}
.list_search .nav_search_list span.search_btn {text-align:right; display:inline-block;}

@media only screen and (max-width: 767px) { /* col-xs, 스마트폰 */ /*767 */


}

@media only screen and (max-width: 640px) { /* col-xs, 스마트폰 */ /*767 */


	}



/* =============================================================================
한국재무설계 추가사항 1509
================================================== */

.loginarea_hi {color:#f5f5f5; font-size:1em; position:absolute; top:8px;}

.sub_titletop {color:#176ca7; font-weight:bold; font-size:1.3em; text-align:center; margin:0 0 20px 0; }

.style_S1 input {border-radius:0px; border:1px solid #bbbbbb;}
.style_S1 select {border-radius:0px; border:1px solid #bbbbbb;}


.view-body-basic textarea {width:100%;}
.view-body-basic .txtarea {color:#333333; margin-bottom:15px;}
.view-body-basic .txtarea_point {font-weight:bold; font-size:1.1em; margin-bottom:10px;}
.view-body-basic .txtarea_point_big {font-weight:bold; font-size:1.3em; margin-bottom:10px;}
.view-body-basic .txtarea_point_end {font-weight:bold; font-size:1.3em; margin:30px 0 15px 0; text-align:center; color:#176ca7;}
.view-body-basic .txtarea_point_sub {font-weight:bold; font-weight:bold; text-align:center; margin-bottom:40px; display:block;}
.view-body-basic .txtarea span.point {font-weight:bold;}
.btn-btnarea {clear:both; margin-top:20px;}

.row-form-input .field_in { margin-left: 0; }
.row-form-input  input {border:1px solid #aaaaaa !important; background:#ffffff  !important; --border-radius: 0; -moz-border-radius: 0; border-radius: 0px;}



.color_sky {color:#0899a1 !important; font-weight:bold;}
.color_blue {color:#176ca7 !important; font-weight:bold;}
.color3 {color:#333333 !important; font-weight:bold;}
.color5 {color:#555555 !important; font-weight:bold;}
.C_dyellow {color:#e47c02 !important;}
.Tcenter {text-align:center !important;}
.Tright {text-align:right !important;}
.fontb {font-weight:bold !important;}
.mT5 {margin-top:5px !important;}
.mT7 {margin-top:7px !important;}
.mT10 {margin-top:10px !important;}
.mT15 {margin-top:15px !important;}
.mT20 {margin-top:20px !important;}
.mT30 {margin-top:30px !important;}
.mL5 {margin-left:5px !important;}
.mL10 {margin-left:10px !important;}
.mB7 {margin-bottom:7px !important;}
.mB10 {margin-bottom:10px !important;}
.mB15 {margin-bottom:15px !important;}
.m20 {margin:20px 0 !important;}
.mp0 {padding:0; margin:0;}
.width49 {width:49% !important;}

.star {color:#979797 !important;}
.star_no {color:#d5d5d5 !important;}

.Tjustify {text-align:center !important;}
.Tleft {text-align:left !important;}
.fright {float:right !important;}
.clearboth {clear:both;}
.Tbold {font-weight:bold !important;}
.color_basic {color:#0899a1 !important;}
.C_red {color:#cd1f58 !important;}
.C_blue {color:#2d62b8 !important;}
.C_greensky {color:#07a17f !important;}
.color_basic2 {color:#0054a6 !important;}
.C_wh{color:#fff !important;}
.tccfcolor{color: #443d8b!important;}
.big_txt{font-size: 28px; }
.bg_bagic{background: #443d8b;}
.txt_big{font-size: 2em;}
.txt_lg{font-size: 1.6em;}
.txt_md{font-size: 1.3em;}
.txt_sm{font-size: 0.9em;}
.txt_xs{font-size: 0.7em;}
    
/* 마이페이지 내강의실 장바구니 */
.board_s3 {width:100%; padding:0px; border-left:1px solid #d1d1d1; }
.board_s3 th {border:1px solid #d1d1d1;  height:30px; background-color:#f0f0f0; text-align:center;}
.board_s3 tr.txtmyclass td {color:#0899a1; font-weight:bold;}
	.board_s3 tr.txtmyclass td a{display: inline-block; font-size: 1.3em; font-weight: bold; width: 100%;}
.board_s3 td {text-align:center; line-height:18px; padding:3px 10px; border:1px solid #e5e5e5; background:none;}
.board_s3 td.reply {background:url(/img/common/iconbg_reply.png) no-repeat 10px 13px; padding-left:29px;}

/*.sub_title_b {height:20px; margin:25px 0 15px 0; background:url(/img/common/icon_notice.png) no-repeat 0 0; padding:0 0 0 20px; }*/
.sub_title_b {background:url(/img/common/icon_notice.png) no-repeat 0 0; padding:0 0 15px 20px !important; color:#777777; width:100% !important;}  
.sub_title_class {background:url(/img/common/icon_notice.png) no-repeat 0 0; padding:0 0 15px 20px !important; color:#777777; font-size:14px !important; font-weight:bold;}
.sub_title_class_view {background:url(/img/common/icon_notice.png) no-repeat 0 2px; padding:0 0 0 20px !important; color:#777777; line-height:18px; font-size:14px !important; font-weight:bold; display:inline-block; height:25px;}

/* 수강중강의 리스트 */
.list_boxarea {padding:10px;}
.list_boxarea_list:first-of-type{border-top: solid 1px #bbb; margin-top: 15px;}
.list_boxarea .title {color:#176ca7; }

.classtitle {font-size:1.3em; font-weight:bold; color:#176ca7; padding:0 0 15px 0; border-bottom:1px solid  #bbbbbb; margin:0px;}
.graph div.progress_box .progress_bar_text {color:#777777 !important; margin:8px !important; font-weight:normal;}

span.ing_ok {width:55px; height:23px; padding-top:2px; text-align:center; display:inline-block; background:url(/img/common/iconbg_ok.png) no-repeat 0 0; color:#ffffff;}
span.ing_ing {width:55px; height:23px; padding-top:2px; text-align:center; display:inline-block; background:url(/img/common/iconbg_ing.png) no-repeat 0 0; color:#ffffff;}
span.ing_no {width:55px; height:23px; padding-top:2px; text-align:center; display:inline-block; background:url(/img/common/iconbg_no.png) no-repeat 0 0; color:#ffffff;}
span.class_ok {width:55px; height:23px; padding-top:2px; text-align:center; display:inline-block; background:url(/img/common/iconbg_classok.png) no-repeat 0 0; color:#ffffff;}
span.class_info {width:55px; height:23px; padding-top:0px; text-align:center; display:inline-block; background:url(/img/common/iconbg_class.png) no-repeat 0 0; color:#ffffff;}
span.class_vod {padding:2px 5px 2px 22px; border:1px solid #b4b4b4; text-align:center; display:inline-block; background:url(/img/common/iconbg_classvod.png) no-repeat 5px 5px; color:#176ca7; --border-radius: 3; -moz-border-radius: 3; border-radius: 3px;}
span.class_vod a {color:#176ca7;}
span.class_vod a:hover {color:#333333;}
span.classinfo_box {padding:0 4px 2px 4px !important; margin:2px 0; color:#333333; border:1px solid #aaaaaa; display:inline-block;}
span.idresult {color:#176ca7; font-weight:bold; display:inline-block; padding:3px 5px; border:1px solid #aaaaaa; margin-top:5px;}

.sub_title_b {clear:both; height:20px; margin:0 0 15px 0 !important; background:url(/img/common/icon_notice.png) no-repeat 0 0; padding:0 0 0 20px;}
.sub_title_b strong {color:#1b8e94;}
.sub_text {width:95%; margin:0 auto;}

.list_topbox {background:#ffffff; padding:10px 10px 15px 10px; margin:0 10px 15px 10px; border:1px solid #bbbbbb;}


table.myclass_info {width:100%; margin:10px 0 10px 0; color:#777777; font-size:1em!important; clear:both;}
table.myclass_info th, td {font-weight:normal; padding:5px;}
table.myclass_info td {color:#333333; font-size:1em !important; border:none;}
table.myclass_info td.tdleft {text-align:left; padding-left:5px;}
table.myclass_info .classtit {font-size:1.1em; font-weight:bold; color:#176ca7; padding:10px 0; margin:0px;}

table.myclass_info_view {width:100%; margin:10px 0 10px 0; color:#777777; font-size:1em!important; border-top:2px solid #7a7a7a; clear:both; font-weight:normal;}
table.myclass_info_view th {background:#f5f5f5; border-bottom:1px solid #cccccc; text-align:center; padding:7px 0;}
table.myclass_info_view td {color:#333333; font-size:1em !important; border-bottom:1px solid #cccccc; padding-left:5px;}

table.Tbasic {width:100%; margin:0 0 10px 0; color:#333333; font-size:1em!important; clear:both;}
table.Tbasic th {background:#e1e1e1;}
table.Tbasic th, td {font-weight:normal; border:1px solid #cccccc; border-left:none; border-right:none; text-align:center; padding:10px 0;}



.view-default .view-body p, table {margin:10px 0 10px 0; font-weight:normal; clear:both;}

.bottomnone {border-bottom:none !important;}

.btn_loginsub {color: #5f5f5f; padding: 6px 12px 8px 12px ! important; font-weight:bold; letter-spacing: 1px; border: 1px solid #b3b3b3; background:#ffffff; display:inline-block;}
.btn_basic {color: #5f5f5f; padding: 6px 12px 8px 12px ! important; font-weight:bold; letter-spacing: 1px; border: 1px solid #b3b3b3; background:#ffffff; display:inline-block;}
.btn_basic_sky {color: #ffffff; padding: 6px 30px 8px 30px ! important; letter-spacing: 1px; border: 1px solid #0060a0; background:#0060a0; }
.btn_basic_bordersky {color: #0060a0; padding: 6px 30px 8px 30px ! important; letter-spacing: 1px; border: 1px solid #007ba3; background:#ffffff; }
.btn_skygreen {background: #34b9c0; display:inline-block; text-align:center; border:1px solid #38959a; /* --border-radius: 3; -moz-border-radius: 3; border-radius: 3px;*/ color: #fff !important; font-size: 12px; padding:3px 5px; text-decoration: none;}
.btn_classinfomore {background: #fafafa; display:inline-block; text-align:center; border:1px solid #bbbbbb; /* --border-radius: 3; -moz-border-radius: 3; border-radius: 3px; */ color: #e47c02 !important; font-size:14px; padding:8px 0; text-decoration: none; width:100%; font-weight:bold; margin-bottom:5px;}
.btn_classlist {background: #e5e5e5; display:inline-block; text-align:center; border:1px solid #9c9c9c; /* --border-radius: 3; -moz-border-radius: 3; border-radius: 3px; */ color: #555555 !important; font-size: 14px; padding:8px 0; text-decoration: none; width:100%; font-weight:bold;}
.btn_mc_vod {background: #ffffff !important; display:inline-block; text-align:center; border:1px solid #007ba3;  -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px;  color: #0060a0 !important; font-size: 14px; padding:8px 0; text-decoration: none; width:32%; font-weight:bold; margin-bottom:5px;}
.glyphicon-search {font-size:1.2em;}
/*.btn_mc_vod:hover, .label-success:hover, .btn_classinfomore:hover {color:#fafafa !important;}*/

/*  장바구니 */
.cart h2 {font-size: 1.3em; margin: 0 0 20px 0; text-align: center; font-weight: 600; color: #000; border-bottom: solid 1px #afafaf; padding: 36px 0 20px;}
.cart .cart_pay {border:2px solid #dddddd; padding:10px; font-size:1.3em; text-align:right; margin:15px 0; font-size:#333333;}
.cart .cart_pay span.price {font-weight:bold; font-size:1.1em; padding-left:10px;}
.title_cart {border-bottom:1px solid #aaaaaa; padding:10px 0; margin-bottom:15px;}
.title_cart .address {color:#333333; padding-top:10px;}

.cart_topnav {width:100%; list-style:none; text-align:center; padding:0 0 10px 0;}
.cart_topnav li {float:left; width:22%; font-size:1.2em; color:#8a8a8a; text-align:center;}
.cart_topnav li.navtitleon {font-size:1.3em; font-weight:bold; color:#0899a1;}
.cart_topnav li.navstep {width:4%; font-size:1.4em;}

.cart .title_end {font-size:1.3em; font-weight:bold; text-align:center; border:1px solid #aaaaaa; padding:20px 10px;}
.quantity{border: solid 1px #ccc; padding: 0; display: inline-block !important;}
.quantity a{display: inline-block; font-size: 1.3em; width: 30px; text-align: center; font-weight: 600; line-height: 26px;}
.quantity input{text-align: center; border:none; border-right:solid 1px #ddd; border-left:solid 1px #ddd; padding: 6px; margin: 0 -4px;}
.table-cart td{text-align: left;}


/* faq */

.faq_area {width:100%; margin:20px auto 0; border-left:1px solid #dddddd; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; overflow:hidden; }

.faq_area>dl>dt, .faq_area dt {height:40px; padding:10px !important; font-size:1.1em; background:#f5f5f5 ; border-top:1px solid #dddddd; overflow:hidden;  
    width: 100%;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;}
.faq_area >dl>dt.over { cursor:pointer; }
.faq_area >dl>dt.selected {cursor:default;}

.faq_area >dl>dd {padding:10px; border-top:1px solid #dddddd; background:url(/img/Customer/faqbg_a.png) no-repeat 7px 7px;}
.faq_area>dl> dd p{padding:0 10px 0 35px;}
	.faq_area >dl>dd>table{width:100%!important;}


.nav_login {margin:15px;}
.nav_login span {display:inline-block;}
.nav_login span.nav_login_in {float:left; width:65%;}
.nav_login span.nav_login_btn {float:left; width:35%;}
.nav_login span.nav_login_btn a {color: #ffffff; padding: 28px 0 29px 0 ! important; text-align:center; margin-left:5px; letter-spacing:-1px; background:#34b9c0;  --border-radius: 3; -moz-border-radius: 3; border-radius: 3px; }
.nav_login input {margin:0; width:100%; padding:6px 4px;}
.nav_login span.nav_login_idsave {margin:8px 0; font-size:0.9em; color:#ffffff;}
.nav_login span.nav_login_idsave input {width:auto; vertical-align:middle;}
.nav_login span.nav_login_search a {width:165px; color:#abafd7 !important; background:#29468a; border:1px solid #072e5f; padding:7px 0 !important; text-align:center; font-size:0.9em; }




/*  커리큘럼 뷰 */

.course_viewtit {font-size:1.2em; font-weight:bold; color:#333333; padding-bottom:15px;}
.course_viewbtn button {width:32.5%;}

/* 버튼 */

.btn_vod {background:#ffffff url(/img/common/btn_vod1.png) no-repeat 10px 8px; color:#333333; display:inline-block; border:1px solid #bbbbbb; font-size: 14px; font-weight:bold; padding:5px 20px 10px 45px; letter-spacing:-1px;}
.btn_vod:hover {background:#dcdcdc url(/img/common/btn_vod1.png) no-repeat 10px 8px;  letter-spacing:-1px;}
.btn_vod_play {background:#0060a0 url(/img/common/btn_vod2.png) no-repeat 10px 8px; color:#ffffff; display:inline-block; border:1px solid #0060a0; font-size: 14px; font-weight:bold; padding:5px 20px 10px 45px; letter-spacing:-1px;}
.btn_vod_play:hover {background:#1085BF url(/img/common/btn_vod2.png) no-repeat 10px 8px; color:#fff; letter-spacing:-1px;}
.btn_vod_cart {background:#ffffff url(/img/common/btn_vod3.png) no-repeat 10px 8px; color:#333333; display:inline-block; border:1px solid #bbbbbb; font-size: 14px; font-weight:bold; padding:5px 20px 10px 45px; letter-spacing:-1px;}
.btn_vod_cart:hover {background:#dcdcdc url(/img/common/btn_vod3.png) no-repeat 10px 8px;  letter-spacing:-1px;}
.btn_text_write a {background:#e47c02 url(/img/common/icon_review.png) no-repeat 10px 8px; color:#ffffff !important; display:inline-block; border:1px solid #e47c02; font-size: 14px; font-weight:bold; padding:5px 20px 10px 45px; letter-spacing:-1px;}


@media only screen and (max-width: 640px) { /* col-xs, 스마트폰 */ /*767 */
.btn_vod {background:#ffffff url(/img/common/btn_vod1.png) no-repeat 10px 8px; color:#333333; display:inline-block; border:1px solid #bbbbbb; font-size: 14px; font-weight:bold; padding:5px 5px 10px 22px; letter-spacing:-1px;}
.btn_vod:hover {background:#dcdcdc url(/img/common/btn_vod1.png) no-repeat 10px 8px;  letter-spacing:-1px; }
.btn_vod_play {background:#0060a0 url(/img/common/btn_vod2.png) no-repeat 10px 8px; color:#ffffff; display:inline-block; border:1px solid #0060a0; font-size: 14px; font-weight:bold; padding:5px 5px 10px 22px; letter-spacing:-1px;}
.btn_vod_play:hover {background:#dcdcdc url(/img/common/btn_vod2.png) no-repeat 10px 8px; color:#333333; letter-spacing:-1px;}
.btn_vod_cart {background:#ffffff url(/img/common/btn_vod3.png) no-repeat 10px 8px; color:#333333; display:inline-block; border:1px solid #bbbbbb; font-size: 14px; font-weight:bold; padding:5px 5px 10px 22px; letter-spacing:-1px;}
.btn_vod_cart:hover {background:#dcdcdc url(/img/common/btn_vod3.png) no-repeat 10px 8px;  letter-spacing:-1px;}
}

.course_side-bar {margin:20px 0; padding:0;}
.course_site-nav {overflow:hidden;}
.course_site-nav ul {list-style:none; width:100%; margin:0 auto; padding:0;}
.course_site-nav ul li {float:left; width:33.3%; padding:0; margin:0;}
.course_site-nav ul li a {text-align:center; padding:10px 0; background:#eeeeee; font-weight:bold; font-size:1.1em; color:#333333; display:block;}
.course_site-nav ul li a:hover {background:#aaaaaa; color:#ffffff;}
.page-section h2 {font-size:1.4em; font-weight:bold; color:#333333; padding-bottom:10px;}
.page-section h3 {margin:0;}
.page-section section {border-bottom:1px solid #cccccc; overflow:hidden; padding-bottom:10px !important;}
.course_box {margin:0 0 20px 0; padding:0;}

.course_site-nav ul li a.active {background:#aaaaaa; color:#ffffff;}
.course_site-nav ul li a:hover {background:#aaaaaa; color:#ffffff;}

.course_test_write {border-top:1px solid #cccccc; padding:0; margin:10px 0;}
.course_test_write li {border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:10px;}
.course_test_write li span.star {font-size:30px; font-weight:normal;}
.course_test_write li textarea{width:100%;}
.course_test_write .btn_write {text-align:right;}

.width50 {width:50px !important;}
.btn_class {background:#0060a0 url(/img/common/btn_vod2.png) no-repeat 10px 3px;  background-size:20px 20px; display:inline-block; border:1px solid #0060a0; font-size: 14px; font-weight:bold; color:#ffffff !important; padding:5px 20px 5px 45px; }
.btn_class:hover {background:#1085BF url(/img/common/btn_vod2.png) no-repeat 10px 3px;}
/*.btn_cart {background:#ffffff url(/img/common/btn_vod3.png) no-repeat 10px 3px;background-size:21px 19px;  display:inline-block; border:1px solid #bbbbbb; font-size: 14px; font-weight:bold; padding:5px 20px 5px 45px; --border-radius: 3; -moz-border-radius: 3; border-radius: 3px;}


/*  커리큘럼 뷰 탭 오버 추가 */

.sticky_header {
  position: relative;
  z-index: 100;
  height: 45px;
  width: 100%;
  margin:10px 0 !important;
}
.sticky_header.fxd {
  position: fixed;
  top:5px !important;
  }
.sticky_header ul {
  overflow: hidden;
  height: 100%;
  margin: 0 auto;
}
.sticky_header ul li {
  float: left;
  position: relative;
  margin:0 0 0 0;
  width:33.3% important;
  display:inline-block;
 }
.sticky_header ul li a {
  display: block;
  height: 45px;
  overflow: hidden;
  cursor: pointer;
  width:33.3% important;
}
.sticky_header ul li a.active {
  color: #008580;
  background:#aaaaaa; color:#ffffff;
  height: 45px;
}

.sticky_header ul li:before {
  height: 35px;
  text-align:center; padding:10px 0; background:#eeeeee; font-weight:bold; font-size:1.1em; color:#333333; display:block;
}

.sticky_header.membership a:hover,
.sticky_header.membership a:active,
.sticky_header.membership a.active {
  color:#ffffff; width:33.3% important;
}

/*
span.ing_ok {width:55px; height:23px; padding-top:2px; text-align:center; display:inline-block; background:url(/images/myclass/iconbg_ok.png) no-repeat 0 0; color:#ffffff;}
span.ing_ing {width:55px; height:23px; padding-top:2px; text-align:center; display:inline-block; background:url(/images/myclass/iconbg_ing.png) no-repeat 0 0; color:#ffffff;}
span.ing_no {width:55px; height:23px; padding-top:2px; text-align:center; display:inline-block; background:url(/images/myclass/iconbg_no.png) no-repeat 0 0; color:#ffffff;}
span.class_ok {width:55px; height:23px; padding-top:2px; text-align:center; display:inline-block; background:url(/images/myclass/iconbg_classok.png) no-repeat 0 0; color:#ffffff;}
span.class_vod {padding:2px 5px 2px 22px; border:1px solid #b4b4b4; text-align:center; display:inline-block; background:url(/images/myclass/iconbg_classvod.png) no-repeat 5px 5px; color:#176ca7; --border-radius: 3; -moz-border-radius: 3; border-radius: 3px;}
span.class_vod a {color:#176ca7;}
span.class_vod a:hover {color:#333333;}


.sub_title {height:20px; margin:25px 0 15px 0; background:url(/images/common/icon_noticelist.png) no-repeat 0 0; padding:0 0 0 20px;}
.sub_title_b {height:20px; margin:25px 0 15px 0; background:url(/images/common/icon_notice.png) no-repeat 0 0; padding:0 0 0 20px;}
.sub_title_b strong {color:#1b8e94;}
.sub_text {width:95%; margin:0 auto;}*/



.detail_list {width:100%; padding:0; margin:0;}
.detail_list li span.text {font-weight:normal;}
.detail_list li {border-bottom:1px dotted #cccccc; padding:2px 0 5px 0; margin-bottom:7px; }

/*내강의실 강의상세 강의보기버튼*/
.btn_mclist_vod{display: inline-block; text-align: center; border:1px solid #0060a0 !important; color:#0060a0 !important; font-size:14px; padding:2px 4px; text-decoration:none; font-weight:bold;}
.btn-normal-s{ color: #fff; padding: 4px 10px; letter-spacing: 1px; border: 1px solid #1b8e94;background:#34b9c0;}
.btn-normal-s:hover, .btn-normal-s:active, .btn-normal-s:focus{background:#1b8e94; color:#fff !important;}


/*상품카테고리*/
.categoryImg{border:none; color: #ffffff; padding-bottom:5px; letter-spacing: 1px; /*border-left:3px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;*/}

/*오프라인 강의신청*/
.Tleft {text-align:left !important;}
.lecture_off_result .coment{
    position: relative;
    text-align: center;
    border: 1px solid #cccccc;
    padding: 30px 0;
    font-size: 1.2em;
    font-weight: bold;
	line-height:160%;
	margin-top:20px;
}
.lecture_off_result .coment span {
    font-weight: bold;
    color: #176ca7;
}
.seminar_finish{
	font-size:20px;
	font-weight:bold;
    text-align:center;
    padding-bottom:20px;
}
.seminar_finish span{color:#176ca7;}

/*개인정보활용동의*/
.personalinfo .agree{padding:10px 5px 30px 5px;}
.personalinfo .agree strong{margin-right:10px;}

/* 이벤트 */
.event_list .media-subject{line-height:200%; font-weight:bold; border-bottom:1px solid #dddddd; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.event_list .thumbnail{width:150px;}
.event_list .einfo {padding-top:10px; height:70px; margin-bottom:14px; line-height:160%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.event_list .edate {font-size:12px; color:#585858;}
	
#itemboard .col-xs-12 {padding: 0 !important;}

/* HOT, NEW컨텐츠 리스트  */
.hotlist_box p, .hotlist_box ul{background:#3f4f70;}
.newlist_box p, .newlist_box ul{background:#757575;}
.hotlist_box, .newlist_box{color:#fff; padding: 0; box-sizing: border-box; border: solid 2px #dbdbdb;}
.hotlist_box ul, .newlist_box ul, .m_list_box ul{padding: 0; margin: 0;}
.m_list_box ul{font-size: 14px;}
.hotlist_box p, .newlist_box p{margin-bottom:0; text-align: center; font-size: 20px; height: 50px; padding-top: 10px;}
.hotlist_box a, .newlist_box a{color:#fff; font-size: 13px; display:inline-block; width:100%;}
.hotlist_box .m_thumb img, .newlist_box .m_thumb img {width: 100%;}
.hotlist_box .m_thumb_cap, .newlist_box .m_thumb_cap {display:block; width:85%; height: 50px; margin:0 auto; padding: 5px 5px 15px 5px !important; text-align: center; letter-spacing:-1px; overflow:hidden;}	

/* 메인페이지 롤링 */
.metlife_slider {float:left; width:47% !important; position:relative; margin:0 1.5%;}
.metlife_sliderlist {width:100%; min-height:300px; margin:0; padding:0; }


/* 모바일 */

@media  (min-width:414px) and (max-width:719px) { 

.metlife_sliderlist {width:100%; min-height:350px; margin:0; padding:0; overflow:hidden;}

}

/*테블릿, 웹 */ 
@media (min-width:721px) and (max-width:1024px) { 

.metlife_sliderlist {width:100%; min-height:450px; margin:0 !important; padding:0  !important; overflow:hidden;}

}



/* //HOT, NEW컨텐츠 리스트  */
/*메인내강의실*/
.myclass_area{ border:solid 1px #bbbbbb; background: #fff; box-sizing: border-box; margin:10px; clear: both;}
.myclass_area .m_subtitle{padding:20px 30px; border-bottom: solid 1px #e3e3e3; font-size: 20px; font-weight: bold;}
.myclasslist{box-sizing: border-box; padding: 18px 30px; border-bottom: solid 1px #e3e3e3;}
.m_subtitle .moreIcon{float: right; display: inline-block;}
.m_subtitle .moreIcon img{width:85%;}
.m_myclassTitle {border-bottom: solid 1px #e3e3e3; margin-bottom: 8px; padding: 10px 0;}
.m_myclassTitle a{color: #0090da; font-size: 14px; font-weight: bold;}
.m_list_box li{position: relative; line-height: 160%; margin-bottom: 2px;}
.m_list_box li .theme{position: relative; display: inline-block; width:85%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 200%;}
.m_list_box li .theme_icon{position: absolute; top:-1px; right:0;}
.m_list_box li .theme_icon img{width: 80%;}
.myclasslist.latestView{border-bottom: none;}
.latestView li{width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*//메인내강의실*/

	
/*탭메뉴*/
.tab_myclass{ width:100%; height:36px; display:inline-block; margin:5px auto 20px; border-bottom:2px solid #3f4f70; border-left:1px solid #cccccc; padding-left: 0;}
.tab_myclass .depth {height:34px; position:relative; }
.tab_myclass li { float:left; height:36px; font-size:13px; display:inline-block; line-height:36px; text-align:center; background:#fafafa; width:33.3%;}
.tab_myclass li a { padding:0 20px; height:36px; color:#555; font-weight:normal; font-size:14px; float:left; line-height:34px;text-align:center; border:solid 1px #cccccc; border-left:none; border-bottom:none; letter-spacing: -1px; width:100%;}
.tab_myclass li a:hover {height:34px; color:#333333; background:#efefef; }
.tab_myclass li.on a, .tab li.on1 a {height:34px; color:#fff !important; background:#3f4f70; border:solid 2px #3f4f70; border-bottom:none; font-weight:bold; }
.tab_myclass li.on a:hover, .tab li.on1 a:hover {background:#3f4f70; font-weight:bold;}
	
/*찜하기*/
.btn_zzim, .btn_nozzim{display: inline-block; font-weight: bold; padding-left: 22px;}
.btn_zzim{background:url(/img/common/icon_zzim.png) no-repeat 0 0;}
.btn_nozzim{background:url(/img/common/icon_nozzim.png) no-repeat 0 0;}
	
	.menubox .main_board{width:440px; position: relative; height: 34px; border-bottom: solid 1px #ddd; display: block; line-height: 160%;}
	.main_board .title{width: 70px; float: left; color: #176db5; font-weight: bold;}
	.menubox .main_board .list{width: 330px;}
	.menubox .main_board .list li {background: url(/images/common/bl_txt.png) no-repeat left 6px; line-height: 160%;}
	.menubox .main_board .list li a{display: inline-block; width:250px; font-size: 13px; font-weight: normal; color: #333333;    text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.menubox .main_board .more{position: absolute; right: 0; top:5px; }
	.menubox .howto_mobile{width:330px; line-height: 160%; position: relative; padding-right: 100px;}
	.menubox .howto_mobile .title{color: #176db5; font-weight: bold; font-size: 14px;}
	.menubox .howto_mobile .icon{position: absolute; top:10px; right: 20px;}
	.menubox .howto_mobile strong{color:#176db5;}
/*카피라이트 중앙정렬*/
#footer .copyrights{text-align: center;}
#footer .copyrights strong{text-transform: uppercase;}

/* 상품갤러리-타입D */
	table.list-typed .typed_title{font-size: 1.1em; line-height: 140%; padding: 10px 0; }
	table.list-typed thead th .th_r{right: 0; top:56px !important;}
    table.list-typed thead{border-bottom:none;}
	table.list-typed thead th, table.list-typed thead td {border-bottom: 1px solid #cccccc; padding: 16px 0;}
	table.list-typed .hit{margin:8px 0;}
	table.list-typed .table_iconlink{clear:both; width:100%; padding-top: 10px;}
	table.list-typed .goods img{float: none; margin-bottom: 4px; width: 60%;}
	table.list-typed .goods a{margin:0 1px 2px 0; display: inline-block; width:52px; height: 52px; background:#f3f3f3; border: solid 1px #ddd; text-align: center; font-size: 0.75em; box-sizing: border-box; padding-top: 6px;}
/* //상품갤러리-타입D */
	
	/*댓글등록*/
	.write-reply h2.sub-title{box-shadow:none !important; border:solid 1px #ccc; background: #ececec}
	.write-reply h2.sub-title em{color:#333;box-shadow:none; border-bottom: none;}

	/*회사소개*/
	img.full_img{width:100%;}
    
    
    /* 과정리스트 박스형 1707 */

.con_listimg_area {clear:both;}
.con_listimg {width:100%; margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; clear:both;}
.listimg_detail {width:100%; border:1px solid #e2e2e2; margin:0; padding:0; background:#fafafa;} 
.listimg_detail .titimg {margin:3px; text-align:center; position:relative;}
.listimg_detail .titimg img {width:100%;}
.listimg_detail .tit {font-weight:bold; margin:10px 5px !important; font-size:1.1em; line-height:0em;}
.listimg_detail .tit a{text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    line-height: 1.2;
    height: 2.6em;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.listimg_detail .btnbox .btnbox_t {width:100%; background:#ffffff; padding:5px 0 5px 0 !important; margin:0;}
.listimg_detail .btnbox .btnbox_t th {text-align:center; border:none !important; color:#7d7d7d; padding:0; letter-spacing:-1px;}
.listimg_detail .btnbox .btnbox_t td {text-align:center; color:#2695be; border:none !important;}
.listimg_detail .btnbox .btnbox_t th, .con_listimg .listimg_detail .btnbox .btnbox_t td, .con_listimg .listimg_detail .btnbox .btnbox_t tr {border:none !important; font-size:11px; font-weight:normal; border:none !important; text-align:center; padding:5px 0;}

.titimg .vodplay {position:absolute; bottom:2px; left:20px; display:inline-block;}
.titimg .fulltime {position:absolute; bottom:0; right:10px; display:inline-block; background-color:rgba(51,51,51,0.7); color:#ffffff; text-align:center; padding:7px 0; width:50px;}

.con_listimgbox {padding:2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


	
/*  리스트형2 */
.listtype_list2 {width:100%; font-size:13px; margin:0 0 10px 0; padding-bottom:10px; border-bottom:1px solid #efefef; position:relative; overflow:hidden;}
.movie_list.listtype_list2 {width: 100%;}
.movie_list.listtype_list2 .social {display:none;}
.movie_list.listtype_list2 .movie_box { display: none;}
.movie_list.listtype_list2 .movie_title_box .movie_title{font-size: 1.2em; font-weight: 600;}
.movie_list.listtype_list2 .price_box {text-align: right; margin-top: -6px;}
.movie_list.listtype_list2 .price_box .cardoption{font-size: 1.1em;}
.movie_list.listtype_list2 .price_box .cardoption strong{font-size: 1.4em; font-weight: 600; color: #f20024;}
.movie_list.listtype_list2 .price_box .cardoption span{margin-left: 10px;}
.movie_list.listtype_list2 .price_box .discount{font-size: 0.9em;}
.movie_list.listtype_list2 .price_box .discount span strong{font-size: 1.1em; color: #f20024; }
.movie_list.listtype_list2 .price_box .discount span del.arr::after{content: ""; width: 20px; height: 14px; background: url(/img/common/arr_r.png) no-repeat center center; display: inline-block; margin:0 6px; vertical-align: text-bottom;}
@media only screen and (max-width:767px) { 
	.movie_list.listtype_list2 .price_box {text-align: left; margin-top: 0;}
}
/*  리스트형2 */	

.right_btn {width:100%; text-align:right; margin-bottom:10px; line-height:14px;}
.right_btn a {padding:0 5px 0 0;}
.right_btn img {padding-bottom:3px;}
a.btn_listlist{background: url(/Global/Gbl_Design/Common/btnicon_list.png) no-repeat left center; padding-left: 18px; display: inline-block;}
a.btn_listimg{background: url(/Global/Gbl_Design/Common/btnicon_img.png) no-repeat left center; padding-left: 18px; display: inline-block;}
a.btn_listlist.on, a.btn_listimg.on{color: #0899a1; font-weight: bold;}
a.btn_listlist.on{background: url(/Global/Gbl_Design/Common/btnicon_list_on.png) no-repeat left center;}
a.btn_listimg.on{background: url(/Global/Gbl_Design/Common/btnicon_img_on.png) no-repeat left center;}
.icon_title{float: left; margin:2px 10px 0 0;}

/* 과정 리스트 이미지형 */
    
.listtype_img .movie_list  {background: #fff; }
.listtype_img .movie_list .tit{display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}   
.listtype_img .movie_list {box-sizing: border-box; padding: 5px;}
.listtype_img .movie_list .movie_box{background: #000; position: relative;overflow: hidden; box-sizing: border-box; margin-bottom: 10px;}
.listtype_img .movie_list .movie_box2{background: #000; position: relative; box-sizing: border-box;}
.listtype_img .movie_list .movie_box .btn_play{position: absolute; z-index: 10; top:40%; left:45%; }
.listtype_img .movie_list .movie_box .btn_play img{width: 60px;}
.listtype_img .movie_list .movie_box .time_box{position: absolute; z-index: 10; right:0; bottom:10px; background:rgba(61, 204, 217, 0.8); padding: 8px 16px; color: rgba(0, 0, 0, 1);}
.listtype_img .movie_list .movie_box .time_box img, .listtype_img .movie_list .social img{vertical-align: text-bottom; margin-bottom: -1px;}
.listtype_img .movie_list .movie_box .time_box, .listtype_img .movie_list .social{font-size: 14px;  }
.listtype_img .movie_list .movie_box .movie_thumb img{width: 100%; height: 100%;}
.listtype_img .movie_list .movie_title{font-size: 15px; margin: 8px 0; line-height: 140%;}
.listtype_img .movie_list .movie_title strong{margin-right: 10px;}
.listtype_img .movie_list .social{text-align: left;}
.listtype_img .movie_list .social .name{margin-right: 10px; font-weight: normal;}
 
.listtype_img .movie_list .movie_boxfull{background: #000; position: fixed; width: 100%; box-sizing: border-box; z-index: 999;}   
.btnbox span.player_date { float: right; padding: 0;}
    
 
    
    
/* 과정 리스트 리스트형 */    
.listtype_list > div{width: 100% !important; border-bottom: solid 1px #ddd; margin-bottom: 6px;}
.listtype_list .movie_list  {background: #fff; margin-bottom: 0;}
.listtype_list .movie_list .tit{display: inline-block; width: 68%; vertical-align: top; padding-left: 20px; font-size: 1.1em;}   
.listtype_list .movie_list {box-sizing: border-box; padding: 5px;}
.listtype_list .movie_list .movie_box{width:30%; max-width: 150px; background: #000; position: relative;overflow: hidden; box-sizing: border-box; display: inline-block;}
.listtype_list .movie_list .movie_box2{background: #000; position: relative; box-sizing: border-box;}
.listtype_list .movie_list .movie_box .btn_play{position: absolute; z-index: 10; top:40%; left:35%; display: none; }
.listtype_list .movie_list .movie_box .btn_play img{width: 50%;}
.listtype_list .movie_list .movie_box .time_box{position: absolute; z-index: 10; right:0; bottom:10px; background:rgba(61, 204, 217, 0.8); padding: 8px 16px; color: rgba(0, 0, 0, 1);}
.listtype_list .movie_list .movie_box .time_box img, .listtype_list .movie_list .social img{vertical-align: text-bottom; margin-bottom: -1px;}
.listtype_list .movie_list .movie_box .time_box, .listtype_list .movie_list .social{font-size: 14px;  }
.listtype_list .movie_list .movie_box .movie_thumb img{width: 100%; height: 100%;}
.listtype_list .movie_list .movie_title{font-size: 15px; margin: 8px 0; line-height: 140%;}
.listtype_list .movie_list .movie_title strong{margin-right: 10px;}
.listtype_list .movie_list .social{text-align: left;}
.listtype_list .movie_list .social .name{margin-right: 10px; font-weight: normal;}	



/* 북드라마클럽 지역게시판 */
    .cafe_list{text-align: left; width:100%;cursor:pointer; padding: 2px 10px 0;position: relative;}
    .cafe_list div{ display: inline-block; margin-right: 10px; margin: 2px 10px 0 0;}
    .cafe_list .cafe_list_title{font-weight: bold; width: 80%; box-sizing: border-box; display: block;}
    .cafe_list .cafe_list_attach{width: 30px; position: absolute; top:10px; right: 0;}
/* //북드라마클럽 지역게시판 */

    /* sns링크*/
.snslink_wrap{width: 100%; border-top: solid 1px #f5f5f5; border-bottom: solid 1px #f5f5f5; padding: 10px 0; }
.snslink_wrap > .row{max-width: 1080px; margin: 0 auto;}
@media (max-width:640px) {
.snslink_wrap .snslink a{ display: inline-block; width: 43%;}
}
/* //sns링크*/
/* 쪽지팝업 */
.pop_message{padding: 0 0 20px 0;}
.pop_tit_02{background: #4ebbaa url("/img/common/icon_wverl.png") no-repeat 14px center; padding: 14px 0 14px 24px; box-sizing: border-box; width: 100%; font-size: 0.8rem; font-weight: bold; text-align: left; color: #fff; border-radius: 0; margin-bottom: 0;}
    .pop_tit_02 h3{margin: 0;}
.pop_message table th{ text-align: center; margin: 0 !important;}
.pop_message input{
    border: 1px solid #cccccc;
    padding: 5px;
    height: 30px;
    box-sizing: border-box;
}
/* //쪽지팝업 */
    
/* 과정 이미지형리스트 썸네일 
.con_listimg .titimg{height:auto;overflow: hidden;background: #ddd;}
.con_listimg .titimg img{height:100%; }
.titimg .vodplay, .titimg .fulltime{bottom:6px;}
.listimg_detail .tit a{line-height: 130%; height: 2.5em;}
.listimg_detail .tit a img{margin: -5px 0;}
	@media (max-width:320px) {
		.con_listimg .titimg{height:auto !important; overflow: hidden;}
	}
	@media  (min-width:321px) and (max-width:360px) { 
		.con_listimg .titimg{height:auto !important; overflow: hidden;}
	}
	@media  (min-width:361px) and (max-width:413px) { 
		.con_listimg .titimg{height:auto !important; overflow: hidden;}
	}
	@media  (min-width:414px) and (max-width:500px) { 
		.con_listimg .titimg{height:auto !important; overflow: hidden;}
	}
	@media  (min-width:501px) and (max-width:600px) { 
		.con_listimg .titimg{height:auto !important; overflow: hidden;}
	}
	@media  (min-width:601px) and (max-width:690px) { 
		.con_listimg .titimg{height:auto !important; overflow: hidden;}
	}
	@media  (min-width:691px) and (max-width:767px) { 
		.con_listimg .titimg{height:auto !important; overflow: hidden;}
	}
	@media (min-width:768px) and (max-width:880px) { 
		.con_listimg .titimg{height:auto !important; overflow: hidden;}
	}
	@media (min-width:881px) and (max-width:1024px) { 
		.con_listimg .titimg{height:auto !important; overflow: hidden;}
	}
	@media (max-width: 1200px) and (min-width: 1025px) { 
		.con_listimg .titimg{height:auto !important; overflow: hidden;}
	}
	@media (min-width:1201px) and (max-width:1440px) { 
		.con_listimg .titimg{height:auto !important; overflow: hidden;}
	}
	@media (min-width:1441px) and (max-width:1600px) { 
		.con_listimg .titimg{height:auto !important; overflow: hidden;}
	}
	@media (min-width:1601px) and (max-width:2000px) { 
		.con_listimg .titimg{height:auto !important; overflow: hidden;}
	}


    
   

.con_listimg .titimg{height:500px; overflow: hidden; background: #ddd;}
.con_listimg .titimg img{height:100%; }*/
.titimg .vodplay, .titimg .fulltime{bottom:6px;}
.listimg_detail .tit a{line-height: 130%; height: 2.5em;}
.listimg_detail .tit a img{margin: -5px 0;}

	
	/* 과정 이미지형리스트 썸네일*/
.listimg_detail{width:100%; padding:4px !important; box-sizing: border-box;}
.listimg_detail .titimg{ position: relative; padding-bottom:56.25%; width: 100%; margin: 0 !important; box-sizing: border-box;}
.titimg img{ position: absolute; top: 0; left: 0 ; right: 0; bottom: 0; width:100%; height: 100%; }


  .video-js-box .movie_box {
    background: #FFF;
    overflow: hidden;
    box-sizing: border-box;
    height: 100% !important;
    padding-top: 5px;
    position: absolute;
    z-index: 4;
    top: 0;
    width: 100%;
    left: 0;
}  
    /* //과정 이미지형리스트 */
    
    
/* 3번째메뉴 텝메뉴 */
.tab_green {width:100%; margin:10px 0 30px; box-sizing: border-box; }
.tab_green .depth { position:relative;}
.tab_green ul, .tab_green li{margin: 0; padding: 0;}
.tab_green li { display:inline-block; text-align:center; width:auto!important;  }
.tab_green li a { padding:2px 24px; color:#27344e; font-weight:600; font-size:1.2em; float:left; line-height:1.6; text-align:center; letter-spacing: -1px; border: solid 1px #a8b4cc; border-radius:2px;}
.tab_green li a:hover { background: #27344e; box-sizing: border-box; color: #fff; font-weight:bold; border: solid 1px #27344e;}
.tab_green li.on a, .tab_green li.on1 a, .tab_green li.on a:hover, .tab_green li.on1 a:hover  { color:#fff; background: #27344e; font-weight:bold; box-sizing: border-box; border: solid 1px #27344e;}
/* //3번째메뉴 텝메뉴 */    
    /* 메뉴 전화번호 */
.nav_tel {line-height: 160%; background: #fff; color: #222; padding: 10px; font-size: 14px; letter-spacing: -0.02rem; border-top: solid 1px #d8d8d8;}
.nav_tel strong span{color: #bb292f;}
    
@media only screen and (max-width:360px) { 
    .nav_tel {padding: 6px; font-size: 10px; letter-spacing: -1px;}
}
    /* //메뉴 전화번호 */
    
 .board_profileImg {width:20px;border : 1px solid #DDD;-webkit-border-radius: 10px 10px 10px;-moz-border-radius: 10px 10px  10px;border-radius: 10px 10px  10px;}  
/* 회원정보수정 */
    span.cell{display: inline-block;}
/* //회원정보수정 */
    /*본문 이미지 추가용프레임*/
    .contentImg { margin-bottom: 4px;}
    .contentImg > div {width: 100% !important;}
    .contentImg > div >div{height: auto !important; position: relative; margin: 4px 0; width: 100% !important; border: solid 1px #ccc; padding-top: 6px;}
   .contentImg .pop_uploadimg a {padding: 4px 10px !important;}
    .emoticon{margin-bottom: 4px;}
    #temp_list > div{border: solid 1px #ccc; margin: 4px 0;}
    #temp_list > div > div{text-align: center;}
    #temp_list > div > div a{padding: 4px 10px !important;}
    
    
.table_book {width:100%; padding:0px 0 20px 0;margin:0 auto}
.table_book .thumb_img {width:100%;}
    


/* 페이지 위로가기 버튼 */
.btn_top{display: block; width: 50px; height: 50px; position:fixed; right:16px; bottom:76px; z-index: 999;}
.btn_top img{width: 100%;}
.phonecall{display: block; width: 50px; height: 50px; position:fixed; right:16px; bottom:20px; z-index: 999;}
.phonecall img{width: 100%;}

.teacherlist .subject, .winner .subject{text-align: center; margin:30px 0 20px; border-top: solid 1px #443d8b;}
.teacherlist .subject span, .winner .subject span{background: #443d8b; font-size: 1.5em; line-height: 1.6; display: inline-block; font-weight: 500; padding: 0 50px; color: #fff;}
.teacherlist .teacher_box{width: 100%; box-sizing: border-box; margin-bottom: 10px; padding:0 30px}
.teacherlist .teacher_box dt, .teacherlist .teacher_box dd{ display:inline-block; vertical-align:top;}
.teacherlist .teacher_box .teacherpic_box{padding-bottom: 20px;}
.teacherlist .teacher_box .teacherpic_box .teacherpic{background: #fff; width: 200px; height: 220px; border:solid 1px #ccc; margin-right: 40px;}
.teacherlist .teacher_box .teacherpic img{ width:100%; height:100%; box-sizing: border-box; overflow: hidden; }
.teacherlist .teacher_box .teacherinfo{margin-bottom: 20px; line-height: 1.6; height: 180px;background:url("/img/sub_page/icon_arrow3.png") no-repeat left top; padding-left:70px;width: 65%; margin-top: 6px;}
.teacherlist .teacher_box .teachername{font-size: 1.5em; margin-bottom: 30px; color:#443d8b; font-weight:600; line-height: 1.2;}
.teacherlist .teacher_box .teachername span{font-size: 0.7em; padding-bottom: 2px; margin-bottom: 10px; border-bottom:solid 1px #443d8b;} 
/* //강사소개 */   
    
@media only screen and (max-width:767px) { 
    .teacherlist {font-size: 13px;}
    .teacherlist .teacher_box .teachername, .teacherlist .teacher_box .teacherinfo, .teacherlist .teacher_box .reply li{width: 100%; float: none; } 
    .teacherlist .teacher_box .teacherpic_box{width: 100%; float: none; padding-top: 12px; text-align: center;}
    .teacherlist .teacher_box .teachername{text-align: left;}
    .teacherlist .teacher_box .teacherpic{margin:1px auto 0;}
    .teacherlist .teacher_box .teacherinfo{height: auto;}
    .teacherlist .teacher_box .reply{height: auto;}
    .teacherlist .teacher_box .reply li{background-position: 4px 12px;}
}  
   
/* 본문스타일 */
 ul{margin-left: 0; padding-left: 0;}
.sub_title {padding:30px 0 0 0; text-align: center; line-height: 1.4;box-sizing: border-box;  font-size:20px; color:#443d8b; font-weight: 600; word-break: keep-all;}
.subcont{line-height: 1.6;}
.sub_cont_title{padding:30px 0 0 0; text-align: center; box-sizing: border-box; }
.sub_cont_title span{line-height: 1; font-size:2.3em; color:#333; font-weight: 600; border-bottom: solid 1px #333;}
.sub_cont p{padding: 8px 0;}
.sub_cont .stress{font-size:1.3em; line-height:1.4; font-weight: bold; color: #443d8b;}
.sub_cont .stress strong{color:#0054a6;}
.sub_cont .stress span{font-size: 0.9em; color: #333;}
.fontup{font-size: 1.15em;}
.fontdown{font-size: 0.8em;}
.sub_cont.ty1_1{background: url(/img/sub_page/sub01_01_img1.jpg) no-repeat 0 0px; padding: 15% 0 10% 30%; background-size: 100%;}
.sub_cont.ty1_2{background:#8e8dca url(/img/sub_page/sub_bg01.jpg) no-repeat 0 0px; padding: 30px !important; background-size: cover;}
.sub_cont .ty_tabscont > div{padding:0;}
.sub_cont .ty_tabscont .tabs_contentbox{background: url(/img/sub_page/sub_bg01.jpg) no-repeat 0 0; padding: 30px; background-size: cover;}
.sub_cont .ty_tabscont .tabs_contentbox .sub_cont_title{background: #f2f2f2; padding: 30px 0; }
.sub_cont .ty_tabscont .tabs_contentbox section{background: #fff; padding: 20px; min-height:400px; }
.banner_box{width: 100%; text-align: center;}    
.onlineclass_linkbox{padding-top: 40px; margin: 0 auto; width: 100%; max-width: 840px;}
.onlineclass_linkbox ul li{width: 100%; margin-bottom: 24px; height: 120px; }
.onlineclass_linkbox ul li dt{font-size: 1.5em; color: #fff; background: url("/img/sub_page/icon_onlineclasstitle.png") no-repeat left center; float: left; padding: 48px 0 40px 60px ; }
.onlineclass_linkbox ul li dd{width: 200px; height: 120px; float: right; padding: 24px 0 0 0; text-align: center; font-weight: 600; color: #333; font-size: 1.1em; line-height: 1.8; background: #f2f2f2;}
.onlineclass_linkbox ul li dd a{width: 65%; background:#443d8b; color: #fff; display: inline-block; padding: 6px 0; margin-top: 4px;}
.onlineclass_linkbox .onlineclass01{background:#f2f2f2 url("/img/sub_page/onlineclass_img03.jpg") no-repeat left top;}
.onlineclass_linkbox .onlineclass02{background:#f2f2f2 url("/img/sub_page/onlineclass_img02.jpg") no-repeat left top;}
.onlineclass_linkbox .onlineclass03{background:#f2f2f2 url("/img/sub_page/onlineclass_img01.jpg") no-repeat left top;}
.onlineclass_linkbox .onlineclass04{background:#f2f2f2 url("/img/sub_page/onlineclass_img04.jpg") no-repeat left top;}
.onlineclass_linkbox .onlineclass05{background:#f2f2f2 url("/img/sub_page/onlineclass_img05.jpg") no-repeat left top;}
.onlineclass_linkbox .onlineclass06{background:#f2f2f2 url("/img/sub_page/onlineclass_img06.jpg") no-repeat left top;}
    

.contbox{background: #fff; /*padding: 20px;*/}
.sectiontitle{ font-size: 1.5em; margin: 30px 0 20px; font-weight: 700; padding-left:20px; }
.sectiontitle.icon{background: url("/img/sub_page/icon_sectiontitle.png") no-repeat -20px center; margin-left: -20px; padding-left: 20px;}
.sectiontitle strong{color:#bb292f; font-weight: 700;}
.sectiontitle2{margin-top: 6%; text-align: center;}
.sectiontitle2 span{font-size: 2.1em; line-height: 2; font-weight: 700; border-bottom: solid 1px #bb292f; padding-bottom: 4px; letter-spacing: -1px;}
.sectiontitle2 span strong{color:#bb292f; }
.sectiontitle2 span strong  .strongb{color:#000; }
.contslogan{font-size: 2.2em; line-height:1.2; color:#bb292f; font-weight: 600; letter-spacing: -0.05em;}
.contslogan span{font-size:0.7em; font-weight:400; word-break: keep-all; display: inline-block;}
.contslogan2{font-size: 2.5em; line-height:1.2; color:#bb292f; font-weight: 600; letter-spacing: -0.05em;}
.contslogan2 span{font-size:0.6em; font-weight:600; color: #000;}
.studyclass{text-align: center; padding: 20px;}
.studyclass div div div{border:solid 2px #dfdfdf; border-top:solid 2px #bb292f; padding: 0 10px 20px; box-sizing: border-box; vertical-align: text-top; height: 370px;
    margin-bottom: 30px; }
.classinfo{/*text-align: center; */padding-bottom: 80px;}
.classinfo > ul li{display: inline-block; width:32%; box-sizing: border-box; vertical-align: text-top;  height: 380px; }
.classinfo > ul li span{font-size: 1.2em; font-weight: 600; line-height: 2; border-bottom: solid 1px #ddd; display: block; margin: 0 30px; word-break: keep-all;}
    
    
.board_s6 {width:100%; padding:0px; border-top: 2px solid #555; table-layout: fixed;}
.board_s6 th, .board_s6 td {padding: 10px 4px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; font-size:1em; word-wrap: break-word; word-break: keep-all;}
.board_s6 th { background:#f5f5f5;}
.board_s6 td {text-align:center;}
.board_s6 th:last-child, .board_s6 td:last-child{border-right: none;}     
.board_s6.tdcolor2nd td:nth-child(2){background: #fffbdd;}
.board_s6.tdcolorlast td:last-child{background: #fffbdd; font-weight: 600;}
.board_s6 tfoot th, .board_s6 tfoot td{background: #fffbdd!important; font-weight: 600;}
.tdbg{background: #fffbdd;}
.tbodythbg tbody th{background: #d9e2f7;}
.C_dkgray{color:#333;}	
.schedule_tableimg{margin: 0 ; text-align: center;}	
.schedule_tableimg img{margin: 0 auto; width: 100%; max-width: 699px;}	
	
 @media (max-width:767px){
     .studyclass li{width:100%; }
}  	
 @media (max-width:411px){
     .board_s6 th, .board_s6 td{font-size:0.5em;  }
}   
/* 담당강사 */
.classteacher .teacher_box{width: 100%; max-width: 810px; border: solid 1px #ddd; box-sizing: border-box; margin-bottom: 10px; height: 240px; text-align: left; position: relative;}
.classteacher .teacher_box .teachername{font-size: 1.6em; }
.classteacher .teacher_box .teachername span{font-size: 0.65em; background: #bb292f; padding: 2px 24px; border-radius: 80px; display: inline-block; color: #fff; margin-bottom: 10px;} 
.classteacher .teacher_box .teachername, .classteacher .teacher_box .teacherinfo{ margin: 20px 20px 0px 20px; float: right;  width: 530px;}
.classteacher .teacher_box .teacherpic_box{width: 200px; height: 240px; float: left; border-right: solid 1px #ddd; overflow: hidden;}
.classteacher .teacher_box .teacherpic img{width: 100%;}
.classteacher .teacher_box .teacherinfo{ line-height: 1.6; }
.classteacher .teacher_box .teacherinfo p{margin-bottom: 20px;}
.classteacher .teacher_box .reply{clear: both; height: 70px; margin-top: 36px;}
.classteacher .teacher_box .reply li{background:url("/img/common/icon_arrow2.png") no-repeat 4px 22px; padding: 20px 0 0 30px;  width: 47.5%; box-sizing: border-box; float: left; margin: 0 1%; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.6;  height: 5em; text-align: left; word-wrap: break-word;
    display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; border-top:solid 1px #ddd;}
/* //담당강사 */

  /* 과정상세 */
.classarea .classtitle{background: #f1f1f1; text-align: center; font-size: 1.1em; line-height: 1.4; padding: 10px; margin-bottom: 10px; color: #000; border-bottom: none;}
.classarea .classtitle strong{font-weight: 600; font-size: 1.3em; display: block; letter-spacing: -0.05em;}
.classinfo{border: solid 1px #666; padding: 20px 5px; margin: 0 0 20px 0; font-size: 1.2em; line-height: 1.6; }
.classinfo .classthumb{display: inline-block;}
.classinfo .classthumb img{width: 100%;}
.classinfo .classorder{vertical-align: top; display: inline-block; padding-top: 20px; font-size: 1.1em;}
.classinfo .classorder span{display: inline-block; margin-right: 2px;}
.classinfo .classorder span img{vertical-align: middle; margin-right: 4px;}
.classinfo .classorder strong{font-weight: 600; margin-left: 6px;}
.classinfo .classorder .price{border-top: solid 1px #afafaf; padding: 10px 0 0; margin-top: 20px; font-size: 0.9em;letter-spacing:-0.05em}  
.classinfo .classorder .price p{clear:both;}  
.classinfo .classorder .price span{text-align: right; float: right; margin: 0;}
.classinfo .classorder .price span strong{color:#ff556e; font-size: 1.2em; font-weight: 600;}
.classinfo .classorder .price .pricebtn{margin: 16px 0 0; text-align: center;}
.classinfo .classorder .price .pricebtn div{padding: 1px 1px 0;}
.classinfo .classorder .price .pricebtn a{width: 100%; text-align: center; background: #333; display: inline-block; color: #fff; padding: 8px 0; margin-bottom: 4px;}
.classinfo .classorder .price .pricebtn a.btnbuy{background:#e43851; color: #fff; width: 100%;}
.classdetail iframe{width: 100%; display: inline; height: 850px;}
.classinfo .classorder .discount{font-size: 0.85em; color:#999;}

.cardoption{display: inline-block; width: 100%;}
.classinfo .classorder .price p.cardoption{font-weight: 600; font-size: 1em;}
.classinfo .classorder .price p.cardoption span strong{font-size: 1.4em; font-weight: 600; color:#f20024; line-height: 1.2;}
.cardoption_infocont{line-height: 1.6; padding: 30px;}
.cardoption_infocont h2{text-align: center; margin: 20px 0; font-size:1.6em; letter-spacing: -0.1em;}
.cardoption_infocont h2 span{ font-weight: 600; display: inline-block; border-bottom: solid 1px #333;}
.cardoption_infocont p{font-size: 1.1em; font-weight: 600; background: #f5f5f5;padding: 10px; text-align: center;}
.cardoption_infocont ul, .cardoption_infocont dl{margin: 20px 10px;}
.cardoption_infocont dd{margin-left: 20px; text-indent: -20px;}

	
.saleprice{display: inline-block; width: 100%;}
.classinfo .classorder .price p.saleprice{font-weight: 600; font-size: 1em;}
.classinfo .classorder .price p.saleprice span strong{font-size: 1.4em; font-weight: 600; color:#f20024; line-height: 1.2;}
.saleprice_infocont{line-height: 1.6; padding: 30px;}
.saleprice_infocont h2{text-align: center; margin: 20px 0; font-size:1.6em; letter-spacing: -0.1em;}
.saleprice_infocont h2 span{ font-weight: 600; display: inline-block; border-bottom: solid 1px #333;}
.saleprice_infocont p{font-size: 1.1em; font-weight: 600; background: #f5f5f5;padding: 10px; text-align: center;}
.saleprice_infocont ul, .saleprice_infocont dl{margin: 20px 10px;}
.saleprice_infocont dd{margin-left: 20px; text-indent: -20px;}

	
	
	
.btnCen{text-align: center;}
.btn_list {padding:6px 10px; font-size:14px; border:1px solid #9c9c9c; background:#efefef; text-align:center; display:inline-block; }
.btn_list.reply{background:#b08850; color:#ffffff; border:1px solid #b08850; margin:0 4px;}
.btn_list.reply:hover{background:#1085BF; color:#fff !important; text-decoration: none;}
*:first-child+html  .btn_list {width:80px;}


/* //과정상세 */    

/* 합격자명단 */
.winner ul{ width: 100%; }
.winner ul.winnerlist li{width: 49%; display: inline-block; padding:0 5px 10px; text-align: center;}
.winner ul.winnerlist li div{width: 100%; background-size: 100%; box-sizing: border-box; padding: 27% 0 10% 44%; font-size: 2em; text-align: left; line-height: 1.2; color: #443d8b; font-weight: 600;}
.winner ul li div span{font-size:0.7em; }
.winner ul.winner01 li div{background: url("/img/sub_page/winner01_bg.png") no-repeat left top; background-size: contain;}
.winner ul.winner02 li div{background: url("/img/sub_page/winner02_bg.png") no-repeat left top; background-size: contain;}
.winner ul.winner03 li div{background: url("/img/sub_page/winner03_bg.png") no-repeat left top; background-size: contain;}
.winner ul.winner04 li div{background: url("/img/sub_page/winner04_bg.png") no-repeat left top; background-size: contain;}
.winner ul.winner05 li div{background: url("/img/sub_page/winner05_bg.png") no-repeat left top; background-size: contain;}
/* //합격자명단 */    
    
.contpara ul li{padding-left: 80px; margin: 20px 0 40px;}
.contpara ul li.para1{background: url("/img/sub_page/icon_redbgnum1.png") no-repeat left top;}
.contpara ul li.para2{background: url("/img/sub_page/icon_redbgnum2.png") no-repeat left top;}
.contpara ul li .paratitle{font-size: 1.8em; font-weight: 600; padding-bottom: 20px;}
.contpara ul li dl dt {color: #0b2754; background: #dfdfdf; font-size: 1.2em; padding: 8px 20px; min-width:40%; margin: 10px 0; display: inline-block; font-weight: 600;}
.contpara ul li dl dd{margin-bottom: 10px;}
.cont_classcard {background: #f5f5f5; text-align: center; padding-bottom: 60px;}
.cont_classcard ul{padding: 20px;}
.cont_classcard ul li{display: inline-block; text-align: center; width: 30%; margin: 0 1%; vertical-align: top;}
.cont_classcard ul li img{width: 100%; max-width: 200px; margin-bottom: 26px;}
    .classcardinfo{background: #4daba2;}
.eclasinfo{width: 100%; height: 440px; background: url(/img/sub_page/sub03_06_img1.jpg) no-repeat center top; margin-top: -50px; padding: 80px 20px 20px; box-sizing: border-box; background-size: cover; }
.eclasinfo .slogan3{margin: 0 0 5% 10%; width: 50%; max-width: 354px;}
.eclasinfo ul{width: 60%; }
.eclasinfo li{ display: inline-block; width: 46%; margin: 0 1%; background: rgba(255, 255, 255, 0.9) url("/img/sub_page/icon_arrow3.png") no-repeat center top; font-size: 1.1em; padding: 60px 20px 20px; text-align: center; box-sizing: border-box; vertical-align: top;}
.eclasinfo2{border-bottom: solid 1px #dddddd; padding: 50px 0; }
.eclascont1{background: url("/img/sub_page/sub03_06_img3.png") no-repeat center top; width: 100%; max-width: 740px; height: 746px; margin: 0 auto; padding-top: 290px; background-size: 100%; }
.eclascont2{background: url("/img/sub_page/sub03_06_eclas3.png") no-repeat center 186px; width: 100%; max-width: 810px;  margin: 0 auto; background-size: 100%;}
.eclascont2 > .sectiontitle2{position: absolute; top: 38%; left: 40%;}
.eclascont2 ul{width: 100%; margin: 0 auto;}
.eclascont2 ul li{width: 29%; display: inline-block; vertical-align: top;}
.eclascont2 ul.eclascont2_1 li{background:url("/img/sub_page/sub03_06_eclas1.png") no-repeat center top; padding: 26px 0 50px;}
.eclascont2 ul.eclascont2_2 li{background:url("/img/sub_page/sub03_06_eclas2.png") no-repeat center top; padding: 80px 0 0; margin: 27% auto 0;}
 
.eclascont2 ul li p{padding-top: 30px; letter-spacing: -1px;}
.eclasbook{text-align: left; width: 100%; max-width: 810px; margin: 30px auto 60px;}
.eclasbook dt{background: #0b2754; border-radius: 50px; padding: 6px 40px; display: inline-block; color: #fff; font-size: 1.2em; font-weight: 500; margin-bottom: 10px;}
.eclasbook ul li{display: inline-block; vertical-align: top; text-align: center; width: 19%;  height: 218px; }
.eclasbook ul li span{display: block; width: 100%; height: 200px; overflow: hidden; border: solid 1px #ddd; margin: 0 auto;}
.eclasbook ul li span img{width:100%; height: 100%;}
.eclasbook ul li p{margin: 10px 0 30px; }
/* 사진, 그래프 등*/
.contpic{width:100%; text-align: center;padding: 20px 0;}
/*지도*/
.map_how {width:100%; height:35px; line-height:35px; text-align:center; color:#ffffff; background:#0b2754; margin: 0;}
.Tmap {width:100%; margin: 0;}
.Tmap th {background:#f2f1f0; padding:7px 0; border-bottom:1px solid #cccccc; text-align: center; font-weight: bold;}
.Tmap td {padding:10px; border-bottom:1px solid #cccccc; text-align: left;}
.root_daum_roughmap{width: 100% !important; height: 350px;}
.C_green {color:#009D3E !important;}
/* 입학안내 */
.case{width: 100%; border: solid 1px #ebebeb; border-top:solid 2px #bb292f; background: url(/img/sub_page/sub01_03_csebg.png) no-repeat center top; color: #333; box-sizing: border-box; padding: 0 40px 40px; margin-bottom: 10px; height: 850px;}
.case .step{width: 100%;  background: url(/img/sub_page/sub01_03_csebg2.png) repeat-y 40px top; }
.case .step dt {font-size: 1.2em; font-weight: 600;}
.case .step dt img{margin-right: 26px;}
.case .step dd {margin: 6px 0 6px 33px;}
.case .step dt span, .case .step dd span{width: 60%; display: inline-block; vertical-align: middle; margin-left: 6px;}

@media (max-width:767px){
    .teacherlist .teacher_box .teacherpic_box .teacherpic{margin-right: auto;}
/*    .case{height: auto;}
    .eclasinfo ul{width: 100%; }
    .eclasinfo li{font-size: 0.9em; height: 150px;}
    .eclasinfo .slogan3{width: 90%;}
    .eclascont1{padding-top: 40%}
    .eclascont2 > .sectiontitle2{left: 38%;}
    .eclasbook ul li span{height: 180px;} */
}
@media (max-width:641px){
    .winner ul.winnerlist li div {font-size: 1.3em;}
    .onlineclass_linkbox ul li{height: auto; width:48%; display: inline-block; vertical-align: top;}
    .onlineclass_linkbox ul li dt, .onlineclass_linkbox ul li dd{float: none; width: 100%;}
    .onlineclass_linkbox ul li dt{padding: 40px 0 30px; font-size: 1.3em; background: none; text-align: center; height: 110px;}
    .onlineclass_linkbox ul li dd{height: 90px; padding: 10px 0 0 0;}
 
}
    /*설명회신청하기버튼*/
a.applybtn{background: #0b2754; padding: 6px 14px; text-align: center; color: #fff; display: inline-block; box-sizing: border-box; border: solid 1px #0b2754; border-radius: 0;}
a.applybtn:hover{ background: #143e82;}
.edu_apply{box-sizing: border-box; padding: 20px 30px;}
.popup_title{ text-align: center; font-size: 1.2em; line-height: 1.3; font-weight: 600; color: #27344e;}
/* //본문스타일 */    

	/* 프로그램안내 */
.curiculum_year{text-align: center;}
.curiculum_year img, .flowchart1 img{display: inline-block !important;}
.curiculum_year li{width: 24%; display: inline-block; vertical-align: top; background: #e3e0fb; border-radius: 30px; padding: 20px 10px; height: 300px;}
.curiculum_year li dl dt{padding-bottom: 16px;}
.curiculum_year li dl dd{text-align: left; text-indent: -6px; margin-left: 6px;}
.flowchart1{font-size: 15px; font-weight: 600; text-align: center; background: #e3e0fb; border-radius: 30px; padding: 10px;}
.flowchart1 strong{display: inline-block;}
.banner_event_box{padding-top:20px; text-align: center; width: 101%;}
.banner_event_box ul{background: url(/img/sub_page/sub02_02_banner5bg.jpg) no-repeat center top; background-size: cover; text-align: center; padding: 20px; width: 98%; margin: 10px auto;}
.banner_event_box img{display: inline-block !important; width: 48%; margin: 0.5% !important;}
@media (max-width:641px){	
	.curiculum_year li{width: 44%; margin-bottom: 4px;}
	.banner_event_box img{width: 98%; margin: 0.5% !important;}
	.sub_cont_title span{font-size:1.8em; }
	}
/* //프로그램안내 */


	/* 주문하기 - 결제페이지 */
    h3.title{margin-bottom: 10px;}
.cart table.order{width: 100%; box-sizing: border-box; table-layout: fixed;}
.cart table.order th {background: #f5f5f5;}
.cart table.order th, .cart table.order td { border:none; border-bottom: 1px solid #cccccc; text-align: center;  padding: 4px; vertical-align: middle;}
.cart table.order>thead>tr>th {border-bottom: 1px solid #ddd; border-top: 1px solid #7a7a7a;}
.cart table.order, .cart table.order tbody{border-top: 1px solid #7a7a7a;}
.cart table.order input{display: inline-block;}
.cart .order_area{width: 100%; box-sizing: border-box; border: 1px solid #dddddd; padding: 3%; margin-bottom: 10px; overflow: hidden; clear: both; text-align: center;}
.cart .order_area label{width: 30%;}
.btn_order{color:#FFF;background:#4D4398; border:solid 1px #4D4398;}
.btn_order:focus, .btn_order:hover{background:#4D4398; border:solid 1px #4D4398;}
.btn_paypal{background:#ffc439 url('/Global/Gbl_Images/MKYU/paypal_btn.png') no-repeat center center; width: 80px; background-size: 100%; vertical-align: bottom;}
.btn_paypal:focus, .btn_paypal:hover{background:#ffc439 url('/Global/Gbl_Images/MKYU/paypal_btn.png') no-repeat center center; background-size: 100%; }
.btn_cancel{color:#333;background:#ddd;}
.btn_disable{background: #ddd; cursor: default !important;}
.btn_paypal_disable{background: #ddd url('/Global/Gbl_Images/MKYU/btn_paypal_disable.png') no-repeat center center; width: 80px; background-size: 100%;    vertical-align: bottom;}
.btn_paypal_disable:focus, .btn_paypal_disable:hover{background: #ddd url('/Global/Gbl_Images/MKYU/btn_paypal_disable.png') no-repeat center center; cursor: default !important; background-size: 100%;}
@media only screen and (max-width:414px) {     
    .cart{font-size: 12px;}
    .cart table .form-control{font-size: 1em;}
    .cart .order_area input[type="radio"], .cart .order_area input[type="checkbox"]{ vertical-align: bottom;}
    }
/* //주문하기 - 결제페이지 */

/* 유튜브 보이기 */
.youtubebox{width: 100%; padding: 0 0 10% 0; }
.youtubebox .youtube_movie{position: relative; width: 100%; padding-bottom:56.25%; box-sizing: border-box; }
.youtubebox .youtube_movie iframe, .youtubebox .youtube_movie video{position: absolute; top: 0; left: 0 ; right: 0; bottom: 0; width: 100%; height: 100%;}
/* 강의안내 유투브*/
.classcont .youtubebox{width: 100%; padding: 0 0 1% 0 ; }
/* //유튜브 보이기 */
    
/* 카드뉴스 레이어팝업 이미지*/
/*검색*/
.course_control {width:100%; margin:15px 0; overflow:hidden;}
.course_control div {margin:0; padding:0;}
.course_control input {border:1px solid #cccccc; width: 50%; display: inline-block; vertical-align: top;}
.course_control .control_search {display:inline-block; padding: 7px 12px; border-radius:4px; text-align:center; margin:0 0 0 5px; background: #0060a0; color: #fff;}
.course_control .control_search:hover{background:#1085BF; color:#ffffff;}
.course_control .control_search.textinput{background:#ff7d00; color:#ffffff;}
.course_control .lineupbtnbox{float: right;}
.course_control .lineup_btn {display:inline-block;padding: 5px 8px;  border-radius:4px; text-align:center; margin:0 0 0 2px; background: #fff; border: solid 1px #ababab; color: #6f6f6f;}
.course_control .lineup_btn.on{border:1px solid #ff7d00; color:#ff7d00; background:#ffede4; }
/* 카드뉴스 리스트 */
.lec_open {width:100%; overflow:hidden; margin: 0 0 10px 0 !important;}
.lec_open .lec_open_img, .lec_open .lec_title{position:relative; }
.lec_open .lec_open_img {width: 100%; height: calc(47vw / 2.28);}
.lec_open .lec_open_img img{width: 100%; height: 100%;}
.lec_open .lec_open_img .icon4depth_s1 {position:absolute; bottom:0; right:0; height:22px; line-height:22px; border-radius:8px 8px 0 8px; padding:0 10px; display:inline-block; text-align:center; color:#ffffff; background:#304390; font-size: 0.85em}
.lec_open .title4depth {position:relative;}
.lec_open .title4depth .icon4depth_m1 {font-size:0.95em; font-weight:600; height:26px; line-height:26px; border-radius:8px 8px 0 8px; padding:0 10px; display:inline-block; text-align:center; color:#ffffff; background:#304390;}
.lec_open .title4depth_tit {font-size:1.1em; font-weight:600; padding:5px 0; letter-spacing:-1px; line-height:130%;}
.lec_open .title4depth_tit a{color:#1a1a1a; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.2; height: 2.3em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.lec_open .title4depth_tit a:hover, .lec_open .title4depth_tit a:hover, .lec_open .title4depth_tit a:active, .lec_open .title4depth_tit a:focus {color:#888;}
.lec_open .title4depth_info {padding:0; font-size: 0.9em;}
.title4depth_info .date::after{content: ''; width: 1px; height: 8px; border-right: solid 1px #ccc; margin:0px 6px 0 10px; display: inline-block; vertical-align: middle;}
.title4depth_info .date:nth-last-of-type(1)::after {display: none;}
.lec_open .title4depth_info .review{display: block;}
.lec_open_btn {display: inline-block; width:100%; background:#fff; border:solid 1px #aaa; border-radius:5px; height:auto; text-align:center; color:#676767; margin:5px 0; padding: 8px 0; font-weight: 700;}
.lec_open_btn span {background:url(/img/course/arrow_down.png) no-repeat center center; display:inline-block; width:25px !important; height:25px !important; margin:-5px 0 0 5px; vertical-align:middle;}
.lec_open_btn:hover{color: #000;}
.lec_infobox .listinfo_info {margin:0;}
.lec_open .lec_open_img .icon4depth_s2 {position:absolute; bottom:0; right:0; height:18px; border-radius:8px 8px 0 8px; padding:2px 6px; display:inline-block; text-align:center; color:#ffffff; background:#1f78d4; font-size: 9px;}
.lec_open .lec_open_img .icon4depth_s3 {position:absolute; bottom:0; right:0; height:18px; border-radius:8px 8px 0 8px; padding:2px 6px; display:inline-block; text-align:center; color:#ffffff; background:rgba(0,0,0,0.7); letter-spacing:0; font-size: 9px;}
.lec_open .lec_open_img .icon4depth_s3_ok {position:absolute; bottom:0; right:0; height:18px; border-radius:8px 0 8px 8px; padding:2px 6px; display:inline-block; text-align:center; color:#ffffff; background:rgba(0,0,0,0.7); letter-spacing:0; font-size: 9px;}
.badge_watch, .badge_watching {font-size:9px !important; padding: 2px 6px !important;}
.bggray {background:#f0f0f0 !important;}
.lec_open .lecview{margin-bottom: 10px;}
.lecview > div{padding: 10px;}
.layerpop .layerpop_btn{margin: 0 !important;}
.layerpop #bx-page{margin: 0px 10px 0 0 !important;}
.layerpop_close2 a{ color: #fff; }
.layerpop_con .detailCon-next, .layerpop_con .detailCon-prev{ cursor: pointer;}
@media (max-width: 567px) {
    .course_control input {width: 44%;}
}
/* //카드뉴스 레이어팝업 이미지*/