@charset "utf-8";


@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

* {
    margin: 0;
    padding: 0;
}

body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, textarea, button, select, pre, legend {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none
}

body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, textarea, button, select, pre, table {
    font-size: 13px;
    line-height: 1.35em;
    font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', gulim, '굴림', dotum, '돋움', AppleGothic, sans-serif;
    font-weight: 300;
    letter-spacing: -1px;
}

body {
    position: relative;
    background-color: #fff;
    color: #666; /*word-wrap:break-word;*/
    word-break: break-all;
}

img, fieldset {
    border: 0
}

ul, ol {
    list-style: none;
}

a {
    color: #555;
    text-decoration: none;
    cursor: pointer
}

em, address {
    font-style: normal
}

hr {
    display: none !important
}

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

body, div, textarea, iframe {
    scrollbar-3dlight-color: #ffffff;
    scrollbar-arrow-color: #919191;
    scrollbar-track-color: #f4f4f4;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-face-color: #d8d8d8;
    scrollbar-highlight-color: #cdcdcd;
    scrollbar-shadow-color: #d8d8d8;
}

/*----------여백_위치----------*/
.pos_relat {
    position: relative;
}

.pr10 {
    padding-right: 10px
}

.prl_10 {
    padding: 0 10px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.abs_r30 {
    position: absolute;
    right: 50px;
    top: 20px
}

.fr_w230 {
    float: right;
    position: relative;
    width: 230px;
    font-size: 14px;
    display: inline-block;
    border: 0;
    height: 28px;
    position: relative;
    padding-top: 4px;
}

.fr_w420 {
    float: right;
    position: relative;
    width: 420px;
    font-size: 14px;
    display: inline-block;
    border: 0;
    height: 28px;
    position: relative;
    padding-top: 4px;
}

/*----------select 스타일----------*/
select {
    height: 36px;
    width: 200px;
    color: #888;
    font-size: 15px;
    border: solid 1px #ced2d8;
    appearance: none;
    -webkit-appearance: none;
    background: #fff url(/images/select_arr.png) 97% 50% no-repeat;
    padding: 0 8px;
}

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

select.sel_w1 {
    width: 85px;
}

select.sel_w2 {
    width: 150px;
}

select.st2 {
    height: 39px;
    width: 100px;
    color: #9096a8;
    font-size: 15px;
    border: solid 1px #6d7282;
    appearance: none;
    -webkit-appearance: none;
    background: #495063 url(/images/select_arr2.png) 90% 50% no-repeat;
    padding: 0 8px;
}

select.st3 {
    height: 38px;
    width: 250px;
    color: #9096a8;
    font-size: 15px;
    border: solid 1px #99b2c2;
    appearance: none;
    -webkit-appearance: none;
    background: #fff url(/images/select_arr2.png) 96% 50% no-repeat;
    padding: 0 8px;
}

/*----------input & textarea 스타일----------*/
input {
    height: 36px;
    width: 200px;
    font-size: 15px;
    border: solid 1px #ced2d8;
    padding-left: 10px;
}

input.st2 {
    height: 36px;
    width: 100%;
    border: 1px solid #a4b3c5;
    margin-top: 10px;
    padding-left: 10px;
}

input.st3 {
    height: 36px;
    width: 120px;
    border: 1px solid #a4b3c5;
    font-size: 15px;
    color: #60748e;
    letter-spacing: 0;
    text-align: center;
}

input.st3_w740 {
    height: 36px;
    width: 740px;
    border: 1px solid #a4b3c5;
    font-size: 15px;
    padding-left: 10px;
    color: #60748e;
    letter-spacing: 0;
    text-align: left;
}

input.st4 {
    width: 220px;
    height: 36px;
    font-size: 15px;
    border: solid 1px #ced2d8;
    padding-left: 10px;
    color: #888;
}

input.st4_w1 {
    width: 85px;
    height: 36px;
    font-size: 15px;
    border: solid 1px #ced2d8;
    padding-left: 10px;
}

input.st4_w2 {
    width: 150px;
    height: 36px;
    font-size: 15px;
    border: solid 1px #ced2d8;
    padding-left: 10px;
    color: #888;
}

input.st5_h60 {
    width: 100%;
    height: 60px;
    font-size: 18px;
    border: solid 1px #ced2d8;
    padding-left: 10px;
    color: #999;
    margin: 5px 0;
}

textarea.st2 {
    border: 1px solid #ced2d8;
    margin-bottom: 10px;
    width: 100%;
    font-size: 14px;
    color: #666;
    padding: 10px;
    line-height: 24px;
}

textarea.st3 {
    border: 1px solid #fff;
    margin-bottom: 10px;
    width: 100%;
    font-size: 14px;
    color: #666;
    padding: 10px;
    line-height: 24px;
}

textarea.st4 {
    border: 1px solid #fff;
    width: 100%;
    font-size: 14px;
    color: #888;
    padding: 10px;
    line-height: 24px;
}

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"] + label {
    width: 25px;
    height: 25px;
    background: #fff url(/images/ch_off.png) no-repeat center;
    border: 1px solid #d5d5d5;
    cursor: pointer;
    float: left;
}

input[type="checkbox"]:checked + label {
    background: url(/images/ch_on.png) #73d1f7 no-repeat center;
    border: 1px solid #5ebbe1;
    float: left;
}

input[type="checkbox"] + label span {
    position: absolute;
    left: 35px;
    display: block;
}

input[type="radio"] {
    display: none;
}

input[type="radio"] + label {
    width: 25px;
    height: 25px;
    background: #fff;
    border: 1px solid #d5d5d5;
    cursor: pointer;
    border-radius: 50%;
    float: left;
}

input[type="radio"]:checked + label {
    background: url(/images/radio_on.png) #fff no-repeat center/15px 15px;
    border: 1px solid #d5d5d5;
    float: left;
    color: #048ecb
}

input[type="radio"] + label span {
    position: absolute;
    left: 35px;
    display: block;
}

/*----------layer----------*/
#container {
    position: relative;
    clear: both;
    width: 100%;
    text-align: center;
}

#container:after {
    content: "";
    display: block;
    clear: both;
}

#content_w100_wrap {
    position: relative;
    width: 100%;
}

#container .content_wrap {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 40px 0 90px;
}

#container .content_wrap:after {
    content: "";
    display: block;
    clear: both;
}

