@charset "utf-8";

/* 공통 */
img {vertical-align:top;border:0;}
#container {position:relative;background:#fff;}
#container:after { display: block; clear: both; content: ''; }
#container h3 { display: block; padding-top: 60px; padding-bottom: 49px; text-align: center; }
.hide {display:none;}
* button {outline:none;}
.clear:after {display:block;content:'';clear:both;}
.fLeft {float:left;}
.fRight{float:right;}
.taR {text-align:right;}

.pdt54 {padding-top:54px;}
.pdt69 {padding-top:69px;}

.inner {display:block;position:relative;width:1080px;height:auto;margin:0 auto;padding:0;}

.content {width:1080px;height:100%;margin:0 auto;}
.content:after { display: block; clear: both; content: ''; }

/* breadcrumb */
.breadcrumb {display:block;position:relative;width:100%;height:52px;border-bottom:1px solid #e9e9e9;background:#fbfbfb;box-sizing:border-box;}
.breadcrumb .inner:after {display:block;content:"";clear:both;}
.breadcrumb .inner dt,.breadcrumb .inner dd {border-left:1px solid #e9e9e9;}
.breadcrumb .inner  a {font-size:15px;line-height:1em;color:#666666;}
.breadcrumb .inner .home {float:left;width:146px;height:52px;line-height:52px;padding-left:22px;}
.breadcrumb .inner .home:before {display:inline-block;content:"";clear:both;width:13px;height:11px;background:url('/service/age/images/sub/ico_home.png') center center no-repeat;margin-right:11px;}
.breadcrumb .inner .step_0 {float:left;height:52px;line-height:52px;padding-left:19px;}

/* 링크탭 */
.link_wrap { display: block; box-sizing: border-box; width: 100%; height: 70px; margin-bottom: 52px; }
.link_wrap ul { display: block; width: 1080px; height: 100%; margin: 0 auto; }
.link_wrap ul:after { display: block; clear: both; content: ''; }
.link_wrap ul li {float:left; display:inline-block; box-sizing: border-box; width: 25%; /* max-width:269px; */ height: 70px; line-height: 70px; text-align: center; background: #f7f7f7; border-top: 1px solid #ddd; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #ddd; border-left: 1px solid #e2e2e2; }
.link_wrap ul li.link1, .link_wrap ul li.link2, .link_wrap ul li.link3 { border-right: 0; }
.link_wrap ul li.active { height: 70px; border: none; }
.link_wrap ul li.active a { font-family: 'Noto Bold'; color: #fff; }
.link_wrap ul li:hover { border: none; }
.link_wrap ul li:hover a { font-family: 'Noto Bold'; color: #fff; }
.link_wrap ul li.link1.active a, .link_wrap ul li.link1:hover a { border: 0; background: #1972bd url('../images/sub/link_tab.png') 0px -68px no-repeat;}
.link_wrap ul li.link2.active a, .link_wrap ul li.link2:hover a { border: 0; background: #57cbf5 url('../images/sub/link_tab.png') -269px -68px no-repeat; }
.link_wrap ul li.link3.active a, .link_wrap ul li.link3:hover a { border: 0; background: #f3858e url('../images/sub/link_tab.png') -538px -68px no-repeat; }
.link_wrap ul li.link4.active a, .link_wrap ul li.link4:hover a { border: 0; background: #75caba url('../images/sub/link_tab.png') -807px -68px no-repeat; }
.link_wrap ul li a {display:block;width:100%;height:100%;text-indent:-9999em;}

.link_wrap ul li.link1 a {content:'';width:100%;height:100%;text-align:center;background:url('../images/sub/link_tab.png') 0 0 no-repeat;}
.link_wrap ul li.link2 a {content:'';width:100%;height:100%;text-align:center;background:url('../images/sub/link_tab.png') -269px 0 no-repeat;}
.link_wrap ul li.link3 a {content:'';width:100%;height:100%;text-align:center;background:url('../images/sub/link_tab.png') -538px 0 no-repeat;}
.link_wrap ul li.link4 a {content:'';width:100%;height:100%;text-align:center;background:url('../images/sub/link_tab.png') -807px 0 no-repeat;}

/*  아래 탭 */
.baby_tab { width: 100%; border-top: 1px solid #cef0fc; border-bottom: 1px solid #cef0fc; background-color: #ddf5fd; }
.baby_tab .wrapper { width: 1080px; margin: 0 auto; }
.baby_tab ul { position: relative; height: 109px; }
.baby_tab ul li { display: block; float: left; }
.baby_tab ul li span { display: block; height: 16px; width: 100%; background: url('../images/sub/bg_bar_baby.png') 0 0 no-repeat; }
.baby_tab ul li button { display: block; width: 103px; height: 74px; background: url('../images/sub/baby_tab.png') 0 0 no-repeat; text-indent: -9999px; position: absolute; top: 16px; }
.baby_tab ul li.step_tab1 { width: 243px; }
.baby_tab ul li.step_tab1 span { background-position: 0 0; }
.baby_tab ul li.step_tab1 button { background-position: 0 0; left: 12px; }
.baby_tab ul li.step_tab1.active span { background-position: 0 -16px; }
.baby_tab ul li.step_tab1.active button { background-position: 0 -74px; }
.baby_tab ul li.step_tab2 { width: 193px; }
.baby_tab ul li.step_tab2 span { background-position: -243px 0; }
.baby_tab ul li.step_tab2 button { background-position: -103px 0; left: 205px; }
.baby_tab ul li.step_tab2.active span { background-position: -243px -16px; }
.baby_tab ul li.step_tab2.active button { background-position: -103px -74px; }
.baby_tab ul li.step_tab3 { width: 193px; }
.baby_tab ul li.step_tab3 span { background-position: -436px 0; }
.baby_tab ul li.step_tab3 button { background-position: -206px 0; left: 398px; }
.baby_tab ul li.step_tab3.active span { background-position: -436px -16px; }
.baby_tab ul li.step_tab3.active button { background-position: -206px -74px; }
.baby_tab ul li.step_tab4 { width: 193px; }
.baby_tab ul li.step_tab4 span { background-position: -629px 0; }
.baby_tab ul li.step_tab4 button { background-position: -309px 0; left: 591px; }
.baby_tab ul li.step_tab4.active span { background-position: -629px -16px; }
.baby_tab ul li.step_tab4.active button { background-position: -309px -74px; }
.baby_tab ul li.step_tab5 { width: 193px; }
.baby_tab ul li.step_tab5 span { background-position: -822px 0; }
.baby_tab ul li.step_tab5 button { background-position: -412px 0; left: 784px; }
.baby_tab ul li.step_tab5.active span { background-position: -822px -16px; }
.baby_tab ul li.step_tab5.active button { background-position: -412px -74px; }
.baby_tab ul li.step_tab6 { width: 65px; }
.baby_tab ul li.step_tab6 span { background-position: -1015px 0; }
.baby_tab ul li.step_tab6 button { background-position: -515px 0; left: auto; right: 0; }
.baby_tab ul li.step_tab6.active span { background-position: -1015px -16px; }
.baby_tab ul li.step_tab6.active button { background-position: -515px -74px; }

.step_tab { width: 100%; border-top: 1px solid #ebd9dc; border-bottom: 1px solid #ebd9dc; background-color: #fcdedd; }
.step_tab .wrapper { width: 1080px; margin: 0 auto; }
.step_tab ul { position: relative; height: 109px; }
.step_tab ul li { display: block; float: left; }
.step_tab ul li span { display: block; width: 100%; height: 16px; background: url(../images/sub/bg_bar_step1.png) 0 0 no-repeat; }
.step_tab ul li button { position: absolute; top: 16px; display: block; width: 103px; height: 74px; text-indent: -9999px; background: url(../images/sub/step1_tab.png) 0 0 no-repeat; }
.step_tab ul li.step_tab1 { width: 243px; }
.step_tab ul li.step_tab1 span { background-position: 0 0; }
.step_tab ul li.step_tab1 button { left: 12px; background-position: 0 0; }
.step_tab ul li.step_tab1.active span { background-position: 0 -16px; }
.step_tab ul li.step_tab1.active button { background-position: 0 -74px; }
.step_tab ul li.step_tab2 { width: 193px; }
.step_tab ul li.step_tab2 span { background-position: -243px 0; }
.step_tab ul li.step_tab2 button { left: 205px; background-position: -103px 0; }
.step_tab ul li.step_tab2.active span { background-position: -243px -16px; }
.step_tab ul li.step_tab2.active button { background-position: -103px -74px; }
.step_tab ul li.step_tab3 { width: 193px; }
.step_tab ul li.step_tab3 span { background-position: -436px 0; }
.step_tab ul li.step_tab3 button { left: 398px; background-position: -206px 0; }
.step_tab ul li.step_tab3.active span { background-position: -436px -16px; }
.step_tab ul li.step_tab3.active button { background-position: -206px -74px; }
.step_tab ul li.step_tab4 { width: 193px; }
.step_tab ul li.step_tab4 span { background-position: -629px 0; }
.step_tab ul li.step_tab4 button { left: 591px; background-position: -309px 0; }
.step_tab ul li.step_tab4.active span { background-position: -629px -16px; }
.step_tab ul li.step_tab4.active button { background-position: -309px -74px; }
.step_tab ul li.step_tab5 { width: 193px; }
.step_tab ul li.step_tab5 span { background-position: -822px 0; }
.step_tab ul li.step_tab5 button { left: 784px; background-position: -412px 0; }
.step_tab ul li.step_tab5.active span { background-position: -822px -16px; }
.step_tab ul li.step_tab5.active button { background-position: -412px -74px; }
.step_tab ul li.step_tab6 { width: 65px; }
.step_tab ul li.step_tab6 span { background-position: -1015px 0; }
.step_tab ul li.step_tab6 button { right: 0; left: auto; background-position: -515px 0; }
.step_tab ul li.step_tab6.active span { background-position: -1015px -16px; }
.step_tab ul li.step_tab6.active button { background-position: -515px -74px; }
.step_tab.step2 { border-color: #c6e6df; background-color: #d7eee9; }
.step_tab.step2 ul li span { background-image: url(../images/sub/bg_bar_step2.png); }
.step_tab.step2 ul li button { background-image: url(../images/sub/step2_tab.png); }

.step_tab_content { display: none; }
.step_tab_content.active { display: block; }
.step_tab_content img { display: block; }
.step_tab_content .hide { display: none; }

.content { position: relative; padding-top: 0 !important; }
.content.step1_contents:before { position: absolute; top: 0; right: -153px; display: block; width: 153px; height: 141px; content: ''; background: url(../images/sub/bg_step1.jpg) 0 0 no-repeat; }
.content.step2_contents:before { position: absolute; top: 0; right: -153px; display: block; width: 153px; height: 141px; content: ''; background: url(../images/sub/bg_step2.jpg) 0 0 no-repeat; }



/* intro */
.intro_cont {display:block;width:1080px;height:auto;margin:0 auto;padding-bottom:100px;}
/* .intro_1 {padding-bottom:78px;}
.intro_2 {padding-bottom:80px;} */

/* content */
.content { padding-top: 0 !important; padding-bottom:67px; position: relative; }
.content.baby_contents:before { content: ''; display: block; width: 153px; height: 141px; background: url('../images/sub/bg_baby.jpg') 0 0 no-repeat; position: absolute; top: 0; right: -153px; }
.content.step1_contents:before { content: ''; display: block; width: 153px; height: 141px; background: url('../images/sub/bg_step1.jpg') 0 0 no-repeat; position: absolute; top: 0; right: -153px; }

.tab_content { display: none; min-height:500px; }
.tab_content.active { display: block; }

.btn_baby {display:block;width:100%;padding:59px 0 61px;background:#f7f7f7;}
.btn_baby a {display:block;text-align:center;}

.btn_step1 {display:block;width:100%;padding:59px 0 61px;background:#f7f7f7;}
.btn_step1 a {display:block;text-align:center;}

.btn_step2 {display:block;width:100%;padding:59px 0 61px;background:#f7f7f7;}
.btn_step2 a {display:block;text-align:center;}

/* comics */
.comics_link {
	width: 1080px;
	height: 70px;
	margin: 0 auto 52px;
}
.comics_link a {
	display: block;
	width: 50%;
	height: 70px;
	float: left;
	background: url(../images/sub/bg_comics_tab.png) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
.comics_link a.item1 {
	background-position: 0 0;
}
.comics_link a.item2 {
	background-position: right 0;
}
.comics_link a.item1.active {
	background-position: 0 -70px;
}
.comics_link a.item2.active {
	background-position: right -70px;
}
.comics_wrap img {
	display: block;
}
.comics_prev_next {
	width: 1080px;
	margin: 40px auto 100px;
	border: 1px solid #d9d9d9;
	border-bottom: none;
}
.comics_prev_next li {
	width: 100%;
	height: 39px;
	line-height: 38px;
	padding-left: 130px;
	border-bottom: 1px solid #d9d9d9;
	position: relative;
}
.comics_prev_next li span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 20px;
	width: 110px;
	height: 100%;
	font-size: 15px;
	color: #222;
	background: url(../images/sub/bg_comics_list.jpg) right 0 no-repeat;
	font-family: 'Noto Regular';
	letter-spacing: -.05em;
}
.comics_prev_next li.prev span {
	background-position: right bottom;
}
.comics_prev_next li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #222;
	font-family: 'Noto Regular';
	letter-spacing: -.05em;
}

/* 2017-12-14 추가 */
.group {position:relative;}
.group iframe {display:block;width:564px;height:314px;position:absolute;top:83px;right:1px;}

/* 2018-01-11 추가 */
.limit_cont {display:block;width:100%;padding:0px 0 50px;background:#fff;}
/* .step1_limit_bar {padding-bottom:43px;} */
.month_limit {padding:78px 0 40px;}
.baby_banner {display:block;width:1080px;margin:60px auto 0;}
.baby_banner a {display:block;}
.step_banner {padding-top:40px;}


/* 교재 사용 후기 */
/* .table_cont {padding-bottom:70px;} */
.evtReview {display:block;width:1080px;margin:60px auto 59px;}
.evtReview .tit_wrap {height:67px;padding-bottom:27px;border-bottom:4px solid #ddd;}
.evtReview .tit_wrap:after {display:block;content:'';clear:both;}
.evtReview .btnR {margin-top:0;}
.evtReview .btnR a {margin-top:23px;}
.evtReview .floatL {float:left;}
.evt_review {margin:32px 0 0 0;}
.evt_review > li {clear:both; float:none; width:auto; height:auto; margin:0; padding:20px 0px 20px 227px; border-bottom:1px solid #d9d9d9; overflow:auto;}
.evt_review > li figure {float:left; width:180px; height:130px; margin:0 47px 0 -227px;}
/* .evt_review > li .rating-container {float:right; margin:7px -16px 0 0;} */
.evt_review > li h5 {margin:5px 15px 4px 0;}
.evt_review > li p {height:54px; padding-bottom:0; background:none;}

ol.evt_review {clear:both; height:auto; margin:0 0 0 -50px; overflow:hidden;}
ol.evt_review > li {float:left; width:300px; margin-left:50px;}
ol.evt_review > li figure {overflow:hidden;}
ol.evt_review > li figure > a {line-height:0; text-align:center; display:block;}
ol.evt_review > li figure img {width:100%; max-width:100%;}
ol.evt_review > li .rating-container {float:right;margin:10px 0 7px 0;}
ol.evt_review > li h3, ol.evt_review > li h5 {margin-bottom:13px; font-size:19px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
ol.evt_review > li h5 {height:27px; margin:12px 0 0 0;}
ol.evt_review > li h3 + p {height:67px; margin-bottom:15px; padding-bottom:16px; border-bottom:1px solid #d9d9d9;}
ol.evt_review > li h5 + p {height:76px; margin-bottom:13px; padding-bottom:16px; background:url(/Images/Etc/dotline04.gif) 0 100% repeat-x;}
ol.evt_review > li > span:last-child:before, ol.evt_review.st01 > li > div:not(.info) > span:not(:first-of-type):before {width:1px; height:13px; margin:0 12px 0 11px; background:#b2b2b2; vertical-align:-1px; display:inline-block; content:"";}
ol.evt_review.st01 {margin-left:0;}
ol.evt_review.st01 > li {float:none; width:auto; margin-left:0;}

.evtReview .paging {margin-top:30px;}

/* 상품고시 */
.product_tit {display:block;margin-bottom:28px;}
.product_wrap {display:block;width:1080px;height:auto;margin:0 auto 60px;}
.product_wrap .table_box {display:block;width:1080px;height:660px;margin:0 auto;border:1px solid #e3e8f2;overflow-y:auto;}
.product_wrap .table_box table {display:table;width:100%;border:1px solid #e3e8f2;border-right:0;border-left:0;margin-bottom:20px;}
.product_wrap .table_box table:last-child {margin-bottom:60px;}
.product_wrap .table_box table thead {background:#f3f5f7;}
.product_wrap .table_box table thead th {padding:18px 0 18px 30px;font-size:18px;line-height:1em;color:#163552;font-family:'Noto Medium';text-align:left;}
.product_wrap .table_box table tbody th {padding:15px 0 14px 31px;font-size:16px;line-height:1em;color:#163552;font-family:'Noto Medium';background:#fbfcfd;border-right:1px solid #eaedf5;text-align:left;}
.product_wrap .table_box table tbody td {padding:15px 0 14px 31px;font-size:14px;line-height:26px;color:#585858;font-family:'Noto Regular';text-align:left;}
.product_wrap .table_box table tbody th,.product_wrap .table_box table tbody td {border-bottom:1px solid #e3e8f2;}
.product_wrap .table_box table tbody td span {display:block;padding-left:6px;}
.product_wrap .table_box table tbody td b {font-family:'Noto Bold';}

/* 꼭! 알아두세요 */
.notice {width:1080px;padding:45px 40px 40px 40px;background:#f7f8f9;margin:0 auto;}
.notice .box {display:none;}
.notice ul li {background:url('../images/sub/icon_dotted.jpg') 0 10px no-repeat;padding-left:9px;color:#4f4f4f ;font-family:"Noto Medium"}
.notice ul li span {display:inline-block;padding-left:15px;}
.notice ul li .two {padding-left:22px;}
.notice .notice_more {display:block;width:100%;height:45px;margin-top:9px;}
.notice p {display:block;font-size:13px;line-height:22px;color:#fb4438;font-family:"Noto Medium";margin-bottom:20px;}

.notice table {display:table;width:970px;height:auto;border:1px solid #b2b2b2;margin: 10px 0 10px 10px;box-sizing:border-box;}
.notice table thead th {font-size:14px;line-height:1em;color:#000;text-align:center;padding:13px 0;background:#d1d1d1;border-left:1px solid #b2b2b2;}
.notice table thead th:first-child {border-left:0;}
.notice table tbody tr td {font-size:14px;line-height:1em;color:#4e4e4e;text-align:center;padding:20px 0;border-left:1px solid #b2b2b2;}
.notice table tbody tr td:first-child {border-left:0;}

.btn_wrap {display:block;width:100%;padding:0 0 105px;/* background:#f7f7f7; */background:#fff;}
.btn_wrap ul {display:block;width:819px;margin:0 auto;}
.btn_wrap ul:after {display:block;content:'';clear:both;}
.btn_wrap ul li {float:left;}
.btn_wrap ul li:first-child {margin-right:14px;}
.btn_wrap ul li a {display:block;}

/* 20188-02-09 추가 */
.promotion_wrap {display:block;width:100%;padding:70px 0 61px;background:#dfeff6;}

/* 18-03-23 상품후기 수정 */
.review_wrap2 {/* margin-top:59px; */padding-bottom:85px;}
.review_wrap2 .title_wrap {margin-bottom:23px;}
ol.review.st02 {width:1080px;margin:0 auto;}
ol.review.st02 li {float:left;width:345px;height:333px;margin-left:22.5px;padding:22px 12px 30px 13px;border:5px solid #e8e8e8;border-radius:5px;box-sizing:border-box;}
ol.review.st02 li:first-child {margin-left:0;}
ol.review.st02 > li figure img {max-width:312px;height:198px;}
ol.review.st02 mark.step04 {display:block;width:97px;height:25px;background:#f4721c !important;padding:0;box-sizing:border-box;}
ol.review.st02 .box {padding-top:23px;}
ol.review > li h5 {font-size:23px;line-height:1em;margin:0 0 7px;}
ol.review > li h5 + p {height:auto;font-size:15px;line-height:1em;color:#727272;margin:0;padding:0;background:none;}

.event_bar {display:block;}