@charset "euc-kr";
@import url( "font.css" );
/*
 IE 7/8Àº media query Àû¿ë ¾ÈµÊ.
 µ¥½ºÅ©Å¾ css ±âÁØÀ¸·Î ÀÛ¾÷.
 ÄÚµù ±âÁØ ¹®¹ýÀº xhtml4 & css2.0 (´ëºÎºÐÀÇ »ç¿ëÀÚ°¡ ie7 / ie8 ÀÓÀ» °í·ÁÇØ Æ¯ÀÌ»çÇ×À» Á¦¿ÜÇÏ°ï ±âÁ¸ Ç¥ÁØÄÚµù Áؼö.
 ¹Ìµð¾î Äõ¸®°¡ Àû¿ëµÇ¾î¾ß ÇÏ´Â ÄÁÅÙÃ÷¸¸ °¢°¢ÀÇ Çػ󵵿¡ ¸Â°Ô ÀÛ¾÷ÇÏ¿© css Ãß°¡
*/

/* CSS ÃʱâÈ­ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video,button{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent;font-family : 'Noto Sans KR', '³ª´®°íµñ', Nanum Gothic, 'µ¸¿ò', Dotum, '±¼¸²', Gulim, AppleGothic, sans-serif;font-weight:400}

html,body{margin:0;padding:0;width:100%;height:100%;}
body{font-size:16px; -webkit-text-size-adjust: none;}
a{margin:0;padding:0;font-size:100%;text-decoration:none;vertical-align:baseline;background:transparent;}
img{vertical-align:middle;max-width:100%;border:0}

header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display: block}
nav ul, li{list-style:none;}


/*  Table  */
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {}
caption {overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0;}