.sec-wrap {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.Rcontent_wrap {
    position: relative;
    float: right;
    width: 930px;
}

.sec_cont_p20 {
    clear: both;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    padding: 0 20px;
}

.sec_cont {
    clear: both;
    position: relative;
    width: 100%;
    margin-bottom: 50px;
}

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

.sec_cont2 p {
    display: block;
    margin-bottom: 50px;
}

.join_box {
    position: relative;
    width: 828px;
    border: 1px solid #d5d5d5;
    padding: 30px 50px 30px;
    margin-bottom: 20px;
    background: #fff;
}

.join_box:after {
    content: "";
    display: block;
    clear: both;
}

.join_box2 {
    display: block;
    width: 100%;
    margin-top: 30px;
}

.join_box2 dt {
    float: left;
    width: 20%;
    height: 60px;
    text-align: left;
}

.join_box2 dd.fr_w80 {
    float: right;
    width: 80%;
    height: 60px;
    text-align: right;
}

.join_box2 dt.certi_tit {
    float: left;
    height: 34px;
    width: 90px;
    font-size: 15px;
    color: #4c5774;
    line-height: 30px;
    border: 1px solid #bac4d1;
    background: #f0f2f5;
    text-align: center;
}

.join_box2 dd.certi_w1 {
    float: left;
    height: 34px;
    width: 200px;
    line-height: 30px;
    text-align: left;
    padding-left: 20px;
    font-size: 15px;
    letter-spacing: 0;
}

.join_box2 dd.certi_w2 {
    float: left;
    height: 34px;
    width: 350px;
    text-align: left;
    padding-left: 10px;
}

.join_box2 dl:after {
    content: "";
    display: block;
    clear: both;
}

.leave_check {
    display: block;
    position: relative;
    border-top: 1px solid #ced6dd;
    margin: 20px 0;
    padding-top: 30px;
}

.leave_check dt {
    display: block;
    height: 40px
}

.leave_check dd.ch_txt {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 15px;
    line-height: 30px;
    padding-left: 20px;
    float: left;
}

/*----------Title----------*/
h2.mtit1 {
    color: #333;
    font-size: 44px;
    font-weight: bold;
    padding-bottom: 50px;
    letter-spacing: -0.06em;
}

h2.mtit1 span {
    display: inline-block;
    height: 61px;
    border-bottom: solid 1px #5c5c5c;
    border-top: solid 1px #5c5c5c;
}

h2.mtit2 p {
    position: relative;
    color: #73d1f7;
    font-size: 40px;
    width: 380px;
    height: 125px;
    font-weight: bold;
    letter-spacing: -0.05em;
    border-bottom: solid 1px #666d80;
    border-top: solid 1px #666d80;
    margin: 0 auto 50px;
}

h2.mtit2 p span.smtxt {
    color: #fff;
    display: block;
    font-size: 26px;
    font-weight: lighter;
    margin: 0;
    padding: 0;
}

h2.mtit2 p img {
    margin: 0;
    vertical-align: middle;
}

h2.mtit3 {
    color: #333;
    font-size: 40px;
    font-weight: lighter;
    padding-bottom: 50px;
    letter-spacing: -0.05em;
}

h3.stit1 {
    color: #333;
    font-size: 24px;
    font-weight: lighter;
    letter-spacing: -0.05em;
}

h3.stit1 p {
    color: #333;
    font-size: 24px;
    font-weight: lighter;
    letter-spacing: -0.05em;
}

h3.stit1 span {
    display: inline-block;
    padding-bottom: 3px;
}

h3.stit2 {
    color: #fff;
    font-size: 50px;
    font-weight: lighter;
    letter-spacing: -0.1em;
}

h3.stit2 b {
    font-weight: bold;
}

h3.list_tit {
    position: relative;
    float: left;
    width: 100%;
    height: 65px;
    text-align: left;
    font-size: 24px;
    font-weight: normal;
    line-height: 65px;
    border-bottom: 2px solid #666;
    margin-bottom: 30px;
    color: #333;
    letter-spacing: -0.05em;
}

h3.list_tit:after {
    content: "";
    display: block;
    clear: both;
}

h3.list_tit span {
    float: right;
    font-size: 15px;
    margin-top: 13px;
}

h3.list_tit2 {
    width: 100%;
    height: 65px;
    text-align: left;
    font-size: 24px;
    font-weight: normal;
    line-height: 65px;
    letter-spacing: -0.05em;
}

h3.list_tit3 {
    width: 410px;
    height: 65px;
    text-align: left;
    font-size: 24px;
    font-weight: normal;
    line-height: 65px;
    border-bottom: 2px solid #666;
    margin-bottom: 16px;
    letter-spacing: -0.05em;
}

.ptit {
    font-size: 50px;
    text-align: center;
    padding-top: 45px;
    font-weight: 500;
    letter-spacing: -0.05em;
}

/*서브 상단 타이틀*/
.fo_18_h50 {
    display: block;
    font-size: 18px;
    color: #333;
    text-align: left;
    height: 50px;
    line-height: 50px;
}

.fo_18 {
    display: block;
    font-size: 18px;
    color: #333;
    text-align: left;
}

/*----------Text----------*/
.txt24 {
    font-size: 24px;
    color: #333;
}

.txt16_gl {
    font-size: 16px;
    color: #888;
}

.txt16_r a {
    font-size: 16px;
    color: #f15a61;
    text-decoration: underline;
    letter-spacing: 0;
}

.fc_blue {
    color: #0399db;
}

.fo_60 {
    font-size: 60px;
    font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', gulim, '굴림', dotum, '돋움', AppleGothic, sans-serif;
    color: #555;
    text-align: center;
    padding-top: 45px;
    font-weight: normal;
    letter-spacing: 0;
}

.fo_20 {
    font-size: 20px;
    color: #999;
}

/*----------tap menu----------*/
.tap_t7_st1 {
    width: 1200px;
    height: 45px;
    border-bottom: 2px solid #66c2e8;
    margin-bottom: 100px;
}

.tap_t7_st1 li {
    float: left;
    display: inline-block;
    height:45px;
    width:130px;
    line-height: 45px;
    font-size: 15px;
}

.tap_t7_st1 li a {
    display: block;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.tap_t7_st1 li a:hover {
    color: #0399db;
}

.tap_t7_st1 li:last-child {
    width: 159px;
    border-right: 1px solid #ddd;
}

.tap_t7_st1 li.on {
    background: #66c2e8;
    color: #fff;
}

.tap_t4_st1 {
    width: 930px;
    height: 45px;
    border-bottom: 2px solid #66c2e8;
    margin-bottom: 20px;
}

.tap_t4_st1 li {
    float: left;
    display: inline-block;
    height: 45px;
    width: 464px;
    line-height: 45px;
    font-size: 17px;
}

.tap_t4_st1 li a {
    display: block;
    background: #66c2e8;
    color: #fff;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;

}

.tap_t4_st1 li a:hover {
    color: #0399db;
}

.tap_t4_st1 li:last-child {
    width: 465px;
    border-right: 1px solid #ddd;
}

.tap_t4_st1 li.on a {
    background: #fff;
    color: #555;
}

.tap_t4a_st1 {
    clear: both;
    width: 1200px;
    height: 45px;
    border-bottom: 2px solid #66c2e8;
    margin-bottom: 20px;
}

.tap_t4a_st1 li {
    float: left;
    display: inline-block;
    height: 45px;
    width: 300px;
    line-height: 45px;
    font-size: 15px;
}

.tap_t4a_st1 li a {
    display: block;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.tap_t4a_st1 li a:hover {
    color: #0399db;
}

.tap_t4a_st1 li:last-child {
    width: 299px;
    border-right: 1px solid #ddd;
}

.tap_t4a_st1 li.on {
    background: #66c2e8;
    color: #fff;
}

.tap_t3_st1 {
    width: 930px;
    height: 45px;
    border-bottom: 2px solid #66c2e8;
    margin-bottom: 50px;
}

.tap_t3_st1 li {
    float: left;
    display: inline-block;
    height: 45px;
    width: 310px;
    line-height: 45px;
    font-size: 15px;
}

.tap_t3_st1 li a {
    display: block;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.tap_t3_st1 li a:hover {
    color: #0399db;
}

.tap_t3_st1 li:last-child {
    width: 309px;
    border-right: 1px solid #ddd;
}

.tap_t3_st1 li.on {
    background: #66c2e8;
    color: #fff;
}


.tap_t3a_st1 {
	
    width: 100%;
    height: 55px;
    border-bottom: 2px solid #66c2e8;
    margin-bottom: 10px;
}

.tap_t3a_st1 li {
    float: left;
    display: inline-block;
    height: 55px;
    width: 310px;
    line-height: 55px;
    font-size: 17px;
}

.tap_t3a_st1 li a {
    display: block;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.tap_t3a_st1 li.on a {
    color:#ffffff
}
.tap_t3a_st1 li.on a:hover {
    color: #ffffff;
}
.tap_t3a_st1 li a:hover {
    color: #0399db;
}

.tap_t3a_st1 li:last-child {
    width: 309px;
    border-right: 1px solid #ddd;
}

.tap_t3a_st1 li.on {
    background: #66c2e8;
    color: #fff;
}

.tap_t7_st2 {
    width: 100%;
    height: 45px;
    margin-bottom: 30px;
}

.tap_t7_st2 li {
    float: left;
    display: inline-block;
    height: 45px;
    width: 154px;
    line-height: 43px;
    font-size: 15px;
}

.tap_t7_st2 li a {
    display: block;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background: #fafafa;
}

.tap_t7_st2 li a:hover {
    color: #0399db;
}

.tap_t7_st2 li:last-child {
    width: 159px;
    border-right: 1px solid #ddd;
}

.tap_t7_st2 li.on {
    background: #66c2e8;
    color: #fff;
    border: 0;
}

.tap_t7_st2 li a.on {
    background: #66c2e8;
    color: #fff;
    border: 0;
}

/*----------submenu----------*/
.submenu {
    width: 250px;
    margin-right: 20px;
    float: left;
}

.submenu p.subtit {
    width: 250px;
    height: 70px;
    font-size: 24px;
    line-height: 70px;
    background: #41485a;
    color: #73d1f7;
	font-weight:500
}

.subtxt_area {
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    padding: 20px 20px 25px;
}

.subtxt_area li {
    text-align: left;
    font-size: 15px;
    line-height: 38px;
    padding-left: 14px;
    border-bottom: 1px solid #e9e9e9;
    background: url(/images/icon_subdot.png) left 50% no-repeat;
}

.subtxt_area li:last-child {
    border-bottom: none;
}

.subtxt_area li a {
    display: block;
    width: 100%;
    height: 38px;
    color: #575757;
}

.subtxt_area li a:hover {
    color: #0399db;
}

.subtxt_area > li.on {
    color: #0399db;
    background: url(/images/icon_subdot_on.png) left 50% no-repeat;
}

/*----------sub_상단 타이틀 영역----------*/
.list_wrap1 {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
    clear: both;
}

.pagetit_wrap1 {
    position: relative;
}

.pagetit_wrap1 ul.page_navi {
    position: absolute;
    right: 20px;
    top: 215px;
    text-align: right;
}

.pagetit_wrap1 .pagetit {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.pagetit_wrap1 ul.page_navi li {
    display: inline-block;
    color: #999;
    font-size: 14px;
}

.pagetit_wrap1 ul.page_navi li span {
    margin: 0 4px;
    color: #b6b6b6;
    font-size: 12px
}

.pagetit_wrap1 ul.page_navi li a {
    display: inline-block;
    color: #ccc;
    letter-spacing: -0.05em;
    font-size: 14px
}

.pagetit_wrap1 ul.page_navi li a.on {
    color: #73d1f7;
}

.pagetit_wrap {
    position: relative;
    width: 100%;
    height: 170px;
    background: #f0f1f4;
}

.pagetit_wrap .pagetit {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.pagetit_wrap ul.page_navi {
    position: absolute;
    right: 0;
    top: 140px;
    text-align: right;
}

.pagetit_wrap ul.page_navi li {
    display: inline-block;
    color: #999;
    font-size: 14px;
}

.pagetit_wrap ul.page_navi li span {
    margin: 0 4px;
    color: #b6b6b6;
    font-size: 12px
}

.pagetit_wrap ul.page_navi li a {
    display: inline-block;
    color: #999;
    letter-spacing: -0.05em;
    font-size: 14px
}

.pagetit_wrap ul.page_navi li a.on {
    color: #0399db;
}

.pagetit1 {
    position: relative;
    width: 930px;
    margin: 0 auto;
}

ul.page_navi1 {
    position: relative;
    right: 0;
    top: 0;
    text-align: right;
    margin-bottom: 10px;
}

ul.page_navi1 li {
    display: inline-block;
    color: #999;
    font-size: 14px;
}

ul.page_navi1 li span {
    margin: 0 4px;
    color: #b6b6b6;
    font-size: 12px
}

ul.page_navi1 li a {
    display: inline-block;
    color: #999;
    letter-spacing: -0.05em;
    font-size: 14px
}

ul.page_navi1 li a.on {
    color: #0399db;
}

/*----------버튼스타일----------*/
.bt_move {
    position: absolute;
    display: inline-block;
    right: 20px;
    top: 22px;
    height: 30px;
    width: 68px;
    line-height: 30px;
    color: #666;
    border: 1px solid #d5d5d5;
    background: #f8f8f8;
    font-size: 15px;
    text-align: center;
}

.bt_save {
    position: absolute;
    display: inline-block;
    right: 20px;
    top: 22px;
    height: 30px;
    width: 68px;
    line-height: 30px;
    color: #0399db;
    border: 1px solid #0399db;
    background: #fff;
    font-size: 15px;
    text-align: center;
}

.bt_add {
    display: block;
    margin: 20px auto 0;
    height: 38px;
    width: 138px;
    line-height: 38px;
    color: #fff;
    border: 1px solid #0399db;
    background: #0399db;
    font-size: 16px;
    text-align: center;
}

.bt_search2 {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 100px;
    height: 38px;
    font-size: 15px;
    line-height: 36px;
    background: #0399db url(/images/icon_search2.png) 16px 50% no-repeat;
    padding-left: 20px;
    color: #fff;
    text-align: center;
    margin-left: 10px;
    border: 0;
}

.bt_yes24 {
    display: block;
    width: 198px;
    height: 42px;
    border: 1px solid #96a9b3;
    text-indent: -9999px;
    background: #fff url(/images/logo_yes24.png) center 50% no-repeat;
}

.bt_kyobo {
    display: block;
    width: 200px;
    height: 44px;
    text-indent: -9999px;
    background: #353f67 url(/images/logo_kyobo.png) center 50% no-repeat;
}

.bt_bandi {
    display: block;
    width: 200px;
    height: 44px;
    text-indent: -9999px;
    background: #b79c7e url(/images/logo_bandi.png) center 50% no-repeat;
}

.bt_listen2 {
    display: inline-block;
    width: 42px;
    height: 24px;
    background: #fff url(/images/study/icon_speaker2.png) center 50% no-repeat;
    text-indent: -9999px;
    border: 1px solid #cfcfcf;
}

.bt_chunk {
    display: inline-block;
    width: 100px;
	font-size:14px;font-weight:500;cursor:pointer;
    height: 24px;
	vertical-align:middle;line-height:24px;margin-top:1px;text-align:center;
	margin-left:10px;background-color:#23b4ff;
	color:#FFFFFF;
    /*background: #fff url(/images/study/icon_speaker2.png) center 50% no-repeat;
    text-indent: -9999px;*/
    border: 1px solid #008dd9;
}

.bt_chunk img{
	width:22px;vertical-align:middle;margin-top:-2px;margin-right:2px;margin-left:-5px
}

.btn_back_dic {
    display: inline-block;
    width: 100px;
	font-size:14px;font-weight:500;cursor:pointer;
    height: 24px;
	vertical-align:middle;line-height:24px;margin-top:1px;text-align:center;
	margin-left:10px;background-color:#ffffff;
	color:#444444;
    /*background: #fff url(/images/study/icon_speaker2.png) center 50% no-repeat;
    text-indent: -9999px;*/
    border: 1px solid #888888;
}

.btn_back_dic img{
	width:16px;vertical-align:middle;margin-top:-2px;margin-right:4px;margin-left:-5px
}



.chunk_input{border:1px solid #23b4ff;display:none}
.chunk_input h2{background-color:#23b4ff;color:#ffffff;text-align:center;font-size:18px;line-height:38px;font-weight:500;height:42px}

.chunk_input span.close{float:right;cursor:pointer;padding:4px 10px 0px 10px}
.chunk_input span img{width:20px}
.chunk_input ul{padding:10px 20px}
.chunk_input ul li.c_eng_title{padding:5px 5px 10px 5px;font-size:15px}
.chunk_input ul li #chunk_title{width:60%;height:35px;font-size:16px}
.chunk_input ul li .bt_chunk_save {
    display: inline-block;
    width: 70px;
	font-size:14px;font-weight:500;cursor:pointer;
    height: 24px;
	vertical-align:middle;line-height:32px;margin-top:-6px;text-align:center;
	margin-left:10px;background-color:#23b4ff;
	color:#FFFFFF;
	height:35px;font-size:16px;
    border: 1px solid #008dd9;
}



.bt_repeat2 {
    display: inline-block;
    width: 42px;
    height: 24px;
    background: #fff url(/images/study/icon_repeat2.png) center 50% no-repeat;
    text-indent: -9999px;
    border-bottom: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    border-top: 1px solid #cfcfcf;
}

.bt_listen3 {
    display: inline-block;
    width: 30px;
    height: 20px;
    background: #fff url(/images/study/icon_speaker3.png) center 50% no-repeat;
    text-indent: -9999px;
    border: 1px solid #cfcfcf;
    margin-left: 30px;
}

.bt_repeat3 {
    display: inline-block;
    width: 30px;
    height: 20px;
    background: #fff url(/images/study/icon_repeat3.png) center 50% no-repeat;
    text-indent: -9999px;
    border-bottom: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    border-top: 1px solid #cfcfcf;
}

.bt_extend {
    float: right;
    display: block;
    width: 100px;
    height: 38px;
    background: #0399db url(/images/icon_book.png) 18px 50% no-repeat;
    line-height: 38px;
    color: #fff;
    font-size: 16px;
    padding-left: 30px;
}

.bt_gline {
    display: inline-block;
    font-size: 13px;
    color: #aaa;
    border: 1px solid #ddd;
    width: 68px;
    padding: 3px 0;
}

.bt_bline a {
    display: inline-block;
    font-size: 13px;
    color: #0399db;
    border: 1px solid #b0d2e5;
    width: 68px;
    padding: 3px 0;
}

.bt_rec a:hover {
    text-decoration: none;
}

.bt_h34_gray {
    display: inline-block;
    height: 34px;
    padding: 0 10px;
    font-size: 14px;
    background: #a3adba;
    color: #fff;
    margin-left: 14px;
    letter-spacing: -0.05em;
    line-height: 34px;
}

.bt_file {
    display: inline-block;
    width: 80px;
    height: 34px;
    font-size: 14px;
    background: #a3adba url(/images/icon_search2.png) 12px 50% no-repeat;
    color: #fff;
    margin-left: 14px;
    line-height: 34px;
    padding-left: 20px;
    text-align: center;
}

.bt_h30_blue {
    height: 30px;
    background: #0399db;
    line-height: 30px;
    color: #fff;
    border: 0;
    font-size: 15px;
}

.bt_h40_blue {
    display: inline-block;
    width: 130px;
    height: 40px;
    background: #0399db;
    line-height: 40px;
    font-size: 17px;
    color: #fff;
}

.bt_h40_blue_w {
    display: inline-block;
    width: 130px;
    height: 40px;
    background: #fff;
    line-height: 40px;
    font-size: 17px;
    color: #0399db;
    border: 1px solid #0399db;
}

.bt_h40_white {
    display: inline-block;
    width: 130px;
    height: 40px;
    background: #fff;
    border: 1px solid #bac4d1;
    line-height: 40px;
    font-size: 17px;
    color: #636d88;
}

.bt_h40_red {
    display: inline-block;
    width: 130px;
    height: 40px;
    background: #fff;
    border: 1px solid red;
    line-height: 40px;
    font-size: 17px;
    color: red;
}

.bt_h52_blue {
    display: inline-block;
    width: 178px;
    height: 52px;
    background: #0399db;
    line-height: 52px;
    font-size: 20px;
    color: #fff;
}

.bt_h52_white {
    display: inline-block;
    width: 178px;
    height: 52px;
    background: #fff;
    border: 1px solid #bac4d1;
    line-height: 52px;
    font-size: 20px;
    color: #636d88;
}

.bt_h52_white2 {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 128px;
    height: 52px;
    background: #fff;
    border: 1px solid #cdcdcd;
    line-height: 52px;
    font-size: 20px;
    color: #999;
}

.bt_iphone {
    display: inline-block;
    width: 135px;
    height: 53px;
    background: #393e54 url(/images/bt_iphone.png) 30px 50% no-repeat;
    color: #00ccc1;
    border-radius: 53px;
    font-size: 20px;
    line-height: 53px;
    padding-left: 30px;
    margin-right: 20px;
}

.bt_andro {
    display: inline-block;
    width: 125px;
    height: 53px;
    background: #393e54 url(/images/bt_andro.png) 25px 50% no-repeat;
    color: #00ccc1;
    border-radius: 53px;
    font-size: 20px;
    line-height: 53px;
    padding-left: 40px;
}

.bt_h30r_r {
    display: inline-block;
    width: 130px;
    height: 30px;
    background: #f15a61;
    color: #fff;
    border-radius: 30px;
    font-size: 16px;
    line-height: 30px;
    margin-right: 20px;
}

.bt_login {
    display: block;
    width: 540px;
    height: 60px;
    color: #fff;
    font-size: 22px;
    background: #73d1f7;
    line-height: 58px;
}

.bt_join {
    display: block;
    width: 538px;
    height: 58px;
    color: #0399db;
    font-size: 22px;
    background: #fff;
    line-height: 58px;
    border: 1px solid #0399db;
}

/*버튼그룹*/
.btnLap_r {
    float: right;
}

.btnLap_p40 {
    padding-left: 40px;
}

.btnLap {
    position: relative;
}

.bt_group {
    position: relative;
    width: 100%;
    text-align: center;
}

.bt_group a {
    margin: 0 5px;
}

/*----------page이동버튼----------*/
.paging_area {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 20px;
    text-align: center;
    overflow: hidden
}

.paging_area img {
    vertical-align: top;
}

.paging_area span {
    display: inline-block;
    padding: 0 7px;
    height: 25px;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 2px;
}

.paging_area span.on {
    height: 23px;
    font-size: 15px;
    font-weight: bold;
    color: #0399db;
    line-height: 18px;
}

.paging_area a:hover {
    text-decoration: none;
}

.paging_area .prev, .paging_area .next {
    display: inline-block;
    margin: 0 2px;
    padding: 0
}

.paging_area .prev a, .paging_area .next a {
    margin: 0;
    padding: 0
}

.paging_area .prev {
    margin-right: 20px
}

.paging_area .next {
    margin-left: 20px
}

/*----------리스트 스타일----------*/
.list_titLap {
    position: relative;
}

.list_titLap p select {
    position: absolute;
    right: 0;
    top: 20px;
}

/*list 스타일1*/
.list_wrap {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0;
    clear: both;
}

.list_wrap .list_secLap {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

.list_wrap .list_secLap .booklist {
    margin-bottom: 30px;
    float: left;
    /*padding-bottom: 20px;*/
    /*margin-bottom: 20px;*/
    border-bottom: 1px solid #efefef;
    width: 100%;
}

.list_wrap .list_secLap .booklist li {
    position: relative;
    float: left;
    text-align: left;
    width: 580px;
    padding-right: 20px;
}

.list_wrap .list_secLap .booklist li .thumbox {
    float: left;
    width: 192px;
    height: 232px;
    border: 1px solid #d4d4d4;
    margin-right: 25px;
    text-align: center;
    vertical-align: middle;
}

.list_wrap .list_secLap .booklist li .thumbox img {
    width: 192px;
	 height: 232px;
    /*height: 200px;*/
}

.list_wrap .list_secLap .booklist li dl {
    float: left;
    width: 359px;
    height: 232px;
    letter-spacing: -0.05em;
}

.list_wrap .list_secLap .booklist li dt {
    display: block;
    font-size: 22px;
    height: 36px;
    padding-top: 5px;
    font-weight: bold;
}

.list_wrap .list_secLap .booklist li dd.event {
    display: block;
    color: #0399db;
    margin-bottom: 12px;
    font-size: 15px;
}

.list_wrap .list_secLap .booklist li dd.event1 {
    display: block;
    color: #ff6600;
    margin-bottom: 12px;
    font-size: 15px;
}

.list_wrap .list_secLap .booklist li dd.explan {
    display: block;
    line-height: 22px;
    font-size: 15px;
    color: #666;
	min-height:70px;
}

.list_wrap .list_secLap .booklist li p {
    margin-top: 15px;
    font-size: 14px;
}

.list_wrap .list_secLap .booklist li a.btn {
    display: block;
    width: 105px;
    height: 28px;
    color: #666;
    font-size: 14px;
    line-height: 28px;
    border: 1px solid #d4d4d4;
    text-align: center;
    margin-top: 13px;
}

.list_wrap .list_secLap .booklist li a:hover {
    color: #0399db;
}

/*list 스타일2*/
.list_wrap2 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    clear: both;
}

.list_wrap2 .list_secLap_b4 {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
    float: left;
}

.list_wrap2 .list_secLap_b4 li {
    float: left;
    width: 243px;
    border: 1px solid #d5d5d5;
    margin-right: 20px;
    padding: 30px 20px 20px;
}

.list_wrap2 .list_secLap_b4 li:last-child {
    margin-right: 0;
}

.list_wrap2 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    clear: both;
}

.list_wrap2 .list_secLap_b3 {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
    float: left;
}

.list_wrap2 .list_secLap_b3 li {
    float: left;
    width: 254px;
    border: 1px solid #d5d5d5;
    margin-right: 20px;
    padding: 30px 20px 20px;
}

.list_wrap2 .list_secLap_b3 li:last-child {
    width: 256px;
    margin-right: 0;
}

.list_wrap2 p.thumbox {
    height: 225px;
    text-align: center;
}

.list_wrap2 p.thumbox img {
    width: 180px;
    margin-top: -13px;
	border:1px solid #dbdbdb
    /*height: 200px;*/
}

.list_wrap2 .Bname2 {
    display: block;
    font-size: 16px;
    color: #555;
    text-align: center;
    border-bottom: 1px dotted #c2c2c2;
    padding-bottom: 15px;
    margin-bottom: 15px;
    line-height: 24px;
	margin-top:20px;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
	width:255px
}

.list_wrap2 .Bname2 .term {
    display: block;
    margin-top: 5px;
    font-size: 15px;
    text-align: left;
    color: #666;
    letter-spacing: 0;
}

.list_wrap2 .Bname3 {
    display: block;
    font-size: 16px;
    color: #555;
    text-align: left;
    padding-bottom: 15px;
    line-height: 24px;
}

/*list 스타일3*/
.booklistLap {
    position: relative;
    clear: both;
    width: 1200px;
}

.booklistLap .listLap {
    width: 1200px;
    margin-bottom: 20px;
    text-align: left;
    margin-left: 25px;
}

.booklistLap .listLap li {
    position: relative;
    /*display: inline-block;*/
    display: inline-table;
    width: 150px;
    margin: 0 20px;
}

.booklistLap .listLap li a {
    display: block;
}

.booklistLap .listLap li p.imgbox {
    width: 150px;
    height: 189px;
    margin-bottom: 20px;
    text-align: center;
    vertical-align: middle;
}

.booklistLap .listLap li p.imgbox img {
    width: 150px;
    height: 189px;
}

.booklistLap .listLap li span.list_txt1 {
    display: inline-block;
    font-size: 15px;
    color: #333;
    line-height: 20px;
    margin-bottom: 20px
}

.booklistLap .listLap li span.list_txt1 a:hover {
    text-decoration: underline;
}

.booklistLap .listLap li .icon_free1 {
    position: absolute;
    width: 70px;
    height: 70px;
    z-index: 1;
    right: -35px;
    top: -30px;
}

.booklist li .icon_free1 {
    position: absolute;
    width: 70px;
    height: 70px;
    z-index: 1;
    left: 125px;
    top: -10px;
}
.list_wrap2 li .icon_free1 {
    position: absolute;
    width: 70px;
    height: 70px;
    z-index: 1;
    margin-left: 205px;
    top: 0px;
}

.det_thum .icon_free1 {
    position: absolute;
    width: 70px;
    height: 70px;
    z-index: 1;
    left: 170px;
    top: 0px;
}

.detimg_area .icon_free1 {
    position: absolute;
    width: 70px;
    height: 70px;
    z-index: 1;
    left: 245px;
    top: -25px;
}

.product_list .icon_free1 {
    position: absolute;
    width: 70px;
    height: 70px;
    z-index: 1;
    left: 140px;
    top: -10px;
}

/*select book list_정오표 사용*/
.err_list {
    padding: 0 30px 0;
}

.err_list li {
    display: inline-block;
    width: 100%;
    border-bottom: 1px dotted #bbb;
    text-align: left;
}

.err_list li a:hover {
    display: inline-block;
    background: #f7f7f7;
    width: 100%;
}

.err_list li:last-child {
    border-bottom: 0;
}

.err_list p {
    display: block;
    float: left;
    margin: 20px 25px 20px 30px;
}

.err_list p img {
    width: 77px;
    height: 95px;
    float: left;
}

.err_list .err_info {
    float: left;
}

.err_list .err_info dt {
    margin: 20px 0 10px;
    font-size: 16px;
    color: #333;
}

.err_list .err_info dd {
    font-size: 14px;
    letter-spacing: -0.02em;
    color: #888;
}

/*----------검색상자----------*/
.searchbox_key {
    width: 1118px;
    padding: 20px 40px;
    background: #f3f6f8;
    border: 1px solid #ced6dd;
    text-align: left;
    margin-bottom: 30px;
}

.searchbox_key2 {
    position: relative;
    width: 848px;
    padding: 20px 40px;
    background: #f3f6f8;
    border: 1px solid #ced6dd;
    text-align: left;
    margin-bottom: 30px;
}

.searchbox_my {
    position: relative;
    width: 868px;
    padding: 20px 30px;
    background: #f3f6f8;
    border: 1px solid #ced6dd;
    margin-bottom: 30px;
}

.searchbox_my:after {
    content: "";
    display: block;
    clear: both;
}

.selectLap {
    /*padding-bottom: 14px;*/
    /*border-bottom: 1px dotted #bec8d1;*/
    /*margin-bottom: 14px;*/
}

.selectLap select {
    margin-right: 14px;
}

.hit_kwLap span.hit_kw {
    float: left;
    margin-right: 10px;
    vertical-align: middle;
}

.hit_kwLap li {
    float: left;
}

.hit_kwLap li a {
    display: block;
    width: auto;
    height: 26px;
    border: 1px solid #99b2c2;
    font-size: 15px;
    color: #60748e;
    padding: 0 14px;
    line-height: 24px;
    margin-right: 8px;
}

.hit_kwLap li a:hover {
    color: #74a7c6;
}

.hit_kwLap:after {
    content: "";
    display: block;
    clear: both;
}

.sh_tit_p30 {
    font-size: 17px;
    color: #4c5774;
    float: left;
    margin: 5px 30px 0 0;
}

/*----------Table----------*/
.t_st1 {
    width: 100%;
    text-align: center;
}

.t_st1 th {
    height: 53px;
    border-top: 2px solid #333;
    border-bottom: 1px solid #333;
    font-size: 15px;
    color: #333;
	font-weight:500;
	opacity:0.8
}

.t_st1 td {
    height: 50px;
    border-bottom: 1px solid #dadada;
    font-size: 15px;
    vertical-align: middle;
    letter-spacing: -0.02em;
	word-break:keep-all;
}

.t_st1 td span.ing{ color:#0066cc}
.t_st1 td span.end{ color:red}

.t_st1 td img{
    border: 1px solid #e1e1e1;
  
}

.t_st1 td > a:hover {
    text-decoration: underline;
}

.td_l {
    text-align: left;
    padding-left: 12px;
    width: 575px
}

.t_st1 td.ans {
    padding: 30px;
    color: #888;
    text-align: left;
}

.t_st2 {
    width: 100%;
    text-align: center;
    border: 1px solid #d5d5d5;
}

.t_st2 th {
    height: 53px;
    font-size: 18px;
    color: #333;
    background: #f3f3f3;
    border: 1px solid #d5d5d5;
}

.t_st2 td {
    height: 50px;
    font-size: 18px;
    vertical-align: middle;
    letter-spacing: -0.02em;
}

.info_wrap_ess, info_wrap_option {
    position: relative;
}

.t_st3 {
    width: 100%;
    border-top: 2px solid #333;
    color: #888;
    margin-bottom: 40px;
}

/*회원정보_li Ver*/
.t_st3 li {
    height: 45px;
    display: block;
    border-bottom: 1px solid #dadada;
    padding-top: 8px;
    letter-spacing: -0.02em
}

.t_st3 li.h90 {
    height: 90px;
}

.t_st3 li.h310 {
    height: auto;
    min-height: 310px;
    padding: 20px;
    text-align: left;
    line-height: 24px;
    font-size: 15px;
}

.t_st3 li.h310 img {
    width: 100%
}

.t_st3 li.h430 img {
    width: 100%
}

.t_st3 li.h430 {
    height: auto;
    min-height: 430px;
    padding: 20px;
    text-align: left;
    line-height: 24px;
    font-size: 15px;
}

.t_st3 li:last-child {
    border-bottom: 1px solid #333
}

.t_st3 .t_fl {
    float: left;
    width: 15%;
    font-size: 15px;
    color: #333;
    text-align: center;
    line-height: 35px;
}

.t_st3 .t_fr {
    float: right;
    width: 85%;
    font-size: 15px;
    vertical-align: middle;
    text-align: left;
    line-height: 35px;
    letter-spacing: -0.02em
}

.t_st3 .t_fl2 {
    float: left;
    width: 15%;
    font-size: 15px;
    color: #333;
    text-align: center;
    line-height: 35px;
}

.t_st3 .t_fr2 {
    float: right;
    width: 10%;
    font-size: 15px;
    vertical-align: middle;
    text-align: left;
    line-height: 35px;
    letter-spacing: -0.02em
}

.t_st3 .t_flr2 {
    float: left;
    width: 60%;
    font-size: 15px;
    vertical-align: middle;
    text-align: left;
    line-height: 35px;
    letter-spacing: -0.02em
}

.t_st3 .comm {
    display: inline-block;
    font-size: 14px;
    color: #79b5ce;
    margin-left: 20px;
}

.t_st3 .option_area {
    width: 100%;
    float: left;
}

.t_st3 .option_area li {
    width: 24%;
    font-size: 14px;
    display: inline-block;
    border: 0;
    height: 28px;
    position: relative;
}

.t_st3 span.input_st {
    padding-left: 35px;
    display: inline-block;
}

/*----------진도율----------*/
.prog_tit {
    display: block;
    float: left;
    width: auto;
    margin-right: 12px;
    height: 30px;
    text-align: left;
    font-size: 15px;
}

.progress {
    float: left;
    width: 148px;
    margin-right: 10px;
    background: #eeeded;
}

.prog_bar {
    float: left;
    width: 50%;
    height: 20px;
    background: #00ccc1;
}

.prog_num {
    font-size: 15px;
}

.progress2 {
    float: left;
    width: 100%;
    background: #eeeded;
    margin: 10px 0;
    height: 32px;
}

.prog_bar2 {
    float: left;
    width: 0%;
    background: #00ccc1;
    height: 32px;
}

/*----------업로드----------*/
.filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.filebox label {
    display: inline-block;
    padding: .75em 1.75em;
    font-size: inherit;
    line-height: normal;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #2e6da4;
    border-bottom-color: #e2e2e2;
    border-radius: .25em;
    color: #FFF;
    background-color: #337ab7;
}

/* named upload */
.filebox .upload-name {
    display: inline-block;
    /*padding: .5em .75em; !* label의 패딩값과 일치 *!*/
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #f5f5f5;
    border: 1px solid #ebebeb;
    border-bottom-color: #e2e2e2;
    border-radius: .25em;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    width: 300px;
}

#sel_arrow {
    cursor: pointer;
    margin: 0 5px;
}

#sel_img {
    vertical-align: middle
}

.select {
    padding: 1px;
    border: 1pt solid #c8c8c8;
    color: #333333;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    cursor: pointer;
}

#popup_book {
    padding: 15px;
    border: 2px solid #ff4c22;
    text-align: left;
    font-size: 11px;
    position: relative;
    width: 100%;
    background-color: #FFF;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #cfcfcf;
    scrollbar-shadow-color: #bfcdd2;
    scrollbar-darkshadow-color: #cfcfcf;
    scrollbar-track-color: #fafafa;
    scrollbar-arrow-color: #666666;
}

#popup_book ol li p {
    float: left
}

#popup_book ol li p img {
    padding-right: 10px;
}

#popup_book ol li span {
    margin-left: 85px;
    height: 95px;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 5px;
    padding-top: 10px;
}

#popup_book ol li dt a {
    font-size: 12px;
    font-weight: bold;
    color: #ff441f;
}

#popup_book ol li dd {
    font-size: 11px;
    padding-top: 10px;
}

/*----------------------------CEO 인사말 / 회사소개--------------------------------*/
.cont_ceo {
    clear: both;
    width: 1200px;
    text-align: left;
    padding-left: 50px;
}

.cont_ceo h3 {
    font-size: 45px;
    font-weight: lighter;
    letter-spacing: -0.1em;
    margin-bottom: 40px;
}

.cont_ceo .desc1 {
    color: #333;
    font-size: 17px;
    line-height: 28px;
    padding-bottom: 40px;
}

.cont_ceo .desc2 {
    font-size: 17px;
    line-height: 28px;
    font-weight: lighter;
    margin-top: 25px;
}

.cont_ceo .name {
    color: #0399db;
    font-size: 17px;
    margin-top: 30px;
}

/*----------------------------이용약관 / 개인정보처리방침--------------------------------*/
.ttt {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 12px;
    line-height: 1.6;
    display: table;
    border-color: gray;
}

.ttt td, th {
    border: 1px solid #dbdbdb;
    text-indent: 0;
    line-height: 2.5;
}

.ttt th {
    text-align: center;
    background: #efefef;
}

.ttt td {
    padding-left: 5px;
}

.target {
    color: #7f7f7f;
    text-decoration: none;
    font-size: 14px;
}

.personal {
    font-size: 12px;
}

.personal strong {
    font-size: 16px;
}

/*----------------------------이메일 무단수집거부--------------------------------*/
.pb10 {
    padding-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

.mt10 {
    margin-top: 10px
}

.guide_square8 {
    background: #fafafa;
    border: 1px solid #cccccc;
}

.col_blue3, .col_blue3 a {
    color: #006699
}

.pppp15 {
    padding: 15px;
}

/*----------------------------마이페이지--------------------------------*/

/*내강의실_구독현황*/
.subscrip_con {
    width: 848px;
    padding: 25px 40px;
    border: 1px solid #d5d5d5;
    margin-bottom: 20px;
}

.subscrip_con .stit20 {
    float: left;
    display: block;
    font-size: 20px;
    color: #333;
    margin-top: 10px;
}

.subscrip_con .stit20 .term {
    margin-left: 10px;
    border-left: 1px solid #eee;
    font-size: 15px;
    color: #888;
    padding-left: 10px;
    letter-spacing: 0;
}

.subscrip_con .stit20 .count {
    font-size: 18px;
    color: #e94230;
    padding-left: 10px;
    letter-spacing: 0.15em;
    font-weight: lighter;
}

.subscrip_con .stit20 .count strong {
    font-weight: bold;
    font-size: 20px;
}

.subscrip_con .date_start {
    float: left;
    font-size: 18px;
    color: #888;
}

.subscrip_con .date_end {
    float: right;
    font-size: 18px;
    color: #888;
}

.subscrip_con:after {
    content: "";
    display: block;
    clear: both;
}

.subscrip_con .fbanner {
    position: relative;
    width: 100%;
    height: 140px;
    background: #2d3037 url(/images/foot_ban_bg.jpg) left top repeat;
}

.subscrip_con .fbanner .foot_bn_wrap {
    position: relative;
    width: 855px;
    text-align: center;
    font-size: 32px;
    letter-spacing: -0.08em;
    padding-top: 36px;
}

.subscrip_con .fbanner .foot_bn_wrap span {
    color: #fff;
}

.subscrip_con .fbanner .foot_bn_wrap span.blue {
    color: #73d1f7;
    font-weight: bold;
}

.subscrip_con .fbanner .foot_bn_wrap img {
    vertical-align: middle;
    margin-left: 50px;
}

.subscrip_con .fbanner .foot_bn_wrap span b {
    font-weight: bold;
}

/*내강의실_연간구독내용*/
.year_subscrip {
    width: 868px;
    padding: 30px;
    border: 1px solid #d5d5d5;
    margin-bottom: 30px;
}

.book_regis {
    width: 868px;
    padding: 30px;
    border: 1px solid #d5d5d5;
    margin-bottom: 30px;
}

/*결제확인*/
.date_step {
    float: left;
    margin-right: 15px;
}

.date_step li {
    display: inline-block;
    width: 60px;
    height: 36px;
    border: 1px solid #a4b3c5;
    background: #fff;
    line-height: 36px;
    font-size: 15px;;
    text-align: center;
    margin-right: 4px;
}

.date_step li a {
    display: inline-block;
    width: 60px;
    height: 36px;
    color: #60748e
}

.date_step li.on {
    background: #7f89a5;
    color: #fff;
    border: 0;
}

.date_name {
    float: left;
    margin-right: 20px;
}

.date_name img {
    vertical-align: middle;
    margin: -6px 5px 0;
    position: relative
}

/*문의 내역 확인*/
.inquiry_area {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

.inquiry_area .num_b {
    color: #0399db;
    margin: 0 8px;
}

/*----------------------------무료자료--------------------------------*/
.data_area {
    position: relative;
    width: 928px;
    border: 1px solid #d5d5d5;
}

.data_area .date_sel {
    position: relative;
    height: 45px;
    background: #f4f5f9;
    text-align: center;
    border-bottom: 1px solid #d5d5d5;
    padding-top: 15px;
}

/*.data_area .date_sel .dateLap { width:300px ; margin:0 auto;}*/
.data_area .date_sel li {
    display: inline-block;
    font-size: 20px;
    color: #4c5774;
    font-weight: bold;
    margin-right: 5px;
}

.data_area .date_sel li strong {
    font-size: 26px;
    letter-spacing: 0;
}

.data_area .date_sel li:last-child {
    margin-left: 0;
}

.date_prev {
    display: block;
    width: 40px;
    height: 25px;
    font-size: 15px;
    color: #707a94;
    line-height: 25px;
    padding-left: 10px;
    background: url(/images/date_prev.png) 5px 50% no-repeat;
    float: left;
    margin-top: 0px;
}

.date_next {
    display: block;
    width: 40px;
    height: 25px;
    font-size: 15px;
    color: #707a94;
    line-height: 25px;
    padding-right: 10px;
    background: url(/images/date_next.png) 40px 50% no-repeat;
    float: left;
    margin-top: 0px;
}

.data_area .today_data {
    padding: 20px 0;
    text-align: center;
    border-bottom: 1px solid #d5d5d5;
}

.data_area .today_data li {
    display: inline-block;
    width: 90px;
    height: 32px;
    font-size: 15px;
    color: #666;
    line-height: 32px;
    text-align: center;
    border: 1px solid #d5d5d5;
    margin-right: 10px;
}

.data_area .today_data li.on {
    background: #66c2e8;
    color: #fff;
    border: 0;
    margin-bottom: 20px;
}

.data_area .today_data li:last-child {
    margin-right: 0;
}

.data_area .today_data dt {
    font-size: 28px;
    color: #0399db;
    margin-bottom: 6px;
}

.data_area .today_data dd {
    font-size: 18px;
    color: #666;
    margin-bottom: 14px;
}

.data_area .diction {
    text-align: left;
    padding: 20px 30px;
}

.data_area .diction li {
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #d5d5d5;
    padding: 20px 0;
}

.data_area .diction li:last-child {
    border-bottom: 0;
}

.data_area .diction dt {
    font-size: 26px;
    height: 30px;
    line-height: 23px;
    color: #0399db;
    margin-bottom: 10px;
}

.data_area .diction dd {
    font-size: 16px;
    color: #666;
    line-height: 26px
}

.data_area .diction ul.ahamean li {
    width: 100%;
    text-align: left;
    border-bottom: 0;
    padding: 0px 0;
}

/*리플작성*/
.reply_area {
    position: relative;
    width: 100%;
}

.reply_area .re_write {
    width: 870px;
    text-align: right;
    border-top: 2px solid #333;
    padding: 20px 30px;
    border-bottom: 1px solid #aaa;
    background: #f8f8f8;
    margin-top: 30px;
}

.reply_area .re_write .re_tit {
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
    text-align: left;
}

.reply_area .re_write .re_tit span {
    font-size: 22px;
    color: #0399db;
    margin: 0 10px;
}

.reply_area .re_list li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #aaa;
}

.reply_area .re_list .wrap_info {
    height: 50px;
    border-bottom: 1px solid #e6e6e6;
    text-align: left;
    padding-left: 20px;
    font-size: 15px;
    line-height: 50px;
}

.reply_area .re_list .wrap_info .name {
    border-right: 1px solid #eee;
    padding-right: 10px;
}

.reply_area .re_list .wrap_info .date {
    color: #aaa;
    border-right: 1px solid #eee;
    padding: 0 10px;
}

.reply_area .re_list .wrap_info .report {
    color: #aaa;
    padding-left: 10px;
}

.reply_area .re_list .re_cont {
    text-align: left;
    padding-left: 20px;
    font-size: 14px;
    color: #888;
    padding: 20px;
}

.ahamean {
    list-style-type: square;
    padding: 30px;
    margin-left: 40px;
}

.ahamean li {
    text-align: left;
    line-height: 2em;
    font-size: 14px;
}

.ahapn fieldset {
    display: block;
    /*margin-inline-start: 40px;*/
    /*margin-inline-end: 40px;*/
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-width: -webkit-min-content;
}

.ahapn fieldset.panel {
    border: none;
    border-top: 1px solid #e8e8e8;
    text-align: left;
    word-break: break-all;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 0 40px;
}

.conju_kor {
    font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', gulim, '굴림', dotum, '돋움', AppleGothic, sans-serif;
    margin-right: 5px;
}

.conju_eng {
    font-family: HelveticaNeue, Helvetica, 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', gulim, '굴림', dotum, '돋움', AppleGothic, sans-serif;
}

.conju_diff {
    font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', gulim, '굴림', dotum, '돋움', AppleGothic, sans-serif;
    margin: 0 10px;
}

.cal_search {
    border: 1px solid #b5b5b5;
    background: url(/images/icon_calendar.jpg) 73px 2.5px no-repeat;
    background-color: #FFF;
    font-size: 12px;
    line-height: 16px;
    height: 18px;
    padding: 1px 3px 2px 5px;
    width: 84px;
    cursor: pointer
}

/*BOOK 상단영역*/
.booktop {
    position: relative;
    margin-bottom: 30px;
}

.book_topbn {
    float: left;
    width: 870px;
    height: 300px;
}

.errata {
    float: right;
    width: 310px;
    height: 300px;
    background: #f1f1f1;
}

.booktop:after {
    content: "";
    display: block;
    clear: both;
}

/*교재리스트*/
.prod_sec {
    position: relative;
}

.prod_sec .product_list > li {
    clear: both;
    width: 1198px;
    height: 238px;
    border: 1px solid #d5d5d5;
    margin-bottom: 20px;
}

.prod_sec .product_list .img_area {
    position: relative;
    float: left;
    width: 199px;
    height: 100%;
    text-align: center;
    padding-top: 24px;
}

.prod_sec .product_list .img_area img {
    width: 150px;
    height: 189px;
}

.prod_sec .product_list .tit_area {
    position: relative;
    float: left;
    width: 680px;
    height: 178px;
    text-align: left;
    padding: 30px 20px;
}

.prod_sec .product_list .tit_area dt {
    font-size: 20px;
    margin-bottom: 10px;
}

.prod_sec .product_list .tit_area dt a {
    color: #333;
}

.prod_sec .product_list .tit_area dt a:hover {
    text-decoration: underline;
}

.prod_sec .product_list .tit_area dd {
    margin-bottom: 5px;
}

.prod_sec .product_list .tit_area dd.fixprice {
    display: block;
    font-size: 18px;
    color: #888;
    text-decoration: line-through;
}

.prod_sec .product_list .tit_area dd.price {
    display: block;
    font-size: 20px;
    color: #ff3333;
    margin-right: 20px;
}

.prod_sec .product_list .tit_area dd.price strong {
    font-size: 26px;
}

.saletxt {
    display: inline-block;
    color: #f76565;
    width: 92px;
    height: 24px;
    text-align: center;
    line-height: 22px;
    font-size: 15px;
    border: 1px solid #f76565;
    margin-left: 20px;
}

.prod_sec .product_list .tit_area p {
    position: absolute;
    left: 20;
    bottom: 30;
    font-size: 16px;
    color: #666;
    letter-spacing: 0;
}

.prod_sec .product_list .btn_area {
    position: relative;
    float: left;
    width: 278px;
    height: 100%;
    border-left: 1px solid #d5d5d5;
}

.prod_sec .product_list .btn_area .btnLap2 {
    clear: both;
    width: 200px;
    margin: 0 auto;
    margin-top: 40px;
}

.prod_sec .product_list .btn_area .btnLap2 > li {
    display: block;
    width: 200px;
    margin-bottom: 10px;
}

.prod_sec .product_list .btn_area .btnLap2 > li:last-child {
    margin-bottom: 0;
}

/*교재상품 상세*/
.prod_det {
    position: relative;
    width: 1168px;
    padding: 30px 30px 30px 0;
    border: 1px solid #d5d5d5;
    margin-bottom: 50px;
}

.prod_det .detimg_area {
    position: relative;
    float: left;
    width: 360px;
    text-align: center;
}

.prod_det .detimg_area p {
    width: 360px;
}

.prod_det .detimg_area p img {
    width: 220px;
    height: 279px;
}

.prod_det .detimg_area .prod_thum {
    margin: 14px auto 0;
}

.prod_det .detimg_area .prod_thum > li {
    display: inline-block;
    width: 60px;
    height: 76px;
    margin-right: 16px;
}

.prod_det .detimg_area .prod_thum > li:last-child {
    margin-right: 0
}

.prod_det .detimg_area .prod_thum > li img {
    width: 60px;
    height: 76px;
    border: 1px solid #e1e4e7;
}

.prod_det .dettit_area {
    position: relative;
    float: left;
    width: 778px;
    text-align: left;
}

.prod_det .dettit_area .tit_area2 {
    position: relative;
    float: left;
    width: 100%;
    text-align: left;
    padding: 30px 0 20px;
}

.prod_det .dettit_area .tit_area2 dt {
    font-size: 30px;
    margin-bottom: 10px;
    color: #333;
    font-weight: bold;
    letter-spacing: -0.05em;
}

.prod_det .dettit_area .tit_area2 dd {
    margin-bottom: 5px;
}

.prod_det .dettit_area .tit_area2 span.fixprice {
    font-size: 20px;
    color: #888;
    text-decoration: line-through;
    margin-right: 14px;
}

.prod_det .dettit_area .tit_area2 dd.price {
    display: block;
    font-size: 20px;
    color: #ff3333;
    margin-right: 20px;
}

.prod_det .dettit_area .tit_area2 dd.price strong {
    font-size: 30px;
}

.prod_det .dettit_area .tit_area2 p {
    font-size: 16px;
    color: #666;
    letter-spacing: 0;
    margin-top: 30px;
    line-height: 26px;
}

.prod_det .dettit_area .btnLap {
    position: absolute;
    left: 0;
    top: 293px;
}

.prod_det .dettit_area .btnLap li {
    float: left;
    margin-right: 14px;
}

.prod_det .dettit_area .btnLap1 {
    position: relative;
}

.prod_det .dettit_area .btnLap1 li {
    float: left;
    margin-right: 14px;
}

.prod_det:after {
    content: "";
    display: block;
    clear: both;
}

.prod_cont {
    position: relative;
}

/*----------------------------학습신청 메인--------------------------------*/

#container .cont1 {
    position: relative;
    width: 100%;
    background: #454d63 url(/images/study/cont1_bg.jpg) center 0px repeat;
}

#container .cont1 .sub_mainbox {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding: 90px 0 70px; /*height:650px*/;
}

