@charset "utf-8";
/* CSS Document */

/*텍스트정렬*/
.ta_r{ text-align:right;}
.ta_l{ text-align:left;}
.ta_c{ text-align:center;    display: flex;    justify-content: center;}
.ta_c2{ text-align:center;}

/*서브타이틀*/
h3.con_title{margin-top:50px; padding-top:12px; font-size:25px; line-height:30px; font-weight:300; color:#000;display:block; top:0; left:0;  background-image:url('../images/sub/h3_bu.png'); background-repeat:no-repeat; background-size:25px 3px;}
.con_small_title{font-size: 22px; line-height: 30px;  font-weight: 300;  color: #f8781a;margin-top:30px; background:url('../images/sub/h5_bu.png') no-repeat;}


/*기본상단박스*/
.card {position: relative;  margin-bottom: 12px; padding: 20px 12px; background: #fff;  border: 1px solid #d1d1d1; border-radius: 0;  box-sizing: border-box;}
.card_line {padding: 25px 40px 25px 60px;  border: 1px dotted #7f7f7f;  line-height: 24px; font-weight:300;}
.card_line:after{display:block;position:absolute;left:25px;top:26px;width:26px;height:26px;background:url('../images/sub/p-icon-card.png') no-repeat; background-size:26px 26px;}
.card_content{}

/*컨텐츠기본이미지박스*/
.content_img{ margin:50px 0px; padding:50px; text-align:center; display: flex; justify-content: center; /*border: 1px solid #d1d1d1;*/}

/*margin 값*/
.mt30{margin-top:30px;}
.mt60{margin-top:60px;}
.mt100{margin-top:100px;}

/*padding 값*/
.pt30{padding-top:30px;}


/*라인*/
.line.solid{height:1px; margin:10px 0; background-color:#ebebeb;}
.line.dot{height:1px; margin:20px 0; background-image:linear-gradient(to right, #999 10%, rgba(255, 255, 255, 0) 0%); background-position:top; background-size:6px 1px; background-repeat:repeat-x;}
.line.type1{height:3px; margin:80px 0; background:url('../images/sub/bg_line1.png') repeat-x;}


/* 테이블 */
.table_unit{position:relative;display:block;margin-top:-20px; margin-bottom:10px; padding-left:25px; font-size:15px; line-height:17px; color:#666; text-align:right;}
.table_unit:before{display:inline-block; position:relative; top:1px; width:14px; height:14px; padding-right:5px;}

.table{width:100%; margin:20px 0; background-color:#fff; /*border-top:1px solid red;*/ font-size:16px; line-height:24px;}
.table.vertical_top tr th,.table.vertical_top tr td{vertical-align:top}
.table.vertical_middle tr th,.table.vertical_middle tr td{vertical-align:middle;}
.table.vertical_bottom tr th,.table.vertical_bottom tr td{vertical-align:bottom;}
.table.fixed{table-layout:fixed;}
.table .caption{display:none;}
.table.text_center tbody tr td{text-align:center;}
.table.text_left tbody tr td{text-align:left;}
.table.text_left tbody tr th,.table.text_left thead tr th{text-align:center;}
.table.break tbody td,.table.break thead th,.table.break tbody td,.table.break tbody th{word-break:break-all;}

.table thead th{padding:14px 10px; border-top:1px solid #111; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; background-color:#fafafa; color:#111; font-weight:300; text-align:center;}
.table thead th + th{border-left:1px solid #cdcdcd;}
.table thead th:first-child{border-left:none;}
.table thead th:last-child{border-right:none;}
.table tbody th, .table tfoot th{background-color:#fbfbfb; font-weight:300; color:#333;}
.table tbody th, .table tbody td, .table tfoot th, .table tfoot td{padding:14px 10px; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; font-weight:200; color:#636363;}
.table tbody th{font-size:16px; color:#333; font-weight:300;}
.table tbody td{font-size:16px;}
.table thead tr{border-top:1px solid #222;}

.table tfoot td:first-child{border-left:none;}
.table tbody tr th:last-child{border-right:none;}
.table td:last-child{border-right:none;}
.table td[rowspan]:first-child{border-right:1px solid #e0e1e3;}
.table tbody th + td, .table tbody td + td, .table tfoot td{border-left:1px solid #dbdbdb;}
.table tbody td, .table tfoot td{text-align:center;}
.table tbody td ul{margin-top:0; margin-bottom:0; padding-left:10px;}
.table tbody td ul li, .table tbody td ol li{font-size:15px;}
.table tbody td ul.bu_clear{padding-left:0;}
.table tbody td ol{margin-top:0; margin-bottom:0;}
.table tbody td a{color:#333;}
.table{position:relative;}
.table:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#cbcbcb;}
.table .bu > li > ul >li > ul > li:before, .table .num > li > ul >li > ul > li:before, .table p.blt.type3:before, .table .bu.third > li:before {top:15px;}

/* thead에 tr이 두 개 이상일 때 */
.table.tr_over thead th{border-bottom:none; background-color:#fbfcfd;}
.table.tr_over tbody tr:first-child th,
.table.tr_over tbody tr:first-child td{border-top:1px solid #e7e7e7;}
.table.tr_over caption + thead tr:first-child th, .table.tr_over caption + thead tr:first-child td, .table.tr_over colgroup + thead tr:first-child th, .table.tr_over colgroup + thead tr:first-child td, .table.tr_over caption + tbody tr:first-child th, .table.tr_over caption + tbody tr:first-child td, .table.tr_over colgroup + tbody tr:first-child th{background-color:#f4f5f9;font-size:15px;font-weight: 600;color:#575c70;}

/* 세로형 테이블 */
.table.type2{border-top:0;}
.table.type2 tbody th{background-color:#fcfcfc; font-weight:300; color:#111;}
.table.type2 tbody td{text-align:left; color:#636363;}
.table.type2 tbody tr:first-child{border-top:1px solid #222;}

/* 스크롤 테이블 */
.table_scroll{margin:10px 0 10px;}
.table_scroll table{margin:0;}
.table_scroll:before, .table_scroll_acitve:before{display: none;}
.table_scroll .scroll_notice{display: none;}
@media all and (max-width: 1400px) {
    .table{font-size:14px; line-height:22px;}
    .table thead th,
    .table tbody th,
    .table tbody td,
    .table tfoot th,
    .table tfoot td{padding:10px 5px; font-size:15px;}
}


/* 스텝박스 */
.stepbox{margin:20px 0; padding:40px 10px 10px 40px; border-radius:5px; background-color:#f8f8f8; font-size:0; line-height:0;}
.stepbox .step_item{display:inline-block; position:relative; margin-right:30px; margin-bottom:28px; border-radius:5px; border:1px solid #717171; background-color:#fff; text-align:center; vertical-align:top;}
.stepbox .step_item:after{display: inline-block; position: absolute; right:-21px; top:0; bottom:0; width:11px; height:18px; margin:auto; background-image:url('../images/sub/stepbox_arrow.png'); background-repeat:no-repeat; background-size:11px 17px;}
.stepbox .step_item:last-child{border-color:#f86e1a;}
.stepbox .step_item:last-child:after{display:none;}
.stepbox .step_wrap{display:table; position:relative; width:100%; padding:20px 15px;}
.stepbox .step_title{display:table-cell; width:100%; vertical-align:middle;margin-bottom:5px; font-size:17px; line-height:25px; font-weight:500; letter-spacing:-0.02em; color:#222222;}
.stepbox .step_title2{display:table-cell; width:100%; /*vertical-align:middle;*/ margin-bottom:5px; font-size:18px; line-height:25px; font-weight:600; letter-spacing:-0.02em; color:#222222;}
.stepbox .step_item:last-child .step_title{color:#f86e1a;}
.stepbox .step_title span{display:block; font-size:15px; font-weight:200;}
.stepbox.divide3 .step_item{width:calc(33.3% - 30px);}
.stepbox.divide4 .step_item{width:calc(25% - 30px);}
.stepbox.divide5 .step_item{width:calc(20% - 30px);}
/*@media all and (max-width: 1400px) {
    .stepbox.divide4 .step_item, .stepbox.divide5 .step_item{width:calc(33.3% - 30px);}
}
@media all and (max-width: 800px) {
    .stepbox.divide3 .step_item, .stepbox.divide4 .step_item, .stepbox.divide5 .step_item{width:calc(50% - 30px);}
    .stepbox .step_title{font-size:14px; line-height:23px;}
    .stepbox .step_title span{font-size:14px;}
}
@media all and (max-width: 640px) {
    .stepbox{padding:20px 20px 0 20px;}
    .stepbox .step_item:after{left:0; right:0; top:auto; bottom:-25px; transform:rotate(90deg);}
    .stepbox.divide3 .step_item, .stepbox.divide4 .step_item, .stepbox.divide5 .step_item{width:100%;}
    .stepbox .step_item{height:auto !important;}
    .stepbox .step_title{height:auto !important;}
    .stepbox .step_text{height:auto !important;}
}
*/

/** 목록 : 기본 */
.bu, .num{margin:10px 0; text-align:left;}
.bu li, .num li{margin-bottom:2px; font-weight:300; line-height:26px; color:#555;}
.bu li:last-child, .num li:last-child{margin-bottom:0;}
.bu li{position:relative; font-size:16px;}
.bu li:before, .num li:before{display:block; position:absolute; left:0;}
.bu > li{padding-left:12px;}
.bu > li:before{left:0; top:11px; width:5px; height:5px; background-color:#f8781a; transform:rotate(45deg);}
.bu.type2 > li:before{border-color:#7a7d96;}
.num.dl > li .title{color:#363c5a;}
.bu > li ul, .bu > li ol, .num > li ul, .num > li ol{margin:4px 0;}
.bu > li > ul > li, .num > li > ul > li{padding-left:12px; line-height:28px;}
.bu > li > ul >li:before, .num > li > ul >li:before{left:0; top:14px; width:6px; height:2px; background-color:#222;}
.bu > li > ul >li > ul > li,.num > li > ul >li > ul > li{padding-left:8px; line-height:26px;}
.bu > li > ul >li > ul > li:before, .num > li > ul >li > ul > li:before{left:0; top:12px; width:2px; height:2px; background-color:#979797;}
.bu.dl .title{color:#f8781a;}



/*탭매뉴*/
.book_tab {width: 100%; margin-top:30px;}
.list_tab {width: 100%;  clear: both;  overflow: hidden;}
.list_tab li { width: 14.3%; float: left;margin-left:-1px;}
.list_tab li a {width: 100%; padding: 18px 0;  display: inline-block;  background: #fff;  text-align: center;     margin-left: -1px;  border: 1px solid #dbdbdb; font-weight:500; font-family:'Gmarket';font-size:17px; color:#363636;}
.list_tab li a:hover {padding:19px 0; background:#666666; border:0;color: #fff; font-weight:600;}
.list_tab li.on a { padding: 19px 0; background: #ff8400;  border: 0;  color: #fff;  font-weight:600;}
.list_tab li:nth-child(1){ margin-left:1px;} 

/*텍스트타입*/
.c_type01{ font-weight:600; font-family:'Gmarket'; font-size:20px; color: #fff; background: #00a651;   padding: 4px 8px;  line-height: 31px;  height: 35px;}
.c_type02{ font-weight:600; font-family:'Gmarket'; font-size:20px; color: #fff; background: #f36f21;   padding: 4px 8px;  line-height: 31px;  height: 35px;}
.c_type03{ font-weight:600; font-family:'Gmarket'; font-size:20px; color: #222; }
.c_type04{ font-weight:600; font-family:'Gmarket'; font-size:17px; color:#00a651;  }
.c_type05{ font-weight:600; font-family:'Gmarket'; font-size:17px; color: #f36f21;}
.c_type06{ font-weight:500; font-family:'Gmarket'; font-size:22px; color: #fff; background: #00a651;   padding: 10px 30px;  line-height: 31px;  height: 42px; display:block; width:80%; margin:0 auto; margin-bottom:20px;}


#sub_visual {/*position: relative; z-index: 0;*/ height: auto;  width:100%;  height:180px; position:relative;}

.s_img{ display:block; height:180px; }
.s_bg01{background:url(../images/sub/s_visual1.png) no-repeat center top #f8f6f2;}
.s_bg02{background:url(../images/sub/s_visual2.png) no-repeat center top #fff;}
.s_bg03{background:url(../images/sub/s_visual3.png) no-repeat center top #fff;}
.s_bg04{background:url(../images/sub/s_visual4.png) no-repeat center top #fff;}




.path-wrap{width:100%; position:relative;  background:#f5f5f5;}
.path-box{border-bottom:1px solid #e7e7e7;border-top:1px solid #e7e7e7;}
.path:after{content:"";display:block;clear:both;}
.path{margin:0 auto;width:100%;max-width:1160px;height:100%;box-sizing:border-box;}
.path-home{float:left;display:block;width:50px;height:54px;background:url('../images/sub/ico_path_home.png') no-repeat 50% 50% #ff8400;box-sizing:border-box;}
.path-home span{opacity:0;}
.path-depth-wrap{float: left;}
.path-depth-wrap > ul:after{content:"";display:block;clear:both;}
.path-depth-wrap > ul > li{position:relative;min-width:200px;float: left;}
.path-depth-wrap ul li a {height:54px;padding:14px 35px 14px 22px;display: block;border-right: 1px solid #e7e7e7;background: url('../images/sub/img_path_arrow.png') no-repeat right 15px top 15px ;color: #222;width:100%; font-size:15px;box-sizing:border-box;}
.path-depth-wrap .path-depth li a{display: block;padding: 0;border-right:none;background:none;color:#333;box-sizing:border-box;padding: 10px 15px 10px 20px; }
.path-depth-wrap .path-depth li a:hover{color:#333;text-decoration:none; background:#fdf6d2;height:50px;padding: 10px 15px 10px 20px; margin:0px;}
.path-depth-wrap .path-depth{width:100%;position: absolute;background-color: #fff;z-index: 99;border: 1px solid #e7e7e7;box-sizing:border-box;}
.path-depth-wrap .path-depth li{border-bottom:1px solid #e7e7e7; height:50px;}



#s_content_wrap{overflow:hidden; position:relative; width:100%; background:#fff;}
#s_content{  height:auto;  width:1160px; margin:0 auto; padding:100px 0px; transition:all 0.5s; animation:openAnimation 1s 1; min-height:900px;}
.sub_title{font-size: 32px; text-align:center; color: #333;  line-height: 32px;}
.sub_title h2{font-weight:500; font-family:'Gmarket'}
/*@media all and (max-width:1000px) {
	.sub_title{padding-top:15px; padding-bottom:0;}
	.sub_title h2{font-size:18px; line-height:20px;}
}*/
/* 경로 */
.breadcrumbs{position:relative; margin-top:15px; font-size:0; line-height:0; text-align:center;}
.breadcrumbs .breadcrumbs_list{}
.breadcrumbs .breadcrumbs_item{display:inline-block; position:relative; margin-right:10px; padding-right:18px; vertical-align:middle;}
.breadcrumbs .breadcrumbs_item:after{display:block; position:absolute; top:1px; bottom:0; right:0; width:8px; height:13px; margin-top:auto; margin-bottom:auto; background:url('../images/sub/breadcrumbs_arrow.png') no-repeat;}
.breadcrumbs .breadcrumbs_anchor{position:relative; color:#555; font-size:15px; line-height:20px;}
.breadcrumbs .breadcrumbs_anchor:hover{text-decoration:underline;}
.breadcrumbs .breadcrumbs_item:first-child .breadcrumbs_anchor{font-size:0;}
.breadcrumbs .breadcrumbs_item:first-child .breadcrumbs_anchor:before{display:block; position:absolute; top:1px; bottom:0; right:0; width:14px; height:13px; margin-top:auto; margin-bottom:auto; background:url('../images/sub/breadcrumbs_home.png') no-repeat;}
.breadcrumbs .breadcrumbs_item:last-child{margin-right:0; padding-right:0;}
.breadcrumbs .breadcrumbs_item:last-child:after{display:none;}
.breadcrumbs .breadcrumbs_item:last-child .breadcrumbs_anchor{color:#222;}

@media all and (max-width:1000px) {
	.breadcrumbs{display:none;}
}

.contents{ margin-top:100px;}

/*연혁*/
.manuscript{overflow:hidden; padding:60px 0; background:url('../images/sub/history_bg.jpg') no-repeat 0; background-size:cover;    border-radius: 0  4rem;}
/*.manuscript:after, .manuscript:before {display: block;   content: '';}*/
.manuscript .manuscript_box{display:inline-block; width:470px; padding:40px 60px; background-color:#fff;}
.manuscript .manuscript_title{margin-bottom:0px; font-size:28px; font-weight:200; color:#ff6600; line-height:38px; font-family:'Gmarket'; word-break:keep-all;}
.manuscript .manuscript_title span{/*display:block; */font-weight:600;}
.box.cs{line-height:40px; font-weight:200;}
.box.cs .cs_title{position:relative; padding:0 30px 0 55px; font-size:17px; color:#e94e02; background:url('../../images/contents/cs_icon.png') no-repeat left center; background-size:40px 40px;}
.box.cs .cs_title:before{display:block; position:absolute; top:0; bottom:0; right:10px; width:1px; height:20px; margin:auto 0; background-color:#d6d6d6;}
.box.cs .cs_text{font-size:17px; margin-right:30px;}
.box.cs .cs_text span{color:#222;}
/*@media all and (max-width: 800px) {
    .manuscript{padding:40px 0;}
    .manuscript .manuscript_box{width:90%; padding:40px 30px;}
    .manuscript .manuscript_title{margin-bottom:20px;}
    .box.cs .cs_title{margin-bottom:5px; padding:0 0 0 40px; background-size:30px 30px;}
    .box.cs .cs_text{display:block; line-height:30px;}
}
@media all and (max-width: 480px) {
    .box.bg2{line-height:24px;}
    .box.bg2 .btn{width:100%;}
    .box.bg2 .btn + .btn{margin-top:10px; margin-left:0;}
}*/


.wrap_history {position: relative;  padding: 70px 0;  }
.wrap_history .line {display: table;width: 100%;margin-bottom:0px;}
.wrap_history .line:first-child .info {padding-top: 0; background: #fff;}
.wrap_history .year {position: relative; display: table-cell; vertical-align: top; width: 280px;}
.wrap_history .year strong {position: relative; font-family: 'Noto Bold'; font-size: 36px; color: #363636; letter-spacing: 0; line-height: 1;}
.wrap_history .year strong:after {content: ''; position: absolute; left: 0; top: -10px; z-index: 1; width: 10px; height: 10px; border-radius: 100%; background: #fff; border: 3px solid #39c9ff;}
.wrap_history .year strong::before {content: ''; position: absolute; left: 111%; top: 22px; width: 100%; height: 3px; background: #002e66;}
.wrap_history .info {position: relative;display: table-cell;padding-left: 20px;vertical-align: top;}
.wrap_history .detail {display: table;width: 50%;text-align: left;margin-left:auto;padding-bottom: 40px;position: relative;z-index: 99;padding-right: 80px;padding-left: 80px;background: url('../images/sub/his-line-bg.png') no-repeat left top;margin-bottom: 7px;}
.wrap_history .detail:nth-child(even){text-align: right;margin-left: 0;padding-right: 80px; padding-left:20px;background-position: right top;width: calc(50% + 7px);}
.wrap_history .detail:last-child .desc {padding-bottom: 0;}
.wrap_history .month {display: block; width: 100%;}
.wrap_history .month strong{font-weight:500; font-family:'Gmarket';font-size:30px;color: #222;letter-spacing: 0;display: block;margin-bottom: 15px;position: relative;line-height: 1;}
.wrap_history .month strong:before{content:'';width:70px;height: 5px;background: #ffe800;position: absolute;top:50%;margin-top: 0;left: -90px;}
.wrap_history .detail:nth-child(even) strong:before{left:unset;right: -90px;}
.wrap_history .desc{display: block; position: relative; margin-bottom: 10px; font-family: 'Noto Light'; font-size: 18px; color: #363636;line-height: 1.7;}
.wrap_history .desc .list {margin-top: 10px; margin-bottom: 10px;}
.wrap_history .desc .list li {position: relative; padding-left: 8px; font-family: 'Noto Light'; font-size: 16px; color: #666; line-height: 1.5;}
.wrap_history .desc .list li:after {content: ''; position: absolute; left: 0; top: 12px; width: 5px; height: 1px; background: #666;}




/*@media all and (max-width: 860px) {
  .wrap_history{padding-bottom: 30px;}
.wrap_history > strong{font-size: 26px;margin-bottom: 35px;}
.wrap_history .detail{width:100%;padding-left:20px;padding-bottom: 20px;padding-right: 40px;}
.wrap_history .month strong{font-size: 22px;}
.wrap_history .month strong:before{width:20px;left: -25px;}
.wrap_history .desc{font-size:17px;}
.wrap_history .detail:nth-child(even){width:100%;padding-right:40px;text-align: left;background-position: left top;}
.wrap_history .detail:nth-child(even) strong:before{left: -25px;right:unset;}
}

@media all and (max-width: 730px) {
    .wrap_history .year strong::before {display: none;}
    .wrap_history .line {margin-bottom: 40px;}
    .wrap_history .year,
    .wrap_history .info {display: block; width: 100%;}
    .wrap_history .year {margin-bottom: 10px;}
    .wrap_history .info {padding: 0; padding-left: 27px;}
    .wrap_history .info:after {display: none;}
}

@media all and (max-width: 470px) {
    .wrap_history .month,
    .wrap_history .desc {display: block; width: 100%;}
}*/


/*bi*/
.bi_box{position: relative;  width:100%; margin:20px 0px; ;background: url('../images/sub/img_box.gif') repeat 0; border:1px solid #ddd;}
.bi_box ul {padding:70px 10%;border-bottom:1px solid #ddd;}
.bi_box ul li { float:left; width:50%; padding:0 3%; text-align:center; display: flex; justify-content: center;}
.bi_box ul li img { max-width:100%;}
.bi_box .text_box { position:relative; background:#fff; margin:0 auto; padding:35px ; word-break:keep-all;}
.bi_box .text_box .text_area { margin-top:25px;}
.bi_img{text-align:center; display: flex; justify-content: center; padding:70px; }


/*고객센터*/
.link_box {position:relative;padding-top:8%;padding-right:30%;padding-bottom:5%;}
.link_box:before {display:block; position:absolute; top:0; right:0; width:317px; height:100%; background:url('../../images/contents/link_box_bg.png') no-repeat left top / contain; background-size: 317px 317px;}
.link_box.type2:before {display:block; position:absolute; top:60px; right:0; width:317px; height:100%; background:url('../images/sub/link_box_bg2.png') no-repeat left top / contain;background-size: 330px 330px; }
.link_box .box_wrap {position:relative; padding:34px 40px 40px 0; /*border-top:1px solid #ff6600;*/}
.link_box .box_title {position:absolute; top:-23px; left:0; margin-top:0; padding-right:23px; background-color:#fff; font-family:'Gmarket'; font-weight:400; font-size:35px; color:#ff6600;  line-height:42px;}
.link_box .box_text {padding-bottom:20px;}
.comment{padding-left:50px; background: url('../images/sub/tel_icon.png') no-repeat 0 0; color: #222; background-size:40px 40px; height:40px; font-weight:600; font-size:40px;line-height: 35px;}
.link_box2{border-top:2px solid #333;}
.link_box2 .item{font-size: 17px; font-weight: 200; color: #363636;  border-bottom: 1px dotted #666;  line-height: 55px; font-family: 'Noto Light';}
.link_box2 .item span {display: inline-block;  width:350px;   font-weight: 600;    color: #363636;font-size:18px; padding-left:20px;font-family: 'Noto Light';}
.link_box2 .item a{color:#363636;}



/*@media all and (max-width:1560px) {
    #contents .link_box {padding-right:45%;}
}
@media all and (max-width:640px) {
    #contents .link_box {margin-top:40px; padding:12px 0 0;}
    #contents .link_box:before {display:none;}
    #contents .link_box.type2:before {display:none;}
    #contents .link_box .box_wrap {padding:20px 20px 20px 0;}
    #contents .link_box .box_title {top:-12px; font-size:20px; line-height:22px;}
    #contents .link_box .btn {margin-top:10px;}
}*/


/*교재미리보기*/
.sub_book_title{position: relative;background:#00a651; box-shadow: 1px 4px 2px rgb(0 0 0 / 10%); border:3px dashed  #000; color:#fff; font-family:'Gmarket'; font-weight:600; font-size:30px; width:45%; margin:50px auto 20px; text-align:center; padding:13px 9px; border-radius:1.5rem; line-height:40px;}
.wrap_book{margin-top:20px; width:100%;display:block;overflow-x:hidden;} 
.book-media>a{display:block; text-decoration:none}
.book-media>a:hover .book-media__heading-text{text-decoration:underline}
.book-media__checkbox{display:table-cell; vertical-align:top; padding-right:18px}
.book-media__image-wrap{position:relative;/* border:1px solid #d1d1d1;*/ }
.book-media__image img{vertical-align:top;}
.book-media__image video{width:100%}
.book-media__image--right{padding-left:18px; padding-right:0}
.book-media__vol{color:#f86e1a; font-weight:400; font-family:Gmarket}
.book-media__heading{width:100%; font-size:20px; text-align:center; font-weight:600; line-height:2em; color:#000;  padding-top:10px;}
.book-media__heading .p-icon{margin-top:-6px}
.book-media--ellipsis .book-media__heading{display:table; table-layout:fixed; margin-top:10px}
.book-media--ellipsis .book-media__vol+.book-media__heading{margin-top:0}
.book-media--ellipsis .book-media__heading .book-media__heading-text{display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.book-media__content{color:#888; margin-top:10px}
.book-media__heading+.book-media__content{margin-top:10px}
.book-media--indent .book-media__image--left{float:left; margin-right:12px}
.book-media--indent .book-media__image--right{float:right; margin-left:12px}
.book-media--indent:after{display:table; clear:both}
.book-media-list{border-top:1px solid #333;border-bottom:1px solid #c4c4c4;}
.book-media--ellipsis>li{position:relative; padding:20px 0}
.book-media--ellipsis>li+li{border-top:1px dotted #7f7f7f}
.book-media-list:after{display:table; clear:both}
.book-media--ellipsis .book-media__image-wrap{width:91px; overflow:hidden; border:1px solid #ccc}
.book-media-list .book-media__image-wrap img{width:100%}
.book-media__btn{position:absolute; bottom:50px; right:0}
.book-media__btn .p-button{border-color:#777; color:#222; font-size:.9em; line-height:26px}
.book-media__btn .p-button.p-down{padding-right:40px; background:url(../../images/board/p-icon-file-btn.png) no-repeat right 20px center; background-size:12px 13px}
.book-media--ellipsis.add_btn>li{padding:30px 0;}
.book-media--ellipsis.add_btn .book-media__heading{margin-top:0;}
.book-media--ellipsis.add_btn .p-author__info{margin-top:20px;}
.book-media--ellipsis.add_btn .book-media__btn{position:relative; bottom:auto; right:auto; margin-top:20px; padding-left:0 !important;}

/*@media only screen and (max-width:1560px){.book-media--ellipsis .book-media__heading{margin-top:0}
    .book-media__btn{position:relative; right:auto!important; bottom:auto!important; margin-top:10px}
    .book-media .book-media__btn{padding-left:197px}
}
@media only screen and (max-width:765px){.book-media--ellipsis .book-media__image-wrap{width:105px}
    .book-media--ellipsis>li{padding-top:25px; padding-bottom:25px}
    .book-media__image{padding-right:20px}
    .book-media-list .book-media__heading{font-size:1.1em}
    .book-media-list .book-media__heading .book-media__heading-text{display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
    .book-media-list .book-media__info{margin-top:6px}
    .book-media-list .book-media__info .p-split{margin-left:6px}
    .book-media-list .book-media__info .p-split:before{margin-right:7px}
    .book-media-list .book-media__content{margin-top:6px; overflow-y:hidden;font-size:.95em}
    .book-media-list .book-media .p-delete-info{display:none}
    .book-media--ellipsis .p-author__info{margin-top:15px}
    .book-media .book-media__btn{padding-left:125px}
    .book-media__btn .p-button{margin-left:0!important; margin-right:2px!important}
    .book-media__btn .p-button.p-down{min-width:150px}
    .book-media--ellipsis.add_btn>li{padding:20px 0;}
    .book-media--ellipsis.add_btn .p-author__info{margin-top:10px;}
    .book-media--ellipsis.add_btn .book-media__btn{margin-top:10px;}
}*/
.book-media-list .book-media__image-wrap img{position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%,-50%)}
.book-media-list{padding-top:20px;padding-bottom:20px;}
.book-media{float:left; width:23%; margin-top:20px; margin-bottom:20px; padding:0; border-top:none;  position:relative; }
.book-media:not(:nth-child(4n+1)){margin-left:calc((100% - (23% * 4))/ 3 - .5px)}
.book-media__checkbox{position:absolute; top:10px; left:10px; z-index:100}
.book-media__image{display:block; width:100%; padding-right:0;  padding:30px; background:#f8f6f7;}
.book-media__image:hover{top: 0; left: 0;  width: 100%;  height: 100%;   background: #ffdf68;}
.book-media__image-wrap{width:100%; padding-top:calc(132% - 2px); height:auto}
.book-media__image-card-wrap{width:100%; padding-top:calc(10% - 2px); height:auto}
.book-media__image-default-wrap{width:100%; padding-top:calc(10% - 2px); height:auto}

/*
.book-media__image-wrap{width:100%; padding-top:calc(75% - 2px); height:auto}
*/
.book-media__image-wrap img{width:auto; max-width:none; height:100%; max-height:100%; min-height:100%}
.book-media__image-card-wrap img{width:auto; max-width:none; height:100%; max-height:100%; min-height:100%}
.book-media__image-default-wrap img{width:auto; max-width:none; height:100%; max-height:100%; min-height:100%}

.book-media__image .p-icon-group{position:absolute; bottom:0; width:100%; padding:5px; text-align:right; box-sizing:border-box}
.book-media__image .p-icon{margin-right:0}
.book-media__body{display:table-cell; vertical-align:top; display:block; background:#fff;}

.book-media__info{margin-top:4px}
/*@media only screen and (max-width:1023px){.book-media--gallery .book-media{width:30%}
    .book-media:not(:nth-child(4n+1)){margin-left:0}
    .book-media:not(:nth-child(3n+1)){margin-left:calc((100% - (30% * 3))/ 2 - 1px)}
}
@media only screen and (max-width:765px){.book-media--gallery .book-media{width:45%; margin:15px 0}
    .book-media:not(:nth-child(3n+1)){margin-left:0}
    .book-media:not(:nth-child(2n+1)){margin-left:calc((100% - (45% * 2))/ 1 - 2px)}
}
@media only screen and (max-width:430px){.book-media .p-author__info .p-split:not(:first-child){display:none}
}*/



/*학습이론*/
.study_wrap{width:100%; position:relative;}
.study_title{color:#222; font-family:'Gmarket'; font-weight:600; font-size:35px; text-align:center; letter-spacing:-0.05em;    line-height:50px;}
.fs50{font-size:50px; font-weight:700; position:relative; top:15px; }
.study_con{}
.study_con_title {margin-bottom: 0px; font-size: 25px;  font-weight: 600;  color: #ff6600;  line-height: 38px;    word-break: keep-all; text-align:center; padding: 0px  0px  5px  0px}
.study_txt_wrap{font-size:16px;}
.study_txt{font-size:20px; line-height:30px; color:#000;}
.study_box {margin: 20px 0; padding: 40px 40px 40px 40px;  border-radius: 5px;  background-color:#f8f8f8;letter-spacing: -0.03em;}
.study_box2 {margin: 20px 0; padding: 40px 40px 40px 40px;  border-radius: 5px;  border:1px solid #ddd;letter-spacing: -0.03em;}
.study_box_title{font-size:22px;font-weight:600;border-radius:50px;  background-color: #ff8400; color:#fff; width:60%; height:50px; text-align:center; margin:0 auto;font-family:'Gmarket'; line-height:55px; }
.box_bg01{background:url(../images/sub/study_box_img.png) no-repeat right 80% #f8f8f8; }
.point_txt01{ color: #ff6600; /*text-decoration:underline;*/}
.flow_bg01{background:url(../images/sub/flow_bg01.png) no-repeat 150px bottom; background-size:80px 80px;}
.flow_bg02{background:url(../images/sub/flow_bg02.png) no-repeat 150px bottom; background-size:80px 80px;}
.flow_bg03{background:url(../images/sub/flow_bg03.png) no-repeat 150px bottom; background-size:80px 80px;}
.flow_bg04{background:url(../images/sub/flow_bg04.png) no-repeat 150px bottom; background-size:80px 80px;}
.flow_bg05{background:url(../images/sub/flow_bg05.png) no-repeat 150px bottom; background-size:80px 80px;}
.flow_bg06{background:url(../images/sub/flow_bg06.png) no-repeat 150px bottom; background-size:80px 80px;}
.flow_bg07{background:url(../images/sub/flow_bg07.png) no-repeat 150px bottom; background-size:80px 80px;}
.step_num{border:1px solid #ffcca7; color:#e94e02;width:25px; height:25px;text-align: center; font-size: 20px; font-weight:700;margin: 0 auto; line-height: 20px; margin-bottom:10px; background:#fff2e9;  border-radius: 50%;}  
.step_num_txt{ text-align:center; color:#000; font-size:18px; font-weight:400; line-height:25px; padding:0px 0px 30px 0px;}
.reason{ font-weight: 500;  font-size: 20px; color:#555; background:url(../images/sub/bu_check2.png) no-repeat 0 0; background-size:25px auto; margin-bottom:30px ;  padding-left:30px; line-height:25px; }
.reason_txt{padding-top:5px; font-size:16px; color:#555;font-weight:300;line-height:22px; font-family: 'NotoKr'; }

/* 교재미리보기 */
.purpose_list{overflow:hidden; margin-top:0px;}
.purpose_list .purpose_item{float:left; width:22%; padding:30px 15px; text-align:center;border-radius: 5px; border: 1px solid #ddd;  margin-top:30px;}
.purpose_list .purpose_item + .purpose_item{margin-left:4%;}
.purpose_list .purpose_item:nth-child(5){margin-left:0;}
.purpose_list .purpose_img img{width:100px;}
.purpose_list .purpose_title{position:relative; margin:10px 0 40px 0; font-size:20px; font-weight:400; line-height:28px; color:#222; word-break:keep-all;}
.purpose_list .purpose_title:before{display:block; position:absolute; bottom:-20px; left:0; right:0; width:30px; height:1px; margin:0 auto; background-color:#222;}
.purpose_list .purpose_text{font-size:15px; line-height:22px; color:#777; word-break:keep-all;}
.ask_btn{ text-align:center; margin-top:40px; font-size:25px;}
@media all and (max-width: 1560px) {
    /*.purpose_list{margin-top:50px;}*/
    .purpose_list .purpose_item{width:25%; padding:0 10px;}
    /*.purpose_list .purpose_item + .purpose_item{margin-left:0;}*/
   /* .purpose_list .purpose_img img{width:70px;}*/
    .purpose_list .purpose_title{margin:10px 0 30px 0; /*font-size:15px;*/ line-height:24px;}
    .purpose_list .purpose_title:before{bottom:-15px;}
}
@media all and (max-width: 800px) {
    .purpose_list .purpose_item{width:50%; height:260px; padding:0 5%;margin-left:0px !important;}
    .purpose_list .purpose_text{font-size:14px;}
}
@media all and (max-width: 480px) {
    .purpose_list .purpose_item{width:100%; height:auto; margin-bottom:0px; padding:20px 0 20px 0; margin-left:0px !important;}
    .purpose_list .purpose_text{font-size:14px;}
}