@charset 'euc-kr';


/*½½¶óÀ̵å*/
.onlyone-ele-sl-01 { padding: 60px 130px; background: #f8f8f8; position: relative; }
.onlyone-ele-sl-01 .swiper-container { overflow: hidden; position: static; }
.onlyone-ele-sl-01 .swiper-button-next, 
.onlyone-ele-sl-01 .swiper-button-prev { width: 41px; height: 73px; margin: 0; top: 50%; transform: translate(0, -50%); }
.onlyone-ele-sl-01 .swiper-button-next { right:43px; } 
.onlyone-ele-sl-01 .swiper-button-prev { left:43px; }
.onlyone-ele-sl-01 .swiper-button-next img, 
.onlyone-ele-sl-01 .swiper-button-prev img { pointer-events: none; }
.onlyone-ele-sl-01 .swiper-scrollbar { background:transparent; }
.onlyone-ele-sl-01 .swiper-horizontal>.swiper-scrollbar, 
.onlyone-ele-sl-01 .swiper-scrollbar.swiper-scrollbar-horizontal { bottom: 0px; height: 7px; width:100%; left: 0; }
.onlyone-ele-sl-01 .swiper-button-prev::after,
.onlyone-ele-sl-01 .swiper-button-next::after { display:none; }

.onlyone-ele-sl-02 { padding: 0 130px; position: relative; height:735px; background:#fff;}
.onlyone-ele-sl-02 .swiper-container { overflow: hidden; position: static; }

.onlyone-ele-sl-02 .swiper-slide { text-align:center; }
.onlyone-ele-sl-02 .swiper-slide > div {padding: 50px 100px; display: inline-block; position: relative; margin-top: 40px;}
.onlyone-ele-sl-02 .swiper-button-next, 
.onlyone-ele-sl-02 .swiper-button-prev { width: 41px; height: 73px; margin: 0; top: 50%; transform: translate(0, -50%); }
.onlyone-ele-sl-02 .swiper-button-next { right:43px; } 
.onlyone-ele-sl-02 .swiper-button-prev { left:43px; }
.onlyone-ele-sl-02 .swiper-button-next img, 
.onlyone-ele-sl-02 .swiper-button-prev img { pointer-events: none; }
.onlyone-ele-sl-02 .swiper-scrollbar { background:transparent; }
.onlyone-ele-sl-02 .swiper-horizontal>.swiper-scrollbar, 
.onlyone-ele-sl-02 .swiper-scrollbar.swiper-scrollbar-horizontal { bottom: 0px; height: 7px; width:100%; left: 0; }
.onlyone-ele-sl-02 .onlyone-ele-txt-04 { position: absolute; top: 40px; left: 0; right: 0; text-align:center; }
.onlyone-ele-sl-02 .swiper-scrollbar-drag { transition-property: transform; background-color:#42464c; border-radius: 0px; }
.onlyone-ele-textbook-badge { position: absolute; top: 76px; right: -76px; }
.onlyone-ele-sl-02 .swiper-button-prev::after,
.onlyone-ele-sl-02 .swiper-button-next::after { display:none; }

#type2 .onlyone-ele-sl-02 .swiper-slide > div{margin:0; padding:0;}
#type2 .onlyone-ele-sl-02 #tbSlide02 .swiper-slide > div {margin-top: 140px;}
#type2 .onlyone-ele-sl-02 #tbSlide02 .onlyone-ele-textbook-badge {top: -33px; right: -74px; }
#type2 .onlyone-ele-tab-01-con > li {padding:0;}

.onlyone-ele-sl-03 { position: relative; }
.onlyone-ele-sl-03 .swiper-container { overflow: hidden; background: #f0f9fd; padding:50px 0 30px; }
.onlyone-ele-sl-03 .swiper-button-next, 
.onlyone-ele-sl-03 .swiper-button-prev { z-index: 1; width: 41px; height: 73px; margin: 0; top: 50%; transform: translate(0, -50%); }
.onlyone-ele-sl-03 .swiper-button-next { right:43px; } 
.onlyone-ele-sl-03 .swiper-button-prev { left:43px; }
.onlyone-ele-sl-03 .swiper-button-next img, 
.onlyone-ele-sl-03 .swiper-button-prev img { pointer-events: none; }
.onlyone-ele-sl-03 .swiper-scrollbar { background:transparent; }
.onlyone-ele-sl-03 .swiper-horizontal>.swiper-scrollbar, 
.onlyone-ele-sl-03 .swiper-scrollbar.swiper-scrollbar-horizontal { bottom: 0px; height: 7px; width:100%; left: 0; }
.onlyone-ele-sl-03 .swiper-button-prev::after,
.onlyone-ele-sl-03 .swiper-button-next::after { display:none; }


.onlyone-ele-scroll-wrap {  }
.onlyone-ele-scroller {  }
.onlyone-ele-list-nav { display: flex; }
.onlyone-ele-list-nav > li { width: 100%; }
.onlyone-ele-list-nav > li a { display:block; border-top:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; font-size: 22px; height: 48px; line-height: 44px;color:#666666; }
.onlyone-ele-list-nav > li:last-of-type a { border-right:1px solid #ddd; }
.onlyone-ele-list-nav > li.on a { border-color:#42464c; background:#42464c; color:#fff; }



/*ÅÇ*/
.onlyone-ele-tab-01 {}
.onlyone-ele-tab-01-btn { display:flex; }
.onlyone-ele-tab-01-btn li { width:100%; height: 70px;}
.onlyone-ele-tab-01-btn li button { font-size: 22px; border-top: 1px solid #2e3238;border-bottom: 1px solid #2e3238; line-height: 1.2;border-left: 1px solid #2e3238;width:100%; display:block;height:100%;color: #999;background:#ededed; }
.onlyone-ele-tab-01-btn li:last-of-type button { border-right: 1px solid #2e3238; }
.onlyone-ele-tab-01-btn li.on button { color: #fff;background:#42464c; border-color: #42464c; }
.onlyone-ele-tab-01-con { background:#f8f8f8; }
.onlyone-ele-tab-01-con > li { text-align:center; position:relative; padding:50px 0;}
.onlyone-ele-tab-01-con > li .onlyone-ele-tit-b-03 { margin: 60px 0 21px; }
.onlyone-ele-tab-01-con > li img {  }
.onlyone-ele-tab-01 .onlyone-ele-txt-04 { position: absolute; top: 90px; left: 0; right: 0; text-align:center; z-index: 2;}

.onlyone-ele-tab-02 .con{padding:50px 0; background:#f8f8f8;}
.onlyone-ele-tab-02-btn { display:flex; padding:0 0 0 1px;}
.onlyone-ele-tab-02-btn li { width:100%; height: 70px; position:relative;}
.onlyone-ele-tab-02-btn li.on::after {top: 0px;right: -1px;left: -1px;height: 1px;background: #ed3535;display: block;content: '';position: absolute;}
.onlyone-ele-tab-02-btn li button {font-size: 22px;border-top: 1px solid #dddddd;border-bottom: 1px solid #ed3535;line-height: 1.2;width: 100%;display: block;height: 100%;color: #222;background: #fafafa;position: relative;border-right: 1px solid #dddddd;}
.onlyone-ele-tab-02-btn li.on button::before {top: 0;left: -1px;bottom: -1px;width: 1px;background: #ed3535;display: block;content: '';position: absolute;}
.onlyone-ele-tab-02-btn li.on button::after {top: 0;right: -1px;bottom: -1px;width: 1px;background: #ed3535;display: block;content: '';position: absolute;}
.onlyone-ele-tab-02-btn li.on button { color:#ed3535; background:#fff; border-bottom: 1px solid #ed3535;border-bottom: 1px solid #fff;}
.onlyone-ele-tab-02-con { background:#f8f8f8; }
.onlyone-ele-tab-02-con > li { text-align:center; position:relative; padding:50px 0;}
.onlyone-ele-tab-03-btn { display:flex; }
.onlyone-ele-tab-03-btn li { width:100%; height: 70px;}
.onlyone-ele-tab-03-btn li button { background: #eee; font-size: 20px; position:relative; border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; line-height: 1.2;border-left: 1px solid #ddd;width:100%; display:block;height:100%;color: #222;}
.onlyone-ele-tab-03-btn li:last-of-type button { border-right: 1px solid #ddd; }
.onlyone-ele-tab-03-btn li.on button {color:#ed3535;background: #fff;}
.onlyone-ele-tab-03-btn li.on button::after {content: '';display: block;left: -1px;right: -1px;height: 2px;background: #ed3535;top: -1px;position: absolute;}
.onlyone-ele-tab-03-con { background:#f8f8f8; }
.onlyone-ele-tab-03-con > li { text-align:center; position:relative; padding:50px 0;}
.onlyone-ele-tab-03-con > li .onlyone-ele-tit-b-03 { margin: 60px 0 21px; }
.onlyone-ele-tab-03 .onlyone-ele-txt-04 { position: absolute; top: 40px; left: 0; right: 0; text-align:center; z-index: 1;}

.onlyone-ele-tab-04 { display:flex; align-items:center; justify-content: center; margin-top: 77px; }
.onlyone-ele-tab-04 li {  }
.onlyone-ele-tab-04 li + li { margin-left:14px; }
.onlyone-ele-tab-04 li a { padding: 0 63px; height: 60px; display: flex; align-items: center; border: 2px solid #ed3535; font-size: 21px; border-radius: 35px; color: #ed3535;}
.onlyone-ele-tab-04 li.on a { background: #ed3535; color:#fff; }

/*ŸÀÌƲ*/
.onlyone-ele-tit { font-size:72px; font-weight:700; letter-spacing: -1.8px; text-align: center; color:#333; line-height: 1.25; }
.onlyone-ele-tit span { color:#ed3535; font-weight:800; }
.onlyone-ele-tit-b { font-size: 36px; border-radius: 45px; padding: 1px 28px 5px; font-weight: 500; min-width: 200px;display: inline-block;color: #fff; background: #4785ff; }
.onlyone-ele-tit-b-02 { font-size: 22px; background: #4785ff; display: inline-block; color: #fff; border-radius: 30px; padding: 3px 32px 6px; }
.onlyone-ele-tit-b-03 { font-size: 22px; background: #4785ff; display: inline-block; color: #fff; border-radius: 30px; padding: 7px 32px 9px; font-weight: 500; }
.onlyone-ele-tit-b-03 strong { font-weight: bold; margin-right: 13px; padding-right: 16px; position:relative; display: inline-block;}
.onlyone-ele-tit-b-03 strong::after { content: ''; background: #87b0ff; top: 6px; bottom: 4px; right: 0; display: block; position: absolute; width: 1px; }
.onlyone-ele-tit-b-03 strong span { color:#fff31d; }
.onlyone-ele-tit-b-04 { font-size: 38px; color: #fff; font-weight: 700; background: #4785ff; display: inline-block; padding: 2px 45px 7px; border-radius: 40px; }
.onlyone-ele-tit-bar { position:relative; text-align:center; }
.onlyone-ele-tit-bar::before { content:''; width:100%; height:1px; display:block; background:#9e9e9e; position: absolute; top: 50%; transform: translate(0, -50%,);}
.onlyone-ele-tit-bar span { display: inline-block; position: relative; border:1px solid #9e9e9e; background:#fff; border-radius:30px; font-size:22px; color:#ed3535; padding: 10px 58px 13px; font-weight: 600;}
.onlyone-ele-tit-box { margin:-167px -100px 70px; background:#4785ff; padding:60px 30px 47px; border-radius: 20px; text-align: center; }
.onlyone-ele-tit-box p, #only1_wrapper .onlyone-ele-tit-box p { font-family: 'GmarketSansBold'; line-height: 1.54; margin-top: 9px; letter-spacing: -1.2px; color: #fff; font-size: 48px; } 
.onlyone-ele-tit-box span { font-size: 37px; font-family: 'GmarketSansBold'; background:#fff; color:#333; padding: 9px 27px 7px; border-radius: 40px;} 

/*ÅؽºÆ®*/
.onlyone-ele-txt-01 {margin: 38px 0 28px; font-size: 30px; font-weight: bold; text-align: center; color: #222;}
.onlyone-ele-txt-02 { font-size: 34px; font-weight: 700; color: #000; }
.onlyone-ele-txt-03 { font-size: 24px; font-weight: 700; color: #222; margin: 20px 0 -15px;}
.onlyone-ele-txt-04 { font-size: 22px; font-weight: 500; color: #666; }
.onlyone-ele-txt-05 { font-size: 32px; font-weight: 600; color: #222; }
.onlyone-ele-txt-05 span { font-weight: 400; }
.onlyone-ele-txt-06 { font-size: 22px; font-weight: 400; color: #666; line-height: 1.6; }
.onlyone-ele-txt-05 + .onlyone-ele-txt-06 { margin-top: 14px; }
.onlyone-ele-txt-07 {margin: 25px 0 38px; font-size: 30px; font-weight: bold; text-align: center; color: #222;}
.onlyone-ele-txt-08 { font-size: 42px; font-weight: 600; color: #222; line-height: 1.3; }
.onlyone-ele-txt-09 { font-size: 20px; line-height: 1.6; letter-spacing: -0.5px; text-align: center; color: #333;}
.onlyone-ele-txt-09 span { font-weight: 700; position:relative; }
.onlyone-ele-txt-09 span::after { content:''; display:block; position:absolute; left:0; right:0; bottom:1px; height:1px; background:#333; }
.onlyone-ele-tit + .onlyone-ele-txt-09 { margin-top: 32px; }
.onlyone-ele-txt-10 { margin-bottom:55px;text-align:center; line-height: 1.33; font-size: 30px; font-weight: 700; letter-spacing: -0.75px; color:#333; }
.onlyone-ele-txt-10 span { color:#2a5deb; }


/*Èê·¯°¡´Â ¸ð¼Ç*/
.onlyone-ele-roll-wrap { position: absolute; top: 15%; width: 100%;}
.onlyone-ele-roll { overflow: hidden; margin: 0 auto; }
.onlyone-ele-roll ul { height:100%; width:557%; display:flex; animation-name: onlyoneEleFlow; animation-fill-mode: both; animation-duration: 35s; animation-iteration-count: infinite;	animation-timing-function: linear; }
.onlyone-ele-roll ul:after {display:block; clear:both; content:'';}
.onlyone-ele-roll ul li {width:50%; display: flex; height:351px;}
.onlyone-ele-roll ul li img {max-width:none; height:100%;}
@keyframes onlyoneEleFlow {
    100% { 
        transform: translateX(-50%);  
    }
}



/*¿ø¼­ ¸®µù*/
.onlyone-ele-reading-wrap { position:relative; background:#f0f9fd; height:615px; margin-top:55px; border-radius: 20px;}
.onlyone-ele-reading-wrap:after {display: block; content: ''; position: absolute; width: 673px; height: 439px; bottom: 17.8%; background: url(/brandEle/metaProgram/ele_common/img/ele-reading-tab.png) no-repeat left top; background-size: cover; right: 65px; top: 45px; }
.onlyone-ele-reading-wrap .swiper-container { position: absolute; overflow: hidden; width: 557px; z-index: 2; right: 123px; top: 91px; }
.onlyone-ele-reading-wrap img { max-width:100%; }
.onlyone-ele-reading-wrap .swiper-container .swiper-slide span {display:block;  margin:67px auto 0;}
.onlyone-ele-reading-wrap .swiper-container .swiper-slide span img {}
.onlyone-ele-reading-wrap .swiper-pagination { position: absolute; top: 18%; left: 7.14%; background-size: cover; display: inline-flex; flex-direction: column; width: auto; }
.onlyone-ele-reading-wrap .swiper-pagination .swiper-pagination-bullet {  width: 274px; height: 77px;border-radius:0; background:url(/brandEle/metaProgram/ele/ele_common/img/ele-reading-01.png) no-repeat left top;background-size:cover; opacity:1;}
.onlyone-ele-reading-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-position:left bottom;}
.onlyone-ele-reading-wrap .swiper-pagination .swiper-pagination-bullet.onlyone-ele-reading-step0 {}
.onlyone-ele-reading-wrap .swiper-pagination .swiper-pagination-bullet.onlyone-ele-reading-step1 {background-image:url(/brandEle/metaProgram/ele/ele_common/img/ele-reading-02.png);}
.onlyone-ele-reading-wrap .swiper-pagination .swiper-pagination-bullet.onlyone-ele-reading-step2 {background-image: url(/brandEle/metaProgram/ele/ele_common/img/ele-reading-03.png);}
.onlyone-ele-reading-wrap .swiper-pagination .swiper-pagination-bullet.onlyone-ele-reading-step3 {background-image:url(/brandEle/metaProgram/ele/ele_common/img/ele-reading-04.png);}
.onlyone-ele-reading-wrap .swiper-pagination .swiper-pagination-bullet.onlyone-ele-reading-step4 {background-image:url(/brandEle/metaProgram/ele/ele_common/img/ele-reading-05.png);}



/*±âŸ*/
.onlyone-ele-new { position:relative; display: inline-block;}
.onlyone-ele-new::after { content:''; position:absolute; top: -7%; right: -9px; display: block; transform:translate(100%, 0); width:148px; height:147px; background:url(/brandEle/metaProgram/ele_common/img/ele-new.png) no-repeat 0 0; }


/*ÇнÀ±¸¼º*/
.onlyone-ele-str .meta_sub_section {
    padding: 0 0 40px;
}
.onlyone-ele-inner {
	width:1300px;
	max-width:100%;
	margin:0 auto;
	padding:0 100px;
}
.onlyone-ele-str {

}
.onlyone-ele-str > section {
	padding:140px 0;
}
.onlyone-ele-str > section:last-of-type {
	padding-bottom:30px;
}
.onlyone-ele-bg-01 {
	background:#f5f5f5;
	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
}
.onlyone-ele-str-intro {

}
.onlyone-ele-str-intro > span {
	color: #333;
	display:block;
	font-size:28px;
	text-align:center;
	font-weight: 700;
}
.onlyone-ele-str-intro > strong {
	color: #333;
	font-family: 'GmarketSansBold';
	font-size: 40px;
	text-align:center;
	display:block; 
	margin-top: 10px;
}   
.onlyone-ele-str-intro > strong span {
	color:#ed3535;
}
.onlyone-ele-str-intro > p {
	font-size: 20px;
	color: #333;
	text-align:center;    
	line-height: 1.25;   
	margin-top: 24px;
}
.onlyone-ele-str-intro > div {
    border: 8px solid #333;
    padding: 25px 0 13px;
    text-align: center;
	margin-top: 35px;
}
#only1_wrapper .onlyone-ele-str-intro > div p, 
.onlyone-ele-str-intro > div p {
	color:#ed3535;
	font-size:48px;
	letter-spacing: -1.2px;
	font-family: 'GmarketSansBold';
}
.onlyone-ele-li-01 {
	display:flex;	
}
.onlyone-ele-txt-09 + .onlyone-ele-li-01 {
	margin-top:50px;
}
.onlyone-ele-li-01 li {
	background:#fff;
	border:1px solid #ddd;
	width:100%;
	border-radius: 20px;
	padding:63px 20px 45px;    
	text-align: center;    
	display: flex;
    flex-direction: column;    
	align-items: center;
}
.onlyone-ele-li-01 li + li {
	margin-left:40px;
}
.onlyone-ele-li-01 li strong {
    color: #333;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: -1.4px;
    border-radius: 29px;
    border: solid 3px #ed3535;
    text-align: center;
    display: inline-block;
    padding: 4px 29px 6px;
}
.onlyone-ele-li-01 li strong span {
	display: inline-block;
    margin: 0 4px;
	position: relative;
    top: -3px;
}
.onlyone-ele-li-01 li strong span img {
	pointer-events: none;
}
.onlyone-ele-li-01-img {
	height:420px;
	display: flex;
	align-items: center;
}
.onlyone-ele-li-01-img img {
	  
}
.onlyone-ele-li-01-txt {
	font-size: 20px;
	color:#333;  
	margin-top: auto;
	min-height:120px;    
	display: flex;
    align-items: center;
}
.onlyone-ele-li-01-txt p {
	font-size: inherit;
}
.onlyone-ele-li-01-txt p span {
	color:#ed3535;    
	font-weight: 700;
}
.onlyone-ele-str-step {
	padding:80px 0 120px;
}
.onlyone-ele-str-step:last-of-type:not(:first-of-type) {
	padding-bottom:27px;
}
.onlyone-ele-str-step {

}
.onlyone-ele-li-02 {

}
.onlyone-ele-li-02 > li {
    display: flex;
}		
.onlyone-ele-li-02 > li + li {
    margin-top:30px;
}				
.onlyone-ele-li-02-img {
    flex-shrink: 0;
    width: 530px;
}	
.onlyone-ele-li-02-img img {
	width:100%;
}		
.onlyone-ele-li-02-txt {
	flex-grow:1;
	margin-left: 10px;
	border:1px solid #ddd;
	padding:42px 20px 20px 40px;
	background:#fff;
}		
.onlyone-ele-li-02-txt strong {
	line-height: 1.5;
	letter-spacing: -0.75px;
	color: #222;
	font-size: 30px;
	position:relative;
}	
.onlyone-ele-li-02-txt strong::after {
	position:absolute;
	left:0;
	right:0;
	bottom:-4px;
	height: 4px;
	background-color: #e5e5e5;
	content:'';
	display:block;
}
.onlyone-ele-li-03 {
	
}
.onlyone-ele-li-02 .onlyone-ele-li-03 {
	margin-top: 70px;
}
.onlyone-ele-li-03 > li {
	font-size: 23px; 	
	letter-spacing: -1.2px;
	color: #222;
	padding-left:43px;
	background:url(/brandEle/product/composeEle/lib/images/ele-str-check.png) no-repeat left 3px;
}			
.onlyone-ele-li-03 > li + li {	
	margin-top:10px;
}