#container .cont1 .sub_mainbox h2.img_mtxt1 {
    font-size: 90px;
    color: #73d1f7;
    line-height: 85px;
    letter-spacing: -0.1em;
    font-weight: bold;
}

#container .cont1 .sub_mainbox span.img_stxt1 {
    display: block;
    font-size: 45px;
    color: #c3dc27;
    font-weight: lighter;
    letter-spacing: -0.05em;
}

#container .cont1 .sub_mainbox span.img_stxt1 img {
    margin-left: 8px;
    vertical-align: middle;
    margin-top: -16px;
}

#container .cont1 .sub_mainbox span.img_stxt2 {
    display: block;
    font-size: 45px;
    font-weight: lighter;
    letter-spacing: -0.02em;
}

#container .cont1 .sub_mainbox span.img_stxt2 img {
    margin-top: 18px;
}

#container .cont1 .sub_mainbox h3.img_stxt3 {
    display: block;
    font-size: 35px;
    font-weight: lighter;
    color: #fff;
    letter-spacing: -0.05em;
    margin-top: 26px
}

#container .cont1 .sub_mainbox h3 span {
    border-bottom: 1px solid #fff;
}

#container .btn_free {
    display: inline-block;
    width: 360px;
    height: 60px;
    line-height: 40px;
    margin-top: 50px;
    padding-top: 20px;
    background: #0399db;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: -0.05em;
    font-weight: bold;
}

