@charset "euc-kr";

#mainContainer,
.sticky-inner {width:1140px;margin:0 auto;position: relative}
#visualArea {width:100%;position: relative;*zoom: 1;}
#visualArea02 {width:100%;position: relative;*zoom: 1;}
/*#visualArea .object{position:absolute;left:0;top:0;z-index:999;background:url("http://www.yoons.com/html/img/v2016/main/bg_object.png") no-repeat left top;background-size:100%;width:210px;height:145px}*/
/*#visualArea02 .object{position:absolute;left:0;top:0;z-index:999;background:url("http://www.yoons.com/html/img/v2016/main/bg_object.png") no-repeat left top;background-size:100%;width:210px;height:145px}*/
#visualArea img {max-width: 100%;display: block; width: 100%;}
#visualArea02  .mainVisual02 li{
	padding-top:30px;
}
#visualArea .bx-viewport {}
#visualArea02 img {max-width: 100%;display: block; width: 100%;}
#visualArea02 .bx-viewport {}

#visualArea .bx-controls-auto{display:none}
#visualArea .bx-wrapper .bx-pager { position: absolute;  z-index:1000;left:0; right: 0; bottom:-20px; text-align: center;} /* bottom:-20px; µ¿±×¶ó¹Ì À§Ä¡¼öÁ¤*/
#visualArea .bx-wrapper .bx-pager .bx-pager-item,
#visualArea .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
#visualArea .bx-wrapper .bx-pager.bx-default-pager a {display: block;width:12px;margin:0 10px 0 0; height:0; padding-top:12px; background: url("http://www.yoons.com/html/img/v2016/main/pagination.png") no-repeat; float: left;overflow: hidden;}
#visualArea .bx-wrapper .bx-pager.bx-default-pager a:hover,
#visualArea .bx-wrapper .bx-pager.bx-default-pager a.active {background-position: 0 -13px}
#visualArea .bx-wrapper .bx-controls-direction a { position: absolute; display: inline-block; width: 30px; height: 53px; top: 50%; margin-top: -26px; z-index: 100; text-indent: -9999px; background: url("http://www.yoons.com/html/img/v2016/main/arrows.png") 0 0 no-repeat; }
#visualArea .bx-wrapper .bx-controls-direction .bx-prev { left: 15px; background-position: 0 0; }
#visualArea .bx-wrapper .bx-controls-direction .bx-next { right: 15px; background-position: 0 -57px; }



#visualArea02 .bx-controls-auto{display:none}
#visualArea02 .bx-wrapper .bx-pager { position: absolute;  z-index:1000;left:0; right: 0; bottom:-20px; text-align: center;} /* bottom:-20px; µ¿±×¶ó¹Ì À§Ä¡¼öÁ¤*/
#visualArea02 .bx-wrapper .bx-pager .bx-pager-item,
#visualArea02 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
#visualArea02 .bx-wrapper .bx-pager.bx-default-pager a {display: block;width:12px;margin:0 10px 0 0; height:0; padding-top:12px; background: url("http://www.yoons.com/html/img/v2016/main/pagination.png") no-repeat; float: left;overflow: hidden;}
#visualArea02 .bx-wrapper .bx-pager.bx-default-pager a:hover,
#visualArea02 .bx-wrapper .bx-pager.bx-default-pager a.active {background-position: 0 -13px}
#visualArea02 .bx-wrapper .bx-controls-direction a { position: absolute; display: inline-block; width: 30px; height: 53px; top: 50%; margin-top: -26px; z-index: 100; text-indent: -9999px; background: url("http://www.yoons.com/html/img/v2016/main/arrows.png") 0 0 no-repeat; }
#visualArea02 .bx-wrapper .bx-controls-direction .bx-prev { left: 15px; background-position: 0 0; }
#visualArea02 .bx-wrapper .bx-controls-direction .bx-next { right: 15px; background-position: 0 -57px; }