img {border:0 none;}
hr {color:#e4e4e4}
em, address {font-style:normal;}
strong {font-weight:500;}
ol, ul {list-style:none;}

/* link */
a:link, a:visited, a:active {text-decoration:none;color:inherit;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

/*  Form  */
input{margin:0;padding:0;box-sizing:border-box;vertical-align:middle;border-radius:0;font-family : 'Noto Sans KR', '³ª´®°íµñ', Nanum Gothic, 'µ¸¿ò', Dotum, '±¼¸²', Gulim, AppleGothic, sans-serif;outline:0;}
fieldset {border:0 none;}
select,textarea{font-family : 'Noto Sans KR', '³ª´®°íµñ', Nanum Gothic, 'µ¸¿ò', Dotum, '±¼¸²', Gulim, AppleGothic, sans-serif;outline:0;border-radius:0;}
legend {visibility:hidden; height:0; width:0; font-size:0; line-height:0; overflow:hidden; left:-9999px; top:-9999px;}
hr {visibility:hidden; height:0; width:0; font-size:0; line-height:0; overflow:hidden; position:absolute; left:-9999px; top:-9999px;}
textarea {background:#f6f3f3; border:none;padding:5px 10px;line-height:1.6;width:100%;box-sizing:border-box;overflow-x:hidden;-webkit-appearance:none;}
.hidden{position:absolute;left:-9999px;font-size:0;width:0;height:0;text-indent:-9999px;overflow:hidden;}
input[type="radio"]{margin:0 5px 0 0}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
textarea:focus{background:#fff;border:1px solid #ff2c5a;-webkit-appearance:none;}
label{vertical-align:middle}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
textarea{-webkit-appearance:none;}

.i_text{background:#f6f3f3; border:1px solid #f6f3f3; padding:10px;}
.i_top{background:none; border:none; padding:3px 10px 3px 10px;width:100px}
.i_tel{background:#f6f3f3; border:1px solid #f6f3f3;  padding:10px;width:100px}
.i_mail{background:#f6f3f3; border:1px solid #f6f3f3;  padding:10px;width:180px}
.i_addr{background:#f6f3f3; border:1px solid #f6f3f3; padding:10px;width:430px}
.i_addr2{background:#f6f3f3; border:1px solid #f6f3f3; padding:10px;width:570px;margin:10px 0 0 0}
.i_area{background:#f6f3f3; border:1px solid #f6f3f3;padding:5px 10px;line-height:1.6;width:100%;box-sizing:border-box;}
.i_sel{font-size:1em;padding:7px 25px 7px 10px;min-width:100px;border:none;background:#f6f3f3 url("http://www.yoons.com/html/img/v2016/common/bg_sel.png") no-repeat right top;color:#666;vertical-align:middle;-webkit-appearance:none;}
.i_date{background:#f6f3f3; border:1px solid #f6f3f3;padding:10px;width:100px}

.inputBox {position: relative;}
span.inputBox input{width:auto !important;padding-left:10px;padding-right:10px}

.inputBox label {position: absolute; top: 1px; left: 1px;color:#bfbfbf; cursor: text;}
.inputBox input[type="text"],
.inputBox input[type="password"] { width: 100%; height: auto;  line-height : normal;}

label + input[type="radio"]{margin-left:20px}

/* Selects */
.selWrap .jqTransformSelectWrapper {position:relative;width:170px;height: 36px;background: url('http://www.yoons.com/html/img/v2016/common/bg_sel_left.png') no-repeat top left}
.selWrap .jqTransformSelectWrapper div span {font-size: 1em;position:absolute; left:0; top:0;white-space: nowrap;height:36px; line-height: 36px; width:170px; text-align:left; padding: 0 0 0 15px; color:#adadad; overflow: hidden; cursor:pointer}
.selWrap .jqTransformSelectWrapper a.jqTransformSelectOpen {display:block; position:absolute; right:0px; width:40px; height:36px;background: url('http://www.yoons.com/html/img/v2016/common/bg_sel_arrow.png') no-repeat center center}
.selWrap .jqTransformSelectWrapper ul {position:absolute; top:34px; left:10px; list-style: none;background:#fff;border:solid 1px #e8e8e8; border-top:0; display:none;overflow:auto; overflow-y:auto; z-index:1000}
.selWrap .jqTransformSelectWrapper ul a{display: block; padding: 3px 2px 3px 8px; text-decoration:none;color:#adadad; background:#fff; font-size:1em; text-align:left}
.selWrap .jqTransformSelectWrapper ul a:hover{background-color:#eee;}
.selWrap .jqTransformSelectWrapper ul a.selected {}
.selWrap .jqTransformHidden {display: none;}
.selWrap{display:inline-block}
.selWrap + .selWrap{margin-left:10px}

.w75{width:73% !important;}
.w150p{width:150px !important;}
.w162p{width:162px !important;}
.w180p{width:180px !important;}
.w170p{width:170px !important;}
.w400p{width:400px !important;}

.mt0{margin-top:0 !important}
.mt_10{margin-top:-10px !important}
.mt_20{margin-top:-20px !important}
.mt10{margin-top:10px !important}
.mt50{margin-top:50px !important}

.pb0{padding-bottom:0 !important}

/* common */
.mobileBtn{display:none}
.mobileInfo{display:none;}
.pointR{color:#ff3333 !important}
.pointB{color:#1a1a1a !important}
.ac{text-align:center !important}

/* layout*/
header{width:100%;margin:0 auto;position:relative;}
#container{position:relative;width:1140px;margin:0 auto;padding:0 0 60px 0;min-height:600px}
#quickMenu{
	position:absolute;
	right:-70px;
	top:200px;
	display: block;
}

footer{width:100%;background:#727272;padding:30px 0 50px 0;}
footer .footWrap{
	width:1140px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
footer .footWrap .footMenu{margin:0 0 12px 0;}
footer .footWrap .address{
	display:block;
	text-align: center;
	width: 100%;
}
footer .footWrap .familyArea{position:absolute;right:0;top:0}
footer .footWrap .familyArea select{padding:7px 3px;background:#727272;border:1px solid #fff;color:#fff}
footer .footWrap  span{line-height:1}
footer .footWrap .line,
footer .footWrap .ceo,
footer .footWrap .corpNum,
footer .footWrap .callTime{background:url("http://www.yoons.com/html/img/v2016/common/bg_foot_line.png") no-repeat right 3px;display:inline-block;padding:0 10px;color:#e6e6e6;font-size:1em;}
footer .footWrap .custTel{font-weight:500;display:inline-block;padding:0 10px;color:#fff;font-size:1em}
footer .footWrap .copyright{
	display:inline-block;
	color:#e6e6e6;
	font-size:1em;
	text-align: center;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	/*width: 400px;*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
footer .m_foot{background:#4c4b49;padding:10px 0;text-align:center;display:none}
footer .footWrap .webDic{display:inline-block;padding:0 10px;color:#e6e6e6;font-size:1em;}
footer .footWrap .callTime{padding-left:0}

.content{position:relative;width:1140px;margin:0 auto;padding:0 0 60px 0}

.topBg{background:#f1f1f1;height:34px;}
.topBg:after{content:'';clear:both;display:block}
.topBg .utilMenu{width:1140px;margin:0 auto;}
.topBg .utilMenu ul{float:right;}
.topBg .utilMenu ul:after{content:'';clear:both;display:block}
.topBg .utilMenu li{float:left;background:url("http://www.yoons.com/html/img/v2016/common/bg_utilMenu.png") no-repeat right center;color:#666;font-size:0.82em;padding:5px 10px 0;}
.topBg .utilMenu li.end{background:none}
.topBg .utilMenu li .srchTop{border-bottom:1px solid #dadada}
.topBg .utilMenu li input[type="text"]:focus{outline:none;background:none;border:none}
.logo{
	text-align:center;
	background-color: #f05a28;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 20px;
}

.gnbWrap{width:100%;border-bottom:1px solid #c7c7c7;}
.gnb{
	width:1140px;
	margin:0 auto;
	padding-left:0px;
	position:relative
}
.gnb .all{position:absolute;left:0;top:0;width:25px;height:60px}
.gnb .befl{
	position:absolute;
	top:-65px;
	width:300px;
	height:36px;
	left: 0px;
}
.gnb .leaner {
	position:absolute;
	right:125px;
	top:-65px;
	width:90px;
	height:36px;
}
.gnb .last_webzine{
	position:absolute;
	right:0px;
	top:-65px;
	width:125px;
	height:36px;
}
.gnb .last_webzine  select{padding:4px 3px;background:#f05a28;border:1px solid #fff;color:#fff}

/* //2016-03-21 */
.gnb ul:after{content:'';clear:both;display:block}
.gnb li{
	float:left;
	font-size:1.1em;
	color:#1a1a1a;
	margin:0 14px 0 0;
	letter-spacing: -0.1em;
}
.gnb li a{color:#1a1a1a;display:block;padding:10px 8px;}
.gnb li.on a,
.gnb li a:hover{color:#ff3333;border-bottom:2px solid #fa4b4b;margin-bottom:-2px}


.allMenu{
	display:block;
	padding:0;
	background:#fff url("http://www.yoons.com/html/img/v2016/common/bg_subMenu.png") repeat-x left bottom;
	z-index:9999;
	width:100%;
	position:absolute;
	top:181px;
	left:0;
}
.allMenu dl{width:1140px; margin:0 auto;border-bottom:1px solid #f2f2f2;padding:30px 0}
.allMenu dl:after{content:'';clear:both;display:block}
.allMenu dt{float:left;width:215px;font-size:1.125em;color:#fa4b4b;line-height:1.6;}
.allMenu dd{float:left;}
.allMenu dd:after{content:'';clear:both;display:block}
.allMenu .menu{float:left;width:210px;}
.allMenu .menu .a_tit{font-size:1em;color:#1a1a1a;margin:0}
.allMenu .menu .a_tit + ul{margin:17px 0 0 0}
.allMenu .menu li{background:#fff url("http://www.yoons.com/html/img/v2016/common/bg_allMenu.png") no-repeat left center; padding:0 0 0 10px;font-size:0.94em;color:#808080;line-height:1.2;margin:0 0 12px 0}
.allMenu .menu li.end{margin:0}
.allMenu .menu_dt{font-size:1.125em;color:#fa4b4b;line-height:1.6;}
.allMenu .closeMenu{width:1140px;margin:0 auto;position:relative;}
.allMenu .closeMenu a{position:absolute;top:-69px;left:-3px;display:block}

.webMenu{}
.mobileMenu{display:none}
.mobileTop{
	position:relative;
	text-align:center;
	padding:20px 0;
	border-bottom:1px solid #f0f0f0;
	background-color: #FFF;
}
.mobileTop .viewMenu{position:absolute;right:0;top:0}
.m_logo img{
	width:391px;
	height:64px;
}

h1{}
h2{margin:0 0 12px 0;}
h2 img{max-height:48px;}
h3{font-size:1.5em; color:#333333;margin:0 0 16px 0; line-height:1;}
h4{font-size:1.375em;color:#1a1a1a;background:url("http://www.yoons.com/html/img/v2016/common/bg_dot_circle.png") no-repeat left center;padding-left:17px;line-height:1;margin:0 0 20px 0}
h4.midLine{background:url("http://www.yoons.com/html/img/v2016/common/bg_tit_line.png") repeat-x left center;padding:0;margin:0 0 30px 0;text-align:center;}
h4.midLine span{display:inline-block;background:#fff;padding:0 10px}
h2.redBg{background:url("http://www.yoons.com/html/img/v2016/main/bg_redLine.png") repeat-x left center;text-align:center;margin:0 0 30px 0}
h2.redBg span{color:#ff3333;display:inline-block;padding:0 20px;background:#fff}

.tit_gray{font-size:1.375em;color:#4d4d4d;line-height:1.6;margin:0 0 40px 0;text-align:center;}
.tit_circle{font-size:1.375em;color:#1a1a1a;background:url("http://www.yoons.com/html/img/v2016/common/bg_dot_circle.png") no-repeat left 5px;padding-left:17px;line-height:1;margin:0 0 15px 0}

.tit_red{color:#ff3333;text-align:center;font-size:1.875em;margin:50px 0 30px 0;line-height:1.2}
.tit_red.line{padding:40px 0 0 0;border-top:1px solid #e6e6e6;margin-bottom:40px;}
.tit_red.line2{padding:40px 0 0 0;border-top:1px solid #333;}
.tit_red .sm{font-size:0.6em}
.topTxt{color:#4d4d4d;font-size:1.25em;text-align:center;margin:90px 0 7px 0}

.imptTxt{color:#4d4d4d;padding:0 15px;font-size:1em;margin:0 0 10px 0}
.imptTxt .ico{margin:-4px 0 0 0;width:5px;height:5px;}
.tit_area{position:relative;}
.tit_area .side{position:absolute;right:0;top:0;}

.location{margin:0 0 40px 0; font-size:0.82em;color:#333; vertical-align:middle; line-height:1; text-align:right;overflow:hidden}
.location span{background:url("http://www.yoons.com/html/img/v2016/common/location_arrow.png") no-repeat left center;margin:0 7px 0 0; display:inline-block;padding-left:17px;vertical-align:middle}
.location .home{background:none;padding:0;background:url("http://www.yoons.com/html/img/v2016/common/ico_home.png") no-repeat left center;width:15px;height:15px;text-indent:9999px}
.location .current{color:#333}
.sub_txt{margin:0 0 60px 0;font-size:1em;color:#333}
.sub_txt .sub_tit{font-size:1.25em;color:#1a1a1a}
.sub_txt .addTxt{display:inline-block;margin-left:5px;}
.sub_txt2{font-size:1em;color:#4d4d4d;margin:0 0 15px 0;}
.sub_txt3{font-size:1em; color:#808080;margin:0 0 50px 0;line-height:1.75;text-align:center;}
.sub_txt4{font-size:1em; color:#4d4d4d;margin-top:-10px;line-height:1.5;text-align:center;}
.sub_txt5{font-size:1em; color:#4d4d4d;margin:0 0 40px 0;line-height:1.5;text-align:center;}
.sub_tit2{font-size:1.125em;color:#1a1a1a;text-align:center;margin:-15px 0 10px 0}
.sub_tit2.add{margin-top:20px}/* 2016-03-22 */

.srchArea+h3{margin-top:40px }
.srchArea{position: relative;margin:0 0 24px 0;background:#f0f0f0;padding:20px;}
.srchArea input[type="text"]{border:none;border-radius:25px;width:100%;font-size:1em;padding:16px 60px 16px 25px;outline:0;background:#fff;}
.srchArea label{top:50%;margin-top:-16px;left:40px;font-size:1.125em}
.srchArea .btn{position:absolute;right:50px;top:50%;margin-top:-17px;}

.search_result .srchArea{position: relative;margin:0 auto 24px;background:none;width:560px;padding:0}
.search_result .srchArea input[type="text"]{border:2px solid #fa4b4b;border-radius:50px;width:100%;font-size:1em;padding:12px 60px 12px 25px;outline:0;background:#fff;height:50px}
.search_result .srchArea label{top:50%;margin-top:-16px;left:40px;font-size:1.125em}
.search_result .srchArea .btn{position:absolute;right:0;top:0;margin-top:0}

.subTop{position:relative;padding:20px 0 0 0;height:206px;}
.subTop.line{border-bottom:1px solid #f0f0f0}
.subTop .subVisual{position:absolute;right:45px;bottom:10px;}

.subTop + .tit_red {margin-top:0}
.castWrap .tit_red.line2{margin-top:0}

.boardLst{border-spacing:0;border-collapse:collapse;border-top:1px solid #333;width:100%;margin:0 0 40px 0}
.boardLst th,
.boardLst td{font-size:1em;color:#808080;border-collapse:collapse;background:#fff}
.boardLst th{background:#fff;border-bottom:1px solid #333;vertical-align:middle;text-align:center;line-height:1;padding:16px 0 17px 0;color:#333}
.boardLst td{text-align:center;padding:20px 0;border-bottom:1px solid #e6e6e6}
.boardLst .tit{text-align:left;color:#333}
.boardLst td:nth-child(1){width:9%}
.boardLst td:nth-child(3){width:12%;line-height:1}

.boardView{border-top:1px solid #333;width:100%;margin:0}
.boardView dt{padding:25px 0 25px 30px;border-bottom:1px solid #e6e6e6;display:table;width:100%;box-sizing:border-box}
.boardView span{display:table-cell;font-size:1em;box-sizing:border-box}
.boardView .subject{text-align:left;color:#333;font-size:1.25em;width:77%;padding-right:50px}
.boardView .tit{color:#808080;width:3.6%}
.boardView .tit2{color:#808080;padding-right:10px;width:5%}
.boardView .num{color:#1a1a1a;width:5%}
.boardView .date{color:#1a1a1a;}
.boardView dd{width:100%;box-sizing:border-box;padding:45px 50px 65px 50px;font-size:1em;color:#4d4d4d;line-height:1.6;border-bottom:1px solid #e6e6e6;}

.otherList{margin:0 0 30px 0}
.otherList.line{border-top:1px solid #e6e6e6;}
.otherList li{box-sizing:border-box;border-bottom:1px solid #e6e6e6;color:#1a1a1a;padding:15px 30px 15px 0;width:100%;overflow:hidden;}
.otherList li:after{content:'';clear:both;display:block}
.otherList li span{vertical-align:middle;float:left;}
.otherList li .tit{width:9%;color:#808080;text-align:center;}
.otherList li .con{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;display:inline-block;width:91%}

.paginate{font-size:0.9375em;color:#737373;text-align:center;}
.paginate a{display:inline-block; margin:0 15px 0 0;vertical-align:middle}
.paginate a.prv{margin:0 20px 0 0}
.paginate a.nxt{margin:}
.paginate a.on,
.paginate a:hover{text-decoration:underline;color:#1a1a1a;font-weight:500}
.tabMenu{margin:0 0 30px 0}
.tabMenu:after{content:''; clear:both; display:block}
.tabMenu.tab2 li{width:50%}
.tabMenu.tab3 li{width:33%}
.tabMenu.tab4 li{width:25%}
.tabMenu.tab6 li{width:16.6%}
.tabMenu.tab3 li:last-child{width:34%}
.tabMenu li{float:left;font-size:1.125em;box-sizing:border-box;background:#f0f0f0;border-bottom:none;border:1px solid #f0f0f0; border-left-color:#e6e6e6;color:#808080;text-align:center;line-height:1}
.tabMenu li.on{background:#fff;color:#ff3333;border:1px solid #ff3333;border-bottom:none;}
.tabMenu li a{display:block;padding:20px 0;l}

/* ¸®´º¾ó½Ã È®Àå ¹è°æ ¶§¹®¿¡ Ãß°¡ */
html { overflow-x: hidden; }


/* ¸®´º¾ó ½º¸¶Æ® ÇнÀ¹ý */
.renewal-smartContent .smart-wrap { padding-top: 100px; position: relative; }
.renewal-engClass .smart-wrap {
	padding-bottom: 60px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #333;
}
.renewal-smartContent .bg-gray { background-color: #f4f4f4; }
.renewal-smartContent .tit_red { font-size: 3.25em; color: #333333; margin-top: 0; padding-left: 0; }
.renewal-diagram1 { display: block; text-align: center; margin-top: 57px; padding: 0 15px; padding-bottom: 60px; }
.renewal-smartContent .tabAcc li a { padding: 24px 0; background-color: #fff; }
.renewal-smartContent .tabAcc li.on a { background-color: #999; color: #fff; }
.renewal-smartContent .tabAcc li .tab_content { padding-left: 0; padding-right: 0; top: 107px; }


/*20160930Ãß°¡*/
 .zlnet_base_layout {
	padding-top: 0px;
}
.zlnet_base_layout .zlnet_basic_conbox {
	display: inline-block;
	float: left;
	width: 830px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #333;
	padding-top: 30px;
	background-color: #f4f4f4;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 50px;
}
.zlnet_base_layout .zlnet_right_conbox {
	float: right;
	width: 200px;
	min-height:300px;
	padding-top: 30px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #333;
	background-color: #f4f4f4;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 50px;
}
.zlnet_base_layout .zlnet_basic_conbox .zlnet_basic_head {display:block;}
.zlnet_base_layout .zlnet_basic_conbox .zlnet_basic_head span {display:block;}
.zlnet_base_layout .zlnet_basic_conbox .zlnet_basic_head .h4 {
	border-bottom: 1px solid #999;
	color: #333;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 20px;
	}

.zlnet_base_layout .zlnet_basic_conbox .zlnet_basic_head .content_title {
	font-size: 2em;
	color: #1a74e4;
	padding-top: 5px;
	letter-spacing:-0.1em;
	padding-bottom: 10px;
}
.zlnet_base_layout .zlnet_basic_conbox .zlnet_basic_head .content_stitle {
	font-size: 1.5em;
	color: #333;
	padding-top: 5px;
	letter-spacing:-0.1em;
}

.zlnet_base_layout .zlnet_basic_conbox .zlnet_basic_head .content_w_day {
	padding-top: 10px;
	padding-bottom: 30px;
}
.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox {
	display: block;
	margin-bottom: 30px;
	color: #666666;
	line-height: 1.5em;
	font-size: 1.125em;
}

.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .con_weekly_title {
	color: #333;
	font-size: 1.3em;
	padding-bottom: 10px;
	font-weight: 500;
	line-height: 1.3em;
}
.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .con_weekly_txt {
	padding-bottom: 40px;
}
.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .con_weekly_txt_rightalin {
	padding-bottom: 40px; text-align: right;
}
.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .con_weekly_pic {
	padding-bottom: 30px;
}
.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .user_blg_link {
	font-size: 1.125em;
	color: #333;
	line-height: 1.5em;
}
.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .user_blg_link  a{color: #000;}
.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .btn_box {
	text-align: center;
	display: block;
	margin: 0px;
	padding: 30px;
}
.zlnet_base_layout .zlnet_right_conbox .r_list_ttl {
	color: #333;
	font-size: 1.125em;
	font-weight: bold;
	margin-bottom: 20px;
}
.zlnet_base_layout .zlnet_right_conbox .last_con_ttl {
	display: block;
	float: left;
}

.zlnet_base_layout .zlnet_right_conbox .last_con_ttl li {
	line-height: 1.2em;
	padding-bottom: 10px;
	padding-left: 15px;
	background-image: url(https://images.ibseduhouse.net/event/zlnet/bullet_square01.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;
}

/*20160930Ãß°¡³¡*/
@media screen and (max-width:850px){
    .renewal-smartContent .tabAcc li .tab_content { top: auto; }
    .renewal-smartContent .tabAcc li a { padding: 16px; }
    .renewal-smartContent .smart-wrap { padding-top: 0; }
	.zlnet_base_layout .zlnet_basic_conbox { width: 90%;}
	.zlnet_base_layout .zlnet_right_conbox { float: left;	width:90%; padding-left: 10px; padding-right: 10px; min-height:0px;}
	
}
.renewal-smartContent .sm_study_01 { padding: 0; }
.renewal-smartContent.smart_content .sm_tit { font-size: 1.125em; }
.renewal-smartContent .sm_study_01 .fl { width: 558px; }
.renewal-smartContent .sm_study_01 .fr { width: 558px; }
.renewal-smartContent .info { display: block; text-align: center; color: #666; font-size: 1.125em; }
.radio-area { margin-top: 50px; text-align: center; }
.radio-area span:first-child { padding-right: 30px; }
.find-section { margin-top: 30px; overflow: hidden; }

.graph { text-align: center; }
.graph-wrap { padding-bottom: 80px; text-align: center; }
.graph-wrap.col2 { padding-bottom: 0; overflow: hidden; margin-top: 67px; }
.graph-head .title { font-size: 1.875em; display: block; font-weight: 500; }
.graph-head .description { font-size: 1em; display: block; }
.graph-body { margin-top: 36px; margin-bottom: 30px; text-align: center; }
.graph-body.type1 { margin-top: 0; }
.graph-body .fig {
    /*font-size: 1.125em; À¥ ºä¿¡¼­ ÀÛ°Ôº¸¿©¼­ ¼öÁ¤*/
    font-size: 1.5em;
    color: #333;
}
.graph-fl { float: left; width: 50%; }
.graph-fr { float: right; width: 50%; }
@media screen and (max-width:1024px){
    .graph-fl { float: none; width: 100%; }
    .graph-fr { float: none; width: 100%; margin-top: 20px; }
	
	
	
}
@media screen and (max-width:520px){
    .graph-body { margin: 0; }
    .graph-body .fig { font-size: 1.125em; }
	
}

.my-class { text-align: left; padding-bottom: 40px; border-bottom: 1px solid #f0f0f0; }
.my-class.type1 dt { color: #f75959; }
.my-class dt { font-size: 1.75em; font-weight: bold; color: #333333; margin-top: 40px; }
.my-class dd { font-size: 1.75em; color: #666666; }
@media screen and (max-width:520px){
    .my-class dt { font-size: 1.125em; margin-top: 20px; }
    .my-class dd { font-size: 1.125em; }
}

.list-wrap { width: 70.17543859649123%; margin: 0 auto; margin-top: 50px; }
.list-wrap.type1 { width: 100%; }
.list-wrap li:first-child { margin-top: 0; }
.list-wrap li { padding-left: 38px; position: relative; margin-top: 10px; }

.numbering { display: inline-block; width: 26px; height: 26px; position: absolute; left: 0; top: 0; background: url("http://www.yoons.com/html/img/v2016/renewal/numbering.png") 0 0 no-repeat; text-align: center; }
@media screen and (max-width:520px){
    .numbering { width: 13px; height: 13px; background-size: 100%; top: 4px; font-size: 0.5em; }
    .list-wrap.type1 li { padding-left: 19px; }
}

.title-area { text-align: center; margin: 90px 0 80px 0; }
.title-area h1 { font-size: 3.25em; font-weight: bold; }
.mt-50 { margin-top: 50px; }
.mt-30 { margin-top: 30px; }
.mt-25 { margin-top: 25px; }

.io-graph { margin-top: 60px; display: block; }
.io-graph img { max-width: 1079px; width: 100%; }
.routine-graph { margin-top: 60px; display: block; }
.routine-graph img { max-width: 682px; width: 100%; }
.report-graph { margin-top: 60px; display: block; }
.report-graph img { max-width: 993px; width: 100%; }
.focus-graph { margin-top: 60px; display: block; }
.focus-graph img { max-width: 996px; width: 100%; }
.test-graph { margin-top: 60px; display: block; }
.test-graph img { max-width: 994px; width: 100%; }
.bigdata-graph { margin-top: 60px; display: block; }
.bigdata-graph img { max-width: 994px; width: 100%; }
.bigdata-graph .m_view img { width: 50%; }
.self-graph { margin-top: 60px; display: block; }
.self-graph img { max-width: 995px; width: 100%; }

.wrapper-hasBottomBorder { border-bottom: 1px solid #f0f0f0; padding: 60px 0; }
.wrapper-hasBottomBorder .sm_study_01 { border: none; }

.color-red { color: #fa4b4b; }
.renewal-smartContent strong { font-weight: bold; }

/* ¸®´º¾ó ÅÇ */
.renewal-tab { margin-bottom: 0; }
.tabMenu.renewal-tab li a { padding: 24px 0; }
.tabMenu.renewal-tab.tab6 li a { padding: 16px 0; }
.renewal-tab li { color: #666666; border-color: #cfcfcf; background-color: #fff; }
.renewal-tab li.on { background-color: #999999; border-color: #999999; color: #fff; }

/* ¸®´º¾ó ·ÎÄÉÀÌ¼Ç */
.renewal-subTopType1 { background-color: #60bae7; height: 200px; margin-bottom: 50px; }
.renewal-subTopType1.mb-0 { margin-bottom: 0; }
.renewal-subTopType1 .left-wing { background-color: inherit; width: 50%; height: 100%; position: absolute; right: 100%; top: 0; }
.renewal-subTopType1 .right-wing { background-color: inherit; width: 50%; height: 100%; position: absolute; left: 100%; top: 0; }
.renewal-subTopType1 .location { text-align: left; color: #fff; }
.renewal-subTopType1 .location .home { background: url(http://www.yoons.com/html/img/v2016/common/ico_home1.png) no-repeat left center; }
.renewal-subTopType1 .location span { background: url(http://www.yoons.com/html/img/v2016/common/location_arrow1.png) no-repeat left center; }
.renewal-subTopType1 .sub_txt .sub_tit { color: #fff; }
.renewal-subTopType1 .subVisual { bottom: 0; }

.renewal-subTopType2 {
	background-color: #fff;
	height: 50px;
}
.renewal-subTopType2.mb-0 { margin-bottom: 0; }
.left-wing { background-color: inherit; width: 50%; height: 100%; position: absolute; right: 100%; top: 0; }
.right-wing { background-color: inherit; width: 50%; height: 100%; position: absolute; left: 100%; top: 0; }
@media screen and (max-width:1140px){
    .left-wing,
    .right-wing { display: none; }
}
.renewal-subTopType2 .location {
	text-align: left;
	color: #333;
}
.renewal-subTopType2 .location .home {
	background-image: url(https://images.ibseduhouse.net/event/zlnet/ico_home1.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.renewal-subTopType2 .location span {
	background-image: url(https://images.ibseduhouse.net/event/zlnet/location_arrow1.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.renewal-subTopType2 .sub_txt .sub_tit { color: #fff; }
.renewal-subTopType2 .subVisual { bottom: 0; }
@media screen and (max-width:850px){
    .renewal-subTopType2 .sub_txt { margin-bottom: 0; }
    .renewal-subTopType2 { padding-bottom: 20px; }
}

.renewal-subTopType3 { background-color: #88c215; height: 200px; margin-bottom: 50px; }
.renewal-subTopType3.mb-0 { margin-bottom: 0; }
.renewal-subTopType3 .left-wing { background-color: inherit; width: 50%; height: 100%; position: absolute; right: 100%; top: 0; }
.renewal-subTopType3 .right-wing { background-color: inherit; width: 50%; height: 100%; position: absolute; left: 100%; top: 0; }
.renewal-subTopType3 .location { text-align: left; color: #fff; }
.renewal-subTopType3 .location .home { background: url(http://www.yoons.com/html/img/v2016/common/ico_home1.png) no-repeat left center; }
.renewal-subTopType3 .location span { background: url(http://www.yoons.com/html/img/v2016/common/location_arrow1.png) no-repeat left center; }
.renewal-subTopType3 .sub_txt .sub_tit { color: #fff; }
.renewal-subTopType3 .subVisual { bottom: 0; }

.renewal-subTopType4 { background-color: #FFD900; height: 200px; margin-bottom: 50px; }
.renewal-subTopType4.mb-0 { margin-bottom: 0; }
.renewal-subTopType4 .left-wing { background-color: inherit; width: 50%; height: 100%; position: absolute; right: 100%; top: 0; }
.renewal-subTopType4 .right-wing { background-color: inherit; width: 50%; height: 100%; position: absolute; left: 100%; top: 0; }
.renewal-subTopType4 .location { text-align: left; color: #fff; }
.renewal-subTopType4 .location .home { background: url(http://www.yoons.com/html/img/v2016/common/ico_home1.png) no-repeat left center; }
.renewal-subTopType4 .location span { background: url(http://www.yoons.com/html/img/v2016/common/location_arrow1.png) no-repeat left center; }
.renewal-subTopType4 .sub_txt .sub_tit { color: #fff; }
.renewal-subTopType4 .subVisual { bottom: 0; }

.renewal-subTopType5 { background-color: #88c215; height: 200px; margin-bottom: 50px; }
.renewal-subTopType5.mb-0 { margin-bottom: 0; }
.renewal-subTopType5 .left-wing { background-color: inherit; width: 50%; height: 100%; position: absolute; right: 100%; top: 0; }
.renewal-subTopType5 .right-wing { background-color: inherit; width: 50%; height: 100%; position: absolute; left: 100%; top: 0; }
.renewal-subTopType5 .location { text-align: left; color: #fff; }
.renewal-subTopType5 .location .home { background: url(http://www.yoons.com/html/img/v2016/common/ico_home1.png) no-repeat left center; }
.renewal-subTopType5 .location span { background: url(http://www.yoons.com/html/img/v2016/common/location_arrow1.png) no-repeat left center; }
.renewal-subTopType5 .sub_txt .sub_tit { color: #fff; }
.renewal-subTopType5 .subVisual { bottom: 0; }


.renewal-subTopType6 { background-color: #b1b1b1; height: 200px; margin-bottom: 50px; }
.renewal-subTopType6.mb-0 { margin-bottom: 0; }
.renewal-subTopType6 .left-wing { background-color: inherit; width: 50%; height: 100%; position: absolute; right: 100%; top: 0; }
.renewal-subTopType6 .right-wing { background-color: inherit; width: 50%; height: 100%; position: absolute; left: 100%; top: 0; }
.renewal-subTopType6 .location { text-align: left; color: #fff; }
.renewal-subTopType6 .location .home { background: url(http://www.yoons.com/html/img/v2016/common/ico_home1.png) no-repeat left center; }
.renewal-subTopType6 .location span { background: url(http://www.yoons.com/html/img/v2016/common/location_arrow1.png) no-repeat left center; }
.renewal-subTopType6 .sub_txt .sub_tit { color: #fff; }
.renewal-subTopType6 .subVisual { bottom: 0; }

.renewal-subTopType7 { background-color: #2ebb9a; height: 200px; margin-bottom: 50px; }
.renewal-subTopType7.mb-0 { margin-bottom: 0; }
.renewal-subTopType7 .left-wing { background-color: inherit; width: 50%; height: 100%; position: absolute; right: 100%; top: 0; }
.renewal-subTopType7 .right-wing { background-color: inherit; width: 50%; height: 100%; position: absolute; left: 100%; top: 0; }
.renewal-subTopType7 .location { text-align: left; color: #fff; }
.renewal-subTopType7 .location .home { background: url(http://www.yoons.com/html/img/v2016/common/ico_home1.png) no-repeat left center; }
.renewal-subTopType7 .location span { background: url(http://www.yoons.com/html/img/v2016/common/location_arrow1.png) no-repeat left center; }
.renewal-subTopType7 .sub_txt .sub_tit { color: #fff; }
.renewal-subTopType7 .subVisual { bottom: 0; }


.curriculum-head { text-align: left; margin-bottom: 35px; }
.curriculum-head.type1 { margin-bottom: 0; }
.curriculum-head.type2 { margin-top: 130px; margin-bottom: 0; }
.curriculum-head.type2 .number-title { margin-top: 40px; }
.curriculum-head.type3 { margin-top: 100px; margin-bottom: 50px; }
.curriculum-head.type4 { margin-top: 0; margin-bottom: 50px; }
.curriculum-head span { display: block; }
.curriculum-head .copy { color: #999; font-size: 1.375em; }
.curriculum-head .h4 { color: #333; font-size: 1.5em; font-weight: bold; margin-bottom: 50px; }
.curriculum-head .h4.type1 { margin-bottom: 10px; border-bottom: 1px solid #999; }
.curriculum-head .number-title { color: #333; font-size: 1.5em; }
.curriculum-head .description { font-size: 1.125em; color: #666666; padding-top: 5px; }
.curriculum-head .content_title { font-size: 2em; color: #1a74e4; padding-top: 5px; letter-spacing:-0.1em; }
.curriculum-head .content_w_day{
	font-size: 1em;
	color:#252525;
	padding-bottom:10px;
	padding-top: 10px;
}
.graph-title { color: #fa4b4b; font-size: 1.375em; display: block; text-align: center; }
.graph-des { color: #666; font-size: 1em; display: block; margin-top: 15px; min-height: 48px; }
.graph-body { text-align: center; }
.pb-0 { padding-bottom: 0 !important; }

@media screen and (max-width:850px){
    .curriculum-head.type3 { margin-top: 40px; }
    .curriculum-head.type4 { margin-top: 40px; }
    .curriculum-head .number-title {
	    font-size: 1.3em;
	}
}


.visual-area {}
.visual-area .bx-wrapper .m_view img { width: 100%; }
.visual-area .bx-controls-auto{display:none}
.visual-area .bx-wrapper .bx-pager { position: absolute;  z-index:1000;left:0; right: 0; bottom:26px; text-align: center;}
.visual-area .bx-wrapper .bx-pager .bx-pager-item,
.visual-area .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.visual-area .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;}
.visual-area .bx-wrapper .bx-pager.bx-default-pager a:hover,
.visual-area .bx-wrapper .bx-pager.bx-default-pager a.active {background-position: 0 -13px}
.visual-area .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; }
.visual-area .bx-wrapper .bx-controls-direction .bx-prev { left: 15px; background-position: 0 0; }
.visual-area .bx-wrapper .bx-controls-direction .bx-next { right: 15px; background-position: 0 -57px; }
.visual-area .bx-controls-direction { display: none; }
.renewal-smartContent.renewal-engClass .bg-gray {
	padding-top: 40px;
}
@media screen and (max-width:850px){
    .renewal-smartContent.renewal-engClass .bg-gray { padding-top: 1px; }
}
.border-box { border: 1px solid #eee; padding: 40px; }
.border-box .border-graph { margin-top: 24px; }

.video-wrapper { position: relative; }
.video-wrapper iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.row2 li { padding-left: 163px; }


.tabIcon{overflow:hidden;margin:0 0 20px 0}
/* Ä«Å×°í¸® 8°³ÀÏ
.tabIcon li{float:left; width:12.5%; text-align:center;background:url("http://www.yoons.com/html/img/v2016/cust/bg_tabIcon.png") no-repeat left center;font-size:1em;color:#333}*/
.tabIcon li{float:left; width:14.2%; text-align:center;background:url("http://www.yoons.com/html/img/v2016/cust/bg_tabIcon.png") no-repeat left center;font-size:1em;color:#333}
.tabIcon li span{display:block;margin:12px 0 0 0}
.tabIcon li:first-child{background:none;color:#eb1c23}

.tabAcc{margin:0 0 30px 0;position:relative;}
.tabAcc:after{content:''; clear:both; display:block}
.tabAcc.tab2 > li{width:50%}
.tabAcc.tab3 > li{width:33%}
.tabAcc.tab4 > li{width:25%}
.tabAcc.tab3 > li:last-child{width:34%}
.tabAcc li{float:left;}
.tabAcc li a{display:block;padding:16px 0;font-size:1.125em;box-sizing:border-box;background:#fafafa; border:1px solid #d9d9d9; border-left:none; color:#808080;text-align:center;line-height:1}
.tabAcc li:first-child a{border-left:1px solid #d9d9d9;}
.tabAcc li.on a{background:#fff;color:#333;}
.tabAcc li .impt{color:#ccc;}
.tabAcc li.on .impt{color:#ff3333;}
.tabAcc li .tab_content{position:absolute;top:52px;left:0;display:none;padding:30px; width:100%; box-sizing:border-box; color:#4d4d4d}
.tabAcc li .tab_content:after{content:'';clear:both;display:block;}
.tabAcc li .tab_content .fl{float:left;width:50%;text-align:center}
.tabAcc li .tab_content .fr{float:right;width:50%;}
.tabAcc li.on .tab_content{display:block}
.tabAcc li .tab_content li{float:none;width:100%}

.sTab{margin:50px 0 30px 0;text-align:center}
.sTab a{display:inline-block;padding:10px 20px;font-size:1em;color:#808080;text-align:center;line-height:1;border-bottom:2px solid #e6e6e6}
.sTab a.on{color:#1a1a1a;border-bottom:2px solid #ff3333}
.sTab a +a{margin-left:20px}

/* button */
.btnArea{text-align:right;margin:0 0 30px 0}
.btnC{text-align:center;margin:0 0 30px 0}
.btnArea .btn img{max-height:50px}

.button{background:url("http://www.yoons.com/html/img/v2016/common/bg_btn.png") no-repeat left top; height:50px; padding-left:50px;display:inline-block;line-height:2.6em}
.button span{display:inline-block;background:url("http://www.yoons.com/html/img/v2016/common/bg_btn.png") no-repeat right top;height:50px; padding-right:50px}
    .button.long{padding-left:25px}
.button.long span{padding-right:25px}

a.mainBtn{color:#ff3333;font-size:1.12em;}
a.subBtn{background-position:left -55px;color:#808080;font-size:1.12em;}

a.subBtn span{background-position:right -55px;}
a.grayBtn{background-position:left -259px;color:#808080;font-size:1em;height:40px;padding-left:25px;}
a.grayBtn span{background-position:right -259px;height:40px;padding-right:25px}
a.popBtn{background-position:left -309px;color:#ff3333;font-size:1em;height:40px;padding-left:25px;}
a.popBtn span{background-position:right -309px;height:40px;padding-right:25px}
a.downBtn{background-position:left -309px;color:#ff3333;font-size:1em;height:40px;padding-left:20px;}
a.downBtn span{background-position:right -309px;height:40px;padding-right:20px}

a.redSml{background-position:left -169px;color:#ff3333;font-size:1em;padding-left:20px;height:26px;line-height:24px}
a.redSml span{background-position:right -169px;padding-right:20px;height:26px;}

a.keyword{background-position:left -360px;color:#4d4d4d;font-size:1em;height:36px;line-height:2em;padding-left:13px;margin:0 0 10px 0}/* 2016-03-25 */
a.keyword span{background-position:right -360px;height:36px;padding-right:14px;min-width: 45px;text-align: center;}/* 2016-03-25 */

.keyword.on{background-position:left -405px;color:#fff;font-size:1em;height:36px;line-height:2em;padding-left:20px;margin:0 0 10px 0}
.keyword.on span{background-position:right -405px;height:36px;padding-right:20px}

a.layerCloseBtn{background-position:left -309px;color:#ff3333;font-size:1em;height:40px;padding-left:50px;}
a.layerCloseBtn span{background-position:right -309px;height:40px;padding-right:50px}

.btnSel{background-position:left -110px;padding-left:30px}
.btnSel span{background-position:right -110px;text-align:center;color:#1a1a1a;padding-right:30px;width:250px}
.btnSel.on{background-position:left top;}
.btnSel.on span{background-position: right top;}

.whiteBtn{display:inline-block;color:#4d4d4d;padding:6px 20px;font-size:1em;border:1px solid #ccc;box-sizing:border-box;vertical-align:middle;text-align:center}

.button+.button{margin-left:15px;}

.faq_tit{margin:0 0 45px 0;font-size:1.38em;color:#1a1a1a;text-align:center;}
.faq{border-top:1px solid #333;margin:0 0 40px 0}
.faq dt{border-bottom:1px solid #e6e6e6;color:#333;padding:27px 30px 27px 85px;line-height:1.2;background:url("http://www.yoons.com/html/img/v2016/cust/ico_que.png") no-repeat 30px center; background-size:38px 38px;font-size:1em}
.faq.best dt{background:url("http://www.yoons.com/html/img/v2016/cust/ico_que2.png") no-repeat 30px center; background-size:38px 38px}
.faq dt.on{border-bottom:none}
.faq dt a{overflow:hidden;display:block;background:url("http://www.yoons.com/html/img/v2016/cust/bg_arrow.png") no-repeat right center; background-size:18px 10px}
.faq dt a:after{content:''; clear:both; display:block}
.faq dt.on a{background:url("http://www.yoons.com/html/img/v2016/cust/bg_arrow_on.png") no-repeat right center; background-size:18px 10px}
.faq dd{border-bottom:1px solid #e6e6e6;color:#333;padding:27px 30px 27px 85px; line-height:1.6; font-size:1em; background:#f5f5f5 url("http://www.yoons.com/html/img/v2016/cust/ico_ans.png") no-repeat 30px center; background-size:38px 38px}
.faq dd.on{display:block}
.faq dt a .tit{float:left;width:80%}
.faq dt a .sort{float:right;width:20%;text-align:center;color:#808080}
.faq.apply dt{background:url("http://www.yoons.com/html/img/v2016/intro/ico_que.png") no-repeat 40px center; background-size:22px 22px}
.faq.apply dd{background:#f5f5f5 url("http://www.yoons.com/html/img/v2016/intro/ico_ans.png") no-repeat 40px center; background-size:22px 22px}

.eventList{margin:0 0 35px 0}
.eventList li{overflow:hidden;padding:20px 0;border-bottom:1px solid #e6e6e6;line-height:1.2}
.eventList li:first-child{padding-top:0;}
.eventList li .thumImg{float:left;width:49%;box-sizing:border-box;}
.eventList li .thumCon{float:right;width:51%;font-size:1em; color:#666;padding:20px 0 0 40px; box-sizing:border-box;}
.eventList li .thumCon .e_tit{font-size:1.25em;color:#333;margin:0 0 12px 0}
.eventList li .thumCon .btn_win{margin:15px 0 0  0}

.eventView{border-top:1px solid #333;width:100%;margin:0}
.eventView dt{padding:25px 30px;border-bottom:1px solid #e6e6e6;display:table;width:100%;box-sizing:border-box;color:#333}
.eventView span{display:table-cell;font-size:1em;box-sizing:border-box;}
.eventView .subject{text-align:left;font-size:1.25em;width:80%;padding-right:50px}
.eventView .date{text-align:right}
.eventView dd{width:100%;box-sizing:border-box;padding:50px;font-size:1em;color:#333;line-height:1.6;border-bottom:1px solid #e6e6e6;}
.eventView dd .event_img{margin:0 0 70px 0}

.eventPastList{margin:0 0 35px 0}
.eventPastList li{overflow:hidden;padding:0 12px 30px 0;line-height:1.2;float:left;width:50%;box-sizing:border-box;}
.eventPastList li:nth-child(2n){padding:0 0 30px 12px}
.eventPastList li .thumImg{text-align:center}
.eventPastList li .thumCon{font-size:1em; color:#808080;padding:20px 0 0;text-align:center}
.eventPastList li .thumCon .e_tit{font-size:1.25em;color:#333;margin:0 0 6px 0}

.custInput{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;padding:20px 0 25px 0; margin:0 0 30px 0}
.custInput .row{overflow:hidden;}
.custInput .row:after{content:'';display:block;clear:both;}
.custInput .cell{float:left;text-align:left;display:inline-block;padding:0 0 10px 0;width:86%;box-sizing:border-box}
.custInput .cell strong img{width:5px;height:5px;margin-left:5px;display:inline-block}
.custInput .cell.tit{width:14%;padding:0 0 0 20px;vertical-align:middle;color:#808080;font-size:1em}
.custInput .referTxt{font-size:0.92em; margin:5px 0;color:#808080;}
.custInput .dash{padding:0 6px;display:inline-block}
.custInput .i_addr{margin-right:10px}
.custInput .que .i_sel{width:25%}
.custInput .que .i_text{width:74%;margin-left:1%}

.applyTbl{border-top:1px solid #333333;width:100%;border-collapse:collapse;border-spacing:0;margin:0 0 40px 0}
.applyTbl th{font-size:1.125em;color:#1a1a1a;vertical-align:top;padding:20px 0 20px 20px;width:155px;text-align:left;}
.applyTbl td{font-size:1em;padding:10px 0; color:#808080;line-height:1.2;vertical-align:top;}
.applyTbl .line,
.applyTbl tr.line td,
.applyTbl tr.line th{border-bottom:1px solid #e6e6e6}
.applyTbl td.txt{padding:20px 0;color:#4d4d4d}
.applyTbl td.tit{width:150px;padding-top:20px}
.applyTbl td.tit2{width:150px;padding-left:20px;padding-top:20px}
.applyTbl label{color:#1a1a1a}
.applyTbl .i_sel{width:auto;font-size:1em;vertical-align:middle;padding-right:25px;min-width:80px}
.applyTbl .dash{padding:0 6px;display:inline-block}
.applyTbl .i_text{width:332px}
.applyTbl .photo{width:150px;padding:30px 0 0 20px;}
.applyTbl .photoWrap{width:106px;height:120px;border:1px solid #ccc}
.applyTbl .photoWrap img{width:100%;height:100%}
.applyTbl .i_addr{width:490px}
.applyTbl .i_addr2{width:620px}
.applyTbl .addInlie{margin:0 0 10px 0;}
.applyTbl .plus{padding-bottom:0 !important;}
.applyTbl .addRow{margin:0 0 10px 0;position:relative;}
.applyTbl .add{margin-left:15px}
.applyTbl .addRow .add{position:absolute;right:10px;top:5px}
.applyTbl p{color:#1a1a1a}
.finishApply{position:absolute;right:30px;top:50px;font-size:1.25em;width:50%;color:#1a1a1a;text-align:center;vertical-align:middle;border-left:1px solid #e6e6e6;padding:15px 0;}

.resultWrap{position:relative;}
.resultWrap .finishMsg{position:absolute;top:20px;}

.txtAreaBox{border-top:1px solid #333333;width:100%;margin:0 0 40px 0;padding:15px 0 0 0}
.txtAreaBox textarea{height:270px}

.agreeTit{font-size:1.125em; color:#1a1a1a;position:relative;margin:0 0 20px 0;line-height:1;}
.agreeTit .agreeBtn{position:absolute;right:0;top:0}
.agreeTit .agreeBtn label + input[type="radio"]{margin-left:20px;}
.agreeTit2{font-size:1em;color:#4d4d4d;padding-bottom:10px;margin:0 0 20px 0;border-bottom:1px solid #e6e6e6;}
.agreeWrap{position:relative;overflow-y:scroll !important; z-index:1;display:block;background:#f6f3f3;width:100%;height:110px;box-sizing:border-box;margin:0 0 15px 0;padding:20px;}
.agreeWrap p,
.agreeWrap li{color:#999;font-size:0.875em;line-height:1.4;}
.agreeWrap p{margin:0 0 10px 0}
.scroller {position:absolute; z-index:1;    -webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;color:#4d4d4d;width:93%}
.agreeTxt{font-size:1em;margin:0 0 40px 0;color:#4d4d4d}

.storeSrch{border-top:1px solid #333;margin:0 0 40px 0}
.storeSrch dt{border-bottom:1px solid #e6e6e6;color:#333;padding:27px 0;line-height:1.2;font-size:1.125em}
.storeSrch dt.on{}
.storeSrch dt a{display:block;background:url("http://www.yoons.com/html/img/v2016/cust/bg_arrow.png") no-repeat 97% center; background-size:18px 10px}
.storeSrch dt.on a{background:url("http://www.yoons.com/html/img/v2016/cust/bg_arrow_on.png") no-repeat 97% center; background-size:18px 10px;color:#ff3333}
.storeSrch dd{border-bottom:1px solid #e6e6e6;padding:30px 0 ; line-height:1.6; font-size:1em; background:#f6f6f6;color:#808080}
.storeSrch dd.on{display:block;border-bottom:none}
.storeSrch dd .s_tit{font-size:1.25em;text-align:center;margin:15px 0 40px 0}
.storeSrch dt a .step{display:inline-block;width:13%;font-size:1.12em;text-align:center;}
.storeSrch dt a .tit{display:inline-block;width:87%}
.storeSrch .srchArea{position: relative;background:none;padding:0;text-align:center;width:430px;margin:0 auto 20px}
.storeSrch .srchArea input[type="text"]{border:none;border-radius:25px;width:100%;font-size:1em;padding:13px 60px 13px 25px;outline:0;background:#fff;}
.storeSrch .srchArea label{top:50%;margin-top:-16px;left:40px;font-size:1.125em}
/*.storeSrch .srchArea .btn{position:absolute;right:20px;top:50%;margin-top:-17px;} 2016-03-21*/
#store_result{position:relative; z-index:1;display:block;width:100%;height:170px;box-sizing:border-box;margin:0 0 40px 0; overflow-y:scroll !important}
#store_result ul{overflow:hidden;*zoom:1;padding:0 45px;}
#store_result ul:after{content:'';clear:both;display:block}
#store_result li{float:left;width:32%;margin:0 1% 10px 0}
#store_result li:nth-child(3n){width:33%;margin-right:0}
#store_result .scroller{width:100%}

/*2016-03-21*/
.selectArea .s_tit {margin:20px 0 40px; color:#4d4d4d;}
.selectArea .srchArea .box_sel {position:relative; display:inline-block;}
.selectArea .srchArea select{position:relative; padding:13px 61px 15px 30px; font-size:1em; color:#4d4d4d; border:none; border-radius:25px; background:#fff; -webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:'';}
.selectArea .srchArea select::-ms-expand{display:none;}
.selectArea .srchArea .box_sel:after {position:absolute; right:15px; top:50%; display:inline-block; content:" "; width:7px; height:4px; margin-top:-2px; background:url(http://www.yoons.com/html/img/v2016/common/ico_arr_down.png) 0 0 no-repeat;}
.selectArea .srchArea{width:100%; margin-bottom:60px;}
.selectArea .srchArea input[type="text"]{width:394px;}
.selectArea .srchArea .box{display:inline-block; position:relative; margin:0 3px;}
.selectArea .button {height:50px; padding-left:36px; border-radius:25px; background:#fa4b4b;}
.selectArea .button span {height:49px; padding-right:35px; font-size:0.9em; color:#fff; border-radius:25px; background:#fa4b4b;}/* 2016-03-24 */
.selectArea .srchArea .box2{display:inline-block;}
/* //2016-03-21 */

.storeSrch .mapArea{overflow:hidden;padding:30px 30px 30px 50px}
.storeSrch .mapArea:after{content:''; clear:both;display:block;}
.storeSrch .mapArea .map{float:left;width:44%;margin:20px 0 0 0;margin-right:3%}
.storeSrch .mapArea .map .mapView{width:100%;height:100%;margin:0 auto}
.storeSrch .mapArea .mapInfo{float:left;width:53%}
.storeSrch .mapArea .mapInfo .storeTab{padding:15px 0;border-bottom:1px solid #7a7a7a;overflow:hidden;margin:0 0 15px 0}
.storeSrch .mapArea .mapInfo .storeTab:after{content:''; clear:both;display:block;}
.storeSrch .mapArea .mapInfo .storeTab li{float:left;background:url("http://www.yoons.com/html/img/v2016/common/bg_dash.png") no-repeat right center;padding:0 20px;}
.storeSrch .mapArea .mapInfo .storeTab li:last-child{background:none;}
.storeSrch .mapArea .mapInfo .storeTab li a{color:#808080}
.storeSrch .mapArea .mapInfo .storeTab li a:hover,
.storeSrch .mapArea .mapInfo .storeTab li a.on{color:#ff3333}
.storeSrch .mapArea .mapInfo .storeInfo ol{list-style-type:decimal;margin-left:20px}
#storeList{position:relative; z-index:1;display:block;width:100%;height:240px;box-sizing:border-box;overflow-y:scroll !important}
.storeSrch .mapArea .mapInfo .storeInfo li{margin:0 0 25px 10px;position:relative;list-style-type:decimal}
.storeSrch .mapArea .mapInfo .storeInfo li:after{content:''; clear:both;display:block;}
.storeSrch .mapArea .mapInfo .storeInfo li .add{width:75%;color:#4d4d4d;}
.storeSrch .mapArea .mapInfo .storeInfo li .print{padding-right:15px;text-align:right;position:absolute;right:0;top:5px}

.choiceArea{margin:0 0 20px 0}
.choiceArea:after{content:'';clear:both;display:block}
.choiceArea .tab_txt{float:left;overflow:hidden;}
.choiceArea .tab_txt:after{content:'';clear:both;display:block}
.choiceArea .tab_txt li{float:left; padding:0 20px;background:url("http://www.yoons.com/html/img/v2016/common/bg_dash.png") no-repeat right center;}
.choiceArea .tab_txt li:last-child{background:none;}
.choiceArea .tab_txt li a{color:#888888;font-size:1em;}
.choiceArea .tab_txt li.on a{color:#ec131c}
.choiceArea .selArea{float:right;}

.keyNote{margin:0 0 35px 0}
.keyNote li{overflow:hidden;width:100%}
.keyNote li:after{content:'';clear:both;display:block}
.keyNote .keyBox{float:left;width:50%;}
.keyNote .keyBox a{display:block}
.keyNote .keyBox .fullImg{width:100%;height:285px;background-position:right bottom;background-repeat:no-repeat}
.keyNote .keyBox .fullImg .keyCon{float:none}
.keyNote .keyBox .fullImg{width:100%;height:285px;background-position:right bottom;background-repeat:no-repeat}
.keyNote .keyBox .even .fullImg{background-position:left bottom;background-repeat:no-repeat}
.keyNote .keyBox .keyImg{width:50%;float:left;height:285px;}
.keyNote .keyBox .keyCon{float:right;width:50%;height:285px;}
.keyNote .keyBox .keyCon.gray{background:#f6f4f5}
.keyNote .keyBox .keyCon.yellow{background:#fffdea}
.keyNote .keyBox .keyCon.blue{background:#f1fbff}
.keyNote .keyBox .keyCon.green{background:#f3fff2}
.keyNote .keyBox .keyCon.pink{background:#fff5f4}
.keyNote .keyBox .keyCon .key_tit{color:#1a1a1a;font-size:1.25em;padding:25px 30px;line-height:1.3}
.keyNote .keyBox .keyCon .key_txt{color:#4d4d4d;font-size:1em;padding:0 30px 20px 30px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; height: 5em;  -webkit-box-orient: vertical; word-wrap:break-word;  line-height: 1.5em; }
.keyNote .keyBox .keyCon .key_btn{margin:0 0 0 30px}
.keyNote .keyBox .keyCon .key_btn a{color:#4d4d4d;font-size:0.875em;}
.keyNote .odd .keyBox .keyImg{float:right}
.keyNote .odd .keyBox .keyCon{float:left;}
.keyNote .even{}

.step_txt{text-align:center;margin:0 0 50px 0}

.list_red{margin:0 0 35px 0}
.list_red li{background:url("http://www.yoons.com/html/img/v2016/common/bg_dot_red.png") no-repeat left 12px;padding-left:12px;margin:0 0 5px 0;color:#1a1a1a;font-size:1em;line-height:1.5}

.list_dash{margin:0 0 35px 0}
.list_dash li{background:url("http://www.yoons.com/html/img/v2016/common/bg_dash_list.png") no-repeat left 12px;padding-left:12px;margin:0 0 5px 0; font-size:1em;line-height:1.5}
p.dash{background:url("http://www.yoons.com/html/img/v2016/common/bg_dash_list.png") no-repeat left 12px;padding-left:12px;margin:0 0 5px 0; font-size:1em;line-height:1.5;text-align:left;color:#4d4d4d;}

.list_agree{margin:0 0 5px 0}
.list_agree li{background:url("http://www.yoons.com/html/img/v2016/common/bg_agree_dot.png") no-repeat left 6px;padding-left:12px;margin:0 0 5px 0;}

.list_num{margin:0 0 0 25px}
.list_num li{line-height:1.6;color:#ff3333;list-style-type:decimal;margin:0 0 5px 0}
.list_num li span{color:#4d4d4d;}

.list_none{margin:0 0 35px 60px}
.list_none li{list-style:none;text-align:left;margin:0 0 7px 0; font-size:1em;line-height:1.5;color:#4d4d4d}

.f_layout{}
.f_layout:after{content:'';clear:both;display:block}
.f_layout .fl{float:left;width:49%}
.f_layout .fr{float:right;width:49%}
.f_layout.f3 .fl{width:33%}
.f_layout.f3{padding:0 0 0 20px}

.layerPopWrap,
.newPopWrap{position:absolute; left:0; top:0; width:100%; z-index:9999;display:none;background:#fff8ef}
.popWrap{background:#fff8ef; height:100%; width:100%; overflow-y:hidden !important;}
.layerPopHead{position:relative;background:#fa4b4b;font-size:1.5em;color:#fff;padding:19px 0 19px 40px}
.layerPopHead.smart{font-size:1.875em;padding:27px 0 28px 40px}
.layerPopHead .close{position:absolute;right:40px;top:25px;}
.layerPopHead .win_close{position:absolute;right:30px;top:10px;}
.layerPopCon{padding:40px 30px;}
.layerPopCon.smart{padding:40px 0 60px 0}
.layerPopCon .photoInfo{margin:0 0 35px 0;text-align:center;}
.layerPopCon .conBox{background:#fff;padding:20px 25px;margin:0 0 25px 0;}
.layerPopCon .conBox ul{margin:0}
.layerPopCon .conBox ul li{color:#808080;font-size:0.875em}
.layerPopCon .btnArea{text-align:center;margin:0}
.layerPopCon .mapSize{width:540px;height:260px;border:1px solid #f2e5d4 ;margin:0 auto 25px }
.layerPopCon .mapSize img{width:100%;height:100%}
.layerPopCon .centerInfo{margin:0 0 40px 0}
.layerPopCon .centerInfo:after{content:'';clear:both;display:block}
.layerPopCon .centerInfo dt{clear:both;float:left;width:90px;padding-left:10px;color:#808080; margin:0 0 10px 0}
.layerPopCon .centerInfo dd{float:left;width:420px;padding-left:5px;color:#4d4d4d;margin:0 0 10px 0}
 #layermask {position:fixed;top:0;left:0;width:100%;height:100%; background:#1a1a1a; opacity:.8; filter:alpha(opacity=80); z-index:9800}
.layerPopCon .agreeWrap{background:#fff}
.layerPopWrap.news{width:600px}
.layerPopCon .msgPop{color:#1a1a1a;font-size:1em;line-height:1.5;text-align:center;margin:0 0 20px 0}
#resultAlert{width:100%;left:50%;top:20%;margin-left:-200px}
.layerPopCon.smart .tit_red{font-weight:500}
.popTxt{font-size:1em; color:#4d4d4d;line-height:1.75;margin:0 0 0 0;text-align:center;background-color: #fff8ef;}

.popInput{padding:0 0 20px 0 ; margin:0 0 30px 0}
.popInput .row{overflow:hidden;}
.popInput .row:after{content:'';display:block;clear:both;}
.popInput .cell{float:left;text-align:left;display:inline-block;padding:0 0 10px 0;width:86%;box-sizing:border-box}
.popInput .cell.tit{width:14%;padding:0 0 0 20px;vertical-align:middle;color:#808080;font-size:1em}
.popInput input[type="text"],
.popInput input[type="email"],
.popInput select{background-color:#fff;vertical-align:middle}
.popInput .dash{padding:0 6px;display:inline-block}
.popInput .i_text{width:100%}
.popInput .i_mail{width:150px}

/*µ¿¿µ»ó Àç»ý */
.videoArea{position: relative;border-bottom:1px solid #e6e6e6;padding:0 0 40px 0;margin-bottom:40px}
.videoArea iframe,
.videoArea video{width:100%;height:640px;}
.videoThum{margin:0 0 40px 0}
.videoThum:after{content:'';clear:both;display:block}
.videoThum li{position:relative;float:left;width:25%}
.videoThum li .videoArea {padding-left:15px;}
.videoThum li:first-child .videoArea{padding-left:0;}
.videoThum li .videoArea  iframe,
.videoThum li .videoArea  img,
.videoThum li .videoArea  video{width:100%;height:150px;}
.videoThum li .videoArea  iframe{z-index:100}
.videoThum li .videoArea{border-bottom:none;padding-bottom:0;margin-bottom:20px}
.mobileView{display:none}

.fbList{margin:0 0 60px 0}
.fbList:after{content:'';clear:both;display:block}
.fbList li{float:left;line-height:1.5;width:20%;}
.fbList li .fbCon{width:100%;}
.fbList li .imgBox{position:relative;text-align:center;padding-bottom:44px;margin:0 0 25px 0;border-bottom:2px solid #f5f5f5}
.fbList li .imgBox .dot{position:absolute;left:50%;bottom:-8px;margin-left:-9px}
.fbList li .fb_tit{color:#333;font-size:1em;margin:0 0 20px 0;padding-right:15px}
.fbList li .fb_txt{color:#737373;font-size:1em;margin:0 0 20px 0;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; height: 3em;  -webkit-box-orient: vertical; word-wrap:break-word;  line-height: 1.5em;padding-right:15px }
.fbList li .fb_date{color:#ff3333;font-size:0.875em}

.snsArea{border:4px solid #e6e6e6;}
.snsArea:after{content:'';clear:both;display:block}
.snsArea .fl{float:left;width:47%;text-align:center;font-size:1.125em;color:#333;padding:45px 0}
.snsArea .fr{float:left;width:53%;padding:35px 0;}
.snsArea .fr .icon{margin:0 20px 0 0;display:inline-block;}

.process{padding:0 0 70px 0;border-bottom:1px solid #f0f0f0;margin:0 0 70px 0;text-align:center;}
.process .web{display:block}
.process .mobile{display:none;}
.process.noLine{border-bottom:none;padding:0;}

.subjectLst{padding:0 0 65px 0;border-bottom:1px solid #f0f0f0;margin:0 0 70px 0;}
.subjectLst:after{content:'';clear:both;display:block}
.subjectLst li{float:left;width:33%;text-align:center;background:url("http://www.yoons.com/html/img/v2016/common/bg_dot_line.png") no-repeat left center;line-height:1.5}
.subjectLst li:first-child{width:34%;background:none;}
.subjectLst .thum{margin:0 0 45px 0}
.subjectLst .thum img{height:220px}
.subjectLst .name{margin:0 0 30px 0;font-size:1.125em;color:#1a1a1a }
.subjectLst .price{color:#4d4d4d;margin:0 0 35px 0;line-height:1.8}
.subjectLst .infoTxt{color:#808080}

.list_red +.text01{margin-top:-15px}
.text01{font-size:1em;color:#4d4d4d;padding:10px 0 0 0;margin:0 0 25px 0;border-top:1px solid #333}
.radioTxt{padding-bottom:20px;}

.newsArea{text-align:center;padding:80px 0;}
.newsArea .logo{margin:0 0 50px 0}
.newsArea .news_tit{color:#ff3333;margin:0 0 80px 0;font-size:1.87em}
.newsArea .news_ico{margin:0 0 40px 0}
.newsArea .news_msg{font-size:1.25em; color:#1a1a1a;margin:0 0 40px 0;line-height:1.6}
.newsArea .news_msg .sub{margin:5px 0 0 0 ;  color:#808080;font-size:0.9em}
.newsArea .news_msg2{font-size:1em;color:#808080;margin:0 0 60px 0;line-height:1.6}

.errorArea{text-align:center;padding:150px 0 80px 0;width:550px;margin:0 auto;}
.errorArea .error_tit{color:#333;margin:0 0 30px 0;font-size:2.5em;padding:0 0 30px 0;border-bottom:1px solid #e5e5e5}
.errorArea .error_ico{margin:0 0 40px 0}
.errorArea .error_msg{font-size:1.25em; color:#ff3333;margin:0 0 17px 0;line-height:1.6}
.errorArea .error_msg2{font-size:1em; color:#333;margin:0 0 30px 0;line-height:1.6}
.errorArea .custCall{background:#fafafa;padding:10px 0;color:#4d4d4d;margin:0 0 40px 0}

/* ½º¸¶Æ® ÇнÀ*/
.smart_content .sm_tit{margin:0 0 20px 0;font-size:1.25em;color:#1a1a1a}
.smart_content .sm_tit2{margin:0 0 10px 0;font-size:1.375em;color:#1a1a1a;text-align:center;}
.smart_content .sm_con{text-align:left;color:#4d4d4d;line-height:1.6;font-size:1em;}
.smart_content .befly{margin:0 0 60px 0;padding:40px 0 60px;border-bottom:1px solid #f0f0f0;}
.smart_content .befly.smart_mom{background:url("http://www.yoons.com/html/img/v2016/smart/sm_mom.png") no-repeat right bottom;}
.smart_content .befly.smart_child{background:url("http://www.yoons.com/html/img/v2016/smart/sm_child.png") no-repeat right bottom;}
.smart_content .befly .quotTxt{text-align:center;padding-left:105px;width:460px}
.smart_content .befly .quot{margin:0 0 10px 0}

.sm_study_01{padding:0 25px 60px 25px;border-bottom:1px solid #f0f0f0; background:url("http://www.yoons.com/html/img/v2016/smart/sm_study_bg.png") no-repeat 410px 17px;}
.sm_study_01:after{content:'';clear:both;display:block;}
.sm_study_01 .fl{float:left;width:510px;text-align:center;}
.sm_study_01 .fr{float:right;width:510px;text-align:center;}
.sm_study_01 .imgIcon{margin:0 0 30px 0}
.sm_system{text-align:center;margin:65px 0 50px 0;}
.sm_system.type1{margin:50px 0 0 0;}
.sm_study_02{border-bottom:1px solid #f0f0f0; }
.sm_ysli .tab_content{padding:30px 15px !important}
.engTxt{font-size:0.875em; color:#808080;margin:-15px 0 15px 0}
.engTxt .cap{color:#ff3333}

.mom_study{padding:20px 50px 60px 150px;border-bottom:1px solid #f0f0f0;margin-bottom:60px}
.mom_study .fl{;width:45%}
.mom_study .fr{padding-top:40px;;width:55%}
.downTxt{margin:20px 0 0 0;color:#4d4d4d}
.downApp{padding:30px 100px 0 100px;text-align:center;}

.child_study{border-bottom:1px solid #f0f0f0;margin-bottom:60px;position:relative;padding:30px 40px 60px}
.child_study .fl{;width:55%}
.child_study .fr{padding:40px 2% 0 0;width:43%}
.child_study .character{position:absolute;right:30px;bottom:30px}

.child_study .bx-viewport{height:100%;}
.child_study .bx-pager,
.child_study .bx-controls-auto {width: 100%;}
.child_study .bx-pager {text-align:center;margin:20px 0 0 0;position:relative;z-index:999}
.child_study .bx-pager .bx-pager-item,
.child_study .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.child_study .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;}
.child_study .bx-pager.bx-default-pager a:hover,
.child_study .bx-pager.bx-default-pager a.active {background-position: 0 -13px}
.child_study .bx-controls-auto{display:none}
.child_study .bx-wrapper .bx-prev {left: 0;background: url('http://www.yoons.com/html/img/v2016/smart/arrow_left.png') no-repeat;}
.child_study .bx-wrapper .bx-next {right: 0;background: url('http://www.yoons.com/html/img/v2016/smart/arrow_right.png') no-repeat;}
.child_study .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -40px;outline: 0;width: 22px; height: 40px;text-indent: -9999px;z-index: 9999;}
.child_study .bx-wrapper .bx-controls-direction a.disabled {display: none;}



.symbolArea{text-align:center;margin:50px 0 60px 0;padding-bottom:60px;border-bottom:1px solid #f0f0f0;}
.symbolArea2{text-align:center;margin:50px 0 60px 0;}

.phonics{position:relative;text-align:left;padding:40px 70px 40px 260px;line-height:1.5;font-size:1em;color:#4d4d4d;margin:60px 0 0 0;border:4px solid #f0f0f0}
.phonics .icon{position:absolute;top:40px;left:70px}
.phonics .tit{font-size:1.25em;color:#1a1a1a;margin:0 0 10px 0}
.downPdf{margin:20px 0 50px 0;text-align:center;}

.curriculum{*zoom:1}
.curriculum:after{content:'';clear:both;display:block}
.curriculum li{float:left;padding-left:24px;}
.curriculum li:first-child{padding-left:0;}

.program{margin:40px 20px 0 20px}
.program:after{content:'';clear:both;display:block}
.program li{border:1px solid #e7e7e7;width:25%;height:290px;float:left;margin:0 0 35px 3%;text-align:center;_display:inline;padding:45px 2% 45px 3%;color:#4d4d4d}
.program li:first-child,
.program li:nth-child(4){margin-left:0}
.program .pg_tit{font-size:1.375em;color:#1a1a1a;margin:0 0 35px 0}
.program .icon{margin:-10px 0 15px 0}
.program li .pg_img{margin:0 0 20px 0}
.program.eng li{height:240px;}

/*0513¾ÆÀ̶û*/
h4.land{font-size:1.375em; text-align:center; background:none;}
.sm_land_01{padding:8% 0; border-top:1px solid #f0f0f0;}
.sm_land_02{padding:8% 0 0; border-top:1px solid #f0f0f0;}
.land_subtit{padding-left:15px; color:#1a1a1a; font-size:1.000em; font-weight:bold; background:url("http://www.yoons.com/html/img/v2016/common/bg_dot_circle.png") no-repeat left center}
.sm_land_02 .subtit{margin-top:5%;}
.program.english{}
.program.english li{margin-bottom:60px; padding:25px 2% 50px 3%; width:26%; height:203px;}
.tabAcc.land{margin-bottom:60px;}
.tabAcc.land>li a{color:#ff3333; background-color:#fff; border-color:#ff3333;}
.tabAcc.land>li.on a{color:#fff; background-color:#ff3333;}
.tabAcc.land>li{width:30%;}
.tabAcc.land>li:first-child{margin-left:20%;}
.tabAcc.land li .tab_content{padding:60px 30px 0 30px;}
.tabAcc.land li .tab_content .pack1{text-align:center;}
.tabAcc.land li .tab_content .pack1 .subtit{text-align:center;}
.tabAcc.land li .tab_content .pack1 .pack1_img{margin:3% 0;}
.tabAcc.land li .tab_content .pack1_box{margin-top:5%; padding:30px 0 ; font-size:1.000em; color:#1a1a1a; border:4px solid #e6e6e6; line-height:180%;}
.tabAcc.land li .tab_content .pack1_box ul{overflow:hidden; margin:15px 90px 0;}
.tabAcc.land li .tab_content .pack1_box li{float:left; width:20%;}
.tabAcc.land li .tab_content .pack1_box li span{padding-left:10px; color:#4d4d4d; background:url("http://www.yoons.com/html/img/v2016/brand/bg_dash_list_plus.jpg") no-repeat left center}
.tabAcc.land li .tab_content .pack2{overflow:hidden; margin-top:50px;}
.tabAcc.land li .tab_content .pack2 .subtit{margin-bottom:10px;}
.tabAcc.land li .tab_content .pack2 .subtit.mtype{display:none; visibility:hidden;}
.tabAcc.land li .tab_content .pack2 .pack2_img{float:left; width:45%; margin-top:4px;}
.tabAcc.land li .tab_content .pack2_txt{float:right; margin-left:5%; width:50%; line-height:180%;}
.tabAcc.land li .tab_content .pack2_txt ul{overflow:hidden; margin:20px 0;}
.tabAcc.land li .tab_content .pack2_txt li{float:left; width:30%;}
.tabAcc.land li .tab_content .pack2_txt li:nth-child(even){width:70%;}
.tabAcc.land li .tab_content .pack2_txt li span{padding-left:10px; color:#4c4c4c; background:url("http://www.yoons.com/html/img/v2016/brand/bg_dash_list_plus.jpg") no-repeat left center}
.tabAcc.land li .tab_content .pack2_txt .pointG{color:#666;}
.land_prog_list{margin:0 20px;}
.land_prog_list>ul{margin-top:5%;}
.land_prog_list>ul>li{margin-bottom:5%;}
.land_prog_list .prog_book_name{font-size:1.125em; color:#1a1a1a;}
.land_prog_list .prog_book_txt{margin:10px 0 35px; font-size:1.000em; color:#4d4d4d;}
.land_prog_list .prog_book_case1{overflow:hidden;}
.land_prog_list .prog_book_case1 li{float:left; width:33%;}
.land_prog_list .prog_book_case1 li img{width:;}
.land_prog_list .prog_book_case2{overflow:hidden; width:100%;}
.land_prog_list .prog_book_case2 li{float:left; width:24%; margin:0 0 0 1%; background:#57b6e6;}
.land_prog_list .prog_book_case2 li:first-child{margin-left:0 !important;}
.land_prog_list .prog_book_case2 li img{width:100%;}
.land_prog_list .prog_book_case2 li .tBox{width:100%; padding-top:15px; height:61px; font-size:1.000em; color:#fff; text-align:center; vertical-align:middle;}
.land_prog_list .prog_book_case2 li .tBox.line{padding-top:25px; height:51px;}
.land_prog_list .prog_guide{padding-left:20px; background:url("http://www.yoons.com/html/img/v2016/brand/land_prog_txt.png") no-repeat left center;}
.land_smp_book{margin-bottom:55px; text-align:center;}
.land_smp_book ul{overflow:hidden; width:630px; margin:0 auto;}
.land_smp_book li{float:left; width:33%; text-align:center; font-size:1.000em; color:#666;}
p.eng2_subtit{font-size:1.250em; color:#ff3333; text-align:center;}
h3.tit_red.eng2{margin-top:0; color:#ff3333;}

.grayBox{text-align:left;padding:30px 25px;line-height:1.5;font-size:1em;color:#4d4d4d;margin:50px 0 0 0;border:4px solid #f0f0f0}
.grayBox2{text-align:left;padding:30px 60px;line-height:1.5;font-size:1em;color:#4d4d4d;margin:50px 0 0 0;border:4px solid #f0f0f0}

/*  ºê·£µå ¼­ºê¸ÞÀÎ */
#sub_container{position:relative;width:100%;padding:0 0 60px 0;background:url("http://www.yoons.com/html/img/v2016/brand/bg_brand.png") repeat-x;}
.slideCon{width:640px;margin:0 auto}
.brandVisual{background:url("http://www.yoons.com/html/img/v2016/brand/bg_submain.png") no-repeat 50% top; background-size:cover;height:587px;width:1140px;margin:0 auto}
.brandVisual .tit_red{color:#ff3333;text-align:center;font-size:1.875em;padding:70px 0 0 0;line-height:1.2;margin:0 0 70px 0}
.brandVisual .que{font-size:1.375em;color:#4d4d4d;margin:0 0 45px 0;text-align:center}
.brandVisual .choice:after{content:'';clear:both;display:block}
.brandVisual .radioBox{position:relative;width:310px;float:left;}
.brandVisual .radioBox + .radioBox{margin-left:20px}
.brandVisual .radioBox label{display:block;height:100px;background:#fff;padding:105px 0 0; text-align:center; color:#1a1a1a;font-size:1.125em;}
.brandVisual .radioBox input[type="radio"]{position:absolute;top:55px;left:50%; border:none;-webkit-appearance:none; background:url('http://www.yoons.com/html/img/v2016/brand/bg_choice.png') no-repeat left top;background-size:40px 40px;width:40px;height:40px;margin:0 0 15px -20px;}
.brandVisual .radioBox input[type="radio"]:checked{-webkit-appearance:none;background:url('http://www.yoons.com/html/img/v2016/brand/bg_choice_on.png') no-repeat left top;background-size:40px 40px;}
.brandVisual .radioBox input[type="radio"]:checked + label{background-color:#ff3333;color:#fff}
.brandVisual .radioBox .selected{background-color:#ff3333 !important;color:#fff}


#slides {display: none;}
#slides .slidesjs-previous {float:left;margin:5px 0 0 0}
#slides .slidesjs-next {float:right;margin:5px 0 0 0}
#slides .slidesjs-pagination{width:145px;margin:10px auto 0;background: url("http://www.yoons.com/html/img/v2016/brand/bg_paging.png") no-repeat left 5px;}
#slides .slidesjs-pagination:after{content:'';clear:both;display:block}
#slides .slidesjs-pagination li { float: left;margin: 0 0 0 48px; list-style:none}
#slides .slidesjs-pagination li:first-child{margin:0}
#slides .slidesjs-pagination li a {display: block;width:13px; height:0; padding-top:13px; background: url("http://www.yoons.com/html/img/v2016/brand/pagination.png") no-repeat; float: left;overflow: hidden;}
#slides .slidesjs-pagination li a.active,
#slides .slidesjs-pagination li a:hover.active {background-position: 0 -13px}
#slides .slidesjs-pagination li a:hover {background-position: 0 -26px}

.brandList{padding:0;margin:0 auto;width:1140px;}
.brandList:after{content:'';clear:both;display:block}
.brandList li{float:left;width:25%;text-align:center;line-height:1.5;box-sizing:border-box}
.brandList .thum{margin:0 0 20px 0}
.brandList .smTxt{margin:0 0 5px 0;font-size:1em;color:#4d4d4d}
.brandList .name{margin:0 0 30px 0;font-size:1.25em;color:#1a1a1a   }

.result{width:100%;height:587px;position:absolute;top:0;left:0;text-align:center;z-index:7000;display:none}
.result .card{width:625px;padding:60px 50px 50px 85px;margin:0 auto 30px;background:#fff;}
.result .card:after{content:'';clear:both;display:block}
.result .r_sub{font-size:1.37em;color:#8f52cc;margin:75px 0 5px 0;line-height:1}
.result .r_tit{font-size:1.85em;color:#1a1a1a;margin:0 0 25px 0;}
.result .icon{float:left;margin:0 40px 0 0;}
.result .r_con{float:left;}
.result .r_stit{font-size:1.25em;color:#1a1a1a;margin:0 0 15px 0;line-height:1.6;text-align:left}
.result .r_txt{font-size:1em;color:#4d4d4d;margin:0 0 30px 0;text-align:left}
.result .btnResult{text-align:left;}
.result .btnResult span,
.result .btnResult .retry{display:none;}
.result .btnRetry{}

.result.typeA{background:#e3f2fa;}
.result.typeA .r_sub{color:#3d9ccc;}
.result.typeB{background:#dff4ec;}
.result.typeB .r_sub{color:#6ea600;}
.result.typeC{background:#efe7f6;}
.result.typeC .r_sub{color:#8f52cc;}

/* ä¿ë */
.recruit {margin:50px 0 0 0;padding:60px 0 0 0;border-top:1px solid #f0f0f0;}
.recruit_banner01{background:#fff5f5;text-align:center;margin:50px 0 0 0;border-top:1px solid #f0f0f0;}
.recruit_banner02{background:#f6fbfd;text-align:center;margin:50px 0 0 0;}
.recruit.btm{padding-bottom:50px;border-bottom:1px solid #f0f0f0;margin-bottom:50px}
.recruit .r_tit{margin:0 0 45px 0;font-size:1.38em;color:#1a1a1a;text-align:center;}
.recruit .r_tit2{margin:-40px 0 60px 0;font-size:1em;color:#1a1a1a;text-align:center;}

.recrBox{overflow:hidden;}
.recrBox:after{content:'';clear:both;display:block}
.recrBox li{float:left;width:50%;margin:0 0 25px 0}
.recrBox li .r_icon{float:left;margin:0 24px 0 0}
.recrBox li .r_txt{float:left;color:#4c4c4c;margin:0 24px 0 0;line-height:1.6;padding-top:25px}
.recrBox li .r_txt p{color:#1a1a1a;margin:0 0 10px 0}

.recruit .lesson{margin:40px 20px 0 20px}
.recruit .lesson:after{content:'';clear:both;display:block}
.recruit .lesson li{border:1px solid #e7e7e7;width:25%;margin:0 0 35px 3%;padding:45px 3% 45px 3%;height:auto;float:left;text-align:center;_display:inline;}
.recruit .lesson li:first-child,
.recruit .lesson li:nth-child(4){margin-left:0}
.recruit .lesson li .pg_img{margin:0 0 20px 0}
.recruit .lesson.four li{width:17%;margin:0 0 35px 2%;;padding:45px 3% 45px 3%;}
.recruit .lesson.four li:first-child{margin-left:0}

.recruit .imgVisual{margin:0 0 45px 0;text-align:center;}
.recruit .imgVisual.moblie{display:none;}
.recruit h4{font-size:1.1em;margin:0 0 13px 0}
.establish{color:#4c4c4c;line-height:1.6;}
.establish .txt_con{margin:10px 0 0 0}
.recruit .h390{height:300px !important;padding-bottom:20px}

.diagram{font-size:1em;color:#4d4d4d;line-height:1.5;text-align:center;margin:20px 0 0 0}
.diagram p{margin:0 0 23px 0}
.diagram .tit_o{margin:0 0 7px 0;color:#fa8500;line-height:1}
.diagram .tit_g{margin:0 0 7px 0;color:#6ea600;line-height:1}
.diagram .tit_b{margin:0 0 7px 0;color:#3d9ccc;line-height:1}
.diagram .tit_v{margin:0 0 7px 0;color:#8f52cc;line-height:1}

.recruit_step{text-align:center;width:950px;margin:0 auto}
.recruit_step.s6{text-align:center;width:1050px;margin:0 auto}
.recruit_step.s6 li{width:16.3%}
.recruit_step:after{content:'';clear:both;display:block}
.recruit_step li{float:left;width:20%;font-size:1em;color:#4d4d4d;text-align:center;}
.recruit_step li .step{background: url("http://www.yoons.com/html/img/v2016/intro/bg_step.png") no-repeat right center;text-align:center;}
.recruit_step li.end .step{background:none;}
.recruit_step li p{margin:10px 0 0 0;}

.recruit .resume{margin:10px 0 0 0;display:block}

.contest{background:#f6fbfd;text-align:center;margin:0 0 60px 0;padding:60px 0;}
.contest img{margin:0 25px;}
.contest_lst{margin:20px 0 0 0}
.contest_lst li{border-top:1px solid #f3f3f3;padding:50px 0 45px 0;overflow:hidden;box-sizing:border-box;}
.contest_lst li:after{content:'';clear:both;display:block}
.contest_lst li .fl{float:left;width:31%;}
.contest_lst li .fr{float:left;width:69%}
.contest_lst li .fr a{color:#1a1a1a;display:block;margin:10px 0 0 0}
.contest_lst li .tit{font-size:1.875em;color:#ff3333;}
.contest_lst li .goBtn{display:block;margin:15px 0 0 0}
.contest_lst li dl:after{content:'';clear:both;display:block}
.contest_lst li dt{clear:both;float:left;color:#1a1a1a;font-size:1em;width:70px;margin:0 40px 10px 0;line-height:1.5;font-weight:500}
.contest_lst li dd{float:left;color:#4d4d4d;font-size:1em;margin:0 0 10px 0;line-height:1.5}


/* ȸ»ç¼Ò°³ */
.solution{overflow:hidden;padding:0 140px 60px 140px;margin:60px 0 60px 0;border-bottom:1px solid #f0f0f0;}
.solution:after{content:'';clear:both;display:block}
.solution li{float:left;width:33.3%;text-align:center;font-size:1.125em}/* 2016-03-22 */
.solution li p{margin:10px 0 0 0;color:#4d4d4d}

.introCon{overflow:hidden;padding:0 0 60px 0;border-bottom:1px solid #f0f0f0;margin:0 0 60px 0}
.introCon.last{border:none;margin:0;padding:0}
.introCon:after{content:'';clear:both;display:block}
.introCon .title{float:left;width:23%;color:#ff3333;font-size:1.375em;}
.introCon .text{float:left;width:75%;padding-right:2%;color:#4d4d4d;font-size:1em;line-height:1.5}
.introCon .text .s_title{font-size:1.125em;margin:0 0 10px 0;color:#1a1a1a;}

.visionArea {margin:50px 0 0 0;padding:60px 120px 150px;border-top:1px solid #f0f0f0;background:url("http://www.yoons.com/html/img/v2016/intro/bg_vision.png") no-repeat center 60px; font-size:1em;color:#4d4d4d;line-height:1.6}
.visionArea:after{content:'';clear:both;display:block}
.visionArea img{margin-bottom:15px}
.visionArea .vision{float:left;text-align:center}
.visionArea .mission{float:right;text-align:center}

.ceoArea{margin:50px 0 0 0;padding:60px 95px;border-top:1px solid #f0f0f0;}
.ceoMsg{background:url("http://www.yoons.com/html/img/v2016/intro/bg_ceo.png") no-repeat right bottom; font-size:1em;color:#4d4d4d;line-height:1.6}
.ceoMsg .msg1{font-size:1.25em;color:#ff3333}
.ceoMsg .msg2{font-size:1.125em;color:#1a1a1a;margin:0 0 30px 0}
.ceoMsg .sign{color:#1a1a1a;margin:40px 0 0 0}
.ceoMsg p{margin-top:10px}

.ciDown{background:#f2f2f2;padding:50px 100px 30px;margin:0 0 50px 0}
.ciDown:after{content:'';clear:both;display:block}
.ciDown .btn{clear:both;padding:25px 0 0 0;text-align:center;}
.ciDown .pointR{font-size:1.125em}
.ciDown .logo{float:left;margin:0 10px 0 0;}
.ciDown .logoTxt{float:left}

.markArea{margin:0 0 50px 0}
.markArea:after{content:'';clear:both;display:block}
.markArea .symbol{float:left;width:32%}
.markArea .word_kr{float:left;width:32%;margin:0 2%;}
.markArea .word_eng{float:right;width:32%}

.colorSystem{padding-bottom:50px;border-bottom:1px solid #f0f0f0}
.colorSystem:after{content:'';clear:both;display:block}
.colorSystem .tit{margin:0 0 25px 0}
.colorSystem .stit{margin:0 0 12px 0}
.colorSystem .boxArea:after{content:'';clear:both;display:block}
.colorSystem .cBox{float:left;width:170px;padding:30px 0;text-align:center;}
.colorSystem .red{background:#ff4444}
.colorSystem .gray{background:#929497;margin:0 24px;}
.colorSystem .dgray{background:#58595b}
.colorSystem .silver{background:#a7a9ac}
.colorSystem .gold{background:#bc9b6a;margin:0 24px;}
.colorSystem .black{background:#231f20}
.colorSystem .mainC{float:left;}
.colorSystem .subC{float:right}
.tit_bi{font-size:1.375em;color:#1a1a1a;margin:0 0 10px 0}

.f_layout.bi {margin:0 0 50px 0}
.f_layout.bi .fl,
.f_layout.bi .fr{width:48%;border:1px solid #d9d9d9;box-sizing:border-box;text-align:center;}
.f_layout.bi .fl+ .fr{margin-left:4%;}
.f_layout.bi .fl{padding:49px 0;}
.f_layout.bi .fr{padding:31px 0;}

.yoons_map{;padding:30px 97px 0;}
.yoons_map .daum_map{height:350px;margin:0 0 40px 0}
.tit_map{font-size:1.875em;padding:0 0 20px 0;border-bottom:1px solid #1a1a1a; color:#1a1a1a;}
dl.mapInfo {padding:0 0 10px 0;border-bottom:1px solid #e6e6e6;margin:0 0 90px 0}
dl.mapInfo:after{content:'';clear:both;display:block}
dl.mapInfo dt{clear:both;float:left;width:14%;color:#1a1a1a;font-size:1em;margin:0 0 20px 0;line-height:1.8}
dl.mapInfo dd{float:left;width:86%;color:#4d4d4d;margin:0 0 20px 0;line-height:1.8}
dl.mapInfo .line5{color:#7d22dc}
dl.mapInfo .line8{color:#e4196b}

.tit_line{font-size:1.375em;padding:0 0 15px 0;border-bottom:1px solid #1a1a1a; color:#1a1a1a;}
.srchList{margin:-16px 0 30px 0}
.srchList li{padding:32px 0;border-bottom:1px solid #f2f2f2;}
.srchList li .srchWord{color:#4d4d4d;font-size:1em;line-height:1.5;padding-right:40px}
.srchList .location{margin:0 0 20px 0;text-align:left}
.srchList .location span:first-child{background:none;padding-left:0}

.historyArea{padding:0 50px 0 20px;margin:60px 0 -60px 0}
.historyArea:after{content:'';clear:both;display:block}
.historyArea .titArea{float:left;color:#1a1a1a;font-size:1em;width:42%}
.historyArea .titArea .mainTit{font-size:1.875em;line-height:1.5;margin:0 0 20px 20px}
.historyArea .titArea .sTit{background:url("http://www.yoons.com/html/img/v2016/intro/bg_titBar.png") no-repeat left top;padding:20px 0 0 0;margin-left:20px;}
.historyArea .history{float:right;width:57%;border-left:4px solid #f5f5f5;}
.historyArea .history dl{}
.historyArea .history dl:after{content:'';clear:both;display:block}
.historyArea .history dt{float:left;width:14%;font-size:1.375em;color:#ff3333;background:url("http://www.yoons.com/html/img/v2016/intro/bg_history_dot.png") no-repeat left center;margin:-10px 0 0 -8px;padding-left:30px;}
.historyArea .history dd{float:left;width:80%;color:#4d4d4d;margin-top:-10px    }
.historyArea .history dd .list_dash{margin:0 0 50px 0}


#sub_container2{position:relative;width:100%;padding:0 0 60px 0;}
.subMainVisual{border-bottom:1px solid #f2f2f2;width:100%;margin:0 0 40px 0}
.visualYoons{width:1080px;margin:0 auto 0;height:400px;padding:0 0 0 60px;background:url("http://www.yoons.com/html/img/v2016/intro/bg_yoonsBrand.png") no-repeat right bottom;}
.visualYoons .tit_img{margin:0 0 25px 0;padding-top:110px}
.visualYoons .v_tit{font-size:1.5em;color:#1a1a1a;margin:0 0 20px 0}
.visualYoons .v_txt{font-size:1em; color:#666}

.yoonsContent{height:430px;width:1140px;margin:0 auto}
.yoonsContent:after{content:'';clear:both;display:block}
.yoonsContent .con01{float:left;width:35%;padding:40px 0 0 5%;height:390px;background:#f7f0f0 url("http://www.yoons.com/html/img/v2016/intro/bg_sub_ceo.png") no-repeat right bottom}
.yoonsContent .con02{float:left;width:24%;margin:0 2%}
.yoonsContent .con03{float:right;width:32%;}
.yoonsContent .brochure{background:#fa4b4b;text-align:center;padding:40px 0 30px 0;height:135px;margin:0 0 25px 0}
.yoonsContent .yoons{text-align:center;padding:70px 0}
.yoonsContent .movie{margin:0 0 25px 0;}
.yoonsContent .movie iframe{width:364px;height:205px}
.yoonsContent .boardJob{position:relative;}
.yoonsContent .b_tit{font-size:1.25em;color:#1a1a1a;padding-bottom:13px;border-bottom:2px solid #000}
.yoonsContent .s_tit{font-size:1.25em;margin:0 0 30px 0;color:#1a1a1a}
.yoonsContent .mainTit{font-size:1.5em;margin:0 0 25px 0;color:#1a1a1a}
.yoonsContent .s_txt{font-size:1em;color:#4d4d4d;margin:0 0 30px 0;}

.yoonsContent.two {margin:25px auto 0;height:auto;}
.yoonsContent .conference{float:left;width:66%;margin-right:2%;background:#f6fbfd;height:208px;}
.yoonsContent .conference:after{content:'';clear:both;display:block}
.yoonsContent .conference .more{margin:10px 0 0 0}
.yoonsContent .conference .c_tit{float:left;padding:25px 30px 0 25px;background:#eef5f9;height:183px;font-size:1.25em}
.yoonsContent .conference .imgList{float:left;padding:30px 0 43px 45px;}
.yoonsContent .conference .imgList img{margin:0 25px 0 0}
.yoonsContent .range{float:right;width:32%}
.yoonsContent .conference .list01,
.yoonsContent .conference .list02{display:inline}

.boardSlide{width:360px;margin:30px auto 0}
.boardSlide:after{content:'';clear:both;display:block;}
.boardSlide .thum{float:left;width:30%;margin:0 5% 0 0;}
.boardSlide .con{float:right;width:65%;box-sizing:border-box;color:#4d4d4d;font-size:1em;}
.boardSlide .con .bs_tit{color:#ff3333;margin:5px 0 10px 0}

.slidesBoard {display: none;}
.slidesBoard .slidesjs-pagination{position:absolute;top:10px;right:0}
.slidesBoard .slidesjs-pagination:after{content:'';clear:both;display:block}
.slidesBoard .slidesjs-pagination li { float: left;margin: 0 0 0 7px; list-style:none}
.slidesBoard .slidesjs-pagination li:first-child{margin:0}
.slidesBoard .slidesjs-pagination li a {display: block;width:10px; height:0; padding-top:11px; background: url("http://www.yoons.com/html/img/v2016/intro/pagination.png") no-repeat; float: left;overflow: hidden;}
.slidesBoard .slidesjs-pagination li a.active,
.slidesBoard .slidesjs-pagination li a:hover.active {background-position: 0 -13px}
.slidesBoard .slidesjs-pagination li a:hover {background-position: 0 -26px}

.topLineArea{text-align:center;margin:50px 0 60px 0;padding:50px 0 0 0;border-top:1px solid #f0f0f0;}

.price{margin:0 0 30px 0}
.price:after{content:'';clear:both;display:block;}
.price dt{clear:both;float:left;width:50%;margin:0 0 5px 0}
.price dd{background:url("http://www.yoons.com/html/img/v2016/brand/bg_dotLine.png") no-repeat left center;float:left;width:50%;text-align:right;margin:0 0 5px 0}
.price dd div{background:#fff;display:inline-block;padding-left:10px}
.program .referTxt{color:#808080;font-size:0.875em;line-height:1.5}

.yoonsCast{border-top:1px solid #e6e6e6;padding:60px 160px 0 160px;margin:40px 0 60px 0}
.socialIcon{text-align:right;margin:0 0 20px 0}
.socialIcon img{margin-left:15px}
.keywordArea{padding:20px 30px;background:#f2f2f2;margin:0 0 20px 0}
.keywordArea .k_tit{color:#1a1a1a;font-size:1em;display:inline-block;margin:0 15px 0 0}

.yoonsBanner{margin:0 0 40px 0;font-size:1.375em;text-align:center;}
.yoonsBanner:after{content:'';clear:both;display:block;}
.yoonsBanner .fl{background:#edf7fb;padding:30px 0;float:left;width:49%;color:#3d9ccc;}
.yoonsBanner .fr{background:#fff5e9;padding:30px 0;float:right;width:49%;color:#fa8500;}
.yoonsBanner .fl+.fr{margin-left:2%}
.yoonsBanner .btn{margin:10px 0 0 0}
.yoonsBanner .full{background:#fff5e9;padding:30px 0;float:left;width:100%;color:#fa8500;}

.recomCon{padding:0 10px}
.recomCon:after{content:'';clear:both;display:block;}
.recomCon li{float:left;width:21%;margin:0 2%}
.recomCon 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}

.different{text-align:left;padding:0 97px}
.different li{margin:0 0 40px 0}
.different li:after{content:'';clear:both;display:block;}
.different li .thum{float:left;padding:0}
.different li .d_tit{padding:0 0 0 145px;font-size:1.125em;color:#1a1a1a;margin:0 0 15px 0}
.different li p{padding:0 0 0 145px;font-size:1em;color:#4d4d4d}

/* Ä¿¸®Å§·³Æ˾÷*/
.grayTxt{text-align:center;background:url("http://www.yoons.com/html/img/v2016/smart/bg_grayTxt.png") no-repeat left top; height:40px; padding-left:30px;display:inline-block;line-height:38px}
.grayTxt > span{display:inline-block;background:url("http://www.yoons.com/html/img/v2016/smart/bg_grayTxt.png") no-repeat right top;height:40px; padding-right:30px}
.grayTxt br{display:none}
.grayTxt .pointR,
.grayTxt .block{padding:0}

.benefit{margin-top:50px;padding:0 100px 60px; border-bottom:1px solid #ebe2d9}
.itemList:after{content:'';clear:both;display:block;}
.itemList li{width:32%;float:left;text-align:center;padding:40px 20px; line-height:1.5;color:#4d4d4d;font-size:1em;box-sizing:border-box;}
.itemList .b_tit{font-size:1.25em;color:#1a1a1a;padding:0 0 20px 0;margin:0 0 20px 0;background:url("http://www.yoons.com/html/img/v2016/smart/bg_bar.png") no-repeat center bottom;}
.itemList .b_ico{margin:0 0 20px 0}
.itemList.line li{border:1px solid #d9cece}
.itemList li + li{margin-left:2%}
.itemList.basic li{height:350px}
.itemList.fluent{margin:50px 0 0 0;}
.itemList.fluent li{height:350px}

.bookInfo{text-align:left;padding:0 97px}
.bookInfo li{margin:0 0 40px 0}
.bookInfo li:after{content:'';clear:both;display:block;}
.bookInfo li .thum{float:left;padding:0}
.bookInfo li .bookTxt{padding-left:175px;font-size:1em;color:#4d4d4d}
.bookInfo li .d_tit{padding:10px 0 0 0;font-size:1.125em;color:#1a1a1a;margin:0 0 20px 0}

.wordBox{padding:0 120px 60px;text-align:center;color:#4d4d4d;font-size:1em;border-bottom:1px solid #ebe2d9}
.wordBox:after{content:'';clear:both;display:block;}
.wordBox .word{float:left;width:49%;}
.wordBox .word .white{background:#fff;padding:25px 0;}
.wordBox .word + .word{margin-left:2%}
.wordBox .symbol{display:inline-block;margin:0 12px;}
.wordBox p{color:#1a1a1a;margin:20px 0 0 0}

.smartBook{padding:0 10px 10px 10px;border-bottom:1px solid #ebe2d9}
.bookList{padding:0 0}
.bookList:after{content:'';clear:both;display:block;}
.bookList .book{text-align:center;margin:0 0 50px 0}
.bookList .book .s_tit{font-size:1.25em;color:#1a1a1a;margin:0 0 15px 25px;text-align:left;}
.bookList .book .name{color:#4d4d4d;font-size:0.92em;margin:10px 0 5px 0;line-height:1.2}

.rollingBook{}
.rollingBook ul:after{content:'';clear:both;display:block;}
.rollingBook li{float:left;margin:0 0 10px 0;width:170px;height:180px}
.rollingBook li img{width:100px}

.testing{padding:0 80px;margin:0 0 40px 0}
.testing.none{padding:0}
.testing:after{content:'';clear:both;display:block;}
.testing dl{float:left;width:49%;}
.testing dl:after{content:'';clear:both;display:block;}
.testing dl + dl{margin-left:2%}
.testing dl dt{float:left;width:30%;color:#1a1a1a;font-size:1.25em;line-height:1.5}
.testing dl dd{float:left;width:70%;color:#4d4d4d;font-size:1em;line-height:1.5}
.testing dl.none dt{float:none;width:100%;color:#1a1a1a;font-size:1.25em;line-height:1.5;margin:0 0 10px 0}
.testing dl.none dd{float:none;width:100%;color:#4d4d4d;font-size:1em;line-height:1.5}
.testing dl.none dd .list_dash{margin:5px 0 0 0}
.whyYoons dl{float:left;width:48%}
.whyYoons dl + dl{margin-left:4%}
.whyYoons dl dt{color:#1a1a1a;font-size:1.25em;line-height:1.5}
.whyYoons dl dd{color:#4d4d4d;font-size:1em;line-height:1.5}

.stagePopup{width:1140px;}
.after_school{width:1140px;}
.loading{position:absolute;z-index:9999;top:50%;left:50%;width:480px;height:180px;padding:120px 0 0 0;margin:-150px 0 0 -240px;text-align:center;background:url("http://www.yoons.com/html/img/v2016/common/bg_loading.png") no-repeat; background-size:100% 100%}
.loading p{margin: 16px 0 0 0}

.eng_list{padding:0 120px 60px;border-bottom:1px solid #ebe2d9;margin-top:50px;}
.eng_list li{font-size:1.125em;color:#1a1a1a;line-height:1.4;margin:0 0 20px 0}
.eng_list li p{font-size:0.88em;color:#4d4d4d;margin:5px 0 0 0;padding-left:20px}

.eng_class{padding:0 0 50px 0;border-bottom:1px solid #ebe2d9;}
.eng_class ul{margin:0 0 50px 0;padding:0 150px;}
.eng_class ul:after{content:'';clear:both;display:block;}
.eng_class ul li{float:left;font-size:1em;color:#4d4d4d;line-height:1.4;text-align:center;padding:0 65px 0 40px;background:url("http://www.yoons.com/html/img/v2016/brand/bg_plus.png") no-repeat right 88px;}
.eng_class ul li .thum{margin:0 0 19px 0;}
.eng_class ul li.end{padding:0 0 0 40px; background:none;}
.eng_class ul li p{margin:20px 0 0 0;}
.eng_class .referTxt{color:#808080;font-size:0.88em;text-align:center}

.eng_process{padding:0 120px}
.eng_process dl{margin:0 0 0 0}
.eng_process dl:after{content:'';clear:both;display:block;}
.eng_process dt{float:left;width:23%;text-align:left;color:#1a1a1a;font-size:1em;}
.eng_process dd{float:left;width:77%;color:#4d4d4d;margin:0 0 35px 0}
.eng_process dd p{margin:0 0 10px 0}
.eng_process dd p br{display:none}
.eng_process dd .list_dash{margin:0 0 30px 0}
.eng_process dt.org span{color:#ff9500;font-size:1.25em;margin:0 0 10px 0;display:block}
.eng_process dt.green span{color:#8dcc10;font-size:1.25em;margin:0 0 10px 0;display:block}
.eng_process dt.blue span{color:#57b6e6;font-size:1.25em;margin:0 0 10px 0;display:block}
.eng_process dt.viot span{color:#ac73e6;font-size:1.25em;margin:0 0 10px 0;display:block}
.eng_process dd .bookImg:after{content:'';clear:both;display:block;}
.eng_process dd .bookImg li{float:left;margin:0 25px 15px 0}

.appList{border-top:1px solid #1a1a1a;padding:0 30px}
.appList li{position:relative;padding:30px 0 40px 0;background:url("http://www.yoons.com/html/img/v2016/common/bg_app_down.png") no-repeat 97% center;background-size:34px 34px;color:#4d4d4d;border-bottom:1px solid #f2f2f2}
.appList li a{display:block;padding:0 40px 0 80px}
.appList li .app_ico{position:absolute;top:30px;left:0;width:70px;height:70px}
.appList li .name{font-size:1.08em;color:#1a1a1a;margin:7px 0 10px 0;font-weight:500;line-height:1}
.appList li:last-child{border-bottom:none}
.appList li:last-child .name{padding:13px 0 0 0}

.w_view{display:block}
.m_view{display:none}

#eng_two {width:1000px}
.appCon{padding:40px 100px;color:#4d4d4d}
.appDown{margin:0 100px 50px 100px;text-align:center;position:relative;}
.appDown .downBtn{position:absolute;right:7%;bottom:28%}
.appDown .downBtn a{display:inline-block;margin:0 5px 0 0}
.eng_txt{margin:0 0 40px 0; line-height:1.5;font-size:1em;color:#4d4d4d}
.eng_txt2{margin:30px 0 25px 0; line-height:1.5;font-size:1.125em;color:#4d4d4d}
.appCon .m_view{text-align:center}

.phonix_gray{position:relative;border:4px solid #e6e6e6;text-align:center;padding:50px 90px 30px 90px;margin:0 0 20px 0}
.phonix_gray .bx-viewport{height:100%;}
.phonix_gray .que{font-size:1.25em;color:#1a1a1a;margin:0 0 20px 0}
.phonix_gray .ans{font-size:1em;color:#4d4d4d;line-height:1.6}
.phonix_gray .bx-pager,
.phonix_gray .bx-controls-auto {width: 100%;}
.phonix_gray .bx-pager {text-align:center;margin:20px 0 0 0;position:relative;z-index:999}
.phonix_gray .bx-pager .bx-pager-item,
.phonix_gray .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.phonix_gray .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;}
.phonix_gray .bx-pager.bx-default-pager a:hover,
.phonix_gray .bx-pager.bx-default-pager a.active {background-position: 0 -13px}
.phonix_gray .bx-controls-auto{display:none}
.phonix_gray .bx-wrapper .bx-prev {left: 30px;background: url('http://www.yoons.com/html/img/v2016/smart/arrow_left.png') no-repeat;}
.phonix_gray .bx-wrapper .bx-next {right: 30px;background: url('http://www.yoons.com/html/img/v2016/smart/arrow_right.png') no-repeat;}
.phonix_gray .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -20px;outline: 0;width: 22px; height: 40px;text-indent: -9999px;z-index: 9999;}
.phonix_gray .bx-wrapper .bx-controls-direction a.disabled {display: none;}

.origin{color:#808080;font-size:0.875em;margin:0 0 60px 0}

.ruleBox{position:relative;background:#fff5f5;padding:60px 60px 50px;text-align:center;margin:0 0 20px 0}
.ruleBox .r_tit{font-size:1.25em;color:#1a1a1a;margin:0 0 40px 0}
.ruleBox .r_txt{font-size:1em;color:#4d4d4d;line-height:1.6;margin:0 0 30px 0}
.ruleBox .card{margin:0 0 40px 0}
.ruleBox .voca{margin:110px 0 120px 0}
.ruleBox .sentence{margin:140px 0 150px 0}
.ruleBox .book_img{margin:0 0 20px 0}
.ruleBox .book_txt{margin:0 0 20px 0}
.ruleBox .bx-pager,
.ruleBox .bx-controls-auto {width: 100%;}
.ruleBox .bx-pager {text-align:center;margin:0 0 0 0;position:relative;z-index:999}
.ruleBox .bx-pager .bx-pager-item,
.ruleBox .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.ruleBox .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;}
.ruleBox .bx-pager.bx-default-pager a:hover,
.ruleBox .bx-pager.bx-default-pager a.active {background-position: 0 -13px}
.ruleBox .bx-controls-auto{display:none}
.ruleBox .bx-wrapper .bx-prev {left: 30px;background: url('http://www.yoons.com/html/img/v2016/smart/arrow_left.png') no-repeat;}
.ruleBox .bx-wrapper .bx-next {right: 30px;background: url('http://www.yoons.com/html/img/v2016/smart/arrow_right.png') no-repeat;}
.ruleBox .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -20px;outline: 0;width: 22px; height: 40px;text-indent: -9999px;z-index: 9999;}
.ruleBox .bx-wrapper .bx-controls-direction a.disabled {display: none;}
.ruleBox .word {margin:0 7px 15px;display:inline-block}
.ruleBox .ac{margin:0 0 20px 0}

/*¸ñ·Ï*/
.booklist { padding:0 0 20px 0;}
.booklist .list {display:inline-block; overflow:hidden; margin:60px 0; width:100%;}
.booklist .list:last-child {margin-bottom:0; }

.booklist .list li:first-child{margin-left:0;}
.booklist .list li {float:left; width:25%; text-align:center;}
.booklist .list li dl{display:block; margin:0 10px; cursor:pointer;}

.booklist .list li dl dt {font-weight:500; color:#1a1a1a;}
.booklist .list li dl .category { color:#808080; }
.renewal-booklist { padding-bottom: 130px; }
.renewal-booklist .list { margin: 60px 0 0 0; }
.renewal-booklist .list li dl .group { margin:24px 0 16px 0; font-style: italic; font-size: 1em; color: #ef2319; font-style: normal; }
.renewal-booklist .list li dl .group .name { display: block; width: 174px; height: 40px; margin: 0 auto; background: url("http://www.yoons.com/html/img/v2016/smart/group-bg.png") 50% 0 no-repeat; overflow: hidden;}
.renewal-booklist .list li dl .category { font-size: 1em; width: 45%; float: left; position: relative; top: 7px; }
.renewal-booklist .list li dl .category2 { font-size: 1em; width: 55%; float: left; position: relative; top: 7px; }
.renewal-booklist .list li dl .group .name em { position: relative; bottom: -3px; }
.renewal-booklist .list li dt { min-height: 48px; }
.renewal-booklist .list li dl .etc { margin-top: 20px; }

/*»ó¼¼³»¿ë*/
.yoonsCast iframe,.yoonsCast video {max-width:100%;}
.yoonsCast .introTxt { padding-bottom:60px; text-align:center; color:#4c4c4c;}
.yoonsCast .quotTxt { text-align:center; color:#4c4c4c;}
.yoonsCast .quotTxt .tit {margin:20px 0 30px 0; font-size:1.375em;}
.yoonsCast .italic {font-size:1.125em; font-style:italic; color:#1a1a1a;}
.yoonsCast .quotTxt .line {margin:0 auto; margin-top:60px; margin-bottom:60px; width:60px; height:2px; background:#e8e8e8;}
.yoonsCast .quotTxt .img {margin-top:50px;}
.yoonsCast .quotTxt .img.full img {width:500px;} /*À̹ÌÁö °¡ÀÌµå ¼ö±Þ ÈÄ »èÁ¦or¼öÁ¤ ¿¹Á¤, ÀÓÀÇ·Î »çÀÌÁî ÁöÁ¤*/
.yoonsCast .column {padding-top:100px;}
.yoonsCast .column.first {padding-top:0;}
.yoonsCast .column h1 {color:#1a1a1a;}
.yoonsCast .column h1.only {padding-bottom:50px;} /* 2016-03-24 */
.yoonsCast .column .strapline {padding:50px 0 30px 0; font-size:1.250em; color:#1a1a1a;}/* 2016-03-24 */
.yoonsCast .column .strapline.first {padding:40px 0 20px 0;}
.yoonsCast .column .strapline.contents {padding-top:0;}
.yoonsCast .column .sub_txt {margin:0; padding-bottom:35px; color:#4c4c4c;}
.yoonsCast .column .sub_list {padding-bottom:50px;}
.yoonsCast .column .sub_txt.contents,
.yoonsCast .column .sub_list.contents{padding-top:26px;}
.yoonsCast .column .sub_list.none_img {padding-bottom:0;}
.yoonsCast .column .sub_list li {color:#4c4c4c; margin-bottom:10px;}
.yoonsCast .column .sub_list li:last-child {margin-bottom:0;}
.yoonsCast .column .imgArea {min-height:100px; text-align:center;}
.yoonsCast .column .imgArea.multi img{width:120px}
.yoonsCast .column .imgArea.multi .img_gud{font-size:0.85em}
.yoonsCast .column .imgArea.multi2 img{height:230px}
.yoonsCast .column .imgArea.multi2 .img_gud{font-size:0.85em}
.yoonsCast .column .imgArea.multi3 img{height:300px}
.yoonsCast .column .imgArea.multi3 .img_gud{font-size:0.85em}
.yoonsCast .column .imgArea.multi4 img{width:250px}
.yoonsCast .column .imgArea.multi4 .img_gud{font-size:0.85em}
/* .yoonsCast .column .imgArea img.re_size{max-width:350px;}2016-03-28 */

.yoonsCast .column .imgArea + .imgArea{margin:10px 0 0 0}
.yoonsCast .column .imgArea .colm {display:inline-block; padding:0 10px; vertical-align:top;}
.yoonsCast .column .imgArea .colm.block {display:block; margin-bottom:20px;}
.yoonsCast .column .imgArea .colm.full img {height:250px;} /*À̹ÌÁö °¡ÀÌµå ¼ö±Þ ÈÄ »èÁ¦or¼öÁ¤ ¿¹Á¤, ÀÓÀÇ·Î »çÀÌÁî ÁöÁ¤*/
.yoonsCast .column .imgArea img {max-width:100%;}
.yoonsCast .column .img_gud,
.yoonsCast .img .img_gud {padding:20px 0 50px 0; text-align:center; color:#4c4c4c; font-weight:500;}
.yoonsCast .column .img_gud:last-child {padding-bottom:0;}
.yoonsCast .column .img_gud span {display:block; font-weight:400;}
.yoonsCast .column .tbArea .tb_gud {padding:10px 0; border:none !important; text-align:left; color:#4c4c4c; background:none;}
.yoonsCast .column .tbArea table {margin:0 auto; color:#4c4c4c;}
.yoonsCast .column .tbArea table th {padding:10px 12px; border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; text-align:center; background:#fff5f5;}
.yoonsCast .column .tbArea table th:first-child,
.yoonsCast .column .tbArea table td:first-child{ border-left:1px solid #e6e6e6;}
.yoonsCast .column .tbArea table th.w_8{width:8%}
.yoonsCast .column .tbArea table td {padding:10px 12px; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; vertical-align:middle; text-align:left;}
.yoonsCast .column .tbArea table td.center {text-align:center;}
.yoonsCast .column .tbArea table .w01{}
.yoonsCast .column .tbArea table .w02{}
.yoonsCast .column .tbArea table .w03{}
.yoonsCast .column .tbArea table .w04{}
.yoonsCast .column .tbArea table .w05{}

.yoonsCast .column .imgArea.renewal-imgArea { overflow: hidden; }
.yoonsCast .column .imgArea.renewal-imgArea .colm { width: 24%; padding: 0; margin-bottom: 30px; }
.yoonsCast .column .imgArea.renewal-imgArea .colm .inside { display: block; padding: 0 10px; }
.yoonsCast .column .imgArea.renewal-imgArea .colm .inside .title { min-height: 48px; display: block; margin-bottom: 5px; }
.yoonsCast .column .imgArea.renewal-imgArea .colm .inside img { height: auto !important; }
.yoonsCast .column .imgArea.renewal-imgArea .colm .inside .fig-des { margin-top: 15px; display: block; }
@media screen and (max-width: 850px) {
    .yoonsCast .column .imgArea.renewal-imgArea .colm { width: 49%; }
}
@media screen and (max-width: 520px) {
    .yoonsCast .column .imgArea.renewal-imgArea .colm { width: 99%; }
}

/*°£°Ý*/
.yoonsCast .space_0 {padding-top:0px !important;}
.yoonsCast .space_10 {padding-top:10px !important;}
.yoonsCast .space_20 {padding-top:20px !important;}
.yoonsCast .space_50 {padding-top:50px !important;}
.yoonsCast .space_60 {padding-top:60px !important;}
.yoonsCast .space_80 {padding-top:80px !important;}
.yoonsCast .space_100 {padding-top:100px !important;}
.yoonsCast .space_b0 {padding-bottom:0px !important;}
.yoonsCast .space_b10 {padding-bottom:10px !important;}
.yoonsCast .space_b50 {padding-bottom:50px !important;}

.yoonsCast .clickArea {text-align:center; padding-top:80px; font-size:1.125em; color:#4d4d4d;}
.yoonsCast .clickArea a {color:#ff3333; text-decoration:underline;}

.yoonsCast .tipbox {margin-top:50px; padding:35px 40px; border:4px solid #f0f0f0;}
.yoonsCast .tipbox .tit {font-size:1.125em; color:#1a1a1a;}
.yoonsCast .tipbox .txt {margin-top:20px; color:#4c4c4c;}
.yoonsCast .tipbox .txt.space_m0 {margin-top:0px;}

.yoonsCast .ex_txt {font-size:1.125em; color:#1a1a1a;}
.yoonsCast .ex_txt.center {text-align:center;}
.yoonsCast .ex_txt.italic {font-style:italic;}

.pointb {color:#57b6e6;display:inline !important}

.keywordArea {overflow:hidden; padding:20px 30px 0 30px;}
.keywordArea .k_tit {float:left;}
.keywordArea .k_box {display:table;}
.keywordArea a.keyword {margin-bottom:20px;}
.keywordArea .button{margin-left:0; margin-right:15px;}

.privacy{color:#4d4d4d;font-size:1em;padding-right:50px;}
.privacy strong.a_tit{color:#eb1c23;font-size:1.125em;font-weight:500;}

.noData{text-align:center;padding:100px 0; color:#999;font-size:1em;}
.noData .ico{margin:0 0 10px 0}

.counselFinish{text-align:center;padding:100px 0 50px 0; color:#4d4d4d;font-size:1em;line-height:1.6;}
.counselFinish strong{font-size:1.25em;}
.counselFinish .ico{margin:0 0 20px 0;}

.tbl_map{border-spacing:0;border-collapse:collapse;width:90%;margin:0 auto}
.tbl_map th{width:20%;color:#1a1a1a;background:#f0f0f0;font-size:0.92em;padding:3px 2px;border:1px solid #e6e6e6;}
.tbl_map td{width:70%;color:#4d4d4d;font-size:0.92em;padding:3px 2px 3px 7px;border:1px solid #e6e6e6;}

.privacy_sel{margin:30px 0 0 0}

.yoonsCast .txt_left{text-align:left}

.row2 { width: 70.17543859649123%; margin: 0 auto; }
.row2 li { position: relative; padding-top: 4px; padding-bottom: 20px; }
.row2 li:first-child { margin-bottom: 30px; }
.row2 .title { font-size: 1.5em; color: #333333; }
.row2 .des { font-size: 1em; color: #666; padding-top: 14px; }
@media screen and (max-width:850px){
    .row2 { width: 100%; }
}

.ico { display: block; position: absolute; left: 0; top: 0; }
.ico.gift { width: 18px; height: 18px; background: url("http://www.yoons.com/html/img/v2016/renewal/ico-gift.png") 0 0 no-repeat; top: 3px }
.ico.find { width: 17px; height: 17px; background: url("http://www.yoons.com/html/img/v2016/renewal/ico-search.png") 0 0 no-repeat; top: 4px; }


/* ¼­ºêÆäÀÌÁö ǪÅÍ ½ºÆ¼Å° ¸Þ´º */
.sticky-sub { background-color: #e64545; }
.sticky-sub.active { position: fixed; bottom: -1px; left: 0; right: 0; z-index: 2000; }
.sticky-sub .inner { max-width: 1140px; margin: 0 auto; border: 1px solid #eb6a6a; border-top: none; border-bottom: none; overflow: hidden; }
.sticky-sub .inner > div { padding: 20px 0; }
.sticky-sub .inner .sicky-fl { float: left; width: 85%; overflow: hidden; }
.sticky-sub .inner .sicky-fl span { display: block; width: 49%; float: left; text-align: center; color: #fff; }
.sticky-sub .inner .sicky-fl .find-yoon { border-left: 1px solid #eb6a6a; }
.sticky-sub .inner .sicky-fl span a { display: inline-block; padding-left: 26px; position: relative; }
.sticky-sub .inner .sicky-fr { float: right; width: 14%; overflow: hidden; border-left: 1px solid #eb6a6a; }
.sticky-sub .inner .sicky-fr span { display: block; width: 49%; float: left; }
.sticky-sub .inner .sicky-fr a { display: block; width: 100%; text-indent: -9999px; }
.sticky-sub .inner .sicky-fr .go-top a { background: url("http://www.yoons.com/html/img/v2016/renewal/sticky-btn-top.png") 50% 0 no-repeat; }
.sticky-sub .inner .sicky-fr .close-sticky { border-left: 1px solid #eb6a6a; }
.sticky-sub .inner .sicky-fr .close-sticky a { background: url("http://www.yoons.com/html/img/v2016/renewal/sticky-btn-closed.png") 50% 0 no-repeat; }
@media screen and (max-width:1024px){
    .sticky-sub { padding: 0 15px; }
}
@media screen and (max-width:520px){
    .sticky-sub .inner > div { padding: 20px 0; }
    .sticky-sub .inner .sicky-fl { width: 79%; }
    .sticky-sub .inner .sicky-fr { width: 20%; padding: 20px 0; }
    .sticky-sub .inner .sicky-fl span { box-sizing: border-box; padding: 0 6px; }
    .ico.gift { top: 1px; }
}
/* /¼­ºêÆäÀÌÁö ǪÅÍ ½ºÆ¼Å° ¸Þ´º */


.select-area .select-wrapp select{position:relative; padding:20px 32px 20px 30px; font-size:1.125em; color:#666666; border: 1px solid #d8d8d8; background:#fff; -webkit-appearance:none;-moz-appearance:none;text-indent:1px; width: 100%;}
.select-area .select-wrapp select::-ms-expand{display:none;}
.select-area .select-wrapp:after { position: absolute; right: 15px; top: 50%; display: inline-block; content: ""; width: 13px; height: 7px; margin-top: -2px; background: url("http://www.yoons.com/html/img/v2016/renewal/select-arrow.png") 0 0 no-repeat; }

.select-area .select-wrapp2 input[type="text"]{position:relative; padding:20px 32px 20px 30px; font-size:1.125em; color:#666666; border: 1px solid #d8d8d8; background:#fff; -webkit-appearance:none;-moz-appearance:none;text-indent:1px; width: 100%;}
.select-area .select-wrapp2 input[type="text"]::-ms-expand{display:none;}

.find-section .select-area { width: 78%; display: inline-block; overflow: hidden; }
.find-section .select-area .select-wrapp { width: 24.66666666666667%; float: left; margin-left: 0.4%; position: relative; }
.find-section .select-area .select-wrapp2 { width: 49.5%; float: left; margin-left: 0.4%; position: relative; }
.find-section .select-area .select-wrapp.s-1 { margin-left: 0; }
.find-section .search-btn { width: 22%; float: right; }
.find-section .search-btn a { display: block; padding:20px 32px 20px 30px; font-size: 1.125em; border: 1px solid #f75959; color: #fff; text-align: center; background-color: #f75959; }
.find-section .search-btn a span { padding-left: 24px; position: relative; }
.find-section .search-btn a span .ico.search { width: 18px; height: 18px; background: url("http://www.yoons.com/html/img/v2016/renewal/ico-find.png") 0 0 no-repeat; position: absolute; top: 5px; }
.map-wrap { border: 1px solid #dfdfdf; overflow: hidden; margin-top: 30px; margin-bottom: 180px; }
.map-wrap .map,
.map-wrap .map-info { float: left; }
.map-wrap .map { width: 60%; position: relative; }
.map-wrap .map .map-area { position: absolute; left: 0; top: 0; bottom: 0; right: 0; }
.map-wrap .map .map-area #map { width: 100%; height: 100%; background-color: #ccc; }
.map-wrap .map .map-area img { width: 100%; }
.map-wrap .map-info { width: 40%; overflow-y: scroll; height: 573px; }
.map-wrap .map-info .inner { padding: 80px 50px; }
.map-wrap .map-info .inner li { padding-left: 50px; position: relative; margin-top: 50px; }
.map-wrap .map-info .inner li:first-child { margin-top: 0; }
.map-wrap .map-info .inner li .number { position: absolute; left: 0; top: -13px; font-size: 2.75em; color: #f75959; }
.map-wrap .map-info .add a { color: #3695ee; font-size: 1.5em; display: block; }
.map-wrap .map-info .add .phone-number { display: block; font-size: 1.125em; }
.map-wrap .map-info .add .address { display: block; font-size: 1.125em; color: #666; }
.map-wrap .map-info .inner li .print { margin-top: 14px; }

.gnb-banner { display: block; width: 180px }

@media screen and (max-width:1024px){
    .map-wrap { margin-top: 70px; }
    .map-wrap .map { width: 100%; }
    .map-wrap .map-info { width: 100%; max-height: 560px; }
    .find-section .select-area .select-wrapp { width: 49%; margin-left: 2%; }
    .find-section .select-area .select-wrapp.s-1,
    .find-section .select-area .select-wrapp.s-3 { margin-left: 0; }
    .find-section .select-area .select-wrapp.s-3,
    .find-section .select-area .select-wrapp.s-4 { margin-top: 20px; }
    
	.find-section .select-area .select-wrapp2 { width: 100%; margin-left: 0; margin-top: 20px; }
     
    .find-section .select-area { width: 100%; }
    .find-section .search-btn { width: 100%; margin-top: 30px; }
    .find-section .search-btn a { max-width: 210px; max-height: 70px; margin: 0 auto; }

}
@media screen and (max-width:850px){
    .map-wrap .map-info .inner li .print { display: none; }
    .gnb-banner { margin-top: 24px; width: 100%; }
    .gnb-banner2 { margin-top: 0px; width: 100%; }
}

@media screen and (max-width:1024px){
    #container,
    footer .footWrap,
    .topBg .utilMenu{width:100%}
    .content{padding:0 15px;width:100%;box-sizing:border-box}

    #quickMenu{display:none}
    #container{padding:0 20px 30px;box-sizing:border-box}
    .storeSrch .mapArea .map{width:44%;}
    .storeSrch .mapArea .map .mapView{width:100%;height:100%}
    .storeSrch .mapArea .mapInfo .storeTab{border:1px solid #ebebeb;border-bottom:none;padding:0}
    .storeSrch .mapArea .mapInfo .storeTab li{width:50%;padding:15px 0;text-align:center;background:none;border-bottom:1px solid #ebebeb;border-right:1px solid #ebebeb;box-sizing:border-box}
    .storeSrch .mapArea .mapInfo .storeTab li:nth-child(2n){border-right:none;}
    .btnSel{}
    .btnSel span{width:200px}

    .sub_txt4{padding:0 15px}


    .no_responsive{width:1140px}

    .sm_study_01{padding:0 25px 60px 25px;border-bottom:1px solid #f0f0f0; background:url("http://www.yoons.com/html/img/v2016/smart/sm_study_bg.png") no-repeat center 17px;}
    .sm_study_01:after{content:'';clear:both;display:block;}
    .sm_study_01 .fl{float:left;width:49%;text-align:center;margin-right:1%}
    .sm_study_01 .fr{float:right;width:49%;text-align:center;margin-left:1%}
    .renewal-smartContent .sm_study_01 .fl { width: 49%; }
    .renewal-smartContent .sm_study_01 .fr { width: 49%; }
    .curriculum li{float:left;width:24%;text-align:center;padding:0;margin:0 1% 20px 0}
    .program li{min-height:335px; text-align:center; padding:35px 20px 0 20px;height:auto}
    .program li br{display:none;}
    .program li:first-child,
    .program li:nth-child(4){margin-left:0}

    .recruit .lesson.four li{width:42%}
    .recruit .lesson.four li:nth-child(3){clear:both;margin-left:0}
    .recruit .lesson li br{display:none;}
    .recruit .lesson li:first-child{margin-left:0}

    .brandVisual{width:100%;}
    .brandList{width:1000px;}
    .brandVisual .tit_red{margin:0 0 80px 0}

    .brandVisual .radioBox{position:relative;width:47%;float:left;}
    .brandVisual .radioBox + .radioBox{margin-left:6%}
    .brandVisual .radioBox label{height:100px;padding:83px 10px 10px;line-height:1.2}
    .brandVisual .radioBox input[type="radio"]{position:absolute;top:40px;left:50%; background-size:30px 30px;width:30px;height:30px;margin:0 0 15px -15px}
    .brandVisual .radioBox input[type="radio"]:checked{background-size:30px 30px;}

    .recrBox li{float:left;width:50%;margin:0 0 12px 0;text-align:center}
    .recrBox li .r_icon{float:none;margin:0 24px 0 0;}
    .recrBox li .r_txt{float:none;color:#4c4c4c;margin:0 10px 0 0;line-height:1.6;padding-top:25px}
    .recrBox li .r_txt br{display:none}
    .recrBox li .r_txt p{color:#1a1a1a;margin:0 0 0 0}

    .recruit_step.s6{width:100%}

    .ceoArea{padding:60px}
    .ceoMsg{background-size:288px 366px;padding-bottom:60px}
    .colorSystem .mainC{float:none;margin:0 0 20px 0}
    .colorSystem .subC{float:none}
    .colorSystem .cBox{width:260px}
    .yoons_map img{height:100%}

    .stagePopup,
    #eng_two{width:100%}
    .benefit{padding:0 0 60px 0}
    .phonix_gray{margin:0 30px 20px}
    .origin{margin:0 30px 30px}
    h4{margin:0 30px 20px}

    .recruit_step.s6 li img{width:110px}
    .yoonsCast {padding:30px 30px 0;}
    .yoonsCast .column .tbArea table .none {display:none;}

    .keyNote .keyBox .fullImg{height:250px;}
    .keyNote .keyBox .keyImg{height:250px;}
    .keyNote .keyBox .keyImg img{vertical-align:bottom}
    .keyNote .keyBox .keyCon{height:250px;}

    .privacy{padding-right:0;}

    /*0513¾ÆÀ̶û*/
    .program.english span.block{display:block;}
    .program.english li{min-height:203px; height:203px;}
    .tabAcc.land li .tab_content .pack1_box ul{margin:15px 0 0 3%;}
    .tabAcc.land li .tab_content .pack1_box li{width:19%; font-size:14px;}
    .tabAcc.land li .tab_content .pack2_txt{font-size:15px;}
    .eng_class ul{padding:0 0;}

}



@media screen and (max-width:850px) {
    .popWrap{left:0 !important; top:0 !important; width:100% !important; height:auto !important}/*16.05.09*/

    .webMenu{display:none}
    .mobileMenu{display:block}

    body{}
    #container{padding:0 0 30px 0}
    #quickMenu,
    .subVisual,
    .sub_txt .addTxt,
    .paginate,
    .no_responsive{display:none}
    .subTop{height:auto;padding-top:0}
    .renewal-subTopType1 { padding-bottom: 10px; }
    .renewal-subTopType2 { padding-bottom: 40px; }
    .renewal-subTopType3 { padding-bottom: 10px; }
    .renewal-subTopType4 { padding-bottom: 10px; }
    .renewal-subTopType5 { padding-bottom: 10px; }
    .renewal-subTopType6 { padding-bottom: 10px; }
    .renewal-subTopType7 { padding-bottom: 10px; }
    .sub_txt {text-align:center;margin:0 0 30px 0}

    footer .footWrap .address .line,
    footer .footWrap .ceo,
    footer .footWrap .corpNum,
    footer .footWrap .custTel,
    footer .footWrap .callTime,
    footer .footWrap .webDic{display:none}
    footer .footWrap .footMenu{margin:0 0 5px 0}
    footer .footWrap .line.end{background:none}
    footer .footWrap{text-align:center;}
    footer{padding:0 0 15px 0}
    footer .m_foot{display:block;color:#fff;margin:0 0 15px 0}

    .mobileInfo{padding:40px 0;text-align:center; font-size:1.5em;color:#333;display:block}

    h2{text-align:center;margin:0 0 20px 0}
    h2 img{max-height:60px;}
    h2.long img{max-height:40px;}
    h3{padding-left:30px}
    .location{margin:0 0 30px 0;padding:20px 0 0 0;text-align:left}
    .location span{background:url("http://www.yoons.com/html/img/v2016/common/location_arrow.png") no-repeat left center;margin:0 7px 0 0; display:inline-block; padding-left:17px; vertical-align:middle}
    .location .home{background:none;padding:0 0 0 30px;background:none;width:auto;height:auto;text-indent:0}

    input[type="checkbox"]{border:1px solid #808080;-webkit-appearance:none;background:none;width:18px;height:18px}
    input[type="checkbox"]:checked{-webkit-appearance:none;background:url('http://www.yoons.com/html/img/v2016/common/bg_check_on.png') no-repeat left center;background-size:18px 18px;}

    input[type="radio"]{border:none;-webkit-appearance:none;background:url('http://www.yoons.com/html/img/v2016/common/bg_radio.png') no-repeat left top;background-size:14px 14px;width:14px;height:14px}
    input[type="radio"]:checked{-webkit-appearance:none;background:url('http://www.yoons.com/html/img/v2016/common/bg_radio_on.png') no-repeat left top;background-size:14px 14px;}

    .srchArea{margin:0;}

    .sub_tit2{padding:0 15px}

    .boardLst tbody{border-top:1px solid #333;}
    .boardLst th{display:none;}
    .boardLst tr{border-bottom:1px solid #e6e6e6}
    .boardLst td{border-bottom:none;text-align:left;color:#999999}
    .boardLst td:first-child{display:none;}
    .boardLst td:nth-child(2){display:block;padding:18px 15px 10px}
    .boardLst td:nth-child(3){display:block;padding:0 15px 18px;width:auto}

    .boardView dd{padding:30px}
    .boardView dt{padding:25px 30px}
    .boardView .subject{width:100%;display:block;margin:0 0 7px 0;padding-right:0;}
    .boardView .tit,
    .boardView .tit2,
    .boardView .num{display:none}
    .boardView .date{display:block}

    .otherList li .tit{width:15%;}
    .otherList li .con{width:85%}

    .tabMenu li.on{border-bottom:1px solid #ff3333 !important}
    .renewal-tab.tabMenu li.on{border-bottom:1px solid #999 !important}
    .tabMenu.tab4 li{width:50%;border-bottom:1px solid #e6e6e6;}
    .tabMenu.tab6 li{width:33%;border-bottom:1px solid #e6e6e6;}
    .tabMenu.tab6 li:nth-child(3),
    .tabMenu.tab6 li:nth-child(6){width:34%}
    .tabMenu.tab6 li:nth-child(4){clear:both;}

    /* button */
    .mobileBtn{display:block;text-align:center;}
    .mobileBtn a{background:#96948f;border-radius:35px;padding:12px 60px;font-size:1.07em;color:#fff;display:inline-block;}
    .btnArea {text-align:center;}
    .btnArea .btn img{max-height:50px}

    .button{background:none;height:auto;line-height:1;display:inline-block;border-radius:25px;padding:0 !important;}
    .button span{display:inline-block;background:none;height:auto;padding:13px 40px !important}
    .button.long span{display:inline-block;background:none;height:auto;padding:13px 17px !important}
    a.mainBtn{border:1px solid #ff3333;background:#fff;}
    a.subBtn{border:1px solid #999;background:#fff}

    a.downBtn,
    a.popBtn,
    a.layerCloseBtn{color:#ff3333;font-size:1em;border:1px solid #ff3333; border-radius:25px; height:auto}
    a.downBtn span,
    a.popBtn span{height:auto;padding:9px 20px !important}
    a.layerCloseBtn span{height:auto;padding:9px 40px !important}

    a.grayBtn{color:#999;font-size:1em;border:1px solid #999;border-radius:25px; height:auto}
    a.grayBtn span{height:auto;padding:9px 20px !important}

    a.keyword{color:#4d4d4d;border-radius:25px; height:auto;background:#fff;border:none;}
    a.keyword span{height:auto;padding:7px 20px !important}

    a.keyword.on{color:#fff;border-radius:25px; height:auto;background:#ff3333;border:none;}
    a.keyword.on span{height:auto;padding:7px 20px !important}


    a.subBtn+a.mainBtn{margin-left:7px;}

    .btnSel{border:1px solid #fff;background:#fff;padding:0;display:block;text-align:center}
    .btnSel span{padding:14px 30px !important;width:auto}
    .btnSel.on{border:1px solid #ff3333;background:#fff}

    .faq dt a .tit,
    .faq dt a .sort{float:none;text-align:left;width:100%}
    .faq dt a .sort{margin:10px 0 0 0}

    .tabMenu{margin:0 0 15px 0}
    .tabMenu li a{padding:16px 0}

    .tabScroll{overflow-x:scroll;}
    .tabIcon{background:#f0f0f0;width:800px;margin:0;display:table}
    .tabIcon img{display:none;}
    .tabIcon li{float:none;display:table-cell;background:none;width:auto;min-width:50px;padding:10px 15px;background:url("http://www.yoons.com/html/img/v2016/common/bg_faq.png") no-repeat left center;}
    .tabIcon li span{margin:0}
    .tabIcon li:first-child{color:#333}
    .tabIcon li.on{border-bottom:2px solid #fa4b4b;color:#ff3333}
    .grd_left{position:absolute;left:0;top:0;z-index:100;width:18px;height:100%;background:-webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(100%,rgba(255,255,255,0)))}
    .grd_right{position:absolute;right:0;top:0;z-index:100;width:18px;height:100%;background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#fff))}

    .eventView dt{padding:20px 30px;}
    .eventList li {padding-left:15px;padding-right:15px;}
    .eventList li .thumImg{float:none;width:100%;text-align:center}
    .eventList li .thumCon{float:none;width:100%;text-align:center;padding:14px 0 0 0}
    .eventList li .thumCon .e_tit{margin:0 0 6px 0}
    .eventList li:last-child{border-bottom:none}

    .eventView span{display:block;font-size:1em;box-sizing:border-box;}
    .eventView .subject,
    .eventView .date{width:100%;text-align:left;}
    .eventView .date{color:#808080}
    .eventView .subject{margin:0 0 10px 0}
    .eventView dd{padding:25px 30px;}
    .eventView dd .event_img{margin:0 0 30px 0}

    .eventPastList{margin:0 0 0 0}
    .eventPastList li,
    .eventPastList li:nth-child(2n){float:none;width:100%;padding-left:15px;padding-right:15px;}

    .custInput{padding:15px 15px 0 15px; margin:0 0 20px 0}
    .custInput .cell{float:none;display:block;padding:0 0 20px 0;width:100%}
    .custInput .cell.tit{padding:0 0 10px 0;width:100%}
    .custInput .cell input[type="text"],
    .custInput .cell input[type="password"]{width:100%}
    .custInput .cell strong img{width:3px;height:3px}
    .custInput .que select,
    .custInput .que input{width:100% !important}
    .custInput .phone select{width:32%}
    .custInput .phone input{width:31%}
    .custInput .phone .dash{width:3%;text-align:center;padding:0;box-sizing:border-box}
    .custInput .email select{width:45%}
    .custInput .email input{width:45%}
    .custInput .email .dash{width:9%;text-align:center;padding:0;box-sizing:border-box}
    .custInput .email .direct{width:100% !important;margin:10px 0 0 0;display:block}
    .custInput  .address .i_sel{width:32%;min-width:auto;}
    .custInput .que select{margin:0 0 10px 0}
    .custInput .que .i_text{margin:0}

    .custInput .i_addr{width:63% !important;margin:0 2% 0 0}
    .custInput .cell .whiteBtn{width:35%;padding:7px;}

    .agreeArea{padding:0 15px}
    .agreeTit{margin:0 0 10px 0;}
    .agreeTit .agreeBtn label + input[type="radio"]{margin-left:10px;}
    .newPopWrap .agreeWrap{overflow-y:scroll !important}
    .agreeWrap{height:100px;box-sizing:border-box;margin:0 0 10px 0;padding:10px;overflow:hidden !important}
    .imptTxt .ico{width:3px;height:3px;margin:-3px 0 0 0}

    /* .storeSrch .srchArea{width:75%} */
    .storeSrch dd{padding:20px 0}
    .storeSrch dd .s_tit{margin:0 0 20px 0;font-size:1.1em}/*2016-03-21*/
    .storeSrch dt a .step{width:20%}
    .storeSrch dt a .tit{width:80%}
    .storeSrch .srchArea .button span {line-height:24px;}
    .storeSelect{width:90%;margin:0 auto}

    #store_result ul{padding:0}
    .storeSrch .mapArea{padding:0}
    .storeSrch .mapArea .map,
    .storeSrch .mapArea .mapInfo{float:none;width:100%;margin:0;padding:0}
    .storeSrch .mapArea .mapInfo .storeInfo{padding:0 10px}
    .storeSrch .mapArea .mapInfo .storeInfo li .add{width:auto;color:#4d4d4d;padding-right:30px}
    .storeSrch .mapArea .mapInfo .storeInfo li .print{display:none}
    #store_result{margin:0 0 20px 0}
    #store_result li{float:left;width:49%;margin:0 1% 10px 0}
    #store_result li:nth-child(3n){width:49%;margin:0 1% 10px 0}
    .storeSelect{width:90%;margin:0 auto}

    /* 2016-03-21 */
    .selectArea .srchArea{margin-bottom:10px;}
    .selectArea .srchArea .box_sel {width:20%;}
    .selectArea .srchArea .box {width:50%;}
    .selectArea .srchArea label{left:30px;font-size:0.9em;margin-top:-13px}
    .selectArea .srchArea select {width:100%; padding:13px 15px 15px 15px; font-size:0.9em;}
    .selectArea .srchArea input[type="text"]{width:100%; padding-right:40px}
    .selectArea .srchArea .mainBtn span{height:auto; padding:11px 40px !important;}/* 2016-03-24 */
    /* //2016-03-21 */

    .keyNote{width:570px;margin:0 auto 35px}
    .keyNote .keyBox{float:none;width:100%;overflow:hidden}
    .keyNote .keyBox .keyImg{width:40%;height:230px}
    .keyNote .keyBox .fullImg{height:230px;background-size:cover}
    .keyNote .keyBox .keyImg img{max-height:100%;max-width:100%}
    .keyNote .keyBox .keyCon{width:60%;height:230px}
    .keyNote .keyBox .fullImg .keyCon{width:55%}
    .keyNote .keyBox .keyCon .key_tit{padding:20px; -webkit-line-clamp: 2; line-height: 1.3em;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word;}
    .keyNote .keyBox .keyCon .key_txt{padding:0 20px 15px 20px; -webkit-line-clamp: 5; line-height: 1.3em;  height: 6em;}
    .keyNote .keyBox .keyCon .key_btn{color:#4d4d4d;margin:0 0 0 20px;padding-bottom:20px}
    .keyNote .keyBox .keyCon .key_btn a{}

    .mobile{padding:0 15px}
    .applyTbl{border-bottom:1px solid #e6e6e6;margin-bottom:20px}
    .applyTbl .block{display:block;width:100%}
    .applyTbl td.tit2{width:50%;text-align:right;padding-right:20px;padding-top:10px}
    .applyTbl td.txt{padding:10px 0}
    .applyTbl .block.tit2{padding-left:0;padding-top:10px;text-align:left;width:100% }
    .applyTbl tr:last-child td, .applyTbl tr:last-child th{border-bottom:none}
    .applyTbl tr:first-child td.txt,
    .applyTbl tr:first-child td:first-child{padding-top:20px}

    .applyTbl tr:last-child td:last-child{padding-bottom:20px;}
    .tit_red{margin:25px 0}

    .applyTbl .phone select{width:32%}
    .applyTbl .phone input{width:31%}
    .applyTbl .phone .dash{width:3%;text-align:center;padding:0;box-sizing:border-box}
    .finishApply{position:relative;right:inherit;top:inherit;width:100%;border-bottom:1px solid #e6e6e6;border-left:none;padding:15px 0;margin:0 0 20px 0}

    .videoArea iframe{width:100%;height:400px;}
    .videoThum{display:none}
    .mobileView{display:block;}
    .videoArea{border-bottom:none;padding:0;margin:0 15px 40px}
    .fbList{margin:0 15px 20px}
    .fbList li{display:none;width:33%}
    .fbList li:nth-child(1){display:block;}
    .fbList li:nth-child(2){display:block}
    .fbList li:nth-child(3){display:block;width:34%}
    .fbList li .fb_tit{margin:0  0 20px 0;}
    .fbList li .fb_txt{margin:0 0 20px 0; }
    .fbList li .fb_date{margin:0 0 20px 0}
    .snsArea {margin:0 15px}
    .snsArea .fl,
    .snsArea .fr{float:none;width:100%;text-align:center;}
    .snsArea .fl{padding:20px 0}
    .snsArea .fr{padding:0 0 30px 0}
    .subjectLst{padding-bottom:0;margin-bottom:40px}
    .subjectLst li{float:none;width:100% !important;text-align:center;background:none;margin:0 0 45px 0}
    .subjectLst .thum{margin:0 0 30px 0}
    .subjectLst .thum img{height:160px}
    .subjectLst .name{margin:0 0 20px 0;}
    .subjectLst .price{margin:0 0 10px 0;}

    .tit_red.line2{padding:25px 0 0 0;}

    .f_layout{padding:0 15px}
    .f_layout .fl,
    .f_layout .fr{float:none;width:100%;box-sizing:border-box}
    .text01{margin:0 0 15px 0}
    .list_red li {background-position:left 9px}

    .newsArea{text-align:center;padding:25px 15px;}
    .newsArea .logo{margin:0 0 35px 0}
    .newsArea .news_tit{margin:0 0 40px 0;font-size:1.6em}
    .newsArea .news_ico{margin:0 0 20px 0}
    .newsArea .news_msg{font-size:1.25em;margin:0 0 20px 0;}
    .newsArea .news_msg .sub{margin:5px 0 0 0;}
    .newsArea .news_msg2{margin:0 0 30px 0;line-height:1.6}

    .tabAcc{margin:0 0 20px 0;position:relative;border-top:1px solid #d9d9d9 }
    .tabAcc:after{content:''; clear:both; display:block}
    .tabAcc.tab2 > li{width:100%}
    .tabAcc.tab3 > li{width:100%}
    .tabAcc.tab4 > li{width:100%}
    .tabAcc.tab3 > li:last-child{width:100%}
    .tabAcc li{float:none;}
    .tabAcc li a{display:block;padding:16px;background:#fff url("http://www.yoons.com/html/img/v2016/cust/bg_arrow.png") no-repeat 97% center; background-size:18px 10px; border:1px solid #d9d9d9; color:#808080; text-align:left;border-top:none}
    .tabAcc li.on a{color:#ff3333;background-size:18px 10px;}
    .tabAcc li .impt{color:#ccc;}
    .tabAcc li.on .impt{color:#ff3333;}
    .tabAcc li .tab_content{position:relative;top:0;left:0;display:none;padding:20px 15px; width:100%; box-sizing:border-box; color:#4d4d4d;background:#f5f5f5;border-bottom:1px solid #d9d9d9 }
    .renewal-smartContent .tabAcc li .tab_content { background-color: #fff; }
    .tabAcc li .tab_content:after{content:'';clear:both;display:block;}
    .tabAcc li .tab_content .fl{float:none;width:100%;text-align:center}
    .tabAcc li .tab_content .fr{float:none;width:100%;}
    .tabAcc li.on .tab_content{display:block}
    .tabAcc li .tab_content li{float:none;width:100%}
    .smart_content{padding:0 15px}
    .smart_content .tit_red{padding-top:45px;}
    .renewal-smartContent .tit_red,
    .curriculum-head .h4.type1 { font-size: 1.5em; }
    .my-class dt { font-size: 1.5em; }
    .my-class dd { font-size: 1.125em; }
    .sm_study_01{padding:0 0 35px 0;border-bottom:1px solid #f0f0f0; background:none;}
    .sm_study_01:after{content:'';clear:both;display:block;}
    .sm_study_01 .fl{float:none;width:100%;text-align:center;margin:0 0 20px 0}
    .sm_study_01 .fr{float:none;width:100%;text-align:center;}
    .renewal-smartContent .sm_study_01 .fl { width: 100%; }
    .renewal-smartContent .sm_study_01 .fr { width: 100%; }
    .sm_study_01 .imgIcon{margin:0 0 25px 0}
    .sm_study_01 .imgIcon img{height:100px}
    .wrapper-hasBottomBorder .sm_study_01 .imgIcon img { height: auto; }
    .smart_content .sm_tit{margin:0 0 15px 0;font-size:1.25em;color:#1a1a1a}
    .smart_content .sm_con{text-align:left;color:#4d4d4d;line-height:1.6;font-size:1em;}
    .sm_system{text-align:center;margin:30px 0 10px 0;}
    .sm_study_02{padding-bottom:30px }
    .sm_ysli .tab_content{padding:30px 15px !important}
    .tabAcc li .tab_content .fr{text-align:center;padding:20px 0 0 0}
    .tit_red strong{font-size: 1.4em; display:block}
    .mom_study .fl{text-align:center;margin:0 0 20px 0}
    .mom_study{padding-bottom:30px;margin-bottom:30px}
    .downApp .fl{margin:25px 0 30px 0}

    .smart_content .befly{margin:0 0 30px 0;padding:0 0 260px 0;}
    .smart_content .befly .quotTxt{text-align:center;padding-left:0;width:100%}
    .smart_content .befly .quot{margin:0 0 10px 0}
    .smart_content .befly.smart_mom{background:url("http://www.yoons.com/html/img/v2016/smart/sm_mom_m.png") no-repeat center bottom;background-size:80%}
    .smart_content .befly.smart_child{background:url("http://www.yoons.com/html/img/v2016/smart/sm_child_m.png") no-repeat center bottom;background-size:80%}


    .symbolArea,
    .symbolArea2{margin:25px 0 30px 0}
    .curriculum li{float:left;width:48%;text-align:center;padding:0;margin:0 2% 20px 0}
    .curriculum li:nth-child(2),
    .curriculum li:nth-child(4){width:50%;margin-right:0}
    .sub_txt4 br{display:none}
    .phonics{position:relative;text-align:left;padding:25px;line-height:1.5;font-size:1em;color:#4d4d4d;margin:60px 0 0 0;border:4px solid #f0f0f0}
    .phonics .icon{display:none}
    .phonics .tit{text-align:center;}

    .layerPopWrap{width:95%;margin:0 auto}
    .layerPopWrap.news{width:100%;}
    .layerPopCon {padding:20px 15px}
    .layerPopCon.smart {padding:20px 15px}
    .layerPopHead,
    .layerPopHead.smart{position:relative;font-size:1.2em;color:#fff;padding:12px 40px 12px 15px}
    .layerPopHead .close{position:absolute;right:15px;top:12px;}
    .layerPopHead .close img{width:14px;height:14px;}
    .layerPopCon .photoInfo{height:75px;margin:10px 0}
    .layerPopCon .photoInfo img{max-height:100%}
    .layerPopWrap .agreeArea,
    .newPopWrap .agreeArea{padding:0}

    .popInput{padding:0 0 20px 0 ; margin:0}
    .popInput .cell{float:left;text-align:left;display:inline-block;padding:0 0 10px 0;width:86%;box-sizing:border-box}
    .popInput .cell.tit{width:14%;padding:0 0 0 10px;vertical-align:middle;color:#808080;font-size:1em}
    .popInput .email .dash{width:3%;text-align:center;padding:0;box-sizing:border-box;font-size:0.9em}
    .popInput .email select{width:45%}
    .popInput .email input{width:45%}
    .popInput .email .dash{width:10%;text-align:center;padding:0;box-sizing:border-box}
    .popInput .email .direct{width:100% !important;margin:10px 0 0 0;display:block}


    .program{margin:20px 10px 0 10px}
    .program.eng{margin:20px 10px 20px 10px}
    .program li{width:48%;min-height:360px;float:left;margin:0 2% 25px 0; text-align:center;padding:40px 45px; box-sizing:border-box}
    .program li:first-child,
    .program li:nth-child(3){clear:both;margin-left:0}
    .program li .pg_img{margin:0 0 25px 0}
    .program li .pg_img img{height:120px;}
    .program li .pg_img img.none{height:auto}

    .recruit .lesson{20px 10px 0 10px}
    .recruit .lesson li{width:100%;height:auto;float:none;margin:0 0 25px 0;text-align:center;_display:inline;padding:35px 15px 35px 15px; box-sizing:border-box}
    .recruit .lesson.four li{width:100%;margin:0 0 25px 0;padding:35px 3% 35px 3%;}
    .recruit .lesson li .pg_img{margin:0 0 20px 0}
    .recruit .lesson li .pg_img img{height:80px;}
    .recruit .lesson li .pg_img.txt img{height:105px}
    .grayBox{margin-top:0}
    .grayBox2{padding:30px}

    .slideCon{width:70%}

    .brandList{padding:0;margin:0 auto;width:100%;}
    .brandList li{float:left;width:50%;text-align:center;line-height:1.5;box-sizing:border-box}
    .brandList .thum{padding:0 15px}

    .brandVisual .radioBox label br{display:none}

    .result .btnResult a img{display:none;}
    .result .btnResult span{display:inline-block;height:auto;padding:7px 20px;border-radius:20px;font-size:1em }
    .result .btnResult .retry{display:inline-block;height:auto;padding:7px 20px;border-radius:20px;font-size:1em;color:#808080;border:2px solid #808080;margin-right:10px}
    .result.typeA .btnResult span{color:#3d9ccc;border:2px solid #74c3ea; }
    .result.typeB .btnResult span{color:#6ea600;border:2px solid #8dcc10; }
    .result.typeC .btnResult span{color:#8f52cc;border:2px solid #ac73e5; }
    .result .btnRetry{display:none;}

    .result{height:auto;}
    .result .card{width:auto;padding:50px 0;margin:10px 10px 30px;background:#fff;}
    .result .r_sub{margin:50px 0 5px 0;}
    .result .r_stit{margin:0 0 15px 0;text-align:center}
    .result .r_txt{text-align:center}
    .result .icon{float:none;margin:0 0 20px 0;}
    .result .r_con{float:none;}
    .result .btnResult{text-align:center}

    /* ºê·»µå ¼­ºê¸ÞÀÎ*/
    #sub_container{background:none}
    .brandVisual .tit_red{padding-top:50px;margin-bottom:30px}
    .brandVisual{height:430px;}
    .brandVisual .radioBox label{height:auto;padding:60px 10px}
    .brandVisual .radioBox input[type="radio"]{top:20px}
    .slidesjs-container{margin:0 auto}
    .child_study{padding:0}
    .child_study .fl{text-align:center;padding:0 40px 0 20px}
    .child_study .fr{padding:20px}
    .child_study .character{display:none}
    .child_study .bx-pager {margin:20px 0}
    .topTxt{margin-top:45px}

    .recruit{padding:30px 0 0 0;margin:30px 15px 0;}
    .recruit .fl,
    .recruit .fr{text-align:Center}
    .f_layout.f3 .fl{width:100%;margin:0 0 20px 0}
    .f_layout.f3 .fl h4{text-align:left;}

    .recruit .f_layout{padding:0}
    .recruit.establish .fl,
    .recruit.establish .fr{text-align:left}
    .recruit.establish .fl{margin:0 0 20px 0}
    .recruit.establish p br{display:none}

    .recruit .r_tit{margin:0 0 25px 0;}
    .recruit .r_tit2{margin:-15px 0 30px 0;}

    .recruit .h390{height:auto !important;}
    .recruit .imgVisual{display:none}
    .recruit .imgVisual.moblie{display:block;margin:0 0 25px 0;}
    .recruit h4{font-size:1.1em;margin:0 0 10px 0}
    .establish{color:#4c4c4c;line-height:1.3;}
    .establish .txt_con{margin:10px 0 0 0}

    .recrBox li{float:none;width:100%;padding-bottom:40px; margin:0 0 25px 0; background:url("http://www.yoons.com/html/img/v2016/common/bg_process_02.png") no-repeat center bottom;}
    .recrBox li:last-child{background:none;padding-bottom:0;margin:0}
    .recrBox li .r_icon{margin:0}
    .recrBox .r_icon img{width:120px;height:120px;text-align:center;margin:0}

    .recruit_step{text-align:center;width:100%;margin:0;box-sizing:border-box;}
    .recruit_step li{box-sizing:border-box;padding:0 5px;width:20%;margin:0}
    .recruit_step.s6 {padding:0 50px}
    .recruit_step.s6 li{width:33% !important;margin:0 0 15px 0}
    .recruit_step li img{width:70px;margin:0 auto}
    .recruit.btm{padding-bottom:0;margin-bottom:0}

    .contest{margin:0 0 40px 0;padding:40px 0;}
    .contest span {display:block;margin:15px 0 0 0}
    .contest img{margin:0 15px;}
    .contest_lst{margin:15px 0 0 0;padding:0 15px}
    .contest_lst li{padding:40px 0 35px 0;}
    .contest_lst li .fl{float:none;width:100%;margin-bottom:25px;}
    .contest_lst li .fr{float:none;width:100%;}
    .contest_lst li .fr a{color:#1a1a1a;display:block;margin:5px 0 0 0}
    .contest_lst li .tit{font-size:1.5em;color:#ff3333;margin:0}
    .contest_lst li .goBtn{display:inline-block;margin-left:10px }
    .contest_lst li .goBtn img{height:30px;margin-left:5px}

    .contest_lst li dt{width:15%;margin:0 0 7px 0;}
    .contest_lst li dd{width:85%;margin:0 0 7px 0;}

    .solution{padding:0 0 30px 0;margin:40px 0 40px 0;}
    .solution li{float:left;width:25%;padding:0 10px;box-sizing:border-box;font-size:1em}
    .introCon{padding:0 0 40px 0;border-bottom:1px solid #f0f0f0;margin:0 0 40px 0}
    .introCon .title{float:none;width:100%;text-align:center;margin:0 0 12px 0}
    .introCon .text{float:none;width:100%;padding-right:0;}
    .introCon .text .s_title{text-align:center}
    .visionArea {margin:40px 0 0 0;padding:60px 40px;background:none}

    .ceoArea{padding:30px 60px}
    .ceoMsg{background-size:168px 221px;padding-bottom:100px}
    .ceoMsg br{display:none}
    .ceoMsg .sign{margin:20px 0}
    .lineBlock{display:block}

    .ciDown{padding:40px 40px 20px;margin:0 0 40px 0}
    .ciDown .btn{padding:15px 0 0 0;}
    .ciDown .logo{float:none;text-align:center;margin:0 0 10px 0;}
    .ciDown .logoTxt{float:none;}
    .ciDown .logoTxt br{display:none;}

    .markArea{margin:0 0 30px 0;text-align:center;padding:0 15px}
    .markArea .symbol{float:none;width:100%;margin:0 0 30px 0}
    .markArea .word_kr{float:none;width:100%;;margin:0 0 30px 0}
    .markArea .word_eng{float:none;width:100%}

    .colorSystem{padding:30px 15px}
    .colorSystem .tit{margin:0 0 15px 0;text-align:center}
    .colorSystem .stit{margin:0 0 15px 0;text-align:center}
    .colorSystem .cBox{float:left;width:33%;padding:20px 0;box-sizing:border-box;margin:0 auto 15px}
    .colorSystem .gray,
    .colorSystem .gold{margin-left:auto;margin-right:auto}

    .tit_bi{padding:0 15px;}
    .tit_bi a{display:none}
    .tit_bi img{width:25px}
    .f_layout.bi {margin:0 0 30px 0}
    .f_layout.bi .fl+ .fr{margin-left:2%;}
    .f_layout.bi .fl{padding:23px 0;float:left;}
    .f_layout.bi .fl img{height:21px}
    .f_layout.bi .fr{padding:15px 0;float:right;}
    .f_layout.bi .fr img{height:39px}

    .yoons_map{padding:20px;}
    .yoons_map .daum_map{height:300px;margin:0 0 30px 0}
    .tit_map{padding:0 0 20px 0;}
    .mapInfo {margin:0 0 70px 0}
    .mapInfo dt{clear:both;float:left;width:20%;}
    .mapInfo dd{float:left;width:80%;color:#4d4d4d;}
    .mapInfo dd .block{display:block}
    .tit_line{padding:0 15px 15px}
    .srchList .location{margin:0 0 10px 0;padding:0}
    .srchList{margin:-16px 15px 30px}
    .srchList li{padding:20px 0;border-bottom:1px solid #f2f2f2;}
    .srchList li .srchWord{padding:0}

    .historyArea{padding:0 30px;margin:50px 0 0 0}
    .historyArea .titArea{float:none;width:100%}
    .historyArea .titArea .mainTit{font-size:1.875em;margin:0 0 20px 20px;text-align:center}
    .historyArea .titArea .sTit{background:url("http://www.yoons.com/html/img/v2016/intro/bg_titBar.png") no-repeat 50% top;padding:20px 0 0 0;margin:0 0 50px 0;text-align:center;}
    .historyArea .history{float:none;width:100%;}
    .historyArea .history dl{}
    .historyArea .history dl:after{content:'';clear:both;display:block}
    .historyArea .history dt{float:left;width:14%;margin:-10px 0 0 -8px;padding-left:30px;}
    .historyArea .history dd{float:left;width:80%;margin-top:-10px  }
    .historyArea .history dd .list_dash{margin:0 0 30px 0}

    #sub_container2{padding:0 0 30px 0;}
    .subMainVisual{margin:0 0 20px 0}
    .visualYoons{width:100%;text-align:center;padding:60px 15px;height:auto;background:none;box-sizing:border-box;}
    .visualYoons .tit_img{margin:0 0 25px 0;padding-top:0}
    .visualYoons .v_tit{font-size:1.5em;color:#1a1a1a;margin:0 0 20px 0}
    .visualYoons .v_txt{font-size:1em; color:#666}

    .yoonsContent{height:auto;width:100%;padding:0 15px;box-sizing:border-box;}
    .yoonsContent .con01{float:none;width:100%;box-sizing:border-box;padding:30px;margin:0 0 20px 0;height:auto;background:#f7f0f0 url("http://www.yoons.com/html/img/v2016/intro/bg_sub_ceo.png") no-repeat right bottom}
    .yoonsContent .con02{float:none;width:100%;margin:0;overflow:hidden;margin:0 0 20px 0;}
    .yoonsContent .con02:after{content:'';clear:both;display:block}
    .yoonsContent .con03{float:none;width:100%}
    .yoonsContent .brochure{float:left;width:50%;padding:40px 0 30px 0;height:auto;margin:0 2% 0 0}
    .yoonsContent .yoons{float:left;width:48%;}

    .yoonsContent .movie{margin:0 0 20px 0;}
    .yoonsContent .movie iframe{width:100%;height:300px}

    .yoonsContent .s_tit{margin:0 0 20px 0}
    .yoonsContent .mainTit{margin:0 0 20px 0;}
    .yoonsContent .s_txt{display:none}

    .yoonsContent.two {margin:0 auto;height:auto;}
    .yoonsContent .conference{float:none;width:100%;margin:0 0 20px 0;height:auto;}
    .yoonsContent .conference .more{margin:10px 0 0 0}
    .yoonsContent .conference .c_tit{float:left;width:25%;box-sizing:border-box;padding:15px;height:183px;font-size:1.25em;min-height:324px;}
    .yoonsContent .conference .imgList{float:left;width:75%;box-sizing:border-box;padding:15px}
    .yoonsContent .conference .imgList img{margin:0 20px 0 0}
    /*.yoonsContent .conference .list01,
    .yoonsContent .conference .list02{display:block;text-align:center;}*/
    .yoonsContent .range{float:none;width:100%}

    .boardSlide{width:80%}
    .boardSlide .slidesBoard{height:120px !important}
    .list_none{margin:0 15px}
    .tit_gray{font-size:1.25em;line-height:1.4}
    .tit_gray .block{display:block;}
    .tit_gray br {display:none}
    .topLineArea{margin:25px 0 30px 0;padding-top:25px}
    .yoonsBanner{font-size:1.25em}
    .yoonsBanner .btn img{height:35px}
    .different{padding:0 30px}
    .different li p br{display:none}

    .grayTxt{background:#ece3de;height:auto;line-height:1.4;display:inline-block;border-radius:25px;padding:0;}
    .grayTxt span{display:inline-block;background:none;height:auto;padding:10px 15px;}
    .grayTxt br{display:block}

    .benefit.top{margin-top:25px;}

    .benefit{padding:0 30px 30px;}
    .itemList.kids li{height:auto}
    .itemList.basic li{height:auto}
    .itemList.fluent li{height:auto}
    .itemList li{width:70%;float:none;padding:20px 10px;margin:0 auto 15px}
    .itemList li + li{margin-left:auto}
    .itemList li br{display:none}
    .itemList .b_tit{padding:0 0 15px 0;margin:0 0 15px 0;font-size:1.125em}
    .itemList .b_ico{margin:0 0 15px 0}

    .bookInfo{padding:0 50px}
    .bookInfo li{margin:0 0 20px 0}
    .bookInfo li .bookTxt{padding-left:145px}
    .bookInfo li .d_tit{padding:10px 0 0 0;margin:0 0 15px 0}

    .layerPopWrap .tit_red strong{display:inline}

    .wordBox{padding:0 60px 30px;}
    .wordBox .word{float:none;width:100%;margin:0 0 20px 0}
    .wordBox .word + .word{margin-left:0}
    .wordBox p{margin:10px 0 0 0}
    .testing{padding:0}
    .testing dl{float:none;width:100%;margin:0 0 20px 0}
    .testing dl + dl{margin-left:0}
    .testing dl dt{float:left;width:27%;color:#1a1a1a;font-size:1.25em;line-height:1.5}
    .testing dl dd{float:left;width:73%;color:#4d4d4d;font-size:1em;line-height:1.5}
    .smartBook{padding-bottom:0}

    .loading{width:60%;padding:60px;margin:-15% 0 0 -25%;box-sizing:border-box;height:auto}
    .loading p{margin: 10px 0 0 0}

    .layerPopCon.smart.eng .tit_red span{display:block}
    .eng_list{padding:0 30px 40px;margin-top:30px;}

    .eng_class{padding:0 0 40px 0;border-bottom:1px solid #ebe2d9;}
    .eng_class ul{margin:0 0 40px 0;padding:0 60px}
    .eng_class ul li{float:none;padding:0 0 20px 0;background:url("http://www.yoons.com/html/img/v2016/brand/bg_plus.png") no-repeat center bottom;}
    .eng_class ul li .thum{margin:10px 0 15px 0;}
    .eng_class ul li .thum img{height:170px}
    .eng_class ul li.end{padding:0 0 0 0; background:none;}
    .eng_class ul li p{margin:15px 0 20px 0;}

    .eng_process{padding:0 30px}
    .eng_process dt{float:left;width:23%;text-align:left;color:#1a1a1a;font-size:1em;}
    .eng_process dd{float:left;width:77%;color:#4d4d4d;margin:0 0 35px 0}
    .eng_process dd p{margin:0 0 10px 0}
    .eng_process dd p br{display:block}
    .eng_process dd .list_dash{margin:0 0 20px 0}
    .eng_process dd .bookImg li{float:left;margin:0 15px 15px 0}
    .eng_process dd .bookImg li img {height:110px}
    .eng_process dd .bookImg li.single img{height:120px}

    .w_view{display:none}
    .m_view{display:block}

    .appDown{margin:-20px -15px 25px -15px;text-align:center;position:relative;}
    .appDown .downBtn{position:absolute;left:0;bottom:18%;width:100%;text-align:center}
    .appDown .downBtn a{display:block;margin:0 0 15px 0}

    .appCon{padding:20px 30px;}
    .eng_txt{margin:0 0 30px 0;}
    .eng_txt2{margin:20px 0 15px 0;}

    #eng_two .layerPopHead .ico{height:60px}

    .phonix_gray{margin:0 15px 20px}
    .origin{margin:0 15px 40px}
    h4{margin:0 15px 20px}
    .phonix_gray{padding:25px 30px}
    .phonix_gray .ans{padding-bottom:20px}
    .bx-controls-direction{display:none}
    .ruleBox .card .word img{height:200px}
    .ruleBox .card{margin:0 0 20px 0}
    .ruleBox .voca{margin:50px 0 60px 0}
    .ruleBox .sentence{margin:70px 0 70px 0}

    .choiceArea .selArea{float:none;text-align:center;margin:15px 0 0 0}
    .choiceArea .tab_txt{float:none;text-align:center;}

    .downApp{padding:20px;}

    /*¸ñ·Ï*/
    .booklist .list {margin:60px 0 0 0;}
    .booklist .list li {float:left; width:50%; text-align:center;}
    .booklist .list li dl{margin:0 20px;}
    .booklist .list li.first,.booklist .list li.secd {margin-bottom:39px;}
    .booklist .list li dl dt{height:42px;}
    /*»ó¼¼È­¸é*/
    .yoonsCast {padding:30px 15px 0 15px; margin-bottom:30px;}
    .yoonsCast .introTxt {padding-bottom:30px;}
    .yoonsCast .quotTxt .tit {margin-bottom:15px; font-size:1.071em;}
    .yoonsCast .quotTxt .img {margin-top:30px;}
    .yoonsCast .italic,
    .yoonsCast .ex_txt.italic {font-size:1.000em;}
    .yoonsCast .quotTxt .line {margin-top:30px; margin-bottom:30px;}
    .yoonsCast .column {padding-top:50px;}
    .yoonsCast .column h1.only {padding-bottom:15px;} /* 2016-03-24 */
    .yoonsCast .column .strapline.first{padding:16px 0 8px 0;}
    .yoonsCast .column .sub_txt {padding-bottom:15px; text-align:left;}
    .yoonsCast .column .sub_list li {margin-bottom:5px;}

    .yoonsCast .column .sub_txt.contents,
    .yoonsCast .column .sub_list.contents {padding-top:14px;}

    .yoonsCast .column .imgArea .colm img{height:300px}
    .yoonsCast .column .imgArea .colm {padding:10px 5px 0 5px;}
    /*.yoonsCast .column .imgArea .colm:first-child {padding-top:0;}*/

    .yoonsCast .column .imgArea.multi img{width:120px;height: auto !important}
    .yoonsCast .column .imgArea.multi2 img{height:230px;}
    .yoonsCast .column .imgArea.multi3 img{height:250px;}
    .yoonsCast .column .imgArea.multi4 img{width:220px;height: auto !important}



    .yoonsCast .column .tbArea table th {padding:6px 10px; vertical-align:middle; font-size:0.929em;}
    .yoonsCast .column .tbArea table td {padding:6px 10px; font-size:0.929em;}

    .yoonsCast .space_10 {padding-top:5px !important;}
    .yoonsCast .space_20 {padding-top:8px !important;}
    .yoonsCast .space_50 {padding-top:30px !important;}
    .yoonsCast .space_60 {padding-top:60px !important;}
    .yoonsCast .space_80 {padding-top:40px !important;}
    .yoonsCast .space_100 {padding-top:50px !important;}

    .yoonsCast .space_b10 {padding-bottom:5px !important;}
    .yoonsCast .space_b50 {padding-bottom:30px !important;}

    .yoonsCast .column .img_gud {padding:8px 0 30px 0;}

    .yoonsCast .column h1 {font-size:1.429em;}
    .yoonsCast .tipbox .tit,
    .yoonsCast .ex_txt {font-size:1.000em;}
    .yoonsCast .column .strapline {padding:30px 0 8px 0; font-size:1.000em;}
    .yoonsCast .column .sub_list,
    .yoonsCast .column .sub_txt {padding-bottom:15px; font-size:0.929em;}
    .yoonsCast .column .imgArea .img_gud,
    .yoonsCast .column .tbArea .tb_gud {font-size:0.929em; padding:5px 0;}

    .yoonsCast .tipbox {padding:10px 16px}
    .yoonsCast .tipbox .txt {margin-top:8px;}

    .yoonsCast .clickArea {padding-top:60px;}

    .socialIcon{text-align:center !important;}
    .socialIcon img:first-child{margin-left:0;}

    .keywordArea {padding-bottom:12px;}
    .keywordArea .k_tit {display:block;}
    .keywordArea .k_box {display:inline-block; margin-top:8px;}
    .keywordArea a.keyword {padding-bottom:20px; font-size:0.929em;}
    .keywordArea a.keyword span {padding:3px 15px !important;}
    .keywordArea .button.keyword {margin-left:0; margin-right:5px; margin-bottom:8px;}

    .yoonsBanner .full,
    .yoonsBanner .fl,
    .yoonsBanner .fr {padding:20px 15px; font-size:1.071em; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

    .yoonsBanner .fl+.fr{margin-left:0;}

    .recomCon li {width:44%; margin:0 3%; text-align:center;}
    .recomCon li:nth-child(3),
    .recomCon li:nth-child(4) {padding-top:30px !important;}

    .errorArea{text-align:center;padding:50px 30px;width:100%;box-sizing:border-box}
    .errorArea .error_tit{margin:0 0 15px 0;font-size:2em;padding:0 0 15px 0;}
    .errorArea .error_ico{margin:0 0 20px 0}

    .choiceArea .tab_txt li{float:none;display:inline-block}
    footer .footWrap .familyArea{display:none}

    .rollingBook li{width:160px;max-height:170px}

    .noData{padding:50px 0;}

    .counselFinish{padding:50px 30px 50px; }
    .counselFinish .ico{margin:0 0 15px 0;}
    .counselFinish .ico img{height:80px}

    .storeSrch .mapArea .mapInfo .storeTab li{padding:10px 0;}

    .privacy{padding:0 15px;}

    /*0513¾ÆÀ̶û*/
    .program.english{width:auto;}
    .program.english li{margin-bottom:25px; clear:none; width:32%; min-height:245px; }
    .program.english li:last-child{margin-right:0;}
    .sm_land_01{padding:60px 0 0 ;}
    .tabAcc.land{border-top:none;}
    .tabAcc.land>li a{color:#808080; border:1px solid #d9d9d9;}
    .tabAcc.land>li.on a{color:#ff3333; background-color:#fff}
    .tabAcc.land>li.on .tab_content{padding:30px 15px;}
    .tabAcc.land>li:last-child a{border-top:none;}
    .tabAcc.land>li .tab_content .pack2 .subtit.mtype{display:block; visibility:visible; text-align:center;}
    .tabAcc.land>li:first-child{margin-left:0;}
    .tabAcc.land li .tab_content .pack1_box{border:none; padding:0 0 30px 0; font-size:16px;}
    .tabAcc.land li .tab_content .pack2_txt{border:none; font-size:16px;}
    .tabAcc.land li .tab_content .pack1_box ul,
    .tabAcc.land li .tab_content .pack2_txt ul{margin:15px 0 0; padding:8px; border:1px solid #e6e6e6;}
    .tabAcc.land li .tab_content .pack1_box li,
    .tabAcc.land li .tab_content .pack2_txt li{width:50% !important; text-align:left; font-size:14px; color:#4c4c4c;}
    .tabAcc.land li .tab_content .pack2{margin-top:0;}
    .tabAcc.land li .tab_content .pack2 .pack2_img{float:none; width:100%; text-align:center;}
    .tabAcc.land li .tab_content .pack2 .subtit{overflow:hidden; visibility:hidden; display:none;}
    .tabAcc.land li .tab_content .pack2_txt{float:none; width:100%; margin-left:0; text-align:center;}
    .tabAcc.land li .tab_content .pack2_txt li{width:20%;}
    .tabAcc.land li .tab_content .pack2_txt .pointG{margin-top:10px; color:#666; text-align:left;}
    .land_prog_list{margin:0;}

    .graph-wrap { padding-bottom: 20px; }
    .renewal-booklist .list li dl .etc { margin-top: 10px; }

}

@media screen and (max-width:520px) {

    .itemList.kids li{height:auto}
    .itemList .b_tit{padding:0 0 15px 0;margin:0 0 15px 0;}
    .itemList .b_ico{margin:0 auto 20px auto;width:70px}
    .itemList li + li{margin-left:auto}

    .bookInfo{text-align:left;padding:0}
    .bookInfo li{margin:0 0 20px 0}
    .bookInfo li .thum{float:none;padding:0;text-align:center;}
    .bookInfo li .bookTxt{padding:0 20px;}
    .bookInfo li .d_tit{margin:0 0 20px 0}

    body{font-size:14px}

    h2{margin:0 0 10px 0}
    h2 img{max-height:30px;}
    h2.long img{max-height:25px;}
    .location{margin:0 0 20px 0;padding:10px 0;}
    .location .home{padding:0 0 0 15px;}
    .sub_txt {text-align:center;margin:0 0 20px 0}

    .srchArea+h3{margin:25px 0 10px 0 }
    h3{padding-left:15px}

    .srchArea{padding:10px}
    .srchArea input[type="text"]{padding:8px 30px 8px 12px;}
    .srchArea label{margin-top:-13px}
    .srchArea .btn{margin-top:-12px;right:30px;}
    .srchArea .btn img{height:17px}


    .search_result .srchArea{padding:0 10px;width:90%;box-sizing:border-box;margin:0 auto}
    .search_result .srchArea input[type="text"]{padding:8px 30px 8px 12px;height:auto}
    .search_result .srchArea label{margin-top:-13px}
    .search_result .srchArea .btn img{height:40px}

    .boardLst{margin:0 0 20px 0}
    .boardView dt{padding:15px}
    .boardView dd{padding:25px 15px}

    .otherList li .tit{width:20%;}
    .otherList li .con{width:80%}

    /* button */
    .moreBtn a{border-radius:17px;padding:7px 30px;}
    .btnArea .btn img{max-height:35px}

    .faq{margin:0 0 20px 0}
    .faq dt ,
    .faq dd {padding:20px 15px 20px 50px;}
    .faq dt,
    .faq dd,
    .faq.best dt,
    .faq best dd{background-size:25px 25px;background-position:15px center}

    .faq.apply dt,
    .faq.apply dd{padding:20px 15px 20px 40px;background-position:15px center}
    .faq.apply dt .tit{width:92%}

    .tabMenu li{font-size:0.9em}
    .tabMenu li a{padding:13px 0}

    .btnArea .btn img{max-height:35px}
    .eventView dt{padding:20px 15px}
    .eventView dd{padding:25px 15px;}
    .eventView .subject{font-size:1.07em;margin:0 0 5px 0}

    .agreeWrap{height:100px}

    #storeList{height:190px}
    .storeSrch .mapArea .mapInfo .storeTab{margin:0 0 10px 0}
    .storeInfo{padding:15px}
    .storeSrch dt a .step{width:25%;vertical-align:top}
    .storeSrch dt a .tit{width:65%;padding-right:10%}

    .storeSrch .srchArea label{left:15px;font-size:0.83em;margin-top:-9px}
    .storeSrch .srchArea input[type="text"]{padding-right:40px}

    /* 2016-03-21 */
    .storeSrch .selectArea .s_tit {margin:0 0 14px 0;}
    .selectArea .srchArea{margin-bottom:10px;}
    .selectArea .srchArea .box_sel {width:30%;}
    .selectArea .srchArea .box {width:60%; margin:0 0 0 5px}
    .selectArea .srchArea .box2 {display:block; margin-top:10px;}
    .selectArea .srchArea label{left:30px;font-size:0.95em;margin-top:-11px}
    .selectArea .srchArea select {width:100%; padding:10px 20px 11px 15px; font-size:0.95em;}
    .selectArea .srchArea input[type="text"]{width:100%; padding:10px 0;text-indent:20px; }
    .selectArea .srchArea .mainBtn {height:40px;}
    .selectArea .srchArea .mainBtn span{padding:8px 24px !important;}
    /* //2016-03-21 */

    #store_result li{float:none;width:100%;margin:0 0 15px 0}
    #store_result li:nth-child(3n){width:100%;margin:0 0 15px 0}

    .keyNote{width:100%;margin:0 auto 30px}
    .keyNote .keyBox .fullImg{height:170px}
    .keyNote .keyBox .keyImg{width:50%;height:170px}
    .keyNote .keyBox .keyCon{width:50%;height:170px}
    .keyNote .keyBox .keyCon .key_txt{padding:0 15px 15px 15px; -webkit-line-clamp: 4; line-height: 1.3em;  height:4em;}
    .keyNote .keyBox .keyCon .key_tit{padding:15px 15px 10px 15px;font-size:1.125em}

    .videoArea iframe{width:100%;height:240px;}
    .fbList li:nth-child(1){display:block;width:50%}
    .fbList li:nth-child(2){display:block;width:50%}
    .fbList li:nth-child(3){display:none;}
    .fbList li .fb_tit{margin:0 15px 15px 15px}
    .fbList li .fb_txt{margin:0 15px 15px 15px; }
    .fbList li .fb_date{margin:0 15px 15px 15px}
    .snsArea .fr .icon{margin:0 10px 0 0}
    .process{margin:0 0 35px 0;padding:0 0 15px 0}
    .process.noLine{border-bottom:none;padding:0;}
    .process .web{display:none}
    .process .mobile{display:block;}
    .process span{display:block;margin:0;color:#808080;padding:35px 0;line-height:1.6;background:url("http://www.yoons.com/html/img/v2016/common/bg_process_02.png") no-repeat center bottom;}
    .process span.pr01{padding-top:0;}
    .process span:last-child{background:none}
    .process span img{width:90px;height:90px;}
    .process .tit{color:#1a1a1a;margin:15px 0 0 0}

    .tit_red{font-size:1.5em;}
    .sub_txt3{margin:0 15px 25px 15px}
    .sub_txt3 br{display:none}
    .subjectLst li{float:none;width:100% !important;text-align:center;background:none;margin:0 0 45px 0}
    .subjectLst .thum{margin:0 0 15px 0}
    .subjectLst .thum img{height:140px}
    .subjectLst .name{margin:0 0 10px 0;}
    .subjectLst .price{margin:0 0 5px 0;}

    label + input[type="radio"]{margin-left:10px}
    .inputBox.age input[type="text"]{width:60% !important}
    .custInput  .address .i_sel{width:31%;min-width:auto;padding-right:25px}

    .newsArea .news_msg{font-size:1.25em;margin:0 0 20px 0;}
    .newsArea .news_msg .sub{margin:5px 0 0 0;}
    .newsArea .news_msg2{margin:0 0 30px 0;line-height:1.6;background:#f5f5f5;padding:10px;}
    .newsArea .news_msg2 br{display:none;}
    .symbolArea{padding-bottom:30px}
    .phonics{margin-top:20px}
    .downPdf{margin:15px 0 25px 0}

    .popInput .cell{float:none;display:block;width:100%}
    .popInput .cell.tit{padding:0 0 10px 0;width:100%}

    .program{margin:20px 10px 0 10px}
    .program li{border:1px solid #e7e7e7;width:100%;min-height:auto;float:none;margin:0 0 15px 0; text-align:center;padding:40px 35px; box-sizing:border-box}
    .program li br{display:block;} /* 2016-03-28 */
    .program li:first-child,
    .program li:nth-child(4){margin:0 0 15px 0; }
    .program li .pg_img{margin:0 0 15px 0}
    .program li .pg_img img{height:120px;}
    .program.eng li{height:auto}
    .result .icon img{width:100px}

    .recrBox .r_icon img{width:85px;height:85px;}
    .recruit_step{box-sizing:border-box}
    .recruit_step li .step{width:105px;margin:0 auto;display:inline-block}
    .recruit_step li:nth-child(1){width:50%;text-align:right}
    .recruit_step li:nth-child(1) p{margin-right:20px}
    .recruit_step li:nth-child(2){width:50%;text-align:left}
    .recruit_step li:nth-child(2) p{margin-left:30px}
    .recruit_step li:nth-child(3){width:33%;}
    .recruit_step li:nth-child(4){width:34%;}
    .recruit_step li:nth-child(5){width:33%;}
    .recruit_step li{margin-bottom:15px}

    .recruit_step.s6 {padding:0 20px}
    .recruit_step.s6 li{width:33% !important;text-align:center  !important}
    .recruit_step.s6 li .step{width:auto;padding-right:15px}
    .recruit_step.s6 li:nth-child(1) p{margin-right:0}
    .recruit_step.s6 li:nth-child(2) p{margin-left:0}
    .recruit .resume img{height:30px}
    .dash br{display:none}

    .solution{padding:0 0 30px 0;margin:30px 0 30px 0;}
    .solution li{float:left;width:50%;padding:0 10px;box-sizing:border-box;font-size:1em;margin-bottom:15px}
    .solution li:nth-child(3){clear:both;}
    .solution li img{width:120px}

    .visionArea {margin:30px 0 0 0;padding:40px;background:none}
    .visionArea .vision{float:none;margin:0 0 40px 0}
    .visionArea .mission{float:none;text-align:center}

    .ceoArea{padding:30px 15px;margin:30px 0 0 0}
    .ceoMsg{background-size:90px 118px;padding-bottom:20px}
    .ciDown{padding:20px 30px}
    .ciDown .logo img{width:120px}
    .colorSystem .cBox{width:100%}

    .yoons_map {padding:15px}
    .yoons_map .daum_map{height:200px;margin:0 0 30px 0}
    .tit_map{padding:0 0 20px 0;}
    .mapInfo {margin:0 0 50px 0}
    .mapInfo dt{width:20%;margin:0 0 10px 0;line-height:1.5}
    .mapInfo dd{width:80%;margin:0 0 10px 0;line-height:1.5}
    .yoonsContent .con01{background-size:45%;padding:15px;}
    .visualYoons .tit_img img{height:30px}
    .visualYoons{padding:30px 15px;}
    .yoonsContent .brochure img,
    .yoonsContent .yoons img{width:80%}
    .yoonsContent .yoons {padding:60px 0 0 0}
    .yoonsContent .conference .imgList{padding:10px}
    .yoonsContent .conference .imgList img{width:45%;margin:0 0 10px 0;padding:0 10px;box-sizing:border-box}
    .yoonsContent .conference .c_tit{min-height:320px;padding:15px 12px;font-size:1.2em;width:30%}
    .yoonsContent .conference .imgList{width:70%}
    .yoonsContent .movie iframe{height:200px}
    .boardSlide{width:100%;margin:15px auto}
    .boardSlide .con .bs_tit{margin:0 0 5px 0}
    .yoonsBanner .fl,
    .yoonsBanner .fr{float:none;width:100%}
    .yoonsBanner .fl{margin:0 0 15px 0}

    .program.english li{width:80%;margin:0 auto 15px;}
    .different li{margin:0 0 20px 0}
    .different li .thum{float:none;text-align:center;margin:0 0 10px 0}
    .different li .thum img{width:90px}
    .different li .d_tit{padding:0;margin:0 0 10px 0;text-align:center;}
    .different li p{padding:0}
    .btnC.english a.long{display:block;width:80%;margin:0 auto 15px}

    .mobileTop{padding:10px 0;border-bottom:1px solid #f0f0f0}
    .mobileTop .viewMenu{position:absolute;right:0;top:0;width:50px;height:50px}
    .m_logo img{width:260px;height:43px;}
    .sub_txt5{margin:0 0 20px 0}
    .sub_txt5 br{display:none}
    .benefit{padding:0 0 30px 0}
    .wordBox{padding:0 20px 30px;}
    .itemList.basic li{height:auto}
    .rollingBook li{width:140px}
    .itemList li{width:90%}
    .bookList .book{margin:0 0 25px 0}

    /* ºê·£µå¼­ºê¸ÞÀÎ */
    .brandVisual .tit_red .block{display:block}
    .slideCon{width:85%}
    .brandVisual{height:410px}
    .slidesjs-container{height:250px !important}
    .brandVisual{background:#f2f2f2 url("http://www.yoons.com/html/img/v2016/brand/bg_submain_m.png") no-repeat center 100px;background-size:contain}
    .brandVisual .tit_red{font-size:1.4em;padding:20px 0 0 0;}
    .brandVisual .que{font-size:1.2em;margin:0 0 20px 0}
    .brandVisual .radioBox{float:none;width:80%;margin:0 auto 10px auto}
    .brandVisual .radioBox label{padding:20px 10px 30px 45px;text-align:left}
    .brandVisual .radioBox input[type="radio"]{left:20px}
    .brandVisual .radioBox + .radioBox{margin-left:auto}
    .slidesjs-navigation img{height:13px}

    .loading{width:60%;padding:40px 10px;}
    .loading p{margin: 7px 0 0 0}

    .eng_list{padding:0 20px 20px;margin-top:20px;}

    .eng_class{padding:0 0 30px 0;border-bottom:1px solid #ebe2d9;}
    .eng_class ul{margin:0 0 30px 0;padding:0 30px}
    .eng_class ul li{float:none;padding:0 0 20px 0;}
    .eng_class ul li .thum{margin:10px 0 15px 0;}
    .eng_class ul li .thum img{height:120px}
    .eng_class ul li p{margin:10px 0;}
    .eng_class ul li p br{display:block}
    .eng_class .referTxt{padding:0 30px;font-size:1em}
    .eng_process{padding:0 30px}
    .eng_process dt{float:none;width:100%}
    .eng_process dt span{font-size:1.25em;display:inline !important}
    .eng_process dt br{display:none}
    .eng_process dt.org{color:#ff9500;font-size:1.25em;margin:0 0 10px 0;}
    .eng_process dt.green{color:#8dcc10;font-size:1.25em;margin:0 0 10px 0;}
    .eng_process dt.blue{color:#57b6e6;font-size:1.25em;margin:0 0 10px 0;}
    .eng_process dt.viot{color:#ac73e6;font-size:1.25em;margin:0 0 10px 0}
    .eng_process dd{float:none;width:100%;margin:0 0 25px 0}
    .eng_process dd p{margin:0 0 10px 0}
    .eng_process dd .bookImg li{float:left;margin:0 15px 15px 0}
    .eng_process dd .bookImg li img {height:80px}
    .eng_process dd .bookImg li.single img{height:90px}
    .appDown .downBtn img{height:30px}
    .appCon{padding:0}

    .ruleBox .card .word img{height:150px}
    .ruleBox .voca .word img{height:40px}
    .ruleBox .voca br{display:none}
    .ruleBox{padding:30px 20px}
    .ruleBox .book_txt br{display:none}
    .ruleBox .book_txt{margin:0 0 10px 0}
    .ruleBox p.ac{margin:0 0 20px 0}

    .smart_content .sm_con br{display:none}
    .smart_content .befly{margin:0 0 30px 0;padding:0 0 170px 0;}
    .smart_content .befly.smart_mom{background:url("http://www.yoons.com/html/img/v2016/smart/sm_mom_m.png") no-repeat center bottom;background-size:100%}
    .smart_content .befly.smart_child{background:url("http://www.yoons.com/html/img/v2016/smart/sm_child_m.png") no-repeat center bottom;background-size:100%}

    .mobileBtn a{background:#96948f;border-radius:30px;padding:8px 45px;font-size:1.07em;color:#fff;display:inline-block;}

    .child_study .fl{text-align:center;padding:0 0}
    .child_study .fr{padding:10px 0 0 0}

    #resultAlert{width:300px;margin-left:-150px}

    .sTab a{padding:5px}
    .historyArea{padding:0 15px}
    .historyArea .history dt{margin:-10px 4% 0 -8px}
    .historyArea .history dd{width:70%}

    .contest_lst li dt{width:20%;}
    .contest_lst li dd{width:80%}
    .contest img{height:166px;width:110px}

    .recruit_step.s6 {padding:0 }
    .recruit_step.s6 li{padding:0 10px}

    .yoonsCast .column .imgArea .colm img{height:250px}


    .noData .ico img{height:60px}
    .counselFinish .ico img{height:60px}

    .recruit_banner02{padding:0 15px}

    .testing{padding:0 30px}
    .testing dl + dl{margin-left:0;margin-top:30px;}
    .testing dl dt{float:none;width:100%;margin:0 0 6px 0}
    .testing dl dd{float:none;width:100%;}

    .appList li{padding:15px 0}
    .appList li .app_ico{width:60px;height:60px;top:20px}
    .appList li a{padding-right:50px}


    /*0513¾ÆÀ̶û*/
    .program.english li{clear:both;}
    .program.english li:last-child{margin:0 auto 15px;}
    .program.english li br{display:none;}
    .sm_land_01{padding:30px 0 0;}
    .sm_land_02{padding:30px 0 0;}
    .land_subtit{font-weight:normal;}
    .tabAcc.land{margin-top:30px !important;}
    .land_prog_list .prog_book_case1 li{width:50%;}
    .land_prog_list .prog_book_case2 li{width:48%; margin:0; margin-bottom:2%}
    .land_prog_list .prog_book_case2 li:nth-child(even){float:right;}
    .land_prog_list .prog_book_case2 li .tBox{font-size:14px; padding-top:10px ;height:48px;}
    .land_prog_list .prog_book_case2 li .tBox .block{display:block;}
    .land_prog_list .prog_book_case2 li .tBox br{display:none;}
    .land_prog_list .prog_book_case2 li .tBox.line{padding-top:10px;height:48px}
    .land_smp_book ul{width:100%;}
    p.eng2_subtit{font-size:1.000em;}
    .tit_red.eng2 span{display:block;}

    .renewal-smartContent .tit_red,
    .curriculum-head .h4,
    .graph-head .title { font-size: 1.5em; }
    .renewal-smartContent .smart-wrap { padding: 10px 0; }
    
    .graph-head {margin-top: 30px;}

    .renewal-booklist .list li dl .group .name { width: 87px; height: 20px; background-size: contain; }
    .renewal-booklist .list li dl .category,
    .renewal-booklist .list li dl .category2 { top: 2px; font-size: 0.5em; }
    .renewal-booklist .list li dl .group .name em { position: relative; bottom: 0; }

    }


@media screen and (max-width:375px) {
    .brandVisual{background:#f2f2f2 url("http://www.yoons.com/html/img/v2016/brand/bg_submain_m.png") no-repeat center 140px;background-size:contain}
    /* 2016-03-21 */
    .storeSrch .selectArea .s_tit {margin:0 0 14px 0;}
    .selectArea .srchArea{margin-bottom:10px;}
    .selectArea .srchArea .box_sel {width:30%;}
    .selectArea .srchArea .box_sel:after {right:10px;}
    .selectArea .srchArea .box {width:60%; margin:0 0 0 5px}
    .selectArea .srchArea .box2 {display:block; margin-top:10px;}
    .selectArea .srchArea label{left:20px;font-size:0.9em;margin-top:-11px}
    .selectArea .srchArea select {width:100%; padding:5px 10px 6px 10px; font-size:0.9em;}
    .selectArea .srchArea input[type="text"]{width:100%; padding:5px 0;}
    .selectArea .srchArea .mainBtn {height:30px;}
    .selectArea .srchArea .mainBtn span{padding:3px 24px !important;}
    /* //2016-03-21 */
}

@media screen and (max-width:340px) {
    .custInput .phone input{width:29%}
    .videoArea iframe{width:100%;height:180px;}
    .fbList li .fb_tit{margin:0 10px 0 0}
    .fbList li .fb_txt{margin:0 10px 0 0; }
    .fbList li .fb_date{margin:0 10px 0 0}
    .snsArea{border:2px solid #e6e6e6}
    .snsArea .fr .icon{width:30px;height:30px;margin:0 5px 0}
    .custInput  .address .i_sel{width:28%;}
    .newsArea{padding-left:10px;padding-right:10px}
    .newsArea .news_tit{font-size:1.4em}
    .newsArea .news_msg{font-size:1em;margin:0 0 20px 0;}
    .process span{padding:25px 0}
    .process span img{width:70px;height:70px;}
    .tabMenu li{font-size:0.85em}

    .brandList li{float:none;width:100%;margin:0 0 20px 0}
    .brandList .thum{margin:0 0 10px 0}
    .brandList .thum img{width:150px}
    .brandList .name{margin:0 0 15px 0;}

    .contest{margin:0 0 30px 0;padding:30px 0;}
    .contest span {display:block;margin:10px 0 0 0}
    .contest img{margin:0 30px;width:auto;height:130px}
    .contest_lst{margin:10px 0 0 0}
    .contest_lst li{padding:25px 0 20px 0;}
    .contest_lst li .fl{margin-bottom:15px;}
    .contest_lst li .tit{font-size:1.5em;letter-spacing:-1px}
    .contest_lst li .goBtn img{height:21px;margin-left:5px}

    .solution li img{width:90px}
    .ciDown .logo img{width:90px}

    .mapInfo dt{width:24%;}
    .mapInfo dd{width:76%;}
    .visualYoons .v_tit span{display:block}

    .curriculum li{float:none;width:100%;margin:0 0 20px 0}
    .curriculum li img{height:70px}
    .curriculum li:nth-child(2),
    .curriculum li:nth-child(4){width:100%;margin-right:0}

    .itemList li{width:100%}
    .bookInfo li .thum img{height:100px}
    .itemList .b_ico{margin:0 auto 20px auto;width:50px}
    .wordBox{padding:0 15px 30px;}
    .testing dl dt{font-size:1.125em}

    .brandVisual{background:#f2f2f2 url("http://www.yoons.com/html/img/v2016/brand/bg_submain_m.png") no-repeat center bottom;background-size:contain}

    .slideCon{width:95%}
    .slidesjs-container{height:240px !important}
    .eng_list{padding:0}
    .eng_process{padding:0}
    .eng_class ul{margin:0 0 20px 0;padding:0}
    .grayTxt .block{display:block;}

    .appList{padding:0 15px}
    .appList li{padding:15px 0 15px 0;background-size:27px 27px;}
    .appList li a{display:block;padding:0 40px 0 60px}
    .appList li .app_ico{top:15px;width:50px;height:50px}
    .appList li .name{margin:0 0 3px 0;}
    .appList li:last-child{border-bottom:none}
    .appDown .downBtn{bottom:10%}

    .smart_content .befly{margin:0 0 30px 0;padding:0 0 150px 0;}
    .smart_content .befly.smart_mom{background:url("http://www.yoons.com/html/img/v2016/smart/sm_mom_m.png") no-repeat center bottom;background-size:100%}
    .smart_content .befly.smart_child{background:url("http://www.yoons.com/html/img/v2016/smart/sm_child_m.png") no-repeat center bottom;background-size:100%}

    .sTab a{padding:5px}
    .selWrap + .selWrap{margin-left:0}
    .recruit_step li:nth-child(1),
    .recruit_step li:nth-child(2){padding-right:15px}
    .recruit_step li:nth-child(3) p,
    .recruit_step li:nth-child(4) p,
    .recruit_step li:nth-child(5) p{padding-left:20px}

    .recruit_step.s6 li:nth-child(1),
    .recruit_step.s6 li:nth-child(2){padding-right:0}
    .recruit_step.s6 li:nth-child(3) p,
    .recruit_step.s6 li:nth-child(4) p,
    .recruit_step.s6 li:nth-child(5) p{padding-left:0}
    .recruit_step.s6 li{padding:0}

    .btnArea .subBtn.long + .mainBtn.long {margin:10px 0 0 0}

    .yoonsCast .column .imgArea .colm img{height:200px}
    #resultAlert{width:250px;margin-left:-125px}

    .keyNote .keyBox .keyImg{height:160px}
    .keyNote .keyBox .keyImg img{height:100%}
    .keyNote .keyBox .keyCon{height:160px}

    .noData .ico img{height:40px}
    .yoonsContent .conference .c_tit{min-height:260px}
    .yoonsContent .conference .imgList img{padding:0 5px}

    .layerPopCon .photoInfo{height:55px;margin:10px 0}

    /*0513¾ÆÀ̶û*/
    .tabAcc.land li .tab_content .pack1_box, .tabAcc.land li .tab_content .pack2_txt{font-size:14px;}
    .tabAcc.land li .tab_content .pack1_box{margin-top:0; padding-top:0;}
    .tabAcc.land li .tab_content .pack1_box li,
    .tabAcc.land li .tab_content .pack2_txt li{font-size:13px;}
    .tabAcc.land li .tab_content .pack1_box li:last-child{width:100% !important;}
    p.eng2_subtit{font-size:0.85em;}

}
.col_cyan {	color: #009bb2;}
.col_orange{color: #f05a28;}
.col_gray{color: #252525;}
.txt_bold {	font-weight: bold;	color: #333;}
.link{text-decoration:underline;}
.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .gallery_listbox {
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b5b5b5;
	padding-top:20px;
	display:block;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: hidden;
}
.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .gallery_listbox:after{content:'';clear:both;display:block;}

.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .gallery_listbox .gallery_listbox_con {
	display: block;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b5b5b5;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	float: left;
	width: 100%;
}
.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .gallery_listbox .gallery_listbox_con .gallery_list_thumbnail {
	float: left;
	height: 122px;
	width: 186px;
	margin-right: 20px;
}
.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .gallery_listbox .gallery_listbox_con .gallery_list_thumbnail img {height: 122px;
	width: 186px; border:none;
	
}
.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .gallery_listbox .gallery_listbox_con .gallery_list_txt {
	float: left;
	margin-top: 25px;
	margin-bottom: 10px;
	display: block;
	min-width: 50%;
}
.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .gallery_listbox .gallery_listbox_con .gallery_list_txt .gallery_list_title {
	font-size: 1.25em;
	font-weight: bold;
	padding-bottom: 10px;
	color: #000;
}
.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .gallery_listbox .gallery_listbox_con .gallery_list_txt .gallery_list_writer {
	font-size: 0.9em;
}
.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .con_colorbox_dgray {
	background-color: #333;
	color: #FFF;
	padding: 20px;
	margin-bottom: 20px;
}

.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .con_weekly_chatbox  {
	background-color: #cccccc;
	padding:20px;
	margin-bottom: 40px;
}
.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .con_weekly_chatbox02  {
	background-color: #e6e6e6;
	padding:20px;
	margin-bottom: 40px;
}

.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .con_weekly_chatbox .a_man .man_pic {
	display: block;
	float: left;
	padding-right: 10px;
}

.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .con_weekly_chatbox .a_man .man_pic .man_pic_title{
	display: block;
    color:#000000;
	font-weight:bold;
	font-size:21px;
	text-align:center;
}

.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .con_weekly_chatbox .b_man .man_pic {
	display: block;
	float: right;
	padding-right: 10px;
}

.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .con_weekly_chatbox .b_man .man_pic .man_pic_title{
	display: block;
    color:#000000;
	font-weight:bold;
	font-size:21px;
	text-align:center;
}

.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .con_weekly_chatbox .a_man {
	display: block;
	width: 100%;
	overflow: hidden;
	padding-bottom: 30px;
}
.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .con_weekly_chatbox .b_man {
	display: block;
	width: 100%;
	overflow: hidden;
	padding-bottom: 30px;
}

.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .con_weekly_chatbox .a_man .man_speaking {
	float: left;
	padding-left:30px;
	margin:0px;
	position: relative;
	background-image: url(https://images.ibseduhouse.net/event/zlnet/bg_chart.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 550px;

}
.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .con_weekly_chatbox .a_man .man_speaking em{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	position: relative;
	display: block;
	padding:20px;
	border:1px solid #FFF;
	background:#FFF;
	float:left;
}

.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .con_weekly_chatbox .b_man .man_speaking {
	float: right;
	margin:0px;
	position: relative;
	background-image: url(https://images.ibseduhouse.net/event/zlnet/bg_chart02.png);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	width: 550px;
	padding-right: 30px;

}
.zlnet_base_layout .zlnet_basic_conbox .con_weekly_txtbox .con_weekly_chatbox .b_man .man_speaking em{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	position: relative;
	display: block;
	padding:20px;
	border:1px solid #ffec42;
	background:#ffec42;
	float:right;
}