#container .cont1 .sub_mainbox a:hover {
    background: #38b7eb;
}

#container .cont2 {
    position: relative;
    width: 100%;
}

#container .cont2 .cont2_wrap {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding: 90px 0;
}

#container .cont3 {
    position: relative;
    width: 100%;
    background: #454d63 url(/images/study/cont3_bg.jpg) left top repeat;
}

#container .cont3 .learnway {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding: 90px 0;
}

#container .cont4 {
    position: relative;
    width: 100%;
}

#container .cont5 {
    position: relative;
    width: 100%;
    background: #00ccc1 url(/images/study/cont5_bg.jpg) left top repeat;
}

#container .cont5 .band_bn {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding: 30px 0;
}

#container .cont5 .band_bn h2 {
    color: #fff;
    font-size: 32px;
    letter-spacing: -0.05em;
    font-weight: bold; /*font-family:"나눔고딕", "Nanum Gothic"*/;
}

#container .cont5 .band_bn h2 span {
    font-weight: lighter;
}

#container .cont6 {
    position: relative;
    width: 100%;
    background: #f9f9f9;
}

#container .cont6 .cont6_wrap {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 90px 0;
}

#container .cont7 {
    position: relative;
    width: 100%;
    background: #d0eaec;
}

#container .cont7 .cont7_wrap {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 90px 0;
}