.mainCardBanner{*zoom:1;margin:0 0 40px 0}
.mainCardBanner:after{content:'';clear:both;display:block}
.mainCardBanner li{float:left;width:23.5%;background:#f7f0f0;text-align:center;padding:78px 0 90px 0;}
.mainCardBanner li a{font-size:2.125em;color:#1a1a1a;line-height:1.4;display:block}
.mainCardBanner li .ico{margin:0 0 34px 0}
.mainCardBanner li.red{background:#e64545}
.mainCardBanner li.red a{color:#fff}
.mainCardBanner li + li{margin-left:2%}
.mainCardBanner .btn{padding:70px 0 0 0}

.mainKeyWord{position:relative;background:#ebf2f5;*zoom:1;padding:22px 0;margin:0;white-space:nowrap}
.mainKeyWord:after{content:'';clear:both;display:block}
.mainKeyWord .k_tit{width:18%;float:left;text-align:center;font-size:1.125em;color:#ff3333;padding:3px 0 0 0}
.mainKeyWord .keyArea{width:82%;float:left;color:#1a1a1a;font-size:1em;overflow:hidden}
.mainKeyWord .keyArea .keyword{margin:0 10px 0 0}
.mainKeyWord .btn_prv{position:absolute;bottom:0;right:0;}
.mainKeyWord .btn_nxt{position:absolute;top:0;right:0;}
.mainKeyWord .btn_prv a,
.mainKeyWord .btn_nxt a{display:block}

#eventArea {width:100%;position: relative;*zoom: 1;}
#eventArea img {max-width: 100%;display: block;margin:0 auto}
#eventArea .bx-viewport {}
#eventArea .bx-pager,
#eventArea .bx-controls-auto {width: 100%;}
#eventArea .bx-pager {text-align:center;margin:-24px 0 0 0;position:relative;z-index:999}
#eventArea .bx-pager .bx-pager-item,
#eventArea .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
#eventArea .bx-pager.bx-default-pager a {display: block;width:12px;margin:0 10px 0 0; height:0; padding-top:12px; background: url("http://www.yoons.com/html/img/v2016/main/pagination.png") no-repeat; float: left;overflow: hidden;}
#eventArea .bx-pager.bx-default-pager a:hover,
#eventArea .bx-pager.bx-default-pager a.active {background-position: 0 -13px}
#eventArea .bx-prev,
#eventArea .bx-next,
#eventArea .bx-controls-auto{display:none}

.bannerArea{margin:0 0 100px 0}
.bannerArea .area{margin:0 0 25px 0}
.bannerArea .area:after{content:'';clear:both;display:block}
.bannerArea .half{float:left;width:49%}
.bannerArea .half + .half{margin-left:2%}
.bannerArea .half .ban,
.bannerArea .half .ban2{float:left;width:267px}
.bannerArea .half .ban + .ban,
.bannerArea .half .ban2 + .ban2{margin-left:24px}
.bannerArea .half .ban2{margin:25px 0 0 0}

.snsView{text-align:center;margin:10px 0 20px 0}
.snsView .icon + .icon{margin-left:25px;}

#myKids{width:1000px;margin-top:200px}

.layerPopWrap.main .layerPopHead{font-size:1.875em;padding:26px 0 27px 30px;text-align:center;background:#e64545;}
.layerPopWrap.main .layerPopCon{padding:60px 0 0 0;}
.layerPopWrap .layerPopCon .resultMain{background:#fff;padding:60px 80px;border-top:1px solid #e3e2e2}

.input_main{margin:0 0 40px 0;padding:0 90px}
.input_main:after{content:'';clear:both;display:block}
.input_main .fl{float:left;width:40%}
.input_main .fr{float:right;width:60%	}
.input_main dt{color:#1a1a1a;font-size:1.38em;margin:0 0 15px 0}
.input_main dd{}
.input_main dd .i_text{width:250px;margin:0 0 10px 0;background:#fff}
.input_main dd .i_sel{width:250px;background-color:#fff}
.input_main a.keyword{padding-left:50px}
.input_main a.keyword span{padding-right:50px}
.input_main .inputBox label{left:10px;top:8px}
.main .tit_result{color:#1a1a1a;font-size:1.375em;margin:0 0 50px 0;text-align:center}
.main .tit_result br{display:none}
.main .btnArea{padding:0 0 60px 0}
.con_result {margin:0 0 40px 0}
.con_result ul:after{content:'';clear:both;display:block}
.con_result li{float:left;color:#4d4d4d;font-size:1em;text-align:center;width:33%;margin:0 0 50px 0}
.con_result li a{height:240px;width:240px;border-radius:50%;background:url("http://www.yoons.com/html/img/v2016/main/bg_view.png") no-repeat left top;background-size:90% 90%;margin:0 auto}
.con_result li a:hover{display:block;background-size:100% 100%}
.con_result li img{border-radius:50%;height:240px;width:240px}
.con_result li p{margin:20px 0 0 0}
.con_result li img:hover{opacity:0.1}
.m_big{display:none }

/* 160311 Ãß°¡*/
#castArea{margin:30px 0 40px 0}
#castArea .castCon{padding:0 10%}
#castArea .castCon ul{overflow:hidden}
#castArea .castCon ul:after{content:'';clear:both;display:block;}
#castArea .castCon li{float:left;width:33%;text-align:center}
#castArea .castCon li .r_tit{font-size:1em;color:#1a1a1a;margin:10px 0 0 0;width:95%;overflow: hidden; text-overflow: ellipsis; word-wrap:break-word; white-space:nowrap}
#castArea .castCon li img{border-radius:50%;width:240px;height:240px}
/* 160311 end*/

/* 2016-07Ãß°¡ */
html { overflow-x: hidden; }
.btns { text-align: center; }
.section {
	padding: 40px 0;
	position: relative;
}
.section .left-wing { position: absolute; width: 100%; height: 100%; background-color: inherit; left: -100%; top: 0; }
.section .right-wing { position: absolute; width: 100%; height: 100%; background-color: inherit; right: -100%; top: 0; }
.section.gray { background-color: #f2f2f2; }
.section.gray .bannerArea { margin-bottom: 0; } /* ¸ÞÀÎ ÇÏ´Ü ¹è³Ê ¿µ¿ª ¸¶Áø°ª ¼öÁ¤ */
.section .heading { text-align: center; }
.section .heading h1 { font-size: 2.625em; font-weight: bold; color: #fa4b4b; }
.section .heading span { color: #666; font-size: 1.25em; }
.section .heading strong { color: #222; }


.section .title-area { text-align: center; min-height: 129px; margin-top: 105px; margin-bottom: 10px; }
.section .title-area .title { display: none; }
.section .title-area .title .h2 { font-weight: bold; font-size: 1.875em; }
.section .title-area .title.active { display: block; }

.step-wrapper { text-align: center; }
.step-wrapper .phone { position: relative; }
.step-wrapper .study-step { position: absolute; width: 65.12103%; top: 6.276150627615063%; left: 17.54385964912281%; margin: 0 auto; }
.step-wrapper .study-step .bx-pager { position: absolute; top: -252px; left: 0; width: 100%; text-align: center; }
.step-wrapper .study-step .bx-pager .bx-pager-item { display: inline-block; margin-left: 5px; }
.step-wrapper .study-step .bx-pager .bx-pager-item:first-child { margin-left: 0; }
.step-wrapper .study-step .bx-pager .bx-pager-item a { width: 112px; height: 37px; display: block; text-indent: -9999px; background: url("http://www.yoons.com/html/img/v2016/main/steps.png") 0 0 no-repeat; background-size: 463px 90px; }
.step-wrapper .study-step .bx-pager .bx-pager-item a[data-slide-index='0'] { background-position: 0 0; }
.step-wrapper .study-step .bx-pager .bx-pager-item a[data-slide-index='0'].active { background-position: 0 -50px; }
.step-wrapper .study-step .bx-pager .bx-pager-item a[data-slide-index='1'] { background-position: -117px 0; }
.step-wrapper .study-step .bx-pager .bx-pager-item a[data-slide-index='1'].active { background-position: -117px -50px; }
.step-wrapper .study-step .bx-pager .bx-pager-item a[data-slide-index='2'] { background-position: -234px 0; }
.step-wrapper .study-step .bx-pager .bx-pager-item a[data-slide-index='2'].active { background-position: -234px -50px; }
.step-wrapper .study-step .bx-pager .bx-pager-item a[data-slide-index='3'] { background-position: -351px 0; }
.step-wrapper .study-step .bx-pager .bx-pager-item a[data-slide-index='3'].active { background-position: -351px -50px; }
.step-wrapper .study-step .bx-controls-direction a { background: url("http://www.yoons.com/html/img/v2016/main/btn-stepArrow.png") 0 0 no-repeat; }
.step-wrapper .study-step .bx-controls-direction .bx-prev { position: absolute; top: 0; left: -200px; top: 50%; margin-top: -26px; display: block; width: 30px; height: 53px; text-indent: -9999px; background-position: 0 0; }
.step-wrapper .study-step .bx-controls-direction .bx-next { position: absolute; top: 0; right: -200px; top: 50%; margin-top: -26px; display: block; width: 30px; height: 53px; text-indent: -9999px; background-position: 0 -56px; }

.main_focus {
	margin-left: -1.80877%;
	overflow: hidden;
	margin-bottom: 0px;
	padding-top: 20px;
}
.main_focus .focus_cell{
	float: left;
	margin-left: 1.80877%;
	width: 31.3649%;
	margin-top: 20px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	}
.epilogue-wrap { margin-left: -3.108771929824561%; overflow: hidden; margin-bottom: 40px; }
.epilogue-wrap .epilogue {
	float: left;
	margin-left: 3.10877%;
}
.epilogue { width: 30.164912%; border-top: 2px solid #5c5c5c; border-bottom: 1px solid #e6e6e6; padding: 30px 0; height: 260px; margin-top: 50px; }
.epilogue .writor-info .name { font-size: 1.25em; color: #111111; display: block; }
.epilogue .writor-info .position { font-size: 0.9375em; color: #666666; display: block; margin-top: 10px; }
.epilogue .write-up { margin-top: 20px; font-size: 0.875em; }
.epilogue.more { display: none; }

.sticky-wrap { background-color: #444a52; max-height: 132px; padding: 18px 0; text-align: center; position: relative; left: 0; right: 0; bottom: 0; width: 100%; z-index: 1000; overflow: hidden; }
.sticky-wrap .sticky-inner { overflow: hidden; }
.sticky-wrap .banner { width: 49%; display: inline-block; }
.sticky-wrap.active { position: fixed; }
.sticky-wrap .divider { background-color: #eb6a6a; width: 2px; height: 70px; display: inline-block; vertical-align: middle;  }
.sticky-wrap .sticky-inner .btn-close { position: absolute; right: 0; top: 0; }
.sticky-wrap .cover { position: absolute; left: 0; top: -36px; width: 100%; text-align: center; background-color: #444a52; height: 36px; }

.modal { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 2000; background:  url("http://www.yoons.com/html/img/v2016/renewal/dim-70.png") 0 0 repeat; display: none; }
.modal .modal-video { text-align: center; margin: 30px auto 0 auto; position: relative; max-width: 1100px; width: 80%; padding: 20px; }
.modal .modal-video iframe { position: absolute; left: 0; top: 0; height: 100%; }

#visualArea .object { display: none; }
#visualArea02 .object { display: none; }

.btn-show-movie { display: inline-block; margin-left: 30px; }
@media screen and (max-width:850px) {
	.btn-show-movie { margin-left: 0; display: block; }
}
@media screen and (max-width:340px) {
	.btn-show-movie img { width: 40%; }
}

/* /2016-07Ãß°¡ */


@media screen and (max-width:1024px) {
	#mainContainer,
	.sticky-inner {width:100%;padding:0 15px;box-sizing:border-box;overflow:hidden}
	.sticky-inner .banner { display: inline-block; width: 35%; }
	.sticky-wrap .divider { margin: 0 30px; }
	.sticky-wrap .sticky-inner .btn-close { right: 10px; }
	#visualArea .bx-pager {left:125px;bottom:90px}
	#visualArea02 .bx-pager {left:125px;bottom:90px}
	.bannerArea .half .ban2{margin:12px 0 0 0}
	#myKids{width:90%;margin-top:100px}
	#visualArea .object{width:190px;height:128px}
	#visualArea02 .object{width:190px;height:128px}
	.layerPopWrap.main .layerPopCon{padding:60px 0 0 0;}
	.layerPopWrap .layerPopCon .resultMain{background:#fff;padding:60px 0;border-top:1px solid #e3e2e2}
	.input_main{margin:0 0 40px 0;padding:0 30px}
	.input_main a.keyword{padding:3px 40px !important}
	.input_main a.keyword span{padding:0 !important}

		.bannerArea .half .ban,
		.bannerArea .half .ban2{float:left;width:49%}
		.bannerArea .half .ban + .ban,
		.bannerArea .half .ban2 + .ban2{margin-left:2%}

	.step-wrapper .study-step { width: 100%; left: 0%; }

}

@media screen and (max-width:850px) {
	.mainCardBanner li a{font-size:1.75em}
	#visualArea .bx-pager{left:100px;bottom:30px}
	#visualArea02 .bx-pager{left:100px;bottom:30px}
	#eventArea {height:auto}
	#visualArea .object{width:130px;height:88px;}
	#visualArea .bx-wrapper .bx-pager {left:40px;bottom:30px}
	#visualArea02 .object{width:130px;height:88px;}
	#visualArea02 .bx-wrapper .bx-pager {left:40px;bottom:30px}
	.mainCardBanner{margin:0 0 10px 0}
	.mainCardBanner li{float:left;width:49%;padding:35px 0 35px 0;margin-bottom:10px}
	.mainCardBanner li:nth-child(3){clear:both;margin-left:0}
	.mainCardBanner li a{font-size:1.5em}
	.mainCardBanner li .ico{margin:0 0 15px 0}
	.mainCardBanner li .ico img{height:85px}
	.mainCardBanner li + li{margin-left:2%}
	.mainCardBanner .btn{padding:35px 0 0 0}
	.mainCardBanner .btn img{height:45px}
	.bannerArea .area{margin:0 0 20px 0}
	.bannerArea{margin:0 0 25px 0}
	.mainKeyWord .w_view{display:none}
	.mainKeyWord .m_view{display:block}
	.mainKeyWord {padding:5px}
	.mainKeyWord .keyArea{padding:10px 0;overflow-x:scroll;width:80%;}
	.mainKeyWord .k_tit{text-align:left;font-size:1em;padding-left:10px;width:20%;box-sizing:border-box}
	.mainKeyWord .keyArea a.keyword span{padding:0 10px !important}
	.mainKeyWord .k_tit span{display:block;margin:0}
	.mainKeyWord .btn_prv,
	.mainKeyWord .btn_nxt{display:none}
	.familyArea{display:none}

	.main .tit_result br{display:block}
	.input_main .fl{float:none;width:100%;text-align:center;margin:0 0 30px 0}
	.input_main .fr{float:none;width:100%;text-align:center}
	.input_main .inputBox{width:80%;margin:0 auto}
	.input_main .inputBox .i_text{width:100%}
	.input_main dd .i_sel{width:80%;margin:0 auto}

	.m_big{display:none }
	.w_big{display:block}
	.con_result li {padding:0 20px;box-sizing:border-box;width:50%}
	.con_result li img{height:100%}

	#eventArea .rolling .m_view{text-align:center;}

	.con_result li a{height:auto;width:auto;background:none;margin:0 auto;margin:0 0 30px 0}
	.con_result li a:hover{display:block;background:none}
	.con_result li img:hover{opacity:1;}
	.con_result li img{height:200px;width:200px}

/* 160311 Ãß°¡*/

	#castArea{margin:15px 0 20px 0}
	#castArea .castCon{padding:0 5%}
	#castArea .castCon li{float:left;width:29%;margin:0 2%}
	#castArea .castCon li img{width:100%;height:100%}

/* 160311 end*/

	.main_focus{ margin-left: 0;}
	.main_focus .focus_cell{ margin-left: 0; width: 100%; }
	.epilogue-wrap { margin-left: 0; }
	.epilogue-wrap .epilogue { margin-left: 0; width: 100%; height: 180px; }
	.epilogue { width: 29.764912%; border-top: 2px solid #5c5c5c; border-bottom: 0px; padding: 20px 0; height: 260px; margin-top: 30px; }

	.step-wrapper .study-step .bx-pager { top: -272px !important; }
    .step-wrapper .study-step .bx-pager .bx-pager-item { width: 25%; text-align: center; margin-left: 0 !important; margin-top: 15px; }
    .step-wrapper .study-step .bx-pager .bx-pager-item a { margin: 0 auto; width: 62px; }
    .step-wrapper .study-step .bx-pager .bx-pager-item a[data-slide-index='0'] { background-position: -27px 0px; }
    .step-wrapper .study-step .bx-pager .bx-pager-item a[data-slide-index='0'].active { background-position: -27px -50px; }
    .step-wrapper .study-step .bx-pager .bx-pager-item a[data-slide-index='1'] { background-position: -144px 0; }
    .step-wrapper .study-step .bx-pager .bx-pager-item a[data-slide-index='1'].active { background-position: -144px -50px; }
    .step-wrapper .study-step .bx-pager .bx-pager-item a[data-slide-index='2'] { background-position: -261px 0; }
    .step-wrapper .study-step .bx-pager .bx-pager-item a[data-slide-index='2'].active { background-position: -261px -50px; }
    .step-wrapper .study-step .bx-pager .bx-pager-item a[data-slide-index='3'] { background-position: -378px 0; }
    .step-wrapper .study-step .bx-pager .bx-pager-item a[data-slide-index='3'].active { background-position: -378px -50px; }
    .section .title-area { min-height: 151px; }
    .section { padding: 25px 0; }
}

@media screen and (max-width:520px) {
	#visualArea .bx-pager {left:25px;bottom:15px}
	#visualArea02 .bx-pager {left:25px;bottom:15px}
	#eventArea .bx-pager.bx-default-pager a{}
	#myKids{width:100%;margin-top:0}
	#visualArea .object{display:none}
	#visualArea02 .object{display:none}
	#mainContainer,
	.sticky-inner {padding:0 10px}
	.section .heading h1 { font-size: 1.625em; }
	.w_view{display:none}
	.m_view{display:block}
	.mainKeyWord{padding:0}
	.bannerArea{margin:0 0 20px 0}
	.bannerArea .area{margin:0 0 10px 0}
	.bannerArea .half{float:none;width:100%;margin:0 0 10px 0}
	.bannerArea .half + .half{margin-left:0}
	.bannerArea .half .ban,
	.bannerArea .half .ban2{float:left;width:49%;}
	.bannerArea .half .ban + .ban,
	.bannerArea .half .ban2 + .ban2{margin-left:2%}
	.bannerArea .half .ban2{margin:10px 0 0 0}

	.input_main dd br{display:none}

	.layerPopWrap.main .layerPopHead{padding:12px 0 12px 15px;font-size:1.5em}
	.layerPopWrap.main .layerPopCon{padding-top:30px}
	.main .layerPopHead .ico{height:65px}
	.snsView .icon img{width:30px;height:30px;}
	.snsView .icon + .icon{margin-left:5px}
	.mainCardBanner .btn img{height:35px}
	.input_main{margin:0 0 30px 0;padding:0 20px}
	.main .tit_result{margin:0 0 25px 0}
	.layerPopWrap .layerPopCon .resultMain{padding:30px 0 0 0 }
	.main .btnArea{padding:0 0 30px 0}
	.main .btnArea input[type="image"]{height:40px}
	.m_big{display:block}
	.w_big{display:none}

	.mainKeyWord .keyArea{width:75%;}
	.mainKeyWord .k_tit{width:25%;}
	.mainCardBanner li .ico img{height:55px}
	.mainCardBanner li a{font-size:1.25em}
	.mainCardBanner li{padding:25px 0}
	#eventArea{margin:0}
	.input_main a.keyword{padding:5px 45px !important;margin:0 10px 10px}
	.button+.button{margin:0}
	.con_result li {margin:0 0 20px 0;min-height:220px}
	.con_result li img{height:160px;width:160px}

}
@media screen and (max-width:375px) {
	#visualArea .bx-wrapper .bx-pager {left:20px;bottom:15px}
	#visualArea02 .bx-wrapper .bx-pager {left:20px;bottom:15px}
	.con_result li {min-height:200px}
	.con_result li img{height:140px;width:140px}
	.section .title-area .title .h2 { font-size: 1.5em; }

	.section { padding: 15px 0px; 0px 0px; }
    .section .title-area { margin-top: 60px; margin-bottom: 10px; }
    .section .heading h1 { font-size: 1.125em !important; }
    /*.step-wrapper .study-step .bx-pager .bx-pager-item { width: 50%; }*/
    .section .title-area { min-height: 130px; padding-top: 40px; }
    .step-wrapper .study-step .bx-pager { top: -250px !important; }
	.main_focus .focus_cell{margin-top: 0px;}
}
@media screen and (max-width:340px) {
	.input_main{padding:0 15px}
	.snsView .icon img{width:30px;height:30px;}
	.snsView .icon + .icon{margin-left:5px}
	.mainKeyWord .keyArea{width:77%;}
	.mainKeyWord .k_tit{width:23%;}
	.input_main a.keyword{padding:5px 40px !important;margin:0 5px 10px}
	.con_result li {min-height:200px}
	.con_result li img{height:120px;width:120px}
	.main_focus .focus_cell{margin-top: 0px;}
}

@media screen and (max-width:375px) {
	.step-wrapper .study-step .bx-pager { width: 120%; left: -24px; }
	.section .title-area { min-height: 150px; padding-top: 40px; }
}