@charset "UTF-8";


.productList figure {margin: 0 ;}
.productList h3 {font-weight: 400 ;}
/* ***************
    productList-S
 *************** */
/* productList-공통-S */
.productList{ float: left;
    width: 850px; margin-bottom: 100px; text-align: left; line-height: 22px;
    position: relative;
}
.productList .content-header {position: relative; margin-bottom: 44px;}
.productList .content-header .breadcrumb{ 
    width: 100%;
    font-size: 13px; text-align: right; color: #4b4b4b;
    position: absolute; right: 0;top: -22px;
  }
.productList .content-header .breadcrumb .home {color: #000;}
.productList .content-header h2 {
    padding-bottom: 20px; margin: 0 0 20px 0 ; border-bottom: 1px solid #e6e6e6; 
    font-weight: 400; font-size: 20px; color: #333333; 
}

.productList .content-header .sub-title {color: #999999; font-size: 13px; font-weight: 300; line-height: 1.4em;}
.productList .content-header .sub-title span {display: block; 
    padding-left: 14px;
    position: relative; 
}
.productList .content-header .sub-title span:before {content: ''; 
    position: absolute; top: 8px; left: 1px; 
    background-color: #927fb6; 
    width: 3px; height: 3px; 
    border-radius: 50%;
}

.productList .questionTab .allQuestion.tab {width: 150px;}
.productList .questionTab .allQuestion.tab a {text-align: center;}

/* 가장 큰 제목 영역- S **********/
.productList-header{ overflow: hidden;
    width: 850px; height: 420px; padding: 20px 0 0 40px ; margin-bottom: 20px;
    text-align: left;
    background-image: url("product-bg.png");
    position: relative;
}
.productList-header > p {
    margin-bottom: 20px;
    font-size: 14px; line-height: 23px; color: #666; letter-spacing: -1px;
}
h3.productList-header-tit {
    color: #684c96; letter-spacing: -2px;
    position: relative; z-index: 100;
}
h3.productList-header-tit em{display: block;
    width: 560px; height: 30px; margin-bottom: 10px;
    color: #927fb6; 
    position: relative;
}
h3.productList-header-tit em > span{
    height: 30px;
    background-color: #d2dbe5;
    position: absolute;left: 0;top: 0; z-index: 10;
}
h3.productList-header-tit em span strong{display: inline-block;
    height: 30px; 
    font-size: 16px; line-height: 30px;
}
h3.productList-header-tit em::after {content: "";
    width: 100%; height: 3px;
    background-color: #fff;
    position: absolute; left: 0; top: 14px;
}
h3.productList-header-tit em span span {display: inline-block;
    width: 20px;
}
h3.productList-header-tit > strong{ display: block;
    margin-bottom: 5px;
    font-weight: 700; font-size: 52px; line-height: 60px; letter-spacing: -5px;
    position: relative; z-index: 100;
}
h3.productList-header-tit > strong > span{font-size: 30px; line-height: 30px; letter-spacing: -2px;}
h3.productList-header-tit > span{ display: block;
    font-size: 30px; line-height: 45px; letter-spacing: -2.5px;
}
h3.productList-header-tit::after {content: ""; display: block;
    width: 560px; height: 3px; margin: 25px 0 15px;
    background-color: #fff;
}
.productList-header-desc {
    font-size: 15px; line-height: 26px; color: #636467; letter-spacing: -.5px;
}
.productList-header-box {text-align: center;}
.productList-header-box figure{margin-bottom: 10px;}
.productList-header-box p{
    margin-bottom: 20px;
    font-size: 17px; line-height: 27px; 
}
/* 가장 큰 제목 영역- E **********/

.productList-article{
    padding-bottom: 20px;
    line-height: 23px; color: #555;
}
.productList-article-em {
    font-size: 15px;
    padding-left: 20px; margin-bottom: 15px;
}
.productList-article h4{
    width: 100%; height: 40px; margin-bottom: 20px; border-bottom: 2px solid #333;
    font-weight: 700; font-size: 17px;  line-height: 40px;
}
.productList-article h4 > span {font-size: 14px;}
.productList-article > div {
    font-size: 14px; padding-left: 20px;
}
.productList-article-decs {}
.productList-article-decs > p{
    padding-left: 20px; margin-bottom: 10px;
    font-weight: 700; font-size: 16px; color: #333;
    position: relative;
}
.productList-article-decs > p::after {content: "";
    width: 7px; height: 7px;
    background-color: #333;
    position: absolute; left: 0;top: 8px;
}
.productList-article-decs.productList-icon2{
    padding-left: 70px;
    background: url(../../Product/product-icon02.png) no-repeat 20px top;
}
.productList-article-decs.productList-icon2 p::after {display: none;}
.productList-article-p {margin-bottom: 20px; padding-left: 20px;}

.no2 figure {margin: 20px 0;}

.productList-list {margin-bottom: 30px; padding-left: 20px;}
.productList-list > li {margin-bottom: 5px;}
.productList-list li{
    padding-left: 20px;
    position: relative;
}
.productList-list li .num{
    height: 23px; padding-right: 10px;
    position: absolute; left: 0;top: 0;
}

/* 학생들의 반응 -S */
.productList .productList-reaction{
    padding-left: 100px; margin-bottom: 10px;
    position: relative;
}
.productList .productList-reaction-icon{
    width: 110px; height: 99px;
    text-indent: -10000px;
    background-image: url(https://image3.masterprep.net/teacher-img/teacher-reaction-title.png);
    position: absolute; left: 0;top: 0;
}
.productList .productList-reaction-box{
    width: 730px;
    padding: 20px 0 20px 30px;
    font-size: 14px;
    background-color: #f8f8f8;
}
.productList .productList-reaction-box > p {margin-bottom: 10px;}
/* 학생들의 반응 -E */

/* PRODUCT-Table -S */
.productList .ui-table {padding-left: 20px;}
/* .productList .ui-table td {padding: 10px 20px;} */
.productList .ui-table td {padding: 10px 10px;}
.product.productList .ui-table th + th {border-left: 1px solid #fff;}
/* .productList .ui-table td + td {border-left: 1px solid #d9d9d9;} */
/* PRODUCT-Table -E */

/* 강사 이미지 위치 - S */
.productList-header-img {position: absolute; right: 0;bottom: 0;z-index: 100;}
.productList-header-img.albert-shim{right: 20px; bottom: -70px;}
.productList-header-img.brian-rhee{right: 20px; bottom: -70px;}
.productList-header-img.christine-lee{right: 10px; bottom: -200px;}
.productList-header-img.chris-choi{right: 10px; bottom: -90px;}
.productList-header-img.caits-lee{right: -40px; bottom: -220px;}
.productList-header-img.dani-kim{right: -80px; bottom: -120px;}
.productList-header-img.eddie-ham{right: 10px; bottom: -30px;}
.productList-header-img.eunjung-choi{right: 10px; bottom: -170px;}
.productList-header-img.elin-jang{right: 10px; bottom: -160px;}
.productList-header-img.grace-lee{right: 10px; bottom: -70px;}
.productList-header-img.harry-kim{right: 10px; bottom: -240px;}
.productList-header-img.haley-yang{right: 10px; bottom: -80px;}
.productList-header-img.harim-yoo{right: 10px; bottom: -280px;}
.productList-header-img.jin-bae{right: 10px; bottom: -200px;}
.productList-header-img.jason-lee{right: 10px; bottom: -200px;}
.productList-header-img.jeongseok-yoon{right: 10px; bottom: -160px;}
.productList-header-img.junga-lee{right: 0px; bottom: -70px;}
.productList-header-img.kelda-park{right: 20px; bottom: -70px;}
.productList-header-img.kevyn-lee{right: 20px; bottom: -300px;}
.productList-header-img.ki-young-song{right: -15px; bottom: -70px;}
.productList-header-img.kelly-chung{right: 0px; bottom: 0px;}
.productList-header-img.lisa-kim{right: 20px; bottom: -150px;}
.productList-header-img.leonard-lee{right: 10px; bottom: -150px;}
.productList-header-img.liz-ki{right: 10px; bottom: -140px;}
.productList-header-img.michael-lee{right: 20px; bottom: -130px;}
.productList-header-img.paul-jang{right: 20px; bottom: -120px;}
.productList-header-img.roger-chang {right: 0;bottom: 0;}
.productList-header-img.roy-lee {right: 30px; bottom: -120px;}
.productList-header-img.simon-lim{right: -60px; bottom: 0px;}
.productList-header-img.sunny-kim{right: 20px; bottom: -70px;}
.productList-header-img.sehee-han{right: 10px; bottom: -100px;}
.productList-header-img.steve-han{right: 10px; bottom: -40px;}
.productList-header-img.serena-sung{right: 10px; bottom: -100px;}
.productList-header-img.sun-ha-choi{right: 10px; bottom: -150px;}
.productList-header-img.soyun-jung{right: 20px; bottom: -250px;}
.productList-header-img.sam-choi{right: 10px; bottom: 0px;}
.productList-header-img.ted-chung{right: 20px; bottom: -70px;}
.productList-header-img.unigrant{right: 10px; bottom: 0px;}
.productList-header-img.yeongmi-lee{right: 10px; bottom: -160px;}
.productList-header-img.young-kwon{right: 10px; bottom: -200px;}
/* 강사 이미지 위치 - E */

/* 단순 반복 스타일 - S */
.product-violet-box {
    margin: 15px 0; padding: 20px;
    font-weight: 500; font-size: 16px; line-height: 25px; color: #333; letter-spacing: -1px;
    background-color: #e1ddec;
}
.product-violet-box strong{display: block;
    margin-bottom: 5px;
    font-weight: 500; font-size: 18px; line-height: 24px; color: #684c96;
}
.product-blue-box {
    margin: 15px 0; padding: 20px; border: 1px solid #b3c5dc; border-radius: 5px;
    font-size: 17px; line-height: 26px; color: #222; letter-spacing: -1px; text-align: center;
    background-color: #e8f0fe;
}
.product-blue-box .blue{color: #2252be;}
.pl-gray-box {
    margin-left: 20px;
    font-size: 17px;
    background-color: #f0f0f0;
}
.product-red-box {
    width: 95%; margin: 20px auto; padding: 20px;
    font-size: 17px; text-align: center;
    border: 2px solid #cf3f12;
}
.product-yellow-box {
    width: 95%; margin: 20px auto; padding: 20px;
    border: 2px solid #dac0a1;
    text-align: left;font-size: 17px;
    background-color: #f3e5d4;
}
.product-gray-box{
    width: 600px; margin: 0 auto; padding: 20px;
    text-align: center; font-size: 17px;
    background-color: #e8ecef;
}
.product-white-box{
    width: 760px; margin: 10px 0; padding: 20px; 
    text-align: left; font-size: 17px;
    background-color: #fff;
    position: relative; z-index: 1000;
}
.product-border-box {
    width: 100%; padding: 24px 0;
    font-size: 17px; text-align: center; line-height: 24px;
    border: 3px solid #b8adca;
}
.product-set-box {
    width: 600px; margin-left: 20px; padding-left: 0;
    border: 1px solid #b8adca;
}
.product-set-box > li {float: left;
    width: 50%; padding-left: 0; margin-bottom: 0;
}
.product-set-box > li:first-child {border-right: 1px solid #b8adca;}
.product-set-box strong { display: block;
    width: 100%; height: 30px;
    font-weight: 700; font-size: 16px; color: #fff; text-align: center; line-height: 30px;
    background-color: #7c55aa;

}
.product-set-box li ul {padding-left: 20px; line-height: 30px;}

.pl-Violet {color: #684c96 !important;}
.pl-Orange {color: #cf3f12 !important;}
.pl-Blue {color : #4555ad !important;}
.pl-555 {color: #555 !important;}
.pl-red {color: #cf3f12 !important;}
.pl-bgc-f6 {background-color: #f6f6f6 !important;}
.bl-fff {border-left: 1px solid #fff;}

.pl-UnderLine {text-decoration: underline !important;}
.db{display: block  !important ;}
.ta-l {text-align: left !important ;}

.fw400{font-weight: 400  !important ;}
.fw700{font-weight: 700  !important ;}
.fs-italic{font-style: italic;}
.fs14{font-size: 14px  !important;}
.fs16{font-size: 16px  !important;}
.fs18{font-size: 18px  !important;}

.pl20 {padding-left: 20px  !important ;}    
.pl50 {padding-left: 50px !important;}    
  

.mt10 {margin-top: 10px  !important;}    
.mr10 {margin-right: 10px  !important;}    
.mb10 {margin-bottom: 10px  !important;}    
.ml10 {margin-left: 10px  !important;}    
/* 단순 반복 스타일 - E */
/* productList-공통-E */

/* dept01-02-S */
.dept01-02 .productList-list.pl55 > li {padding-left: 55px;}
.dept01-02 .productList-list.pl55 > li .num {font-weight: 700;}

/* dept01-03-S */
.dept01-03 .no2 .productList-article-decs li{ float: left; width: 300px;}
.dept01-03 .no2 .productList-article-decs li:nth-child(even){ width: 400px;}

/* dept01-04-S */
.dept01-04 .no2 .pl-Orange { display: block; padding-left: 20px; margin-bottom: 10px;}

/* dept01-05-S */
.dept01-05 .productList-header {height: 450px;}
.dept01-05 .no1 > div > strong{ font-weight: 700; font-size: 18px; }
.dept01-05 .no1 .product-violet-box{ 
    padding-left: 60px;
    position: relative;
}
.dept01-05 .no1 .product-violet-box::after {content: "";
    width: 21px;height: 17px;
    background-image: url(../../Product/product-icon03.png);
    position: absolute; left: 25px;top: 23px;
}
.dept01-05 .no1 .product-violet-box em{ display: block; 
    font-weight: 700; font-size: 16px; color: #401e68;
}

/* dept01-06-S */
.dept01-06 .no1 .productList-list > li{margin-bottom: 10px;}

/* dept01-07-S */
.dept01-07 .productList-header-img.sehee-han{right: 10px; bottom: -200px;}
.dept01-07 .no1 > div {position: relative;}
.dept01-07 .no1 > div figure {position: absolute; right: 30px; top: 100px;}
.dept01-07 .no6 .productList-article-decs{margin-bottom: 10px;}
.dept01-07 .no6 .productList-article-decs em{float: left;
    width: 200px; height: 50px;
    font-weight: 900; font-size: 50px;  line-height: 50px; color: #000; text-align: center;
}
.dept01-07 .no6 .productList-article-decs:nth-child(2) em {line-height: 90px;}
.dept01-07 .no6 .productList-article-decs .productList-list {float: left;}

/* dept01-08-S */
.dept01-08 .no1 strong{ padding-left: 20px; font-weight: 700; font-size: 16px;}

/* dept01-09-S */
.dept01-09 .productList-header {height: 450px;}
.dept01-09 .productList-article-decs > p::after {display: none;}
.dept01-09 .productList-article-decs > strong { padding-left: 20px; margin:  20px 0 10px 0;  font-size: 16px;}
.dept01-09 .no2 li { margin-bottom: 10px; padding-left: 0;}

/* dept01-10-S */
.dept01-10 .productList-header {height: 500px;}
.dept01-10 .productList-header .productList-article-decs p{
    padding-left: 0; margin-bottom: 15px;
}
.dept01-10 .productList-header .productList-article-decs p::after{display: none;}
.dept01-10 .productList-header .productList-article-decs .productList-list{padding-left: 0;
    font-size: 14px; color: #666;
}

/* dept01-10-02-S */
.dept01-10-02 .no1 .productList-article-decs{ position: relative;}
.dept01-10-02 .no1 .productList-article-decs figure{
    position: absolute; right: 0;top: 10px; 
}
.dept01-10-02 .no2 .pl-gray-box {padding: 20px;}

/* dept01-10-03-S */
.dept01-10-03 .no2 .productList-article-decs {position: relative;}
.dept01-10-03 .no2 .productList-article-decs figure{position: absolute; right: 0;top: 0;z-index: -1;}

/* dept01-10-04-S */
.dept01-10-04 .no1 .productList-article-decs{position: relative;}
.dept01-10-04 .no1 .productList-article-decs figure{position: absolute; right: 0;top: 0;}

/* dept01-11-S */
.dept01-11 .productList-header{ height: 450px;}

/* dept01-12-02-S */
.dept01-12-02 .productList-header{ height: 450px;}

/* dept02-01-S */
.dept02-01 h3 > strong{ margin-top: 50px;}
.dept02-01 .no1 div div{font-size: 18px; line-height: 30px;}
.dept02-01 .dept02-01-img > div {margin-bottom: 30px;padding-top: 30px;}
.dept02-01 .dept02-01-img > .productList-article-decs {width: 600px;}
.dept02-01 .dept02-01-img > .productList-article-decs + .productList-article-decs {border-top: 1px solid #b5b5b5;}
.dept02-01 .dept02-01-img figure {float: left; margin: 0 35px 0 0;}
.dept02-01 .dept02-01-img figcaption {display: block;
    font-size: 16px; text-align: center; line-height: 40px;
}
.dept02-01 .dept02-01-img .productList-list {float: left; margin: 0;}
.dept02-01 .dept02-01-img .productList-list > li {padding-left: 60px;}
.dept02-01-special strong{display: block;
    width: 170px; height: 50px; margin-bottom: 20px;    
    font-weight: 700; font-size: 16px; color: #fff; text-align: center; line-height: 50px;
    background-color: #6e489b;
}
.dept02-01 .dept02-01-img .dept02-01-special > ul > li {padding-left: 20px;}
.dept02-01 .dept02-01-img .dept02-01-special li li li {padding-left: 0px;}
.dept02-01-special .dept02-01-special-box { line-height: 30px;}
.dept02-01-special .dept02-01-special-box > li {padding-left: 0px; margin: 15px 0;}
.dept02-01-special .dept02-01-special-box em { float: left;
    width: 70px;
    font-weight: 700; color: #fff; text-align: center;
    background-color: #6e489b;
}
.dept02-01-special .dept02-01-special-box > li:first-child em{height: 60px;}
.dept02-01-special .dept02-01-special-box ul {float: left;
    width: 600px; padding-left: 20px;
    background-color: #e8e8e8;
}
.dept02-01-special .dept02-01-special-box ul li { float: left;}
.dept02-01-special i {display: inline-block; margin: 0 10px;}
.dept02-01-box  {
    width: 820px; margin: 0 auto 30px auto;
    background-color: #f4f4f4;
}
.dept02-01-box strong{display: block;
    width: 100%; height: 50px;
    font-weight: 700; font-size: 18px; line-height: 50px; letter-spacing: 2px; text-align: center; color: #fff;
    background-color: #e25d1b;
}
.dept02-01-box div {
    width: 100%; height: 290px;
    padding: 90px 0 45px 250px;  
    position: relative;
} 
.dept02-01-box div::before {content: "";
    width: 151px; height: 194px;
    background-image: url('https://image3.masterprep.net/content/community/communityColumnBook.png');
    position: absolute; left: 65px;top: 45px;
    box-shadow: 8px 6px 0 #c3c3c3;
}
.dept02-01-box em {display: block;
    margin-bottom: 20px;
    font-size: 18px;
} 
.dept02-01-box span {font-weight: 700;}
.dept02-01-box li {
    height: 30px; padding-left: 20px;
    font-size: 15px; line-height: 30px;
    position: relative;
}
.dept02-01-box li::after {content: "";
    width: 9px; height: 3px; 
    background-color: #e78859;
    position: absolute; top: 15px; left: 0; 
}

/* dept02-02-S */
.dept02-02 .productList-header-box .productList-list{
    width: 720px; margin: 0 auto 20px auto; padding: 20px;
    text-align: left; line-height: 27px;
    background-color: #e8ecef;
}
.dept02-02 th , .dept02-02 td {vertical-align: middle;}
.dept02-02 .ui-table th { color: #fff; background-color: #684c96;}
.dept02-02 .ui-table td { border-bottom: 1px solid #fff; background-color: #e1ddec}
.dept02-02 .no2 .ui-table td + td {border-left: 1px solid #fff;}
.dept02-02 tbody tr:nth-child(2) td {background-color: #f2eff8;}
.dept02-02 tbody tr:nth-child(4) td {background-color: #f2eff8;}
.dept02-02 tbody tr:nth-child(5) td {background-color: #eee9f6;}
.dept02-02 tbody tr:nth-child(7) td {background-color: #f2eff8;}

/* dept02-03-S */
.dept02-03 .productList-header {height: 570px;}
.dept02-03 .productList-header-tit em {margin-bottom: 5px;}
.dept02-03 .productList-header-tit strong span {font-size: 20px;}
.dept02-03 .no2 { height: 550px;}
.dept02-03 .no2 .productList-article-decs{ position: relative;}
.dept02-03 .no2 .productList-article-decs figure{position: absolute; right: 0;top: 0;}

/* dept02-02-03-S */
.dept02-02-03 .productList-header {height: 470px;}
.dept02-02-03 .no2 p span { display: block;
    font-weight: 400; letter-spacing: -1.5px;
}

/* dept02-04-S */
.dept02-04 .no2 .productList-article-decs{position: relative;}
.dept02-04 .no2 .productList-article-decs figure{position: absolute; right: 0;top: 0;}

/* dept02-05-S */
.dept02-05 .no1 .productList-list{margin-bottom: 0; padding-left: 0;}
.dept02-05 .ui-table th { color: #fff; background-color: #684c96;}
.dept02-05 .ui-table td { border-bottom: 1px solid #fff; background-color: #e1ddec}
.dept02-05 .productList-article .ui-table td + td {border-left: 1px solid #fff;}
.dept02-05 tbody tr:nth-child(2) td {background-color: #f2eff8;}
.dept02-05 tbody tr:nth-child(4) td {background-color: #f2eff8;}
.dept02-05 .dept02-05-fl li {width: 50%; float: left;}
.dept02-05 .dept02-05-fl li:nth-child(n+1):nth-child(-n+4) {width: 100%;}
.dept02-05 .dept02-05-last strong{font-weight: 700;}
.dept02-05 .dept02-05-last ul:nth-of-type(1) {margin-bottom: 20px;}

/* dept02-05-03-S */
.dept02-05-03 .no2 .tit{
    margin-bottom: 15px;
    font-weight: 700; font-size: 18px;
}
.dept02-05-03 .no2 .desc{display: block;
    font-weight: 400; font-size: 14px;
}

/* dept02-06-02-S */
.dept02-06-02 .productList-box{
    margin-bottom: 30px;
    font-size: 18px; text-align: center;
}
.dept02-06-02 .productList-box p{font-size: 18px;}
.dept02-06-02 .productList-box em{display: block;
    height: 30px;
}
.dept02-06-02 .no2 p span {display: block;
    font-weight: 400;
}

/* dept02-07-02-S */
.dept02-07-02 .productList-box{
    margin-bottom: 30px;
    font-size: 18px; text-align: center;
}
.dept02-07-02 .productList-box p{font-size: 18px;}
.dept02-07-02 .productList-box em{display: block;
    height: 30px;
}
.dept02-07-02 .no2 p span {display: block;
    font-weight: 400;
}

/* dept02-09-S */
.dept02-09 .dept02-09-box > div {float: left;}
.dept02-09 .dept02-09-box > div + div { margin-left: 50px;}
.dept02-09 .no2 .dept02-09.pl70 li {padding-left: 70px;}

/* dept02-09-02 -S */
.dept02-09-02 .productList-header {height: 460px;}

/* dept02-10-S */
.dept02-10 .dept02-10-box > div {float: left;}
.dept02-10 .dept02-10-box > div + div { margin-left: 50px;}

/* dept02-11-02-S */
.dept02-11-02 .productList-header{height: 480px;}
.dept02-11-02 .no1 .productList-article-decs{position: relative;}
.dept02-11-02 .no1 figure{position: absolute; right: 0; top: 0;}

/* dept02-12-S */
.dept02-12 .productList-header {height: 480px;}
.dept02-12 .no2 p span {display: block;
    font-weight: 400; font-size: 14px;
}

/* dept02-14-S */
.dept02-14 .dept02-09-box > div {float: left;}
.dept02-14 .dept02-09-box > div + div { margin-left: 50px;}
.dept02-14 .no2 .dept02-09-pl70 li {padding-left: 70px;}

/* dept03-01-02-S */
.dept03-01-02 .productList-header {height: 480px;}
.dept03-01-02 .no2 > div{position: relative;}
.dept03-01-02 .no2  div div { float: left;}
.dept03-01-02 .no2 div figure{position: absolute; right: 0;top: -20px;}
.dept03-01-02 .no2 .pl-gray-box {font-size: 14px; padding: 15px;}

/* dept03-02-S */
.dept03-02 .productList-header {height: 500px;}
.dept03-02 .no2 li { color: #3972b9;}
.dept03-02-table { width: 650px; margin-left: 50px;}
.dept03-02-table div{
    padding: 20px 50px;
    border-top: 1px solid #ccc;
    position: relative;
}
.dept03-02-table div:last-child { border-bottom: 1px solid #ccc;}
.dept03-02-table strong{
    width: 90px; height: 30px;
    font-size: 16px; text-align: center; line-height: 30px; color: #fff;
    background-color: #684c96;
    position: absolute; right: 50px; top: 20px;
}
.dept03-02-table ul{ color: ##684c96;}

/* dept03-04-S */
.dept03-04 .no2 > div > div:nth-of-type(3) > ul > li {padding-left: 50px;}
.dept03-04 .ui-table { margin-bottom: 30px;}
.dept03-04 .ui-table tbody tr:nth-of-type(1){ background-color: #f6f6f6;}
.dept03-04 .ui-table tbody tr:nth-of-type(3){ background-color: #f6f6f6;}
.dept03-04 .ui-table tbody td:first-child {font-weight: 700;}

/* dept03-06-S */
.dept03-06 .no2 .product-violet-box::after{display: none;}

/* dept03-07-02-S */
.dept03-07-02 .no2 > div > div{position: relative}
.dept03-07-02 .no2 > div > div figure {position: absolute; right: 0;top: 0;}


/* dept04-01-S */
.dept04-01 .no2 .productList-list li:nth-child(2) li {padding-left: 50px;}

/* dept04-03-02-S */
.dept04-03 .no2 > div > p {
    width: 100%; height: 40px; padding-left: 20px; margin: 15px 0;
    font-size: 16px; color: #fff; line-height: 40px;
    background-color: #684c96;
}
.dept04-03 .no2 .productList-article-decs {position: relative;}
.dept04-03 .no2 > div > div > figure{position: absolute; z-index: 1;}
.dept04-03 .no2 > div > div > .dept04-03-img1 {right: 0;top: 0;}
.dept04-03 .no2 > div > div > .dept04-03-img2 {right: 0;bottom: -20px;}
.dept04-03 .no2 tbody tr:nth-child(odd) {background-color: #f6f6f6;}
.dept04-03 .no2 tbody tr:nth-child(3) td {border-left: 1px solid #d9d9d9;}

/* dept04-03-02-S */
.dept04-03-02 .no2 .productList-article-decs{position: relative;}
.dept04-03-02 .no2 .productList-article-decs figure{position: absolute; right: 0;top: 0;}

/* dept04-04-02-S */
.dept04-04-02 .no1 .pl-Blue {font-size: 14px;}

/* dept04-05-02-S */
.dept04-05-02 .product-violet-box.pl-Violet::after{display: none;}

/* dept04-05-03-S */
.dept04-05-03 .productList-header{ height: 450px;}

/* dept04-06-S */
.dept04-06 .productList-header {height: 450px;}

/* dept04-09-S */
.dept04-09 .no2 > div > div:nth-of-type(2) ul ul li {padding-left: 0;}
.dept04-09 .no2 .dept04-09-bar {
    width: 613px; height: 45px; padding-left: 20px; margin-bottom: 20px;
    font-size: 17px; font-weight: 700; line-height: 38px; color: #fff; 
    background-image: url(../../Product/product-dept04-09-icon01.png);
}

/* dept04-13-S */
.dept04-13 em.product-violet-box{display: block;
    font-weight: 700; font-size: 16px;
}
.dept04-13 em.product-violet-box span{display: block;
    font-weight: 400; font-size: 14px; 
}

/* dept04-13-02-S */
.dept04-13-02 .no2 figure {width: 100%; text-align: center;}

/* dept04-16-S */
.dept04-16 .no2 {}
.dept04-16 .no2 dl{padding-left: 20px; margin-bottom: 20px;
    line-height: 30px;
}
.dept04-16 .no2 dt{ display: inline-block;
    padding: 0 20px;
    color: #000;
    background-color: #87d3f3; 
}
.dept04-16 .no2 dd{font-style: italic;}
.dept04-16 blockquote {
    width: 550px;  margin-top: 20px;
    text-align: center; color: #806ba5;
}

/* dept04-17-S */
.dept04-17 .dept02-09-box > div {float: left;}
.dept04-17 .dept02-09-box > div + div { margin-left: 50px;}
.dept04-17 .dept02-09-box ul { padding-left: 30px;}
.dept04-17 .no2 .dept02-09-pl70 li {padding-left: 70px;}

/* dept04-18-S */
.dept04-18 .productList-header-tit > strong {letter-spacing: -6px;}

/* dept04-19-S */
.dept04-19 .productList-header-tit > strong {line-height: 50px;letter-spacing: -4px;}

/* dept05-01-S */
.dept05-01{} .s-box{margin-top: 20px;}
.dept05-01{} .s-box p{ float: left;
    width: 80px; height: 50px; padding: 5px 5px 0; margin-right: 20px;
    font-weight: 700; font-size: 15px; line-height: 20px; text-align: center; color: #fff;
    background-color: #684c96;
}
.dept05-01{} .s-box ul{float: left; 
    font-weight: 700;
}
.dept05-01{} .s-box ul li{}

/* dept05-03-S */
.dept05-03 .productList-header figure{bottom: -320px;}
.dept05-03 .productList-header-box ul{width: 510px; margin: 0 auto;}
.dept05-03 .productList-header-box ul::after {content: "";
    display: block; clear: both;
}
.dept05-03 .productList-header-box li{ float: left;
    width: 250px; height: 40px; margin-bottom: 10px; padding-left: 15px;
    line-height: 40px; text-align: left;
    background-color: #e0daea;
}
.dept05-03 .productList-header-box li:nth-child(odd){margin-right: 10px;}
.dept05-03 .no1 .productList-article-decs {position: relative;}
.dept05-03 .no1 .productList-article-decs figure {position:absolute; right: 0;top: 0; }

/* dept05-04-S */
.dept05-04{}
.dept05-04 .no1 .product-gray-box{ width: 100%;
    margin-bottom: 20px; padding-left: 50px;
    text-align: left; 
}
.dept05-04 .no1 .product-gray-box > p {
    height: 56px;
    line-height: 56px;
}
.dept05-04 .no1 .product-gray-box > p::before{content: "";float: left;
    width: 56px; height: 56px; margin-right: 20px;
    background: url(../../Product/product-dept05-04-icon01.png);
}
.dept05-04 .no1 .product-gray-box .productList-list {
    padding-left: 76px; margin-bottom: 0;
    font-size: 14px;
}

/* dept05-05-S */
.dept05-05 .dept05-05-box{}
.dept05-05 .dept05-05-box > li{float: left;
    width: 350px; margin-bottom: 20px;
}
.dept05-05 .dept05-05-box > li:first-child {margin-right: 30px;}
.dept05-05 .dept05-05-box span{ display: block;
    width: 130px; height: 30px; padding-left: 20px; margin-bottom: 10px;
    color: #fff; line-height: 30px;
    background-color: #9f8ac1;
    border-radius: 5px;
}
.dept05-05 .dept05-05-box ul{
    padding: 20px;
    background-color: #f0eef5;
    border-radius: 5px;
}
.dept05-05 .dept05-05-box ul li{}

/* dept05-06-S */
.dept05-06 .product-violet-box.pl-Violet::after{display: none;}

/* dept05-07-S */
.dept05-07 .product-violet-box.pl-Violet::after{display: none;}

/* dept05-07-02-S */
.dept05-07-02 .dept05-07-02-box {width: 450px; 
    border: 1px solid #fff;
}
.dept05-07-02 .dept05-07-02-box li{ float: left;
    width: 200px;
}

/* dept05-09-S */
.dept05-09 .no2  p.product-border-box {
    text-align: left;}
.dept05-09 .no2  p.product-border-box::after {display: none;}

/* dept05-10-S */
.dept05-10 .product-gray-box ul:first-child {
    width: 400px; margin: 0 auto 20px;
    text-align: left;
}
.dept05-10 .product-gray-box ul:last-child {
    width: 300px; margin: 0 auto;
    text-align: left;
}

/* dept05-10-02-S */
.dept05-10-02 .pl-gray-box{
    padding: 30px 0 1px 50px ;
    text-align: left; line-height: 25px;
}
.dept05-10-02 .pl-gray-box li li {padding-left: 0;}

/* dept05-11-02-S */
.dept05-11-02{}
.dept05-11-02 .no1 .product-gray-box{ width: 100%;
    margin-bottom: 20px; padding-left: 50px;
    text-align: left; 
}
.dept05-11-02 .no1 .product-gray-box > p {
    height: 56px;
    line-height: 56px;
}
.dept05-11-02 .no1 .product-gray-box > p::before{content: "";float: left;
    width: 56px; height: 56px; margin-right: 20px;
    background: url(../../Product/product-dept05-04-icon01.png);
}
.dept05-11-02 .no1 .product-gray-box .productList-list {
    padding-left: 76px; margin-bottom: 0;
    font-size: 14px;
}

/* dept05-13-S */
.dept05-13 .product-violet-box.pl-Violet::after{display: none;}

/* dept05-13-03-S */
.dept05-13-03 .productList-header {height: 450px;}
.dept05-13-03 .productList-article-decs > p::after {display: none;}

/* dept05-15-S */
.dept05-15 {}
.dept05-15 .dept05-15-box{}
.dept05-15 .dept05-15-box > li{float: left;
    width: 330px; margin-bottom: 20px;
}
.dept05-15 .dept05-15-box > li:first-child {margin-right: 30px;}
.dept05-15 .dept05-15-box span{ display: block;
    width: 130px; height: 30px; padding-left: 20px; margin-bottom: 10px;
    color: #fff; line-height: 30px;
    background-color: #9f8ac1;
    border-radius: 5px;
}
.dept05-15 .dept05-15-box > li:first-child ul{height: 255px;}
.dept05-15 .dept05-15-box ul{
    padding: 20px;
    background-color: #f0eef5;
    border-radius: 5px;
}
.dept05-15 .dept05-15-box > li:last-child span{background-color: #9f8ac1;}

/* dept05-16-S */
.dept05-16 .productList-header{ height: 450px;}

/* dept05-17-S */
.dept05-17 .productList-header{ height: 460px;}

/* dept06-01-S */
.dept06-01 .no2 .product-yellow-box{position: relative;}
.dept06-01 .no2 .product-yellow-box figure{position: absolute; right: 20px; bottom: 30px;}
.dept06-01 .dept06-01-box{}
.dept06-01 .dept06-01-box > ul{}
.dept06-01 .dept06-01-box > ul > li{float: left;}
.dept06-01 .dept06-01-box > ul > li:first-child{margin-right: 50px;}
.dept06-01 .dept06-01-box ul ul{}
.dept06-01 .dept06-01-box li li{}

/* dept06-02-S */
.dept06-02 .no2 li {position: relative;}
.dept06-02 .no2 li figure{position: absolute; right: 0;}
.dept06-02 .no2 li:nth-child(1) figure{top: -35px;}
.dept06-02 .no2 li:nth-child(3) figure{top: 0px;}

/* dept06-02-02-S */
.dept06-02-02 .productList-header {height: 480px;}
.dept06-02-02 .no1 .productList-article-decs{position: relative;}
.dept06-02-02 .no1 figure{position: absolute; right: 0;top: 100px;}

/* dept06-03-S */
.dept06-03 .no2 li{position: relative;}
.dept06-03 .no2 li figure{position: absolute; right: 0;top: 0;}

/* dept06-04-S */
.dept06-04 dl{margin-top: 20px;}
.dept06-04 dt{ 
    height: 30px; line-height: 30px;
}
.dept06-04 dt img{ float: left;
    margin-right: 10px;
    vertical-align: middle;
}
.dept06-04 dd{ padding-left: 30px;}

/* dept07-01-02-S */
.dept07-01-02 .productList-reaction{ margin-bottom: 50px;}

/* dept07-02-S */
.dept07-02 .no5 dt{ display: block;
    width: 100px; height: 30px; margin-bottom: 10px; padding: 5px; border: 1px solid #8776a8;
    text-align: center; line-height: 20px; 
}


.product {text-align: left;}
.product p {margin: 0;}
.product-detail {margin-bottom: 32px;}
.product-detail .thumbnail {border: 3px solid #dcdcdc; width: 274px;}
.product-detail:after {content: ''; display: block; clear: both;}
.product-detail .detail {float: left;}
.product-detail .product-summary {width: 546px; margin-left: 24px; color: #333333;}
.product-detail .product-item {margin-bottom: 20px;}
.product-detail .product-item .item-list {display: table; min-height: 44px; font-size: 0; border-bottom: 1px solid #e6e6e6;}
.product-detail .product-item .title {display: table-cell; vertical-align: middle; word-break: keep-all; width: 90%; font-size: 0px; padding: 0px 0 10px; }
.product-detail .product-item .title p {font-size: 18px; line-height: 1.6em;}
.product-detail .product-item span {display: table-cell; vertical-align: middle; font-size: 14px; line-height: 1.5em;}
.product-detail .product-item .item-subject {width: 80px; font-weight: 500; vertical-align: middle;}
.product-detail .product-item .item-subject.vt {vertical-align: top; padding-top: 8px;}
.product-detail .product-item .item-description {font-weight: 300; width: 192px; word-break: keep-all;}
.product-detail .product-item .item-description.full-width {width: 466px; padding: 10px 40px 10px 0px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.product-detail .product-item .item-description.price {color: #cd5d59; font-weight: 500;}
.product-detail .product-item i.icon {display: table-cell; vertical-align: top; padding-right: 2px;}
.product-detail .buttons {font-size: 0;}
.product-detail .buttons button {padding: 0px 10px; margin: 0; margin-left: 8px;}
.product-detail .buttons button:first-child {margin: 0;}
.product .detail-content .more-lecture {border: 1px solid #e4e4e4; font-size: 14px;}
.product .detail-content .more-lecture .lecture-list {position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0 10px 25px;}
.product .detail-content .more-lecture .lecture-list .icon {position: absolute; right: 10px; top: 12px;}
.product .detail-content .more-lecture .lecture-list.title {border-bottom: 1px solid #e4e4e4; background-color: #f9fafb; font-weight: 400;}
.product .detail-content .more-lecture .lecture-list p {color: #666666; line-height: 1.6em; font-weight: 300;}
.product .detail-content .more-lecture .lecture-list.title p {font-weight: 400;}
.detail-tab {margin-top: 40px; border-bottom: 2px solid #927fb6;}
.detail-tab .detail-tab-item {display: table; top: 2px; float: left; background-color: #f9fafb; font-size: 14px; text-align: center; color: #666666; margin-left: -1px; position: relative; z-index: 0; border-bottom: 2px solid #927fb6;}
.detail-tab .detail-tab-item.active {color: #836ea7; z-index: 10; border-bottom: none;}
.detail-tab .detail-tab-item a {display: table-cell; vertical-align: middle; height: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 46px; border: 1px solid #e6e6e6; border-bottom: none;}
.detail-tab .detail-tab-item.active a {border: 2px solid #927fb6; border-bottom: none; height: 32px;}
.product .detail-title {font-size: 18px; color: #333333; border-bottom: 1px solid #e6e6e6; padding-bottom: 12px; margin-top: 48px; margin-bottom: 25px;}
.product .lecture-info {text-align: center; font-size: 22px; color: #684c96; line-height: 2em; margin-bottom: 25px;}
.product .lecture-info-editor {text-align: center; color: #684c96; line-height:50% !important;}
.product .lecture-info-editor p {line-height:1 !important;}
.product .tab-content .ui-table.lecture-table th,
.product .tab-content .ui-table.lecture-table td {-webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 0 20px 24px;}
.product .tab-content .ui-table.lecture-table th {background-color: #f8f8f8; color: #4b4b4b; font-size: 14px; border-bottom: 1px solid #e6e6e6; font-weight: 400; vertical-align: top; padding: 24px 0 24px 16px;}
.product .tab-content .ui-table.lecture-table td {text-align: left; font-size: 14px; line-height: 2em;}
.product .tab-content .ui-table.lecture-table td p.bullet:before {content: '▶'; margin-right: 4px; display: inline-block; font-size: 2px; vertical-align: 2px;}
.product .tab-content .ui-table.lecture-table td ul {padding-left: 12px;}
.product .tab-content .ui-table.lecture-table td ul li {line-height: 1.6em;}
.product .tab-content .paging {text-align: center;}
.product .tab-content .text-book .thumbnail {width: 138px; height: 180px;}
.product .tab-content .text-book-info {float: left; font-size: 14px; color: #666666;}
.product .tab-content .text-book-info.description {width: 680px; margin-left: 30px;}
.product .tab-content .text-book-info.description dl {margin:0 0 14px 0;}
.product .tab-content .text-book-info.description dt.subject {padding-top: 4px; vertical-align: top;}
.product .tab-content .text-book-info.description dt span {display: inline-block; padding: 0 5px;}
.product .tab-content .text-book-info.description dt,
.product .tab-content .text-book-info.description dd {font-family: 'Verdana','Noto Sans KR', serif; font-size: 15px; display: inline-block; line-height: 1.6em;}
.product .tab-content .text-book-info.description dd {margin:0; width: 600px;}
.product .tab-content .text-book-info.description dd .title {color: #333333; font-size: 24px; margin-bottom: 6px;}
.product .tab-content .text-book-info.description dd span {display: block;}
.product .tab-content .text-book-info.description dd a:hover {text-decoration: underline;}
.product .layer.dvdServicePopup {top: 0; left: 50%; margin: 0 0 0 -300px; width: 600px; height: 752px;}
.product .questionTab .tab {width: 150px; text-align: center;}
.product .detail-image {margin-bottom: 30px;}
.product .lecture-detail {position: relative;}
.product .lecture-detail h3 {font-size: 18px; color: #333333; margin-top: 0; font-weight: 500; border-bottom: 2px solid #333333; padding-bottom: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px;}
.product .lecture-detail .lecture-detail-list {margin-bottom: 46px;}
.product .lecture-detail .lecture-detail-list p.summary {color: #4e2a84; font-size: 18px; padding-left: 20px; margin-bottom: 18px;}
.product .lecture-detail .segment.violet {background-color: #e1ddec; border: none; font-size: 16px; color: #4e2a84; margin-left: 0;}
.product .lecture-detail .list {padding: 0 20px;}
.product .lecture-detail .list li {position: relative; font-size: 14px; color: #1c1c1c; margin: 7px 0; line-height: 1.4em;}
.product .lecture-detail .type-number li {padding-left: 16px;}
.product .lecture-detail .type-number li span {display: block; padding-right: 4px; position: absolute; top: 0px; left: 0;}
.product .lecture-detail .type-bullet li {padding-left: 12px; margin-bottom: 20px;}
.product .lecture-detail .type-bullet li:before {content: ''; display: block; position: absolute; top: 5px; left: 0; width: 7px; height: 7px; background-color: #1c1c1c;}
.product .lecture-detail .reaction {position: relative; margin-top: 25px;}
.product .lecture-detail .reaction > span {position: absolute; top: 6px; left: 0; z-index: 10;}
.product .lecture-detail .reaction .segment {background-color: #f8f8f8; margin-left: 100px; padding-top: 10px; padding-left: 35px; font-weight: 300; padding-bottom: 10px; z-index: 9; border: none; color: #666666; font-size: 14px;}
.product .lecture-detail .reaction .segment p.title {color: #333; font-weight: 400;}
.product .lecture-detail .reaction .segment p {margin: 8px 0;}
.product .lecture-detail li p.list-detail {font-size: 14px; color: #1c1c1c; font-weight: 300; margin: 4px 0;}
.product .lecture-detail li p.list-detail span {display: block; padding-left: 10px; margin: 4px 0;}
.product .lecture-detail li p.list-detail .blue,
.product .lecture-detail li p.list-detail.blue {color: #0052ac !important;}
.product .lecture-detail li p.list-detail.orange {color: #cf4a08;}
.product .lecture-detail li p.list-detail em.normal {font-weight: 300; font-style: normal;}
.product .lecture-detail li p.list-detail em {display: block; word-break: keep-all; width: 65%;}
.product .detail-select select {position: absolute; width: 90px; height: 30px; color: #888888; bottom: 12px; right: 0; border: 1px solid #cccccc;}
.product .detail-select h3 {border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; font-size: 20px; padding-top: 55px; margin-top: -1px;}

.product-list .detail-tab {margin-bottom: 20px;}
.product-list .paging {text-align: center;}
.product-list .ui-table .buttons {text-align: right;}
.product-list .ui-table td span {display: block; color: #684c96; padding: 4px 0;}
.product-list .ui-table td .ico-vod-type {margin: 4px 0; display: block;}
.product-list .lecture-search {position: relative; z-index: 100;}
.product-list .lecture-search label {color: #666666; font-size: 14px; vertical-align: middle; margin-right: 10px;}
.product-list .lecture-search span {vertical-align: middle;}
.product-list .lecture-search .segment {margin: 0; height: 38px; text-align: center;}
.product-list .lecture-search .segment a {color: #d97f29; margin: 0 10px 0 5px; display: inline-block;}
.product-list .lecture-search .result {text-align: center; margin: 15px 0 20px; vertical-align: middle;}
.product-list .lecture-search .result span {vertical-align: middle;}