#container .cont8 {
    position: relative;
    width: 100%;
    background: #eeefef;
}

#container .cont8 .check_wrap {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0 90px;
    text-align: left;
}

#container .cont8 .check_wrap h2.ch_tit {
    font-size: 18px;
    margin-bottom: 30px;
    font-weight: bold;
    letter-spacing: -0.05em;
}

#container .cont8 .check_wrap .checkLap {
    position: relative;
    width: 1090px;
    padding-left: 110px;
    margin-bottom: 20px;
}

#container .cont8 .check_wrap dt {
    position: absolute;
    left: 0;
    top: 0;
    float: left;
    width: 86px;
    height: 30px;
    font-size: 14px;
    font-weight: bold;
    background: #606876;
    color: #fff;
    text-align: center;
    margin-right: 30px;
    line-height: 30px;
}

#container .cont8 .check_wrap dd {
    line-height: 24px;
    font-size: 14px;
    color: #666;
}

#container .cont8 .check_wrap dd span {
    padding-left: 10px;
}

/*----------------------------학습신청 상세--------------------------------*/

/*학습신청_sideinfo*/
.content_wrap .sideinfo {
    position: relative;
    float: left;
    width: 250px;
    margin-right: 20px;
}

.content_wrap .sideinfo .det_thum {
    width: 248px;
    min-height: 100px;
    text-align: center;
    padding-top: 15px;
	padding-bottom: 15px;
    border: 1px solid #d5d5d5;
    background: #f3f3f3;
}

.content_wrap .sideinfo .det_thum img {
    width: 220px;
    /*height: 204px;*/
}

.content_wrap .sideinfo .det_Linfo {
    width: 218px;
    padding: 1px 15px;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 20px;
}

.content_wrap .sideinfo .det_Linfo .Bname {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: left;
    color: #333;
}

.content_wrap .sideinfo .det_Linfo .Bexplan {
    font-size: 14px;
    text-align: left;
    line-height: 22px;
    color: #666;
    margin-bottom: 30px;
}

.content_wrap .sideinfo .det_Linfo .Bname a:hover {
    text-decoration: underline;
}

.content_wrap .sideinfo .det_Linfo .Binfo dl {
    position: relative;
    margin-bottom: 8px;
}

.content_wrap .sideinfo .det_Linfo .Binfo dt {
    position: absolute;
    left: 0;
    top: 0;
    width: 68px;
    height: 24px;
    background: #eef7fb;
    border: 1px solid #cdd8dc;
    color: #7092a1;
}

.content_wrap .sideinfo .det_Linfo .Binfo dd {
    padding-left: 77px;
    width: 145px;
    text-align: left;
}

.content_wrap .sideinfo .det_Linfo .Binfo dt, dd {
    min-height: 26px;
    line-height: 26px;
}

.content_wrap .sideinfo .det_Linfo .Binfo dd.tit {
    line-height: 20px;
}

.content_wrap .sideinfo .det_Linfo a.freeBtn {
    clear: both;
    display: block;
    background: #045576;
    width: 218px;
    height: 65px;
    color: #fff;
    font-size: 25px;
    padding-top: 40px;
    line-height: 24px;
    letter-spacing: -0.05em;
    font-weight: bold;
    margin-top: 30px;
}

.content_wrap .sideinfo .det_Linfo span.freeBtn1 {
    clear: both;
    display: block;
    background: #045576;
    width: 218px;
    height: 65px;
    color: #fff;
    font-size: 25px;
    padding-top: 40px;
    line-height: 24px;
    letter-spacing: -0.05em;
    font-weight: bold;
    margin-top: 30px;
}

.content_wrap .sideinfo .det_Linfo span.freeBtn {
    clear: both;
    display: block;
    background: #045576;
    width: 218px;
    height: 65px;
    color: #aeaeae;
    font-size: 17px;
    padding: 20px 0;
    line-height: 24px;
    letter-spacing: -0.05em;
    font-weight: bold;
    margin-top: 30px;
}

.content_wrap .sideinfo .det_Linfo span.freeBtn p {
    font-size: 28px;
    color: #fff;
    line-height: 1.5em;
}

.content_wrap .sideinfo .det_Linfo ul li a.freeBtn span.usedate_t {
	font-size:22px;letter-spacing:0
}

.content_wrap .sideinfo .det_Linfo ul li a.freeBtn span.usedate {
	font-size:13px;color:#fbe2bd;font-weight:300;letter-spacing:0
}

/*학습신청_우측contents*/

/*----------------------------학습신청_분류별--------------------------------*/

.content_wrap .catetit {
    display: block;
    float: left;
    width: 174px;
    height: 38px;
    border: 1px solid #0399db;
    line-height: 38px;
    color: #0399db;
    font-size: 18px;
    margin-bottom: 20px;
}

/*----------------------------e-도서관 메인--------------------------------*/

.service_tap {
    position: relative;
    width: 930px;
    height: 46px;
    margin-bottom: 20px;
}

.service_tap li a {
    display: inline-block;
    line-height: 48px;
    width: 122px;
    padding-left: 26px;
}

.service_tap li a.markbn {
    float: right;
    height: 46px;
    text-align: center;
    background: url(/images/study/icon_markbn.png) 30px 50% no-repeat;
    color: #0399db;
    font-size: 17px;
    border: 1px solid #0399db;
    margin-right: 10px;
}

.service_tap li a.viewbn {
    float: right;
    height: 48px;
    text-align: center;
    background: #333949 url(/images/study/icon_viewbn.png) 30px 50% no-repeat;
    color: #73d1f7;
    font-size: 17px;
}

.ser_mbn li {
    float: left;
    margin-right: 20px;
}

.ser_mbn li:last-child {
    margin-right: 0;
}

/*Layer(책갈피,도움학습,내용검색) 공용*/
.layer_warp {
    width: 100%;
}

.layer_warp .titbar {
    position: relative;
    width: 100%;
    background: #b1d9e9;
    height: 5px;
    text-align: center;
    color: #306073;
    font-size: 22px;
    line-height: 54px;
}

.layer_warp .titbar a.bt_close {
    position: absolute;
    display: block;
    right: 20px;
    top: 17px;
    z-index: 801;
    text-indent: -9999px;
    background: #b1d9e9 url(/images/study/close1.png) center 50% no-repeat;
    width: 22px;
    height: 22px;
}

.layer_warp .contbox {
    padding: 15px 15px;
    background: #fff;
}

/*--책갈피--*/

.reading_wrap .reading .searchR {
    display: none;
    position: absolute;
    float: right;
    width: 599px;
    height: 650px;
    left: 599px;
    background: #fff;
    overflow-x: hidden;
    overflow-y: scroll;
}

.reading_wrap .reading .bmarkR {
    display: none;
    position: absolute;
    float: right;
    width: 599px;
    height: 650px;
    left: 599px;
    background: #fff;
    overflow-x: hidden;
    overflow-y: scroll;
}

.layer_Bmark {
    position: absolute;
    top: 0;
    left: 100px;
    z-index: 800;
    width: 599px;
}

.layer_warp .Bmark_table {
    border-top: 2px solid #666;
    margin-top: 20px;
}

.layer_warp .Bmark_table li {
    position: relative;
    height: 80px;
    border-bottom: 1px solid #dadada;
    text-align: center;
}

.layer_warp .Bmark_table li dt {
    width: 12%;
    float: left;
    font-size: 16px;
    line-height: 80px;
}

.layer_warp .Bmark_table li dd {
    float: left;
    width: 64%;
    font-size: 18px;
    text-align: left;
    padding-top: 10px;
    line-height: 28px;
}

.layer_warp .Bmark_table li dd.title {
    padding-top: 25px;
    font-size: 17px;
}

.layer_warp .Bmark_table li dd span {
    font-size: 16px;
    color: #999;
    letter-spacing: 0;
}

.layer_warp .Bmark_table li dd a:hover {
    text-decoration: underline;
}

.layer_warp .Bmark_table li dd img {
    margin: 0 10px;
    vertical-align: middle;
}



.write #study_content .contLap dt {
    height: 24px;
}

.write #study_content .contLap li {
    float: left;
    /*width: 100%;*/
    display: block;
    margin-bottom: 30px;
    font-size: 16px;
    margin-right: 5px;
}

.write input.true {
    border: solid 2px #0399db;
}

.write input.false {
    border: solid 2px #ff3b30;
}

.write input.basic {
    border: solid 1px #ced2d8;
}

a.a_btn {
    background: #0399db;
    color: #fff;
    font-size: 12px;
    padding: 7px;
    font-weight: bold;
    border-radius: 8px;
}

#info_1 h2 {
    border-bottom: 1px dotted #858585;
    font-size: 1.6em;
    font-weight: bold;
    color: #333;
    padding-bottom: .5em;
    margin-bottom: 12px;
}

/*----------하이라이트----------*/
.highlight {
    /*background: #ff6600;*/
    /*!*padding: 0 5px;*!*/
    /*color: #fff;*/
    border-bottom: 2px solid #ff6600;
}

.highlight_b {
    /*background: #ff6600;*/
    /*!*padding: 0 5px;*!*/
    color: #0020c0;
    font-weight: normal;
    border-bottom: 2px solid #ff6600;
}

.open_wrap {
    display: none;
    position: relative;
    z-index: 1;
    top: 97px;
}

.open_wrap .popup {
    width: 453px;
    border: 1px solid #6c006d;
    position: absolute;
    background: #fff;
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    height: 300px;
}

.open_wrap .popup img.close {
    position: absolute;
    top: 17px;
    right: 12px;
    cursor: pointer;
}

.open_wrap .popup .popTit {
    background-color: #6c006d;
    height: 40px;
    color: #fff;
    font-size: 20px;
    padding-top: 20px;
    padding-left: 20px;
    font-weight: bold;
    font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', gulim, '굴림', dotum, '돋움', AppleGothic, sans-serif;
    text-align: left;
}

.open_wrap .popup .popBtn {
    margin-top: 80px;
}

.open_wrap .popup .popBtn a.selbn {
    text-align: center;
    color: #0399db;
    font-size: 17px;
    border: 1px solid #0399db;
    padding: 30px 60px;
}

.pagnation {
    width: 100%;
    padding: 30px 0 15px;
    clear: both;
}

.pagnation img {
    width: 30px;
	vertical-align:middle;
}

.pagnation .pagePrev {
    margin-right: 20px;
}

.pagnation .pageNum {
    font-size: 20px;
    vertical-align: middle;margin-top:5px;
    color: #aaaaaa;
}

.pagnation .pageNext {
    margin-left: 20px;
}

/*----------구매----------*/
#sel_product h2 {
    font-size: 20px;
    text-align: left;
    margin-left: 40px;
    font-weight: bold;
}

#sel_product h2.red {
    color: #f76862;
}

#sel_product h2.cyan {
    color: #38bac4;
}

#sel_product h2.yell {
    color: #fcb61f;
}

#sel_product h2.viol {
    color: #81a3de;
}

#sel_product table {
    margin-top: 30px;
}

#sel_product table td.subTit {
    /*background-color: #f76862;*/
    /*border: 1px solid #b85653;*/
    /*color: #fff;*/
    /*font-size: 16px;*/
    /*letter-spacing: -1px;*/
    /*width: 300px;*/
    /*padding: 30px 15px;*/
}

#sel_product .buyTable2 {
    border-collapse: collapse;
    margin: 0 auto;
    width: 90%;
    margin-top: 20px
}

#sel_product .buyTable2 th {
    color: #FFF;
    font-size: 16px;
    letter-spacing: -1px;
    width: 240px;
}

#sel_product .buyTable2 th span {
    font-size: 12px;
    display: block;
    font-weight: normal;
}

#sel_product .buyTable2 th.red {
    background-color: #f76862;
    border: 1px solid #b85653;
}

#sel_product .buyTable2 th.cyan {
    background-color: #38bac4;
    border: 1px solid #1f9da7;
}

#sel_product .buyTable2 th.yell {
    background-color: #fcb61f;
    border: 1px solid #de9f18;
}

#sel_product .buyTable2 th.viol {
    background-color: #81a3de;
    border: 1px solid #6989c3;
}

#sel_product .buyTable2 td.price_td {
    padding-right: 5px
}

#sel_product .buyTable2 td {
    background-color: #FFF;
    padding: 10px;
    font-size: 17px;
    color: #000;
    border: 1px solid #dedee0;
    border-width: 1px 0 1px 0;
    text-align: center;
}

#sel_product .buyTable2 td:last-child {
    background-color: #FFF;
    padding: 10px;
    font-size: 17px;
    color: #000;
    border: 1px solid #dedee0;
    border-width: 1px 1px 1px 0;
    text-align: center;
}

#sel_product .buyTable2 th span.contxt {
    color: #fff;
    display: block;
    font-size: 22px;
'Malgun Gothic', '맑은고딕', 'Noto Sans KR', gulim, '굴림', dotum, '돋움', AppleGothic, sans-serif;
    line-height: 22px;
    letter-spacing: -1px;
    margin-top: 0px;
    font-weight: bold
}

#sel_product .buyTable2 td .price1 {
    font-size: 22px;
    color: #9f9f9f;
    text-decoration: line-through;
    letter-spacing: -1px;
    text-align: right;
    padding-right: 3px;
}

#sel_product .buyTable2 td dl dt {
    float: right;
    font-size: 30px;
    letter-spacing: -1px;
    line-height: 40px;
}

#sel_product .buyTable2 td dl dt.no_sale {
    padding: 14px 0px;
    color: #666;
    text-decoration: line-through;
    font-size: 20px;
}

#sel_product .buyTable2 td dl dt.sale {
    padding: 14px 0px;
    color: #ff0000;
    margin-left: 20px;
}

#sel_product .buyTable2 td dl dd {
    float: right;
    height: 40px;
    line-height: 40px;
    background: url(/images/pop_icn_conBuy_sale.gif) no-repeat 0 7px;
    color: #FFF;
    padding-left: 20px;
    width: 55px;
    text-align: left;
}

#sel_product .buyTable2 .col_buy_red {
    color: #f76862;
}

#sel_product .buyTable2 .col_buy_cyan {
    color: #0399db;
}

#sel_product .buyTable2 .col_buy_yell {
    color: #de9f18;
}

#sel_product .buyTable2 .col_buy_viol {
    color: #6989c3;
}

#sel_product .serviceTip {
    margin-top: 30px;
    text-align: left;
    margin-left: 40px;
}

#sel_product .serviceTip p {
    color: #f76862;
    font-size: 14px;
    line-height: 30px;
}

#sel_product .serviceTip li {
    line-height: 22px;
}

.cont_open {
    clear: both;
    /*width: 1200px;*/
    text-align: left;
    padding-left: 50px;
	 padding-right: 50px;
}

.cont_open h2 {
    font-size: 40px;
    font-weight: lighter;
    letter-spacing: -0.1em;
    margin-bottom: 40px;
    color: #0399db;
}

.cont_open h3 {
    font-size: 40px;
    font-weight: none;
    letter-spacing: -0.1em;
    margin-bottom: 40px;
    color: #0399db;
}

.cont_open h3.eng {
    color: #7ac7e9;
    letter-spacing: -0.02em;
    font-weight: none;
}

.cont_open .desc1 {
    color: #666;
    font-size: 17px;
    line-height: 28px;
    padding-bottom: 60px;
}

.cont_open .desc2 {
    color: #666;
    font-size: 17px;
    line-height: 28px;
    padding-bottom: 60px;
    font-weight: lighter;
    letter-spacing: 1px;
    font-family: HelveticaNeue, Helvetica,"Noto Sans KR", 'Malgun Gothic', '맑은고딕', gulim, '굴림', dotum, '돋움', AppleGothic, sans-serif;
}

.cont_open .name {
    color: #0399db;
    font-size: 26px;
    letter-spacing: 1px;
    font-family: Brush Script MT,"Noto Sans KR", 'Malgun Gothic', '맑은고딕', gulim, '굴림', dotum, '돋움', AppleGothic, sans-serif;
}

.cont_open .name2 {
    color: #888;
    font-size: 18px;
    font-weight: lighter;
    letter-spacing: 0;
}

.cont_open .imgbox_st {
    margin: 30px 0 80px;
    text-align: center;
}

.youngchi_wrap {
    width: 100%;
    background: #f1f6f8;
    text-align: center;
    padding: 80px 0;
    margin-bottom: 60px;
}

.hist_wrap {
    position: relative;
}

.hist_wrap dt {
    width: 150px;
    height: 42px;
    border: 2px solid #0399db;
    text-align: center;
    line-height: 40px;
    float: left;
    font-size: 24px;
    color: #0399db;
    border-top-right-radius: 30px 30px;
    border-top-left-radius: 30px 30px;
    border-bottom-right-radius: 30px 30px;
    border-bottom-left-radius: 30px 30px;
}

.hist_wrap dd {
    font-size: 18px;
    display: block;
    padding-left: 16px;
    height: 36px;
    line-height: 36px;
    margin-left: 180px;
    background: url(/images/open_history_sym.png) left 50% no-repeat;
}

/*학습신청_공부방법*/
.skill_wrap {
    position: relative;
    padding: 20px 30px 20px;
    line-height: 24px;
    letter-spacing: -0.05em;
    text-align: left;
}

.skill_wrap .bg_middle {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
    height: 600px;
    background: url(/images/study/stuey_middle_bg.png) right top no-repeat;
}

.skill_wrap .bg_high {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
    height: 600px;
    background: url(/images/study/stuey_high_bg.png) right top no-repeat;
}

.skill_wrap .bg_read {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
    height: 600px;
    background: url(/images/study/stuey_read_bg.png) right top no-repeat;
}

.skill_wrap .bg_speak {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
    height: 600px;
    background: url(/images/study/stuey_speak_bg.png) right top no-repeat;
}

.skill_wrap .tit_middle {
    background: url(/images/study/stuey_middle01.png) left top no-repeat;
    height: 65px;
    margin-top: 60px;
    text-indent: -9999%;
}

.skill_wrap .tit_high {
    background: url(/images/study/stuey_high01.png) left top no-repeat;
    height: 65px;
    margin-top: 60px;
    text-indent: -9999%;
}

.skill_wrap .tit_read {
    background: url(/images/study/stuey_read01.png) left top no-repeat;
    height: 65px;
    margin-top: 60px;
    text-indent: -9999%;
}

.skill_wrap .tit_speak {
    background: url(/images/study/stuey_speak01.png) left top no-repeat;
    height: 65px;
    margin-top: 60px;
    text-indent: -9999%;
}

.skill_wrap .skill_contbox {
    position: relative;
    margin: 60px 0;
}

.skill_wrap .skill_txt01 {
    display: block;
    font-size: 16px;
    color: #777;
    padding-top: 24px;
}

.skill_wrap .skill_txt02 {
    font-size: 15px;
    color: #555;
    display: block;
    margin-top: 20px;
    line-height: 24px;
    color: 555;
    padding-left: 20px;
}

.skill_wrap .txtbox {
    margin-top: 20px;
    width: 870px;
    padding-left: 20px;
}

.skill_wrap .txtbox .img {
    float: left;
    display: inline;
    width: 30px;
    margin-right: 10px;
}

.skill_wrap .txtbox .parag {
    display: block;
    font-size: 15px;
    color: #555;
    margin-bottom: 12px;
    line-height: 22px;
}

.skill_wrap .txtbox .parag_in {
    float: left;
    margin: 20px 0 40px;
    width: 100%;
    background: url(/images/study/stuey_high_bg2.png) left 60% no-repeat;
}

.skill_wrap .txtbox .parag_in li {
    margin: 0 0 20px 270px;
    display: block;
    font-size: 14px;
    line-height: 22px;
    color: #666;
}

.skill_wrap .txtbox .parag_in li img {
    display: block;
    margin: 16px 0 10px;
}

.skill_wrap .txtbox:after {
    content: "";
    display: block;
    clear: both;
}

/*도움학습_단어*/
.dic_list {
    border: 1px solid #045576;
    padding: 4px 10px;
    margin-right: 5px;
    border-radius: 10px;
    background: #045576;
    color: #fff;
    word-wrap: break-word;
    word-break: normal;
    line-height: 2.5em;
    cursor: pointer;
    font-weight: bold;
    font-size: 17px;
    letter-spacing: 0px;
}

a.dic_list:hover {
    color: #666;
    background: #fff;
    border: 1px solid #045576;
}

a.dic_list.on {
    color: #666;
    background: #fff;
    border: 1px solid #045576;
    font-weight: bold;
}

/* IE용 word-wrap; word-break */
.zzzz {
    display: inline-block;
}

.imgView {
    cursor: default;
}

#imgViewer {
    display: none;
}

.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    /*
    line-height: 1.1em;
    height: 1.1em;*/ /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
}


/*---section6_에듀스TV---*/
.sec6_wrap { background:#fff; padding:30px 0 10px;margin-bottom:0px;padding-bottom:100px}
.etv_wrap { position:relative;height:390px }
.etv_wrap li { position:relative; float:left; background:#fff;width:215px; height:215px; margin-bottom:10px;}
.etv_wrap li a { display:inline-block; text-align:center;width:190px;  padding:14px 14px 0px 14px; border:1px solid #c6d8dd;  text-decoration: none; }
.etv_wrap li a:hover { border:1px solid #01a8cc;transition: all 0.5s;background-color:#f0fdff;color:#01a8cc; text-decoration: none;}
.etv_wrap li a:hover dl dt{color:#01a8cc;text-decoration:none}
.etv_wrap li a:hover dl dd{color:#01a8cc;text-decoration:none}
.etv_wrap li a:hover .bt_play{background-size:15px;transition: all 0.5s;}

.etv_wrap li a:a dl dt{color:#01a8cc;transition: all 0.5s}
.etv_wrap li .etv_thum { position:relative; width:100%; margin-bottom:12px;}
.etv_wrap li .etv_mtit { font-size:14px; color:#333; margin-bottom:10px;display:block;width:180px;height:40px; text-decoration: none;}
.etv_wrap li .etv_count { font-size:12px; color:#777; letter-spacing:-0.03em;  }
.etv_wrap li .etv_count img { vertical-align:middle; margin-right:4px;}
.etv_wrap li .bt_play { position:absolute; left:74px; top:36px; width:41px; height:41px; z-index:555; background:rgba(43, 180, 218, 0.8) url(/images/bt_play_arr.png) center no-repeat; border-radius:50%;}

.etv_wrap li:nth-child(5) { margin-right:0; }

.video-popup.reveal {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  z-index:9999
}

.video-popup .video-wrapper {
  position: relative;
  width: 80%;
  padding-bottom: 45%;
  z-index: 10
}

.video-popup .video-wrapper iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

.video-popup.reveal .video-popup-closer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 9
} 



/*----------Table----------*/
.t_st_media {
    width: 100%;
    text-align: center;
}

.t_st_media th {
    height: 53px;
    border-top: 2px solid #333;
    border-bottom: 1px solid #333;
    font-size: 15px;
    color: #333;
	font-weight:500;
	opacity:0.8
}

.t_st_media td {
    height: 50px;
    border-bottom: 1px solid #dadada;
    font-size: 15px;
    vertical-align: middle;
    letter-spacing: -0.02em;
	word-break:keep-all;
}

.t_st_media td span.ing{ color:#0066cc}
.t_st_media td span.end{ color:red}

.t_st_media td img{
	width:180px;margin:10px 0px;
}

.t_st_media td > a:hover {
    text-decoration: underline;
}

.td_l {
    text-align: left;
    padding-left: 12px;
    width: 575px
}

.t_st_media td.ans {
    padding: 30px;
    color: #888;
    text-align: left;
}


a.admin_btn {
    background: #0399db;
    color: #fff;
    font-size: 12px;
    padding: 2px 7px;
    font-weight: bold;
    border-radius: 2px;color: #fff; display: inline
}