@charset "utf-8";
/***** utf-8 *****/
@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900');
/* font-family: 'Noto Sans KR', sans-serif; */

*{margin:0;padding:0; font-family: 'Nanum Square', sans-serif; word-break: keep-all !important; }
body{ font-size:16px; color:#6d6c6c; text-align:center; }
input, select, textarea{ color:#666; font-family: 'Nanum Square', sans-serif; }
img,fieldset,iframe{border:0 none;}
ul li{list-style:none; margin:0; padding:0;}
legend{ display:none;}
.text{white-space:nowrap;}/*텍스트줄바꿈방지*/

a:link {color:#818181; text-decoration:none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
a:visited {color:#818181; text-decoration:none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
a:hover {color:#333333; text-decoration: none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}

input[type=text]{vertical-align:middle; position:relative; border:1px solid #999; height:20px; line-height:20px; padding:0px 10px 0px 10px;}

textarea{border:1px solid #999;}
select{border:1px solid #999; height:20px; line-height:20px;}

.clearfix 																										{ content: " "; visibility: hidden;   display: block;   height: 0;   clear: both;}
.clearfix:before																							{ content: " "; visibility: hidden;   display: block;   height: 0;   clear: both;}
.clearfix:after																								{ content: " "; visibility: hidden;   display: block;   height: 0;   clear: both;}

/*단어별 자르기*/
.wordKeep																											{ word-break:keep-all !important; -ms-word-break:keep-all !important; -webkit-word-break:keep-all !important; -moz-word-break:keep-all !important; }
/* textEllipsis */
.textEllipsis																									{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*레이어 팝업*/
.layerPop																											{ position:relative; width:90%; max-width:1100px; margin:5% auto; border:2px solid #000; border-radius:5px; display:inline-block; zoom:1; *display:inline; background:#fff; padding:20px; box-sizing:border-box; }
.layerPop .content																						{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; padding:0px 0px 60px 0px; }
.layPopContWrap																								{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; }
.layerPop .closeBtn																						{ position:absolute; right:0px; top:0px; width:30px; height:30px; font-size:1.5em; }
.layerPop textarea																						{ position:relative; width:90%; height:700px; border:none; font-size:0.875em; line-height:160%; margin:30px 0px 0px 0px; }

.laypopLayout																				{ position:relative; width:100%; padding:0px 60px; box-sizing:border-box; display:inline-block; zoom:1; *display:inline; }
.overflowHidden																				{ overflow:hidden !important; }

.blackArea												{ position:fixed; width:100%; height:100%; background:url(../image/black80.png); z-index:9999; left:0px; top:0px; opacity:0; overflow-y:scroll; }

.button 												{ display:inline-block; zoom:1; *display:inline; vertical-align:baseline; margin:0 2px; outline:none; cursor:pointer; text-align:center; text-decoration:none; font:14px/100% Nanum Gothic; padding:.5em 2em .55em; text-shadow:0 1px 1px rgba(0,0,0,.3); -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2); }
.button:hover											{ text-decoration:none;}
.button:active											{ position:relative; top:1px;}

.bigrounded 											{ -webkit-border-radius:2em; -moz-border-radius:2em; border-radius:2em; }
.medium 												{ font-size:12px; padding:.4em 1.5em .42em; }
.small 													{ font-size:11px; padding:.2em 1em .275em; }

/* black */
.black													{ color:#d7d7d7; border:solid 1px #333; background:#333; background:-webkit-gradient(linear, left top, left bottom, from(#666), to(#000)); background:-moz-linear-gradient(top,  #666,  #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000'); }
.black:hover											{ background:#000; background:-webkit-gradient(linear, left top, left bottom, from(#444), to(#000)); background:-moz-linear-gradient(top,  #444,  #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000'); }
.black:active											{ color:#666; background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#444)); background:-moz-linear-gradient(top,  #000,  #444); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666'); }
/* gray */
.gray													{ color:#e9e9e9; border:solid 1px #555; background:#6e6e6e; background:-webkit-gradient(linear, left top, left bottom, from(#888), to(#575757)); background:-moz-linear-gradient(top,  #888,  #575757); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); }
.gray:hover												{ background:#616161; background:-webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b)); background:-moz-linear-gradient(top,  #757575,  #4b4b4b); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b'); }
.gray:active											{ color:#afafaf; background:-webkit-gradient(linear, left top, left bottom, from(#575757), to(#888)); background:-moz-linear-gradient(top,  #575757,  #888); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888'); }
/* white */
.white													{ color:#606060; border:solid 1px #b7b7b7; background:#fff; background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background:-moz-linear-gradient(top,  #fff,  #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); }
.white:hover											{ background:#ededed; background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); background:-moz-linear-gradient(top,  #fff,  #dcdcdc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); }
.white:active											{ color:#999; background:-webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background:-moz-linear-gradient(top,  #ededed,  #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); }
/* orange */
.orange													{ color:#fef4e9; border:solid 1px #da7c0c; background:#f78d1d; background:-webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background:-moz-linear-gradient(top,  #faa51a,  #f47a20); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); }
.orange:hover											{ background:#f47c20; background:-webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background:-moz-linear-gradient(top,  #f88e11,  #f06015); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); }
.orange:active											{ color:#fcd3a5; background:-webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background:-moz-linear-gradient(top,  #f47a20,  #faa51a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); }
/* red */
.red													{ color:#faddde; border:solid 1px #980c10; background:#d81b21; background:-webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317)); background:-moz-linear-gradient(top,  #ed1c24,  #aa1317); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317'); }
.red:hover												{ background:#b61318; background:-webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background:-moz-linear-gradient(top,  #c9151b,  #a11115); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); }
.red:active												{ color:#de898c; background:-webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24)); background:-moz-linear-gradient(top,  #aa1317,  #ed1c24); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24'); }
/* blue */
.blue													{ color:#d9eef7; border:solid 1px #0076a3; background:#0095cd; background:-webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); background:-moz-linear-gradient(top,  #00adee,  #0078a5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');}
.blue:hover												{ background:#007ead; background:-webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e)); background:-moz-linear-gradient(top,  #0095cc,  #00678e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');}
.blue:active											{ color:#80bed6; background:-webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee)); background:-moz-linear-gradient(top,  #0078a5,  #00adee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');}
/* rosy */
.rosy													{ color:#fae7e9; border:solid 1px #b73948; background:#da5867; background:-webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f)); background:-moz-linear-gradient(top,  #f16c7c,  #bf404f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');}
.rosy:hover												{ background:#ba4b58; background:-webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845)); background:-moz-linear-gradient(top,  #cf5d6a,  #a53845); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');}
.rosy:active											{ color:#dca4ab; background:-webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c)); background:-moz-linear-gradient(top,  #bf404f,  #f16c7c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');}
/* green */
.green													{ color:#e8f0de; border:solid 1px #538312; background:#64991e; background:-webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e)); background:-moz-linear-gradient(top,  #7db72f,  #4e7d0e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');}
.green:hover											{ background:#538018; background:-webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c)); background:-moz-linear-gradient(top,  #6b9d28,  #436b0c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');}
.green:active											{ color:#a9c08c; background:-webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f)); background:-moz-linear-gradient(top,  #4e7d0e,  #7db72f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');}
/* pink */
.pink													{ color:#feeef5; border:solid 1px #d2729e; background:#f895c2; background:-webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab)); background:-moz-linear-gradient(top,  #feb1d3,  #f171ab); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');}
.pink:hover												{ background:#d57ea5; background:-webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4)); background:-moz-linear-gradient(top,  #f4aacb,  #e86ca4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');}
.pink:active											{ color:#f3c3d9; background:-webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3)); background:-moz-linear-gradient(top,  #f171ab,  #feb1d3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');}

.yellowText																										{ color:#ffc000 !important; }
.yellowText2																									{ color:#ffff00 !important; }
.blackText																										{ color:#000000 !important; }
.orangeText																										{ color:#ff7e00 !important; }
.orangeText2                                                  { color:#e86a30 !important; }
.DorangeText																									{ color:#663c00 !important; }
.whiteText																										{ color:#ffffff !important; }
.blackText																										{ color:#000000 !important; }
.yblackText																										{ color:#3d3d3d !important; }
.blueText                                                     { color:#1895d7 !important; }
.LblueText                                                    { color:#5db8eb !important; }
.DblueText																										{ color:#006ba7 !important; }
.brownText																										{ color:#936c5c !important; }
.DbrownText																										{ color:#380f00 !important; }

.orangeBg												{ background:#ff7e00; }
.blackBg												{ background:#262626 !important; color:#fff !important; font-size:1.375em !important; }
.cirBtn													{ display:inline-block; zoom:1; *display:inline; padding:15px 50px; border-radius:99px; }
.button													{ padding:10px 20px; background:#4d4b48; color:#fff !important; font-size:14px; display:inline-block; zoom:1; *display:inline; }
.btnArea												{ position:relative; width:100%; text-align:center; margin:50px 0px; display:inline-block; zoom:1; *display:inline; }
.clearBoth												{ position:relative; width:100%; height:1px; }

#TOP														{ position:fixed; _position:absolute; left:0px; top:0px; width:100%; padding:20px; height:100px; box-sizing:border-box; background:rgba(255,255,255,0.9); z-index:10; }
#TOP #mainLogo												{ position:relative; float:left; width:180px; }
#TOP #mainLogo > img										{ width:100%; height:100%; }
#TOP #topMenu												{ position:absolute; right:20px; top:20px; }
#TOP #topMenu a												{ margin:0px 10px; font-size:0.875em; }
#TOP #gnbWrap												{ position:absolute; right:10px; top:50px; }
#TOP #gnbWrap > ul											{ position:relative; display:inline-block; zoom:1; *display:inline; }
#TOP #gnbWrap > ul > li										{ position:relative; display:inline-block; zoom:1; *display:inline; float:left; }
#TOP #gnbWrap > ul > li:hover > a							{ background:#ff7e00; color:#fff; }
#TOP #gnbWrap > ul > li > a									{ display:inline-block; zoom:1; *display:inline; padding:10px 50px; font-size:1.375em; color:#333; }
#TOP #gnbWrap > ul > li > ul								{ position:relative; margin:20px 0px 0px 0px; display:none; }
#TOP #gnbWrap > ul > li > ul > li							{ position:relative; }
#TOP #gnbWrap > ul > li > ul > li > a						{ font-size:1em; color:#fff; padding:5px 10px; display:inline-block; zoom:1; *display:inline; width:100%; box-sizing:border-box; }
#TOP #gnbWrap > ul > li > ul > li > a:hover					{ background:#000; }
#TOP #gnbWrap > ul > li > ul > li > a i						{ display:none; }
#gnbSubBg																											{ position:fixed; _position:absolute; left:0px; top:100px; width:100%; height:250px; background:#ff7e00; z-index:9; display:none; }
#gnbOpen																											{ display:none; color:#ff7e00; }
#gnbClose																											{ display:none; color:#ff7e00; }

#mainVisual																			{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; vertical-align:top; overflow:hidden; }
#mainVisual .item 																	{ position:relative; height:1084px; background-size:cover !important; }
#mainVisual .item .container 														{ position:relative; width:100%; max-width:1200px; height: 100%; margin: 0 auto; }
#mainVisual .item .container:before													{ content: " "; visibility: hidden; display: block; height: 0; clear: both;}
#mainVisual .item .container:after													{ content: " "; visibility: hidden; display: block; height: 0; clear: both;}
#mainVisual .item .typoArea															{ position:absolute; width:100%; left:0%; top:11.5%; }
#mainVisual .item .typoArea > span													{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:left; }
#mainVisual .item .typoArea > span span												{ display:inline-block; zoom:1; *display:inline; width:100%; }
#mainVisual .item .typoArea > span strong											{ display:inline-block; zoom:1; *display:inline; width:100%; }
#mainVisual .item .typoArea .typoText1												{ font-size:2.000em; color:#000; line-height:140%; }
#mainVisual .item .typoArea .typoText2												{ font-size:1.250em; color:#000; line-height:150%; margin:6px 0px 0px;}
#mainVisual .item .typoArea .typoText3												{ font-size:2.5em; color:#ffc000; font-family:'Open Sans', sans-serif; font-weight:600; }
#mainVisual .item .typoArea > span font												{ display:inline-block; zoom:1; *display:inline; font-family:'Open Sans', sans-serif; font-weight:700; }
#mainVisual .item .typoArea2														{ position:absolute; right: 0; top:11.5%; width: 60%;}
#mainVisual .item .typoArea2 > img													{ display:inline-block; zoom:1; *display:inline; text-align: right; width:100%; }
#mainVisual .item .container .video1												{ position:absolute; top:42%; left:25%; }
#mainVisual .item .container .video2												{ position:absolute; top:40%; left:45%; }
#mainVisual .item .container .video3												{ position:absolute; top:62%; left:25%; }

/*
#mainVisual .item .typoArea .cont1														{ font-size:1.563em; color:#ee6d32; font-weight:700; }
#mainVisual .item .typoArea .cont3														{ font-size:4.000em; color:#000; font-family:'Open Sans', sans-serif; font-weight:800; }
#mainVisual .item .typoArea .cont4														{ font-size:1.188em; color:#000; line-height:140%; }
*/

/* sceneWrap1 */
#sceneWrap1																										{ position:relative; width:100%; box-sizing:border-box; z-index:7; background-image:url(../image/mainybg.png); background-size: cover; background-position: center 0; background-repeat: no-repeat;}
#sceneWrap1 #inner																						{ position:relative; width:100%; max-width:1200px; margin: -220px auto 0; padding: 8% 0 8%; }
#sceneWrap1 #inner:before																			{ content: " "; visibility: hidden; display: block; height: 0; clear: both;}
#sceneWrap1 #inner:after																			{ content: " "; visibility: hidden; display: block; height: 0; clear: both;}
#msgBox1																											{ position: relative; float: left; display: block; }
/* //sceneWrap1 */

/* sceneWrap2 */
#sceneWrap2																										{ position:relative; width:100%; height:1070px; box-sizing:border-box; z-index:7; background-image:url(../image/sceneWrap2_bg.png); background-size: cover; background-position: center 0; background-repeat: no-repeat; }
#sceneWrap2 #inner																						{ position:relative; width:100%; max-width:1200px; margin: -200px auto 0; padding: 8% 0 8%; }
#sceneWrap2 #inner:before																			{ content: " "; visibility: hidden; display: block; height: 0; clear: both;}
#sceneWrap2 #inner:after																			{ content: " "; visibility: hidden; display: block; height: 0; clear: both;}
#igirl																												{ position:absolute; left:50%; top:180px; margin:0px 0px 0px -532px; }
#msgBox2																											{ position:absolute; right: 50%; top:260px; margin:0 -536px 0 0; }
/* //sceneWrap2 */

#sceneWrap3																										{ position:relative; width:100%; box-sizing:border-box; z-index:7; background-image:url(../image/sceneWrap3_bg.png); background-size: cover; background-position: center 0; background-repeat: no-repeat; }
#sceneWrap3 #inner																						{ position:relative; width:100%; max-width:1200px; margin: -232px auto 0; padding: 6% 0 6%; }
#sceneWrap3 #inner:before																			{ content: " "; visibility: hidden; display: block; height: 0; clear: both;}
#sceneWrap3 #inner:after																			{ content: " "; visibility: hidden; display: block; height: 0; clear: both;}
#sceneWrap3 #systemImage																			{ position:relative; width:100%; margin:12px 0px; }
#sceneWrap3 #systemImage img																	{ margin:10px 5px; }
#sceneWrap3 #systemImage .systemImage1												{ position:relative; width:100%; display: block;}

.mainContType_a																								{ position:relative; width:100%; text-align: left; padding: 10px 0 0 0; box-sizing:border-box; }
.mainContType_a span																					{ display:inline-block; zoom:1; *display:inline; width:100%; line-height:130%; }
.mainContType_a .mainContTypo1																{ font-size:2em; }

.mainContType_a .mainContTypo2																{ font-size:3.125em; font-family:'Open Sans', sans-serif; font-weight:600;}
.mainContType_a .mainContTypo3																{ font-size:2em; }
.mainContType_a .mainContTypo4																{ font-size:2.875em; font-weight: bold; margin: 18px 0 28px;}
.mainContType_a .mainContTypo4 > .bigText											{ font-size:1.375em; font-weight: bold; }
.mainContType_a .mainContTypo5																{ font-size:1.250em; line-height: 160%; }

#sceneWrap4																										{ position:relative; width:100%; box-sizing:border-box; z-index:7; background-image:url(../image/sceneWrap4_bg.png); background-size: cover; background-position: center 0; background-repeat: no-repeat; }
#sceneWrap4 #inner																						{ position:relative; width:100%; max-width:1200px; margin: -160px auto 0; padding: 6% 0 6%; }
#sceneWrap4 #inner:before																			{ content: " "; visibility: hidden; display: block; height: 0; clear: both;}
#sceneWrap4 #inner:after																			{ content: " "; visibility: hidden; display: block; height: 0; clear: both;}
#sceneWrap4 #systemImage																			{ position:relative; width:100%; margin:62px 0 0; }
#sceneWrap4 #systemImage img																	{ width:100%; margin:0; display: block; }

#sceneWrap5																										{ position:relative; width:100%; box-sizing:border-box; z-index:7; background-image:url(../image/sceneWrap5_bg.png); background-size: cover; background-position: center 0; background-repeat: no-repeat;}
#sceneWrap5 #inner 																						{ position:relative; width:100%; max-width:1200px; margin: -130px auto 0; padding: 6% 0 6%;}
#sceneWrap5 #inner:before																			{ content: " "; visibility: hidden; display: block; height: 0; clear: both;}
#sceneWrap5 #inner:after																			{ content: " "; visibility: hidden; display: block; height: 0; clear: both;}
#sceneWrap5 #systemImage																			{ position:relative; width:100%; margin:86px 0; }
#sceneWrap5 #systemImage img																	{ width:100%; margin:0; display: block; }

#sceneWrap6																										{ position:relative; width:100%; box-sizing:border-box; z-index:7; background-image:url(../image/sceneWrap6_bg.png); background-size: cover; background-position: center 0; background-repeat: no-repeat; }
#sceneWrap6 #inner																						{ position:relative; width:100%; max-width:1200px; margin: -220px auto 0; padding: 8% 0 6%; }
#sceneWrap6 #inner:before																			{ content: " "; visibility: hidden; display: block; height: 0; clear: both;}
#sceneWrap6 #inner:after																			{ content: " "; visibility: hidden; display: block; height: 0; clear: both;}
#sceneWrap6 .img2																							{ position:relative; display: block; float: right; margin: 90px 0; }
#sceneWrap6 .img1																							{ position: absolute; left:0; top: 220px; display: block;}

#sceneWrap7																										{ position:relative; width:100%; box-sizing:border-box; z-index:7; background-image:url(../image/sceneWrap7_bg.png); background-size: cover; background-position: center 0; background-repeat: no-repeat; }
#sceneWrap7 #inner 																						{ position:relative; width:100%; max-width:1200px; margin: -340px auto 0; padding: 8% 0 8%; }
#sceneWrap7 #inner:before																			{ content: " "; visibility: hidden; display: block; height: 0; clear: both;}
#sceneWrap7 #inner:after																			{ content: " "; visibility: hidden; display: block; height: 0; clear: both;}
#sceneWrap7 #systemImage																			{ position:relative; float: left; display:inline-block; zoom:1; *display:inline; width: auto; margin:0 0 0 -200px; }
#sceneWrap7 #systemImage img																	{ position:relative; display:block; }
#sceneWrap7 .mainContType_a 																	{ position:relative; float: right; display:inline-block; zoom:1; *display:inline; width: 50%; margin:0; padding: 100px 0 0 0; text-align: right; }

#footer																{ position:relative; width:100%; padding:40px 0px; background:#3b3b3b; border-top:1px solid #2a2a2a; text-align:center; }
#footer #copyMenu													{ position:relative; width:100%; text-align:center; }
#footer #copyMenu a													{ font-size:1em; color:#aaa; margin:0px 10px; }
#footer #comInfo													{ position:relative; width:90%; margin:20px auto; display:inline-block; zoom:1; *display:inline; }
#footer #comInfo span												{ display:inline-block; zoom:1; *display:inline; margin:5px 20px; font-size:0.875em; }
#footer #copyright													{ position:relative; width:90%; margin:0 auto; font-size:0.875em; }

#subVisual															{ position:relative; width:100%; height:204px; background:url(../image/subtopbg.jpg) center top no-repeat; margin:111px 0px 0px 0px; }
#subVisual .container, .video-area .container												{ position:relative; width:90%; max-width:1200px; margin:0 auto; text-align:left; }
#subVisual .container #subContTitle									{ position:relative; }
#subVisual .container #subContTitle span							{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:left; }
#subVisual .container #subContTitle .title1							{ font-size:1.563em; margin:60px 0px 0px 0px; }
#subVisual .container #subContTitle .title2							{ font-size:3.500em; font-weight:700; }

#subContentWrap														{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; }

#contTitleWrap														{ position:relative; width:90%; max-width:1200px; margin:0 auto; display:inline-block; zoom:1; *display:inline; }
#contTitleWrap #contTitle											{ position:relative; float:left; width:80%; margin:50px 0px 30px 0px; }
#contTitleWrap #contTitle span										{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:left; }
#contTitleWrap #contTitle .cont1									{ font-size:4.063em; font-family:'Open Sans', sans-serif; font-weight:800;  line-height:100%; margin:0px 0px 10px 0px; }
#contTitleWrap #contTitle .cont1 font								{ font-family:'Open Sans', sans-serif; font-weight:800; }
#contTitleWrap #contTitle .cont2									{ font-size:1.250em; }

#contTitleWrap #locationTextWrap									{ position:relative; width:20%; float:right; text-align:right; padding:30px 0px 0px 0px; }
#contTitleWrap #locationTextWrap span								{ display:inline-block; zoom:1; *display:inline; width:100%; margin:5px 0px; }
#contTitleWrap #locationTextWrap .arrow								{ display:none; }
#contTitleWrap #locationTextWrap .cont1								{ font-size:1.375em; color:#ffffff; }
#contTitleWrap #locationTextWrap .cont1 i							{ background:#6d6d6d; border-radius:99px; padding:7px; }
#contTitleWrap #locationTextWrap .cont2								{ font-size:1em; color:#6d6d6d; }
#contTitleWrap #locationTextWrap .cont3								{ font-size:1em; color:#6d6d6d; }
#contTitleWrap #locationTextWrap .cont4								{ font-size:1em; }

.ClassBtn															{ position:relative; width:100%; max-width:1200px; margin:0 auto; }
.ClassBtn a															{ display:inline-block; zoom:1; *display:inline; padding:1.5% 3%; border-radius:50px; font-size:1.439em; font-weight:700; background:#ea9b35; color:#fff; }
.ClassBtn a.active,
.ClassBtn a:hover													{ background:#000; color:#fff; }




#aboutEath															{ position:relative; width:100%; /* min-height:1052px; */ padding:0px 0px 170px 0px; text-align:left; background:url(../image/scont2.jpg) center bottom no-repeat; }
#aboutEath #aboutImg1												{ position:relative; left:50%; top:47px; margin:0px 0px 0px -800px; }
#aboutEath .typoArea												{ position:absolute; left:50%; top:300px; margin:0px 0px 0px 50px; width:40%; z-index:4; }
#aboutEath .typoArea span											{ display:inline-block; zoom:1; *display:inline; width:100%; box-sizing:border-box; padding:0px 0px 0px 40px; }
#aboutEath .typoArea .cirBtn										{ background:#000000; font-size:2.250em; color:#ffffff; padding-left:80px; padding-right:80px; margin:0px 0px 30px 0px; text-align:center; }
#aboutEath .typoArea .cont1											{ font-size:2.438em; font-weight:700; margin:5px 0px; }
#aboutEath .typoArea .typoText3											{ font-size:2.438em; font-weight:700; margin:5px 0px; }
#aboutEath .typoArea .typoText1											{ font-size:2.000em; font-weight:700; margin:5px 0px; }
#aboutEath .typoArea .typoText2											{ font-size:1.563em; font-weight:700; margin:60px 0px 0px 0px; }
#aboutEath .typoArea .cont5											{ font-size:3.563em; font-weight:700; margin:0px 0px; font-family:'Open Sans', sans-serif; font-weight:800; line-height:100%; }
#aboutEath .typoArea .cont5 font									{ font-family:'Open Sans', sans-serif; font-weight:800; line-height:100%; }

#reviewWrap															{ position:relative; width:90%; max-width:1200px; margin:0 auto; display:inline-block; zoom:1; *display:inline; }
#review																{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; padding:0px 0px 100px 0px; }
#review .itemWrap .item												{ position:relative; width:50%; float:left; }
#review .itemWrap .item img											{ width:100%; }
#review .itemWrap .item .textArea 									{ position:relative; display:inline-block; zoom:1; *display:inline; width:80%; text-align:left; padding:0px 0px 0px 90px; box-sizing:border-box; margin:50px 0px 0px 0px; }
#review .itemWrap .item .textArea .cont2,
#review .itemWrap .item .textArea .cont3,
#review .itemWrap .item .textArea .cont4							{ display:inline-block; zoom:1; *display:inline; width:100%; }
#review .itemWrap .item .textArea .cont1							{ position:absolute; left:0px; top:0px; font-size:4em; font-family:'Open Sans', sans-serif; font-weight:700; line-height:100%; }
#review .itemWrap .item .textArea .cont2							{ font-size:1.438em; font-weight:700; margin:7px 0px 15px 0px; }
#review .itemWrap .item .textArea .cont3							{ font-size:0.938em; margin:0px 0px 10px 0px; line-height:150%; }
#review .itemWrap .item .textArea .cont4							{ font-size:0.938em; }
#review .itemWrap													{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; vertical-align:top; }
#review .itemWrap:nth-of-type(2) .item:nth-of-type(1)				{ float:right; }
#review .itemWrap:nth-of-type(2) .item:nth-of-type(2)				{ float:left; }

.sceneTitleWrap1													{ position:relative; width:90%; text-align:center; margin:80px 0px 80px 0px; }
.sceneTitleWrap2													{ position:relative; width:90%; text-align:center; margin:80px auto 80px auto; }
.sceneTitleWrap span												{ display:inline-block; zoom:1; *display:inline; width:100%; }
.sceneTitleWrap .cont1												{ font-size:1.563em; }
.sceneTitleWrap .cont2												{ font-size:5.813em; font-family:'Open Sans', sans-serif; font-weight:800; line-height:100%; margin:0px 0px 20px 0px; }
.sceneTitleWrap .cont3												{ font-size:2.000em; font-weight:700; line-height:160%; }
.sceneTitleWrap .cont4												{ font-size:2.000em; font-weight:700; line-height:160%; }

#metaCognitionWrap													{ position:relative; width:100%; background:url(../image/cont8_1.png) center center no-repeat; padding:50px 0px 180px 0px; }
#metaCognitionWrap #metaImg1										{ width:90%; max-width:1200px; margin:50px auto; }
#metaCognitionWrap #metaImg2										{ width:90%; max-width:578px; margin:40px auto; }
#metaCognitionWrap .sceneContTypo1									{ position:relative; width:90%; margin:0 auto; }
#metaCognitionWrap .sceneContTypo1 > span							{ display:inline-block; zoom:1; *display:inline; width:100%; }
#metaCognitionWrap .sceneContTypo1 .cont1							{ font-size:2.000em; color:#000; }
#metaCognitionWrap .sceneContTypo1 .cont2							{ font-size:4.125em; color:#000; letter-spacing:-1px; font-weight:700;  }
#metaCognitionWrap .sceneContTypo1 .cont2 font						{ letter-spacing:0px; }
#metaCognitionWrap .sceneContTypo1 .cont3							{ font-size:1.750em; color:#666; line-height:150%; margin:10px 0px 0px 0px; }
#metaCognitionWrap .sceneContTypo1 .cont4							{ font-size:2.000em; color:#000; font-weight:700; }
#metaCognitionWrap .cirBtn											{ margin:20px 0px; }

#metaCognitionWrap2													{ position:relative; width:100%; background:url(../image/cont8_1a.png) center top no-repeat; padding:100px 0px 100px 0px; }
#metaCognitionWrap2 .sceneContTypo1									{ position:relative; width:90%; max-width:1200px; margin:0 auto; }
#metaCognitionWrap2 .sceneContTypo1 > span							{ display:inline-block; zoom:1; *display:inline; width:100%; }
#metaCognitionWrap2 .sceneContTypo1 .cont1							{ font-size:2.000em; color:#000; }
#metaCognitionWrap2 .sceneContTypo1 .cont2							{ font-size:4.125em; color:#000; letter-spacing:-1px; font-weight:700; }
#metaCognitionWrap2 .sceneContTypo1 .cont2 font						{ letter-spacing:0px; }
#metaCognitionWrap2 .sceneContTypo1 .funWrap						{ position:relative; width:100%; margin:30px auto; }
#metaCognitionWrap2 .sceneContTypo1 .funWrap .item					{ position:relative; width:280px; height: 280px; display:inline-block; zoom:1; *display:inline; margin:0 2% 1em; text-align:center; background:#ff9600; border-radius:999px; box-shadow:10px 10px 0px rgba(0,0,0,0.1); padding: 80px 2%; box-sizing: border-box; vertical-align: middle;}
#metaCognitionWrap2 .sceneContTypo1 .funWrap .item > span			{ display:inline-block; zoom:1; *display:inline; font-size:1.688em; color:#fff; font-weight: 700; }
#metaCognitionWrap2 .sceneContTypo1 .funWrap .item > span span		{ font-size:16px; color:#fff; display:inline-block; zoom:1; *display:inline; width:100%; line-height: 140%; margin: 14px 0 0 0;}



#MiddlecourseWrap													{ position:relative; width:100%; background:url(../image/cont3_5_3.png) center top no-repeat; padding:50px 0px 180px 0px; margin-top:-12%; }
#MiddlecourseWrap .sceneContTypo1									{ position:relative; width:100%; max-width:1200px; margin:0 auto; }
#MiddlecourseWrap .sceneContTypo1 .leftArea							{ position:relative; width:50%; float:left; text-align:left; margin-top:22%; }
#MiddlecourseWrap .sceneContTypo1 .leftArea > span					{ display:inline-block; zoom:1; *display:inline; width:100%; }
#MiddlecourseWrap .sceneContTypo1 .leftArea .cont1					{ font-size:1.563em; color:#a07201; font-family: 'Noto Sans KR', sans-serif; }
#MiddlecourseWrap .sceneContTypo1 .leftArea .cont2					{ font-size:5.813em; color:#000; font-family:'Open Sans', sans-serif; font-weight:800; line-height:0.8; letter-spacing:-1px; font-weight:700;  }
#MiddlecourseWrap .sceneContTypo1 .leftArea .cont3					{ font-size:2.000em; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:400; line-height:150%; margin:6% 0px 4% 0px; }
#MiddlecourseWrap .sceneContTypo1 .leftArea .cont4					{ font-size:1.188em; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:400; position:relative; margin-bottom:1%; }
#MiddlecourseWrap .sceneContTypo1 .leftArea .cont5					{ font-size:1.188em; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:400; width:83%; margin-left:17%; margin-bottom:1%; }
#MiddlecourseWrap .sceneContTypo1 .leftArea .cont4 > img			{ position:absolute; left:45px; top:0; }
#MiddlecourseWrap .sceneContTypo1 > img								{ width:49.9%; margin-top:9%; }

#MiddlecourseWrap2													{ position:relative; width:100%; padding:100px 0px 100px 0px; z-index:999; }
#MiddlecourseWrap2 .sceneContTypo1									{ position:relative; width:100%; max-width:1200px; margin:0 auto; }
#MiddlecourseWrap2 .sceneContTypo1 .rightArea 						{ position:relative; width:50%; float:right; text-align:left; margin-top:11%; }
#MiddlecourseWrap2 .sceneContTypo1 .rightArea > span				{ display:inline-block; zoom:1; *display:inline; width:100%; }
#MiddlecourseWrap2 .sceneContTypo1 .rightArea .cont1				{ font-size:1.563em; color:#e78b0e; font-family: 'Noto Sans KR', sans-serif; }
#MiddlecourseWrap2 .sceneContTypo1 .rightArea .cont2				{ font-size:5.375em; color:#000; font-family:'Open Sans', sans-serif; font-weight:800; line-height:0.8; letter-spacing:-1px; font-weight:700;  }
#MiddlecourseWrap2 .sceneContTypo1 .rightArea .cont3				{ font-size:2.000em; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:700; line-height:150%; margin:6% 0px 4% 0px; }
#MiddlecourseWrap2 .sceneContTypo1 .rightArea .cont4				{ font-size:1.188em; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:400; position:relative; margin-bottom:1%; width:49%; vertical-align:top; }
#MiddlecourseWrap2 .sceneContTypo1 .rightArea .cont4 .boldfont		{ font-size:1.188em; font-family: 'Noto Sans KR', sans-serif; font-weight:700; margin-bottom:4%; display:inline-block; zoom:1; *display:inline; }
#MiddlecourseWrap2 .sceneContTypo1 .rightArea .cont5				{ font-size:1.188em; font-family: 'Noto Sans KR', sans-serif; color:#000; font-weight:400; margin-bottom:1%; width:50%; vertical-align:top; }
#MiddlecourseWrap2 .sceneContTypo1 .rightArea .cont5 .boldfont		{ font-size:1.188em; font-family: 'Noto Sans KR', sans-serif; font-weight:700; margin-bottom:4%; display:inline-block; zoom:1; *display:inline; }
#MiddlecourseWrap2 .sceneContTypo1 .rightArea .cont6				{ font-size:2.000em; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:700; line-height:150%; margin:6% 0px 4% 0px; }
#MiddlecourseWrap2 .sceneContTypo1 .rightArea .cont7				{ font-size:1.188em; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:400; width:100%; vertical-align:top; z-index:9999; }
#MiddlecourseWrap2 .sceneContTypo1 > img							{ width:49.9%; }

#MiddlecourseWrap3													{ position:relative; width:100%; background:url(../image/cont3_5_6.png) center top no-repeat; padding:100px 0px 100px 0px; margin-top:0px; }
#MiddlecourseWrap3 .sceneContTypo1									{ position:relative; width:100%; max-width:1200px; height:1300px; margin:0 auto; }
#MiddlecourseWrap3 .sceneContTypo1 .leftArea 						{ position:relative; width:100%; float:left; text-align:left; margin-top:7%; }
#MiddlecourseWrap3 .sceneContTypo1 .leftArea > span					{ display:inline-block; zoom:1; *display:inline; width:100%; }
#MiddlecourseWrap3 .sceneContTypo1 .leftArea .cont1					{ font-size:1.563em; color:#a07201; font-family: 'Noto Sans KR', sans-serif; }
#MiddlecourseWrap3 .sceneContTypo1 .leftArea .cont2					{ font-size:5.375em; color:#000; font-family:'Open Sans', sans-serif; font-weight:800; line-height:0.8; letter-spacing:-1px; font-weight:700;  }
#MiddlecourseWrap3 .sceneContTypo1 .leftArea .cont3					{ font-size:2.000em; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:400; line-height:150%; margin:6% 0px 4% 0px; }
#MiddlecourseWrap3 .sceneContTypo1 .leftArea .cont4					{ font-size:1.188em; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:400; position:relative; margin-bottom:1%; width:49%; vertical-align:top; }
#MiddlecourseWrap3 .sceneContTypo1 .leftArea .cont4 .boldfont		{ display:inline-block; zoom:1; *display:inline; font-family: 'Noto Sans KR', sans-serif; font-size:1em; font-weight:700; margin-bottom:4%; }
#MiddlecourseWrap3 .sceneContTypo1 .leftArea .cont5					{ font-size:1.188em; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:400; margin-bottom:1%; width:50%; vertical-align:top; }
#MiddlecourseWrap3 .sceneContTypo1 .leftArea .cont5 .boldfont		{ display:inline-block; zoom:1; *display:inline; font-family:'Nanum Square'; font-size:1em; font-weight:700; margin-bottom:4%; }
#MiddlecourseWrap3 .sceneContTypo1 .leftArea .cont6					{ font-size:2.000em; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:700; line-height:150%; margin:6% 0px 4% 0px; }
#MiddlecourseWrap3 .sceneContTypo1 .leftArea .cont7					{ font-size:1.188em; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:400; width:100%; vertical-align:top; }
#MiddlecourseWrap3 .sceneContTypo1 > img:nth-child(2)				{ position:relative; float:right; margin-top:-28%; }
#MiddlecourseWrap3 .sceneContTypo1 > img:nth-child(3)				{ position:relative; }
#MiddlecourseWrap3 .sceneContTypo1 > img:nth-child(4)				{ position:relative; float:right; margin-top:-28%;  }

.boldfont															{ display:inline-block; zoom:1; *display:inline; font-family: 'Noto Sans KR', sans-serif; font-size:1em; font-weight:500; margin-top:1%; }
.bicFont															{ display:inline-block; zoom:1; *display:inline; font-family: 'Noto Sans KR', sans-serif; font-size:1.5em; font-weight:500; }

#MiddlecourseWrap4													{ position:relative; width:100%; background:url(../image/cont3_5_11.png) center top no-repeat; padding:100px 0px 100px 0px; margin-top:200px; z-index:-1; }
#MiddlecourseWrap4 .sceneContTypo1									{ position:relative; width:100%; max-width:1200px; height:800px; margin:0 auto; }
#MiddlecourseWrap4 .sceneContTypo1 .rightArea 						{ position:relative; width:55%; float:right; text-align:left; margin-top:7%; }
#MiddlecourseWrap4 .sceneContTypo1 .rightArea > span				{ display:inline-block; zoom:1; *display:inline; width:100%; }
#MiddlecourseWrap4 .sceneContTypo1 .rightArea .cont1				{ font-size:1.563em; color:#a07201; font-family: 'Noto Sans KR', sans-serif; }
#MiddlecourseWrap4 .sceneContTypo1 .rightArea .cont2				{ font-size:5.375em; color:#000; font-family:'Open Sans', sans-serif; font-weight:800; line-height:0.8; letter-spacing:-1px; font-weight:700;  }
#MiddlecourseWrap4 .sceneContTypo1 .rightArea .cont3				{ font-size:2.000em; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:400; line-height:150%; margin:6% 0px 4% 0px; }
#MiddlecourseWrap4 .sceneContTypo1 .rightArea .cont4				{ font-size:1.188em; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:400; position:relative; margin-bottom:1%; vertical-align:top; }
#MiddlecourseWrap4 .sceneContTypo1 > img							{ width:39.9%; margin-top:2%; }

#MiddlecourseWrap5													{ position:relative; width:100%; padding:100px 0px 100px 0px; margin-top:0px; }
#MiddlecourseWrap5 .sceneContTypo1									{ position:relative; width:100%; max-width:1200px; height:400px; margin:0 auto; }
#MiddlecourseWrap5 .sceneContTypo1 .leftArea 						{ position:relative; width:50%; float:left; text-align:left; margin-top:7%; }
#MiddlecourseWrap5 .sceneContTypo1 .leftArea > span					{ display:inline-block; zoom:1; *display:inline; width:100%; }
#MiddlecourseWrap5 .sceneContTypo1 .leftArea .cont1					{ font-size:1.563em; color:#a07201; font-family: 'Noto Sans KR', sans-serif; }
#MiddlecourseWrap5 .sceneContTypo1 .leftArea .cont2					{ font-size:5.375em; color:#000; font-family:'Open Sans', sans-serif; font-weight:800; line-height:0.8; letter-spacing:-1px; font-weight:700;  }
#MiddlecourseWrap5 .sceneContTypo1 .leftArea .cont3					{ font-size:2.000em; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:400; line-height:150%; margin:6% 0px 4% 0px; }
#MiddlecourseWrap5 .sceneContTypo1 .leftArea .cont4					{ font-size:1.188em; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:400; position:relative; margin-bottom:1%; width:100%; vertical-align:top; }
#MiddlecourseWrap5 .sceneContTypo1 .leftArea > img					{ position:relative; }
#MiddlecourseWrap5 .sceneContTypo1 > img							{ width:49.9%; }

#MiddlecourseWrap6													{ position:relative; width:100%; background:url(../image/cont3_5_14.png) center top no-repeat; padding:100px 0px 100px 0px; margin-top:200px; z-index:-1; }
#MiddlecourseWrap6 .sceneContTypo1									{ position:relative; width:100%; max-width:1200px; height:800px; margin:0 auto; }
#MiddlecourseWrap6 .sceneContTypo1 .rightArea 						{ position:relative; width:55%; float:right; text-align:left; margin-top:7%; }
#MiddlecourseWrap6 .sceneContTypo1 .rightArea > span				{ display:inline-block; zoom:1; *display:inline; width:100%; }
#MiddlecourseWrap6 .sceneContTypo1 .rightArea .cont1				{ font-size:1.563em; color:#a07201; font-family: 'Noto Sans KR', sans-serif; }
#MiddlecourseWrap6 .sceneContTypo1 .rightArea .cont2				{ font-size:5.375em; color:#000; font-family:'Open Sans', sans-serif; font-weight:800; line-height:0.8; letter-spacing:-1px; font-weight:700;  }
#MiddlecourseWrap6 .sceneContTypo1 .rightArea .cont3				{ font-size:2.000em; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:400; line-height:150%; margin:6% 0px 4% 0px; }
#MiddlecourseWrap6 .sceneContTypo1 .rightArea .cont4				{ font-size:1.188em; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:400; position:relative; margin-bottom:1%; vertical-align:top; }
#MiddlecourseWrap6 .sceneContTypo1 > img							{ width:39.9%; margin-top:2%; }

#MiddlecourseWrap7													{ position:relative; width:100%; padding:100px 0px 100px 0px; margin-top:0px; }
#MiddlecourseWrap7 .sceneContTypo1									{ position:relative; width:100%; max-width:1200px; height:1300px; margin:0 auto; }
#MiddlecourseWrap7 .sceneContTypo1 .leftArea 						{ position:relative; width:50%; float:left; text-align:left; margin-top:7%; }
#MiddlecourseWrap7 .sceneContTypo1 .leftArea > span					{ display:inline-block; zoom:1; *display:inline; width:100%; }
#MiddlecourseWrap7 .sceneContTypo1 .leftArea .cont1					{ font-size:1.563em; color:#a07201; font-family: 'Noto Sans KR', sans-serif; }
#MiddlecourseWrap7 .sceneContTypo1 .leftArea .cont2					{ font-size:5.375em; color:#000; font-family:'Open Sans', sans-serif; font-weight:800; line-height:0.8; letter-spacing:-1px; font-weight:700;  }
#MiddlecourseWrap7 .sceneContTypo1 .leftArea .cont3					{ font-size:2.000em; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:400; line-height:150%; margin:6% 0px 4% 0px; }
#MiddlecourseWrap7 .sceneContTypo1 .leftArea .cont4					{ font-size:1.188em; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:400; position:relative; margin-bottom:1%; width:100%; vertical-align:top; }
#MiddlecourseWrap7 .sceneContTypo1 .leftArea > img					{ position:relative; }
#MiddlecourseWrap7 .sceneContTypo1 > img							{ width:49.9%; }

#MiddlecourseWrap8													{ position:relative; width:100%; background:url(../image/cont3_5_17.png) center top no-repeat; padding:100px 0px 100px 0px; margin-top:200px; z-index:-1; }
#MiddlecourseWrap8 .sceneContTypo1									{ position:relative; width:100%; max-width:1200px; height:800px; margin:0 auto; }
#MiddlecourseWrap8 .sceneContTypo1 .rightArea 						{ position:relative; width:55%; float:right; text-align:left; margin-top:7%; }
#MiddlecourseWrap8 .sceneContTypo1 .rightArea > span				{ display:inline-block; zoom:1; *display:inline; width:100%; }
#MiddlecourseWrap8 .sceneContTypo1 .rightArea .cont1				{ font-size:1.563em; color:#a07201; font-family: 'Noto Sans KR', sans-serif; }
#MiddlecourseWrap8 .sceneContTypo1 .rightArea .cont2				{ font-size:5.375em; color:#000; font-family:'Open Sans', sans-serif; font-weight:800; line-height:0.8; letter-spacing:-1px; font-weight:700;  }
#MiddlecourseWrap8 .sceneContTypo1 .rightArea .cont3				{ font-size:2.000em; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:400; line-height:150%; margin:6% 0px 4% 0px; }
#MiddlecourseWrap8 .sceneContTypo1 .rightArea .cont4				{ font-size:1.188em; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:400; position:relative; margin-bottom:1%; vertical-align:top; }
#MiddlecourseWrap8 .sceneContTypo1 > img							{ width:39.9%; margin-top:22%; }


#MiddlecourseWrap9													{ position:relative; width:100%; padding:100px 0px 100px 0px; margin-top:0px; }
#MiddlecourseWrap9 .sceneContTypo1									{ position:relative; width:100%; max-width:1200px; height:1300px; margin:0 auto; }
#MiddlecourseWrap9 .sceneContTypo1 .leftArea 						{ position:relative; width:50%; float:left; text-align:left; margin-top:7%; }
#MiddlecourseWrap9 .sceneContTypo1 .leftArea > span					{ display:inline-block; zoom:1; *display:inline; width:100%; }
#MiddlecourseWrap9 .sceneContTypo1 .leftArea .cont1					{ font-size:1.563em; color:#a07201; font-family: 'Noto Sans KR', sans-serif; }
#MiddlecourseWrap9 .sceneContTypo1 .leftArea .cont2					{ font-size:5.375em; color:#000; font-family:'Open Sans', sans-serif; font-weight:800; line-height:0.8; letter-spacing:-1px; font-weight:700;  }
#MiddlecourseWrap9 .sceneContTypo1 .leftArea .cont3					{ font-size:2.000em; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:400; line-height:150%; margin:6% 0px 4% 0px; }
#MiddlecourseWrap9 .sceneContTypo1 .leftArea .cont4					{ font-size:1.188em; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:400; position:relative; margin-bottom:1%; width:100%; vertical-align:top; }
#MiddlecourseWrap9 .sceneContTypo1 .leftArea > img					{ position:relative; }
#MiddlecourseWrap9 .sceneContTypo1 > img							{ width:49.9%; }




#methods															{ position:relative; width:100%; }
#methods img														{ width:90%; max-width:1200px; }

#leftImg															{ position:relative; float:left; }
#rightImg															{ position:relative; float:right; margin-top:16%; }
#centerImg															{  }
.centerText															{ text-align:center; }
.colorFont1															{ color:#e75957; }
.colorFont2															{ color:#4d91bb; }

#CurriculumWrap														{ position:relative; width:100%; height:800px; background:url(../image/cont2-2_1.png) center center no-repeat; padding:50px 0px 180px 0px; margin-top:-27%; }
#CurriculumWrap .sceneContTypo1										{ position:relative; width:90%; height:100%; max-width:1200px; margin:0 auto;  }
#CurriculumWrap .sceneContTypo1 > .leftText							{ position:absolute; top:40%; left:0; width:39%; text-align:left; }
#CurriculumWrap .sceneContTypo1 > .leftText > span					{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:left; }
#CurriculumWrap .sceneContTypo1 > .leftText .cont1					{ font-size:1.563em; color:#a07201; }
#CurriculumWrap .sceneContTypo1 > .leftText .cont2					{ font-size:5.813em; color:#000; font-family:'Open Sans', sans-serif; font-weight:800; line-height:0.8; }
#CurriculumWrap .sceneContTypo1 > .leftText .cont3					{ font-size:2.000em; color:#000; font-family:'Nanum Square'; font-weight:700; line-height:150%; margin:6% 0px 4% 0px; }
#CurriculumWrap .sceneContTypo1 > .leftText .cont4					{ font-size:1.188em; color:#000; font-weight:700; margin-bottom:30px; }
#CurriculumWrap .sceneContTypo1 > .leftText .cont5					{ font-size:1.188em; color:#000; font-weight:700; }
#CurriculumWrap .cirBtn												{ margin:20px 0px; }

#CurriculumWrap2													{ position:relative; width:100%; height:800px; padding:0px 0px 100px 0px; }
#CurriculumWrap2 .sceneContTypo1									{ position:relative; width:90%; height:100%; max-width:1200px; margin:0 auto; }
#CurriculumWrap2 .sceneContTypo1 > .rightText						{ position:absolute; top:20%; right:0; width:43%; text-align:left; }
#CurriculumWrap2 .sceneContTypo1 > .rightText > span				{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:left; }
#CurriculumWrap2 .sceneContTypo1 > .rightText .cont1				{ font-size:1.563em; color:#a07201; }
#CurriculumWrap2 .sceneContTypo1 > .rightText .cont2				{ font-size:5.813em; color:#000; font-family:'Open Sans', sans-serif; font-weight:800; line-height:0.8; }
#CurriculumWrap2 .sceneContTypo1 > .rightText .cont3				{ font-size:2.000em; color:#000; font-family:'Nanum Square'; font-weight:700; line-height:150%; margin:6% 0px 4% 0px; }
#CurriculumWrap2 .sceneContTypo1 > .rightText .cont4				{ font-size:1.188em; color:#000; font-weight:700; margin-bottom:30px; }
#CurriculumWrap2 .sceneContTypo1 > .rightText .cont5				{ font-size:1.188em; color:#000; font-weight:700; }

#CurriculumWrap3													{ position:relative; width:100%; height:900px; background:url(../image/cont2-2_4.png) center top no-repeat; padding:10px 0px 100px 0px; margin-top:-170px; }
#CurriculumWrap3 .sceneContTypo1									{ position:relative; width:90%; height:100%; max-width:1200px; margin:0 auto; }
#CurriculumWrap3 .sceneContTypo1 > #rightImg						{ position:relative; width:55%; float:right; margin-top:4%; }
#CurriculumWrap3 .sceneContTypo1 > .leftText						{ position:absolute; top:30%; left:0; width:39%; text-align:left; }
#CurriculumWrap3 .sceneContTypo1 > .leftText > span					{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:left; }
#CurriculumWrap3 .sceneContTypo1 > .leftText .cont1					{ font-size:1.563em; color:#a07201; }
#CurriculumWrap3 .sceneContTypo1 > .leftText .cont2					{ font-size:5.813em; color:#000; font-family:'Open Sans', sans-serif; font-weight:800; line-height:0.8; }
#CurriculumWrap3 .sceneContTypo1 > .leftText .cont3					{ font-size:2.000em; color:#000; font-family:'Nanum Square'; font-weight:700; line-height:150%; margin:6% 0px 4% 0px; }
#CurriculumWrap3 .sceneContTypo1 > .leftText .cont4					{ font-size:1.188em; color:#000; font-weight:700; margin-bottom:30px; }
#CurriculumWrap3 .sceneContTypo1 > .leftText .cont5					{ font-size:1.188em; color:#000; font-weight:700; }

#CurriculumWrap4													{ position:relative; width:100%; height:800px; padding:0px 0px 100px 0px; }
#CurriculumWrap4 .sceneContTypo1									{ position:relative; width:90%; height:100%; max-width:1200px; margin:0 auto; }
#CurriculumWrap4 .sceneContTypo1 #leftImg							{ position:relative; width:55%; float:left; margin-top:-260px; }
#CurriculumWrap4 .sceneContTypo1 > .rightText						{ position:absolute; top:20%; right:0; width:40%; text-align:left; }
#CurriculumWrap4 .sceneContTypo1 > .rightText > span				{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:left; }
#CurriculumWrap4 .sceneContTypo1 > .rightText .cont1				{ font-size:1.563em; color:#a07201; }
#CurriculumWrap4 .sceneContTypo1 > .rightText .cont2				{ font-size:5.813em; color:#000; font-family:'Open Sans', sans-serif; font-weight:800; line-height:0.8; }
#CurriculumWrap4 .sceneContTypo1 > .rightText .cont3				{ font-size:2.000em; color:#e75957; font-family:'Nanum Square'; font-weight:700; line-height:150%; margin:6% 0px 4% 0px; }
#CurriculumWrap4 .sceneContTypo1 > .rightText .cont4				{ font-size:1.188em; color:#000; font-weight:700; margin-bottom:30px; }
#CurriculumWrap4 .sceneContTypo1 > .rightText .cont5				{ font-size:1.188em; color:#000; font-weight:700; }

#ManagementWrap														{ position:relative; width:100%; height:900px; background:url(../image/cont2-4_1.png) center top no-repeat; padding:10px 0px 100px 0px; margin-top:-170px; }
#ManagementWrap .sceneContTypo1										{ position:relative; width:90%; height:100%; max-width:1200px; margin:0 auto; }
#ManagementWrap .sceneContTypo1 > #rightImg							{ position:relative; width:55%; float:right; margin-top:4%; }
#ManagementWrap .sceneContTypo1 > .leftText							{ position:absolute; top:10%; left:0; width:45%; text-align:left; }
#ManagementWrap .sceneContTypo1 > .leftText > span					{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:left; }
#ManagementWrap .sceneContTypo1 > .leftText .cont1					{ font-size:5.813em; color:#4d91bb; font-family:'Open Sans', sans-serif; font-weight:800; }
#ManagementWrap .sceneContTypo1 > .leftText .cont2					{ font-size:2.250em; color:#4d91bb; line-height:0.8; }
#ManagementWrap .sceneContTypo1 > .leftText .cont3					{ font-size:1.813em; color:#000; font-family:'Nanum Square'; font-weight:700; line-height:150%; margin:6% 0px 4% 0px; }

#LearningWrap														{ position:relative; width:100%; height:800px; background:url(../image/cont2-3_1.png) center center no-repeat; padding:50px 0px 180px 0px; margin-top:-17%; }
#LearningWrap .sceneContTypo1										{ position:relative; width:90%; height:100%; max-width:1200px; margin:0 auto;  }
#LearningWrap .sceneContTypo1 > #rightImg							{ margin-top:4%; }
#LearningWrap .sceneContTypo1 > .leftText							{ position:absolute; top:40%; left:0; width:45%; text-align:left; }
#LearningWrap .sceneContTypo1 > .leftText > span					{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:left; }
#LearningWrap .sceneContTypo1 > .leftText .cont1					{ font-size:1.563em; color:#a07201; }
#LearningWrap .sceneContTypo1 > .leftText .cont2					{ font-size:5.813em; color:#000; font-family:'Open Sans', sans-serif; font-weight:800; line-height:0.8; }
#LearningWrap .sceneContTypo1 > .leftText .cont3					{ font-size:2.000em; color:#000; font-family:'Nanum Square'; font-weight:700; line-height:150%; margin:6% 0px 4% 0px; }
#LearningWrap .sceneContTypo1 > .leftText .cont4					{ font-size:1.188em; color:#000; font-weight:700; margin-bottom:30px; }
#LearningWrap .sceneContTypo1 > .leftText .cont5					{ font-size:1.188em; color:#000; font-weight:700; }
#LearningWrap .cirBtn												{ margin:20px 0px; }

#LearningWrap2														{ position:relative; width:100%; height:800px; padding:0px 0px 100px 0px; }
#LearningWrap2 .sceneContTypo1										{ position:relative; width:90%; height:100%; max-width:1200px; margin:0 auto; }
#LearningWrap2 .sceneContTypo1 #leftImg								{  }
#LearningWrap2 .sceneContTypo1 > .rightText							{ position:absolute; top:20%; right:0; width:43%; text-align:left; }
#LearningWrap2 .sceneContTypo1 > .rightText > span					{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:left; }
#LearningWrap2 .sceneContTypo1 > .rightText .cont1					{ font-size:1.563em; color:#a07201; }
#LearningWrap2 .sceneContTypo1 > .rightText .cont2					{ font-size:5.813em; color:#000; font-family:'Open Sans', sans-serif; font-weight:800; line-height:0.8; }
#LearningWrap2 .sceneContTypo1 > .rightText .cont3					{ font-size:2.000em; color:#000; font-family:'Nanum Square'; font-weight:700; line-height:150%; margin:6% 0px 4% 0px; }
#LearningWrap2 .sceneContTypo1 > .rightText .cont4					{ font-size:1.188em; color:#000; font-weight:700; margin-bottom:30px; width:30%; }
#LearningWrap2 .sceneContTypo1 > .rightText .cont5					{ font-size:1.188em; color:#000; font-weight:700; }

#LearningWrap3														{ position:relative; width:100%; height:900px; background:url(../image/cont2-3_4.png) center top no-repeat; padding:10px 0px 100px 0px; margin-top:-17% }
#LearningWrap3 .sceneContTypo1										{ position:relative; width:90%; height:100%; max-width:1200px; margin:0 auto; }
#LearningWrap3 .sceneContTypo1 > #rightImg							{ margin-top:14%; }
#LearningWrap3 .sceneContTypo1 > .leftText							{ position:absolute; top:33%; left:0; width:39%; text-align:left; }
#LearningWrap3 .sceneContTypo1 > .leftText > span					{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:left; }
#LearningWrap3 .sceneContTypo1 > .leftText .cont1					{ font-size:1.563em; color:#a07201; }
#LearningWrap3 .sceneContTypo1 > .leftText .cont2					{ font-size:5.813em; color:#000; font-family:'Open Sans', sans-serif; font-weight:800; line-height:0.8; }
#LearningWrap3 .sceneContTypo1 > .leftText .cont3					{ font-size:2.000em; color:#000; font-family:'Nanum Square'; font-weight:700; line-height:150%; margin:9% 0px 6% 0px; }
#LearningWrap3 .sceneContTypo1 > .leftText .cont4					{ font-size:1.188em; color:#000; font-weight:700; margin-bottom:30px; }
#LearningWrap3 .sceneContTypo1 > .leftText .cont5					{ font-size:1.188em; color:#000; font-weight:700; }

#LearningWrap4														{ position:relative; width:100%; height:800px; padding:0px 0px 100px 0px; }
#LearningWrap4 .sceneContTypo1										{ position:relative; width:90%; height:100%; max-width:1200px; margin:0 auto; }
#LearningWrap4 .sceneContTypo1 #leftImg								{ margin-top:5%; }
#LearningWrap4 .sceneContTypo1 > .rightText							{ position:absolute; top:20%; right:0; width:40%; text-align:left; }
#LearningWrap4 .sceneContTypo1 > .rightText > span					{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:left; }
#LearningWrap4 .sceneContTypo1 > .rightText .cont1					{ font-size:1.563em; color:#a07201; }
#LearningWrap4 .sceneContTypo1 > .rightText .cont2					{ font-size:5.813em; color:#000; font-family:'Open Sans', sans-serif; font-weight:800; line-height:0.8; }
#LearningWrap4 .sceneContTypo1 > .rightText .cont3					{ font-size:2.000em; color:#e75957; font-family:'Nanum Square'; font-weight:700; line-height:150%; margin:6% 0px 4% 0px; }
#LearningWrap4 .sceneContTypo1 > .rightText .cont4					{ font-size:1.188em; color:#000; font-weight:700; margin-bottom:30px; }
#LearningWrap4 .sceneContTypo1 > .rightText .cont5					{ font-size:1.188em; color:#000; font-weight:700; }

#LearningWrap5														{ position:relative; width:100%; height:900px; background:url(../image/cont2-3_7.png) center top no-repeat; padding:10px 0px 100px 0px; margin-top:-170px; }
#LearningWrap5 .sceneContTypo1										{ position:relative; width:90%; height:100%; max-width:1200px; margin:0 auto; }
#LearningWrap5 .sceneContTypo1 > #rightImg							{ margin-top:11%; }
#LearningWrap5 .sceneContTypo1 > .leftText							{ position:absolute; top:40%; left:0; width:57%; text-align:left; }
#LearningWrap5 .sceneContTypo1 > .leftText > span					{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:left; }
#LearningWrap5 .sceneContTypo1 > .leftText .cont1					{ font-size:1.563em; color:#a07201; }
#LearningWrap5 .sceneContTypo1 > .leftText .cont2					{ font-size:4.813em; color:#000; font-family:'Open Sans', sans-serif; font-weight:800; line-height:0.8; }
#LearningWrap5 .sceneContTypo1 > .leftText .cont3					{ font-size:2.000em; color:#000; font-family:'Nanum Square'; font-weight:700; line-height:150%; margin:6% 0px 4% 0px; }
#LearningWrap5 .sceneContTypo1 > .leftText .cont4					{ font-size:1.188em; color:#000; font-weight:700; margin-bottom:30px; }
#LearningWrap5 .sceneContTypo1 > .leftText .cont5					{ font-size:1.188em; color:#000; font-weight:700; }

#LearningWrap6														{ position:relative; width:100%; height:800px; padding:0px 0px 100px 0px; margin-top:-6%; }
#LearningWrap6 .sceneContTypo1										{ position:relative; width:90%; height:100%; max-width:1200px; margin:0 auto; }
#LearningWrap6 .sceneContTypo1 #leftImg								{ margin-top:0; }
#LearningWrap6 .sceneContTypo1 > .rightText							{ position:absolute; top:20%; right:0; width:40%; text-align:left; }
#LearningWrap6 .sceneContTypo1 > .rightText > span					{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:left; }
#LearningWrap6 .sceneContTypo1 > .rightText .cont1					{ font-size:1.563em; color:#a07201; }
#LearningWrap6 .sceneContTypo1 > .rightText .cont2					{ font-size:5.813em; color:#000; font-family:'Open Sans', sans-serif; font-weight:800; line-height:0.8; }
#LearningWrap6 .sceneContTypo1 > .rightText .cont3					{ font-size:2.000em; color:#e75957; font-family:'Nanum Square'; font-weight:700; line-height:150%; margin:6% 0px 4% 0px; }
#LearningWrap6 .sceneContTypo1 > .rightText .cont4					{ font-size:1.188em; color:#000; font-weight:700; margin-bottom:30px; }
#LearningWrap6 .sceneContTypo1 > .rightText .cont5					{ font-size:1.188em; color:#000; font-weight:700; }

#ebookWrap															{ position:relative; width:100%; height:800px; background:url(../image/cont17-2.png) center center no-repeat; padding:100px 0px 180px 0px; margin-top:0%; }
#ebookWrap .sceneContTypo1											{ position:relative; width:90%; height:100%; max-width:1200px; margin:0 auto;  }
#ebookWrap .sceneContTypo1 > .centerText							{ width:100%; }
#ebookWrap .sceneContTypo1 > .centerText > span						{ display:inline-block; zoom:1; *display:inline; width:100%; }
#ebookWrap .sceneContTypo1 > .centerText .cont1						{ font-size:5.813em; color:#000; font-weight:800; }
#ebookWrap .sceneContTypo1 > .centerText .cont2						{ font-size:1.563em; color:#fff; font-weight:700; line-height:1; }
#ebookWrap .sceneContTypo1 > .centerText .cont3						{ font-size:2.000em; color:#000; font-family:'Nanum Square'; font-weight:700; line-height:150%; margin:6% 0px 4% 0px; }

#ebookWrap .cirBtn													{ margin:20px 0px; }

#ebookWrap2															{ position:relative; width:100%; height:1000px; background:url(../image/cont17-4.png) center center no-repeat; padding:100px 0px 100px 0px; }
#ebookWrap2 .sceneContTypo1											{ position:relative; width:90%; height:100%; max-width:1200px; margin:0 auto; }
#ebookWrap2 .sceneContTypo1 > .centerText							{ width:100%; }
#ebookWrap2 .sceneContTypo1 > .centerText > span					{ display:inline-block; zoom:1; *display:inline; width:100%; }
#ebookWrap2 .sceneContTypo1 > .centerText .cont1					{ font-size:5.813em; color:#000; font-weight:800; margin-bottom:4%; }
#ebookWrap2 .sceneContTypo1 > .centerText .cont2					{ font-size:1.300em; color:#000; font-weight:700; line-height:1; margin-bottom:2%; }
#ebookWrap2 .sceneContTypo1 > .tableText							{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:left; font-size:1em; color:#000; font-weight:700; margin-top:1%; }

#ebookWrap3															{ position:relative; width:100%; height:1750px; background:url(../image/cont17-6.png) center top no-repeat; padding:100px 0px 100px 0px; margin-top:0% }
#ebookWrap3 .sceneContTypo1											{ position:relative; width:90%; height:100%; max-width:1200px; margin:0 auto; }
#ebookWrap3 .sceneContTypo1 > .centerText							{ width:100%; }
#ebookWrap3 .sceneContTypo1 > .centerText > span					{ display:inline-block; zoom:1; *display:inline; width:100%; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont1					{ font-size:1.563em; color:#fff; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont2					{ font-size:5.813em; color:#000; font-family:'Open Sans', sans-serif; font-weight:800; line-height:1; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont3					{ font-size:2.000em; color:#000; font-family:'Nanum Square'; font-weight:700; line-height:150%; margin:9% 0px 6% 0px; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont4										{ display:inline-block; zoom:1; *display:inline; text-align:left; margin-top:-4px; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont4 > img									{ display:inline-block; zoom:1; *display:inline; float:left; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont4 > .cont4Text							{ display:inline-block; zoom:1; *display:inline; padding:0 5%; float:right; width:40%; text-align:left; margin-top:7%; color:#000; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont4 > .cont4Text .cont4_Num				{ display:inline-block; zoom:1; *display:inline; font-family:'Open Sans', sans-serif; font-weight:800; font-size:4em; color:#1895d7; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont4 > .cont4Text .cont4_title				{ display:inline-block; zoom:1; *display:inline; font-size:1.500em; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont4 > .cont4Text .cont4_text				{ display:inline-block; zoom:1; *display:inline; font-size:1.188em; margin-left:15%; font-weight:700; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont5										{ display:inline-block; zoom:1; *display:inline; text-align:left; margin-top:-4px; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont5 > img									{ display:inline-block; zoom:1; *display:inline; float:right; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont5 > .cont5Text							{ display:inline-block; zoom:1; *display:inline; padding:0 5%; float:left; width:40%; text-align:left; margin-top:7%; color:#000; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont5 > .cont5Text .cont5_Num				{ display:inline-block; zoom:1; *display:inline; font-family:'Open Sans', sans-serif; font-weight:800; font-size:4em; color:#1895d7; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont5 > .cont5Text .cont5_title				{ display:inline-block; zoom:1; *display:inline; font-size:1.500em; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont5 > .cont5Text .cont5_text				{ display:inline-block; zoom:1; *display:inline; font-size:1.188em; margin-left:15%; font-weight:700; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont6										{ display:inline-block; zoom:1; *display:inline; text-align:left; margin-top:-4px; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont6 > img									{ display:inline-block; zoom:1; *display:inline; float:left; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont6 > .cont6Text							{ display:inline-block; zoom:1; *display:inline; padding:0 5%; float:right; width:40%; text-align:left; margin-top:7%; color:#000; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont6 > .cont6Text .cont6_Num				{ display:inline-block; zoom:1; *display:inline; font-family:'Open Sans', sans-serif; font-weight:800; font-size:4em; color:#1895d7; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont6 > .cont6Text .cont6_title				{ display:inline-block; zoom:1; *display:inline; font-size:1.500em; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont6 > .cont6Text .cont6_text				{ display:inline-block; zoom:1; *display:inline; font-size:1.188em; margin-left:15%; font-weight:700; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont7										{ display:inline-block; zoom:1; *display:inline; text-align:left; margin-top:-4px; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont7 > img									{ display:inline-block; zoom:1; *display:inline; float:right; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont7 > .cont7Text							{ display:inline-block; zoom:1; *display:inline; padding:0 5%; float:left; width:40%; text-align:left; margin-top:7%; color:#000; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont7 > .cont7Text .cont7_Num				{ display:inline-block; zoom:1; *display:inline; font-family:'Open Sans', sans-serif; font-weight:800; font-size:4em; color:#1895d7; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont7 > .cont7Text .cont7_title				{ display:inline-block; zoom:1; *display:inline; font-size:1.500em; }
#ebookWrap3 .sceneContTypo1 > .centerText .cont7 > .cont7Text .cont7_text				{ display:inline-block; zoom:1; *display:inline; font-size:1.188em; margin-left:15%; font-weight:700; }


#ebookWrap4															{ position:relative; width:100%; height:1200px; background:url(../image/cont17-11.png) center center no-repeat; padding:100px 0px 100px 0px; }
#ebookWrap4 .sceneContTypo1											{ position:relative; width:90%; height:100%; max-width:1200px; margin:0 auto; }
#ebookWrap4 .sceneContTypo1 > .centerText							{ width:100%; }
#ebookWrap4 .sceneContTypo1 > .centerText > span					{ display:inline-block; zoom:1; *display:inline; width:100%; }
#ebookWrap4 .sceneContTypo1 > .centerText .cont1					{ font-size:5.813em; color:#000; font-weight:800; }
#ebookWrap4 .sceneContTypo1 > .centerText .cont2					{ font-size:1.563em; color:#000; line-height:1; padding:4% 0px 9% 0px; }
#ebookWrap4 .sceneContTypo1 > .centerText .cont3					{ display:inline-block; zoom:1; *display:inline; width:49.9%; float:left; }
#ebookWrap4 .sceneContTypo1 > .centerText .cont3 > img				{ display:inline-block; zoom:1; *display:inline; }
#ebookWrap4 .sceneContTypo1 > .centerText .cont3 > .cont3_text		{ display:inline-block; zoom:1; *display:inline; font-size:1.500em; padding:1% 0 4%; color:#000; }
#ebookWrap4 .sceneContTypo1 > .centerText .cont4					{ display:inline-block; zoom:1; *display:inline; width:49.9%; float:right; }
#ebookWrap4 .sceneContTypo1 > .centerText .cont4 > img				{ display:inline-block; zoom:1; *display:inline; }
#ebookWrap4 .sceneContTypo1 > .centerText .cont4 > .cont4_text		{ display:inline-block; zoom:1; *display:inline; font-size:1.500em; padding:1% 0 4%; color:#000; }
#ebookWrap4 .sceneContTypo1 > .centerText .cont5					{ display:inline-block; zoom:1; *display:inline; width:49.9%; float:left; }
#ebookWrap4 .sceneContTypo1 > .centerText .cont5 > img				{ display:inline-block; zoom:1; *display:inline; }
#ebookWrap4 .sceneContTypo1 > .centerText .cont5 > .cont5_text		{ display:inline-block; zoom:1; *display:inline; font-size:1.500em; padding:1% 0 4%; color:#000; }
#ebookWrap4 .sceneContTypo1 > .centerText .cont6					{ display:inline-block; zoom:1; *display:inline; width:49.9%; float:right; }
#ebookWrap4 .sceneContTypo1 > .centerText .cont6 > img				{ display:inline-block; zoom:1; *display:inline; }
#ebookWrap4 .sceneContTypo1 > .centerText .cont6 > .cont6_text		{ display:inline-block; zoom:1; *display:inline; font-size:1.500em; padding:1% 0 4%; color:#000; }

.Classification														{ display:inline-block; zoom:1; *display:inline; width:100%; margin:2% auto 0; padding:1% 0 0; font-size:2.431em; font-weight:700; }
#contTapWrap														{ width:100%; height:52px; margin:0 auto; padding:2% 0 4%; }
#contTapWrap button													{ clear:both; padding:1% 2%; font-size:1.326em; border-radius:10px; background:#fdc300; color:#000; font-weight:800; transition:.5s; }
#contTapWrap button.active											{ background:#f18800; font-size:1.526em; color:#fff; font-weight:800; }

#eBookListWrap															{ position:relative; width:100%; background:url(../image/BbackImg.png) center top no-repeat; background-size:cover; padding:100px 0px 100px 0px; margin-top:0% }

#eBookListWrap .Zaner													{ position:relative; width:90%; height:12350px; max-width:1200px; margin:0 auto; color:#000; margin-top:5%; }
#eBookListWrap .Zaner .ebookList_zaner									{ display:inline-block; zoom:1; *display:inline; font-size:3.813em; font-weight:800; margin-bottom:5%; }
#eBookListWrap .Zaner .BookList											{ display:inline-block; zoom:1; *display:inline; padding:2%; border-radius:20px; border:1px solid #000; background:rgba(200,200,200,1); margin-bottom:2%; }
#eBookListWrap .Zaner .BookList .LevelText								{ display:inline-block; zoom:1; *display:inline; font-size:1.5em; width:98%; padding:1% 1% 1%; text-align:left; border-bottom:1px solid #000; margin-bottom:2%; }
#eBookListWrap .Zaner .BookList .list									{ display:inline-block; zoom:1; *display:inline; float:left; }
#eBookListWrap .Zaner .BookList .list > span							{ display:inline-block; zoom:1; *display:inline; width:47.8%; text-align:left; padding:1%; border-bottom:1px solid #000; float:left; }
#eBookListWrap .Zaner .BookList .list > span:nth-child(2n)				{ float:right; }

#eBookListWrap .Rourke													{ position:relative; width:90%; height:11100px; max-width:1200px; margin:0 auto; color:#000; margin-top:5%; }
#eBookListWrap .Rourke .ebookList_Rourke								{ display:inline-block; zoom:1; *display:inline; font-size:3.813em; font-weight:800; margin-bottom:5%; }
#eBookListWrap .Rourke .BookList										{ display:inline-block; zoom:1; *display:inline; padding:2%; border-radius:20px; border:1px solid #000; background:rgba(200,200,200,1); margin-bottom:2%; }
#eBookListWrap .Rourke .BookList .LevelText								{ display:inline-block; zoom:1; *display:inline; font-size:1.5em; width:98%; padding:1% 1% 1%; text-align:left; border-bottom:1px solid #000; margin-bottom:2%; }
#eBookListWrap .Rourke .BookList .list									{ display:inline-block; zoom:1; *display:inline; float:left; }
#eBookListWrap .Rourke .BookList .list > span							{ display:inline-block; zoom:1; *display:inline; width:47.8%; text-align:left; padding:1%; border-bottom:1px solid #000; float:left; }
#eBookListWrap .Rourke .BookList .list > span:nth-child(2n)				{ float:right; }

#eBookListWrap .Red_Chair												{ position:relative; width:90%; height:2100px; max-width:1200px; margin:0 auto; color:#000; margin-top:5%; }
#eBookListWrap .Red_Chair .ebookList_Red_Chair							{ display:inline-block; zoom:1; *display:inline; font-size:3.813em; font-weight:800; margin-bottom:5%; }
#eBookListWrap .Red_Chair .BookList										{ display:inline-block; zoom:1; *display:inline; padding:2%; border-radius:20px; border:1px solid #000; background:rgba(200,200,200,1); margin-bottom:2%; }
#eBookListWrap .Red_Chair .BookList .LevelText							{ display:inline-block; zoom:1; *display:inline; font-size:1.5em; width:98%; padding:1% 1% 1%; text-align:left; border-bottom:1px solid #000; margin-bottom:2%; }
#eBookListWrap .Red_Chair .BookList .list								{ display:inline-block; zoom:1; *display:inline; float:left; }
#eBookListWrap .Red_Chair .BookList .list > span						{ display:inline-block; zoom:1; *display:inline; width:47.8%; text-align:left; padding:1%; border-bottom:1px solid #000; float:left; }
#eBookListWrap .Red_Chair .BookList .list > span:nth-child(2n)			{ float:right; }

.tapCont										{ position:relative; width:100%; }
#tapCont2,
#tapCont3,
#tapCont4										{ display:none; }



#Admission												{ position:relative; width:100%; max-width:1200px; height:630px; margin:0 auto; padding:10px 0px 100px 0px; }
#Admission .textArea									{ position:absolute; top:10%; right:0%; width:45%; text-align:left; }
#Admission .textArea > #rightImg						{ width:100%; float:right; margin-top:4%; }
#Admission .textArea > span								{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:left; }
#Admission .textArea > .cont1							{ font-size:5.813em; color:#000; font-family:'Open Sans', sans-serif; font-weight:800; line-height:1; }
#Admission .textArea > .cont2							{ font-size:2.250em; color:#000; line-height:1; }
#Admission .textArea > .cont3							{ font-size:1.413em; color:#000; font-family:'Nanum Square'; font-weight:700; line-height:150%; margin:6% 0px 4% 0px; }
#Admission .textArea > .cont4							{ font-size:1.413em; color:#000; font-family:'Nanum Square'; font-weight:700; line-height:150%; margin:6% 0px 4% 0px; }



#AdmissionWrap																{ position:relative; width:100%; height:700px; background:url(../image/cont2-3_7.png) center top no-repeat; padding:10px 0px 100px 0px; margin-top:-18%; }
#AdmissionWrap .sceneContTypo1												{ position:relative; width:90%; height:100%; max-width:1200px; margin:0 auto; margin-top:14%; }
#AdmissionWrap .sceneContTypo1 > .cont1										{ display:inline-block; zoom:1; *dipslay:inline; font-size:4.813em; color:#000; font-family:'Open Sans', sans-serif; font-weight:800; margin-bottom:3%; }
#AdmissionWrap .sceneContTypo1 > .cont2										{ display:inline-block; zoom:1; *dipslay:inline; font-size:1.250em; color:#000; line-height:1; }
#AdmissionWrap .sceneContTypo1 > .Admission_Process							{ margin-bottom:5%; }
#AdmissionWrap .sceneContTypo1 > .Admission_Process img						{ margin-right:2%; margin-bottom:2%; }
#AdmissionWrap .sceneContTypo1 > .Admission_Process img:nth-child(2n)		{ margin-right:2%; }
#AdmissionWrap .sceneContTypo1 > .Admission_Process img:last-child			{ margin-right:0%; }







#funEnjoy															{ position:relative; width:100%; padding:150px 0px 100px 0px; margin:0 auto; background:url(../image/cont4_6.png) center bottom no-repeat; text-align:left; }
#funEnjoy > img														{ margin:0px 0px 0px 10%; }
.sceneTitleWrap3													{ position:absolute; right:10%; top:200px; width:35%; margin:0px 0px 0px 0px; }
.sceneTitleWrap3 .cont5												{ font-size:1.188em; margin:50px 0px 0px 0px; line-height:160%; }
.sceneTitleWrap3 img												{ margin:50px 0px 0px 0px; width:100%; max-width:613px; }

#effective															{ position:relative; width:100%; padding:150px 0px; background:url(../image/cont4_9.jpg) center center no-repeat; background-color:#5ec7a8; }
#effective .itemWrap												{ position:relative; width:90%; max-width:1200px; margin:40px auto; display:inline-block; zoom:1; *display:inline; }
#effective .itemWrap .item											{ position:relative; width:23%; margin:0px 1%; float:left; }
#effective .itemWrap .item img										{ width:100%; box-shadow:10px 10px 40px rgba(0,0,0,0.2); border-radius:9999px; }
#effective .itemWrap .item span										{ display:inline-block; zoom:1; *display:inline; color:#fff; }
#effective .itemWrap .item .cont1									{ font-size:1.563em; margin:10px 0px; }
#effective .itemWrap .item .cont2									{ font-size:1em; line-height:160%; }

#quickBar															{ position:fixed; _position:absolute; right:10px; top:50%; z-index:8; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
#quickBar .letGo													{ background:#ef6c30; color:#fff; width:115px; border:3px solid #000; border-radius:10px; padding:20px 0px; display:inline-block; zoom:1; *display:inline; box-sizing:border-box; }
#quickBar .letGo span												{ font-size:1em; color:#fff; margin:10px 0px 0px 0px; display:inline-block; zoom:1; *display:inline; }
#quickMenu															{ width:115px; border:3px solid #000; border-radius:10px; margin:10px 0px 0px 0px; box-sizing:border-box; background:#fff; padding:20px 0px; }
#quickMenu a														{ margin:10px 0px; display:inline-block; zoom:1; *display:inline; }
#quickMenu a span													{ color:#000; font-size:1em; margin:5px 0px 0px 0px; display:inline-block; zoom:1; *display:inline; width:80%; }

.mypageWrap																	{ position:relative; width:90%; max-width:1200px; margin:0px auto 50px auto; display:inline-block; zoom:1; *display:inline; }
.section																	{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; margin:100px 0px 50px 0px; padding:0px 0px 50px 0px; background:#fff; vertical-align:top; }
.section .joinTitle1														{ font-size:2.131em; font-weight:800; }
.section .joinTitle2														{ display:inline-block; zoom:1; *display:inline; font-size:1.231em; margin:10px 0 20px; width:100%; }
.section .titleArea															{ position:relative; width:100%; }
.section .titleArea .iconArea												{ position:relative; width:89px; height:152px; background:#4d4b48; color:#fff; float:left; margin:0px 0px 0px 70px; }
.section .titleArea .iconArea .container									{ position:relative; display:inline-block; zoom:1; *display:inline; vertical-align:top; margin:40px 0px 0px 0px; }
.section .titleArea .iconArea .container i									{ font-size:49px; }
.section .titleArea .iconArea .container span								{ font-size:18px; display:inline-block; zoom:1; *display:inline; width:100%; text-align:center; margin:5px 0px 0px 0px; word-break:keep-all !important; -ms-word-break:keep-all !important; -webkit-word-break:keep-all !important; -moz-word-break:keep-all !important; }
.section .titleArea .textArea												{ float:left; width:850px; height:152px; line-height:152px; text-align:left; font-size:18px; color:#5a5a5a; font-weight:700; margin:0px 0px 0px 55px; }
.section .titleArea .textArea .orderResultText								{ display:inline-block; zoom:1; *display:inline; }
.section .titleArea .textArea .orderResultText .cont1						{ display:inline-block; zoom:1; *display:inline; width:100%; font-size:29px; color:#5a5a5a; margin:50px 0px 0px 0px; vertical-align:top; }
.section .titleArea .textArea .textInfo										{ display:inline-block; zoom:1; *display:inline; line-height:170%; }
.section .titleArea .dateFilter												{ position:relative; float:left; width:850px; text-align:left; font-size:18px; color:#5a5a5a; font-weight:700; margin:50px 0px 0px 55px; }
.section .titleArea .dateFilter	.title										{ display:inline-block; zoom:1; *display:inline; width:100%; margin:0px 0px 5px 0px; }
.section .titleArea .dateFilter input[type=radio]							{ position:absolute; left:-9999px; top:0px; }
.section .titleArea .dateFilter label										{ padding:10px 20px; border:1px solid #999999; font-size:12px; float:left; font-weight:normal; }
.section .titleArea .dateFilter input[type=radio]:checked + label			{ background:#4d4b48; color:#fff; border:1px solid #4d4b48; }
.section .titleArea .dateFilter > span										{ display:inline-block; zoom:1; *display:inline; margin:0px 20px 0px 0px; vertical-align:top; }
.section .titleArea .dateFilter input[type=text]							{ width:80px; height:36px; vertical-align:top; font-size:12px; }
.section .titleArea .dateFilter textArea									{ width:100%; height:80px; vertical-align:top; font-size:12px; }

.agreeWrap																	{ position:relative; width:100%; margin:0px 0px 100px 0px; }
.agreeWrap .titleArea														{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; text-align:left; }
.agreeWrap .titleArea .title												{ display:inline-block; zoom:1; *display:inline; width:100%; font-size:26px; color:#2a2a2a; }
.agreeWrap .titleArea .subTitle												{ display:inline-block; zoom:1; *display:inline; width:100%; font-size:14px; color:#a2a2a2; }
.agreeWrap textarea															{ width:100%; height:300px; border:0px; padding:50px 0px; font-size:14px; color:#757575; margin:30px 0px; box-shadow:none !important; line-height:180%; border-top:2px solid #2f2f2f; border-bottom:1px solid #2f2f2f; }
.agreeWrap .agreeArea input													{ width:15px; height:15px; box-shadow:none !important; }
.agreeWrap .agreeArea														{ position:relative; width:100%; text-align:left; font-size:14px; }

.joinStep2,
.joinStep3																	{ display:none; padding:40px 0px 40px 0px; margin:0px; }

.orderInfoInputWrap															{ position:relative; width:100%; margin:50px auto; }
.orderInfoInputWrap .title													{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:left; font-size:18px; color:#5a5a5a; margin:0px 0px 30px 0px; }
.orderInfoInputWrap .title .orderInfoSame									{ position:absolute; left:140px; top:-3px; padding:5px 10px; font-size:12px; background:#fff; color:#000; border:2px solid #000; }
.orderInfoInputWrap .title .orderInfoSame:hover								{ background:#000; border:2px solid #000; color:#fff; }
.orderInfoInputWrap .container												{ position:relative; width:100%; text-align:left; display:inline-block; zoom:1; *display:inline; }
.orderInfoInputWrap .container .item										{ position:relative; width:48%; text-align:left; display:inline-block; zoom:1; *display:inline; float:left; margin:0px 0px 50px 0px; }
.orderInfoInputWrap .container .item:nth-of-type(2n)						{ float:right; }
.orderInfoInputWrap .container .item strong									{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; text-align:left; font-weight:normal; font-size:14px; margin:0px 0px 5px 0px; }
.orderInfoInputWrap .container .item input[type=text],
.orderInfoInputWrap .container .item input[type=password]					{ width:100%; height:50px; line-height:50px;/*  background:#f9f9f9; */ border:0px; border:1px solid #ddd; box-sizing:border-box; padding:0px 20px 0px 70px; font-size:14px; border-radius:5px; }
.orderInfoInputWrap .container .item textarea								{ width:100%; height:200px; line-height:50px;/*  background:#f9f9f9; */ border:0px; border:1px solid #ddd; box-sizing:border-box; padding:0px 20px 0px 70px; font-size:14px; border-radius:5px; margin:0; }
/* .orderInfoInputWrap .container .item textarea							{ width:100%; height:100px; background:#f9f9f9; box-sizing:border-box; padding:20px; font-size:14px; border-radius:2px;  -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } */
.orderInfoInputWrap .container .item i										{ position:absolute; left:10px; top:28px; width:40px; height:40px; line-height:40px; font-size:25px; color:#a7a7a7; text-align:center; }
.orderInfoInputWrap .container .item .zipSrc								{ position:absolute; right:10px; top:34px; padding:5px 10px; background:#000; color:#fff; display:inline-block; zoom:1; *display:inline; border-radius:3px; }
.orderInfoInputWrap .container .item .radioWrap								{ position:relative; width:100%; height:40px; line-height:40px; }
.orderInfoInputWrap .container .item .radioWrap input[type="radio"]			{ position:absolute; left:-9999px; top:0px; }
.orderInfoInputWrap .container .item .radioWrap label						{ position:relative; float:left; width:50%; height:40px; font-size:14px; line-height:40px; text-align:center; border:1px solid #ddd; display:inline-block; zoom:1; *display:inline; box-sizing:border-box; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
.orderInfoInputWrap .container .item .radioWrap input:checked + label		{ background:#4d4b48; border:1px solid #4d4b48; color:#fff; }
.orderInfoInputWrap .container .item .radioWrap label:nth-of-type(1)		{ border-radius:5px 0px 0px 5px; }
.orderInfoInputWrap .container .item .radioWrap label:nth-of-type(2)		{ border-radius:0px 5px 5px 0px; }
.orderInfoInputWrap .container .item:nth-child(7)							{ position:relative; width:100%; text-align:left; display:inline-block; zoom:1; *display:inline; float:left; margin:0px 0px 50px 0px; }
.orderInfoInputWrap .container .itemText									{ position:relative; width:100%; text-align:left; display:inline-block; zoom:1; *display:inline; float:left; margin:0px 0px 5px 0px; }
.orderInfoInputWrap .container .itemText:nth-child(9)						{ position:relative; width:100%; text-align:left; display:inline-block; zoom:1; *display:inline; float:left; margin:0px 0px 50px 0px; }
.orderInfoInputWrap .container .item .joinBox								{ width:100%; height:50px; line-height:50px;/*  background:#f9f9f9; */ border:0px; border:1px solid #ddd; box-sizing:border-box; padding:0px 20px 0px 70px; font-size:14px; border-radius:5px; }
.orderInfoInputWrap .container .item .joinBox #joinBirth					{ margin-left:7px; }
.orderInfoInputWrap .container .item .joinBox #joinBirth:nth-child(1)		{ margin-left:0px; }

.alertWrap												{ position:fixed; _position:absolute; left:50%; top:0px; border:2px solid #2f2f2f; z-index:9; background:#fff; padding:0px 0px 30px 0px; opacity:0; }
.alertWrap .title										{ display:inline-block; zoom:1; *display:inline; width:100%; height:50px; line-height:50px; font-size:20px; background:#000; color:#fff; }
.alertWrap .title i										{ position:absolute; right:-17px; top:-17px; border:2px solid #000; width:30px; height:30px; line-height:30px; text-align:center; background:#fff; color:#000; border-radius:99px; cursor:pointer; }

.alertWrap .contText									{ display:inline-block; zoom:1; *display:inline; margin:20px 0px; font-size:17px; width:100%; }
.alertWrap .btnArea										{ display:inline-block; zoom:1; *display:inline; width:100%; }
.alertWrap .btnArea a									{ display:inline-block; zoom:1; *display:inline; font-size:15px; background:#000; margin:0px 5px; padding:5px 10px; color:#fff; }
.alertWrap .alertCont									{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; }
.alertWrap .inputArea									{ position:relative; display:inline-block; zoom:1; *display:inline; width:100%; }
.alertWrap .inputArea input								{ height:38px; line-height:38px; }
.alertWrap .inputArea button							{ height:40px; }
.alertWrap .messageArea									{ position:relative; width:100%; text-align:center; font-size:13px; margin:10px 0px; }

.joinComplete											{ position:relative; width:88%; padding:6%; margin:0 auto; }
.joinComplete i											{ font-size:140px; margin:50px 0px 0px 0px; }
.joinComplete span										{ display:inline-block; zoom:1; *display:inline; width:100%; }
.joinComplete .cont1									{ font-size:20px; margin:40px 0px 10px 0px; }
.joinComplete .cont2									{ font-size:16px; margin:20px 0px 10px 0px; }

#methods												{ position:relative; width:100%; }
#methods img											{ width:90%; max-width:1200px; }

#joinLogin												{ position:relative; width:100%; height:800px; }
#joinLogin .bg											{ position:absolute; left:0px; top:-250px; width:100%; height:1000px; background:url(../image/cont6_2.png) center center no-repeat; }
#joinLogin .bg .container								{ position:relative; width:90%; max-width:1200px; margin:0 auto; }
#joinLogin .bg .container img							{ position:relative; float:right; }

#access													{ position:relative; width:90%; max-width:1200px; margin:0 auto; text-align:left; padding:0px 0px 50px 0px; }
#access .mainContType7											{ position:absolute; top:20px; right:0px; width:40%; }

#toSelect												{ position:relative; width:100%; min-height:1000px; background:url(../image/cont6_5.png) center center no-repeat; }
#toSelect .container									{ position:relative; width:90%; max-width:1200px; margin:0 auto; text-align:right; }
.mainContType8											{ position:absolute; top:200px; left:0px; width:40%; text-align:left; }

#letsGo													{ position:relative; width:90%; max-width:1200px; margin:0 auto; text-align:left; padding:0px 0px 50px 0px; }
#letsGo img												{ margin:-150px 0px 0px 0px; }
.mainContType9											{ position:absolute; top:100px; right:0px; width:35%; }

.clearLine												{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; width:100%; }

.floatLeft												{ float:left !important; }

#paymentWrap											{ position:relative; width:90%; max-width:1200px; margin:0 auto 50px auto; display:inline-block; zoom:1; *display:inline; }
.grayRoundBox											{ position:relative; width:100%; border:1px solid #dddddd; background:#eee; padding:20px; box-sizing:border-box; border-radius:10px; }
.grayRoundBox .title									{ position:relative; width:100%; text-align:left; font-size:1.688em; color:#888888; box-sizing:border-box; padding:6px 0px 6px 80px; }
.grayRoundBox .title i									{ font-size:1.7em; vertical-align:middle; margin:0px 0px 0px 0px; position:absolute; left:20px; top:0px; }
.grayRoundBox .title .arrow								{ left:auto; right:20px; top:0px; }
.grayRoundBox .contentBox								{ position:relative; width:100%; margin:20px 0px; padding:0px 0px 0px 80px; box-sizing:border-box; text-align:left; display:inline-block; zoom:1; *display:inline; }

#myStatu .cont1											{ display:inline-block; zoom:1; *display:inline; width:100%; font-size:1.688em; }
#myStatu .cont2											{ display:inline-block; zoom:1; *display:inline; width:100%; font-size:2.125em;  }

#paymentSelect											{ position:relative; width:100%; margin:60px 0px; }

#normalPay 												{ margin:0px 0px 20px 0px; }
.selectPay .title										{ cursor:pointer; }
.selectPay .contentBox 									{ padding:50px 30px 0px 30px; display:none; }
#normalPay .contentBox input[type=radio]				{ /* position:absolute; left:-9999px; top:0px; */ display:none; }
#normalPay .contentBox input+label						{ position:relative; float:left; width:23%; margin:1%; border:1px solid #c1c1c1; background:#fff; border-radius:10px; text-align:center; padding:40px 0px; box-sizing:border-box; }
#normalPay .contentBox input+label .cont1				{ display:inline-block; zoom:1; *display:inline; width:100%; font-size:1.625em; }
#normalPay .contentBox input+label .cont2				{ display:inline-block; zoom:1; *display:inline; width:100%; font-size:2.250em; }
#normalPay .contentBox input:checked + label			{ border:1px solid #9c3b0e; background:#e86a30; color:#fff; }
#normalPay .contentBox input:checked + label .cont2		{ color:#fff !important; }
#normalPay .contentBox .best							{ position:absolute; width:62px; height:62px; line-height:62px; left:-31px; top:-31px; background:#000; color:#fff; border-radius:999px; }
#normalPay.active .title,
#autoPay.active .title,
#depositPay.active .title								{ color:#e86a30; }

#autoPay												{ margin:0px 0px 20px 0px; }
#autoPay .contentBox									{ padding:0px 0px 0px 0px; }
#autoPay .contentBox label								{ font-size:1.625em; }
#autoPay .contentBox input[type=radio]					{ margin:0px; }

#depositPay												{ margin:0px 0px 20px 0px; }
#depositPay .contentBox									{ padding:0px 30px; }
#depositPay .contentBox input[type=radio]				{ display:none; }
#depositPay .contentBox input+label						{ position:relative; float:left; width:23%; margin:1%; border:1px solid #c1c1c1; background:#fff; border-radius:10px; text-align:center; padding:40px 0px; box-sizing:border-box; }
#depositPay .contentBox input+label .cont1				{ display:inline-block; zoom:1; *display:inline; width:100%; font-size:1.625em; }
#depositPay .contentBox input+label .cont2				{ display:inline-block; zoom:1; *display:inline; width:100%; font-size:2.250em; }
#depositPay .contentBox input:checked + label			{ border:1px solid #9c3b0e; background:#e86a30; color:#fff; }
#depositPay .contentBox input:checked + label .cont2		{ color:#fff !important; }
#depositPay .contentBox .best							{ position:absolute; width:62px; height:62px; line-height:62px; left:-31px; top:-31px; background:#000; color:#fff; border-radius:999px; }
#depositPay .contentBox .depositCont1					{ display:inline-block; zoom:1; *display:inline; width:100%; font-size:1.500em; margin:10px 0px 10px 0px; }
#depositPay .contentBox .depositCont2					{ display:inline-block; zoom:1; *display:inline; width:100%; font-size:1.500em; margin:0px 0px 50px 0px; }

#orderCheck 											{ padding:50px; }
#orderCheck > span										{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:center; }
#orderCheck .cont1										{ font-size:8.875em; }
#orderCheck .cont2										{ font-size:1.375em; color:#666666; margin:0px 0px 35px 0px; }
#orderCheck .cont3										{ font-size:1em; color:#303030; line-height:160%; }
#orderCheck .cont4										{ position:relative; padding:20px 50px; display:inline-block; zoom:1; *display:inline; color:#303030; font-size:1.375em; border:1px solid #d0d0d0; background:#fff; border-radius:10px; margin:20px 0px; line-height:170%; }

.proLayoutImg											{ width:90%; max-width:1195px; margin:0 auto; }
#layoutInfo												{ position:relative; width:100%; height:1000px; }
#layoutInfo .container									{ position:absolute; left:0px; top:-100px; width:100%; height:1000px; background:url(../image/cont7_2.png) center center no-repeat; }
#layoutInfo .container strong							{ font-size:5.813em; color:#262626; font-family:'Open Sans', sans-serif; font-weight:800; margin:200px 0px 0px 0px; display:inline-block; zoom:1; *display:inline; }
#layoutInfo .container ul								{ position:relative; width:90%; max-width:1200px; margin:70px auto; }
#layoutInfo .container ul li							{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; text-align:left; margin:10px 0px; }
#layoutInfo .container ul li .cont1						{ position:relative; width:30%; background:#e86a30; color:#fff; padding:10px 20px; box-sizing:border-box; border-radius:5px; font-size:1.500em; float:left; }
#layoutInfo .container ul li .cont2						{ position:relative; width:70%; color:#000; padding:10px 20px; box-sizing:border-box; border-radius:5px; font-size:1.500em; float:left; }

#difficulty												{ position:relative; width:90%; max-width:1200px; margin:0 auto 100px auto; display:inline-block; zoom:1; *display:inline; }
#difficulty img											{ float:left; width:50%; }
#difficulty .contTypoType1								{ position:relative; width:45%; float:left; margin:30px 0px 30px 5%; }
#difficulty .contTypoType1 span							{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:left; }
#difficulty .contTypoType1 .cont1						{ color:#262626; font-size:5.813em; color:#262626; font-family:'Open Sans', sans-serif; font-weight:800; }
#difficulty .contTypoType1 .cont2						{ color:#000000; font-size:2.000em; font-weight:700; margin:20px 0px; }
#difficulty .contTypoType1 .cont3						{ color:#000000; font-size:1.188em; font-weight:700; }

#learningStatus											{ position:relative; width:100%; height:500px; text-align:center; z-index:8; }
#learningStatus .container								{ position:relative; width:90%; max-width:1200px; display:inline-block; zoom:1; *display:inline; margin:0 auto; text-align:left; }
#learningStatus .container img							{ float:right; margin:50px 0px; }
.mainContType10											{ position:absolute; left:0px; top:250px; width:40%; z-index:2; }
.mainContType17											{ position:absolute; left:0px; top:150px; width:40%; z-index:2; }

#analysis												{ position:relative; width:100%; background:url(../image/cont8_3.png) center center no-repeat; display:inline-block; zoom:1; *display:inline; }
#analysis .container									{ position:relative; width:90%; max-width:1200px; margin:0 auto; display:inline-block; zoom:1; *display:inline; }
#analysis .container img								{ float:left; margin:350px 0px 0px 0px; display:inline-block; zoom:1; *display:inline; width:55%; }
.mainContType11											{ position:absolute; right:0px; top:600px; width:40%; text-align:left; }

#learningGraph											{ position:relative; width:100%; }
#learningGraph .container								{ position:relative; width:90%; max-width:1200px; margin:0 auto; text-align:right; }
.mainContType12											{ position:absolute; left:0px; top:100px; width:40%; text-align:left; }

#evaluation												{ position:relative; width:100%; background:url(../image/cont9_1.png) center center no-repeat; display:inline-block; zoom:1; *display:inline; }
#evaluation .container									{ position:relative; width:90%; max-width:1200px; margin:0 auto; text-align:right; }
#evaluation .container img								{ margin:100px 0px 0px 0px; }
.mainContType13											{ position:absolute; width:35%; text-align:left; top:100px; }

#mypageWrap												{ position:relative; width:90%; max-width:1200px; margin:0 auto; }

#mypageTapWrap											{ position:relative; width:100%; display:inline-black; zoom:1; *display:inline; border:1px solid #dddddd; background:#eeeeee; display:inline-block; zoom:1; *display:inline; border-radius:10px; overflow:hidden; margin:0px 0px 35px 0px; vertical-align:top; }
#mypageTapWrap a										{ display:inline-block; zoom:1; *display:inline; float:left; width:16.6666666667%; padding:20px 0px; text-align:center; font-size:1.250em; }
#mypageTapWrap a:hover,
#mypageTapWrap a.active									{ background:#e86a30; color:#fff; }

#myPageSt												{ margin:0px 0px 35px 0px; }
#myPageSt ul											{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; }
#myPageSt ul li											{ position:relative; width:50%; float:left; display:inline-block; zoom:1; *display:inline; margin:10px 0px; font-size:1.375em; }
#myPageSt .btnArea a									{ margin:10px 0px; }

#myPageList												{ margin:0px 0px 35px 0px; }
#myPageList .item										{ position:relative; width:100%; text-align:left; padding:20px 0px 20px 80px; box-sizing:border-box; margin:0px 0px 10px 0px; }
#myPageList .item .cont1								{ position:absolute; left:10px; top:20px; }
#myPageList span										{ display:inline-block; zoom:1; *display:inline; margin:5px 20px; }

.numbering												{ position:relative; width:100%; padding:20px 0px; margin:0px 0px 50px 0px; }
.numbering a											{ display:inline-block; zoom:1; *display:inline; width:32px; height:32px; text-align:center; line-height:32px; font-size:14px; border:1px solid #b4b4b4; color:#3f3f3f; border-radius:5px; }
.numbering a.active,
.numbering a:hover										{ background:#3f3f3f; color:#fff; border:1px solid #3f3f3f; }
.numbering span											{ display:inline-block; zoom:1; *display:inline; margin:0px 20px; }

#recess													{ display:inline-block; zoom:1; *display:inline; width:100%; }
#recess span											{ display:inline-block; zoom:1; *display:inline; width:100%; }
#recess .cont1											{ font-size:1.563em; color:#000; }
#recess .cont2											{ font-size:4.063em; color:#3d3d3d; font-family:'Open Sans', sans-serif; font-weight:800; }
#recess .cont3											{ font-size:1.563em; color:#ea6948; }
#recess .cont4											{ font-size:1.188em; color:#000; }
#recess .inputWrap										{ position:relative; display:inline-block; zoom:1; *display:inline; width:90%; max-width:550px; margin:20px auto 0px auto; }
#recess .inputWrap div									{ position:relative; display:inline-block; zoom:1; *display:inline; width:100%; margin:10px auto 0px auto; border:1px solid #c64a2a; background:#ea6948; border-radius:10px; padding:20px; box-sizing:border-box; }
#recess .inputWrap div input							{ width:48%; height:40px; line-height:40px; margin:0px 1%; float:left; border:1px solid #c64a2a; background:#fff; border-radius:5px; box-sizing:border-box; font-size:1em; }
#recess .captionBox										{ position:relative; display:inline-block; zoom:1; *display:inline; width:90%; max-width:550px; margin:0 auto; padding:20px; box-sizing:border-box; border:1px solid #ddd; background:#eee; border-radius:10px; margin:20px 0px 0px 0px; }
#recess .captionBox span								{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:left; margin:5px 0px; }
#recess .btnArea a										{ margin:10px 0px; }

.noticeWrap												{ position:relative; width:90%; max-width:1200px; margin:50px auto; text-align:left; }
.noticeWrap .title										{ position:relative; width:100%; }
.noticeWrap .title span									{ font-size:22px; color:#000a2b; float:left; }
.noticeWrap .title a									{ font-size:22px; color:#000a2b; float:right; }
.noticeWrap .listWrap									{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; margin:10px 0px; }
.noticeWrap .listWrap a									{ position:relative; width:100%; padding:35px 30px; border:1px solid #ddd; display:inline-block; zoom:1; *display:inline; box-sizing:border-box; font-size:15px; margin:0px 0px 10px 0px; background:#fff; }
.noticeWrap .listWrap a:hover							{ background:#efefef; }
.noticeWrap .listWrap a .cont1							{ vertical-align:top; font-size:1em; margin:0px 0px; display:inline-block; zoom:1; *display:inline; width:100%; color:#868686 }
.noticeWrap .listWrap a .cont2							{ vertical-align:top; font-size:1.375em; margin:0px 0px 5px 0px; display:inline-block; zoom:1; *display:inline; width:100%; color:#2a2a2a; }
.noticeWrap .listWrap a .cont3							{ vertical-align:top; font-size:0.875em; margin:0px 0px; display:inline-block; zoom:1; *display:inline; width:100%; color:#757575; line-height:160%; }
.noticeWrap .listWrap a .cont4							{ vertical-align:top; font-size:0.875em; margin:0px 0px; display:inline-block; zoom:1; *display:inline; width:100%; color:#757575; margin:10px 0px 0px 0px; }
.noticeWrap .listWrap a .qnaWriteInfo					{ margin-left:32px; }
.noticeWrap .state										{ position:absolute; padding:10px 20px; color:#fff; background:#3f3f3f; border-radius:5px; right:50px; top:40px; }
.noticeWrap .state.active								{ background:#fc364e !important; }


.viewWrap														{ position:relative; width:90%; max-width:1200px; margin:50px auto; text-align:left; }
.viewWrap .titleArea											{ position:relative; width:100%; }
.viewWrap .titleArea span										{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:left; }
.viewWrap .titleArea .cont1										{ font-size:26px; color:#2a2a2a; }
.viewWrap .titleArea .cont2										{ font-size:15px; color:#757575; margin:5px 0px 0px 0px; }
.viewWrap .viewWrap												{ position:relative; width:100%; border:1px solid #dadada; background:#fff; box-sizing:border-box; padding:50px; margin:20px 0px; font-size:14px; line-height:180%; }
.viewWrap .commentWrap											{ position:relative; width:100%; border:1px solid #dadada; background:#fff; box-sizing:border-box; padding:20px 50px; margin:20px 0px; font-size:14px; line-height:180%; }
.viewWrap .commentWrap .comment									{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; }
.viewWrap .commentWrap .comment table							{ border-collapse:collapse; width:100%; }
.viewWrap .commentWrap .comment table td						{ border-bottom:1px solid #ddd; padding:20px 0px; }
.viewWrap .commentWrap .comment table .item						{ position:relative; width:100%; }
.viewWrap .commentWrap .comment table .item span				{ display:inline-block; zoom:1; *display:inline; }
.viewWrap .commentWrap .comment table .item .cont1				{ font-size:14px; color:#7a7a7a; width:100%; }
.viewWrap .commentWrap .comment table .item .cont2				{ font-size:14px; color:#7a7a7a; width:100%; margin:5px 0px; }
.viewWrap .commentWrap .comment table .item .cont3				{ position:absolute; right:0px; top:0px; }
.viewWrap .commentWrap .comment table .item .cont3 a			{ font-size:14px; }
.viewWrap .commentWrap .comment table .item .writerArea			{ display:inline-block; zoom:1; *display:inline; width:100%; }
.viewWrap .commentWrap .comment table .item input				{ width:185px; height:36px; line-height:36px; font-size:14px; border:1px solid #dadada; background:#fff; }
.viewWrap .commentWrap .comment table .item textarea			{ width:86%; height:100px; font-size:14px; border:1px solid #dadada; background:#fff; box-sizing:border-box; float:left; padding:2%; box-sizing:border-box; margin:5px 0px 0px 0px; }
.viewWrap .commentWrap .comment table .item .button				{ width:10%; height:100px; float:left; margin:5px 0px 0px 0px; }

.viewWrap .commentWrap .comment table .icon						{ width:25px; vertical-align:top; }

.editorWrap														{ position:relative; width:90%; max-width:1200px; margin:50px auto; text-align:left; }
.editorWrap .item												{ position:relative; width:100%; margin:5px 0px; }
.editorWrap .item strong										{ display:inline-block; zoom:1; *display:inline; width:100%; margin:0px 0px 5px 0px; }
.editorWrap .item input[type=text]								{ width:100%; height:42px; line-height:42px; box-sizing:border-box; font-size:1em; padding:0px 20px 0px 20px; border:1px solid #dadada; border-radius:5px; margin:0px 0px 30px 0px; }
.editorWrap .item input[type=file]								{ display:none; }
.editorWrap .item .addFile										{ width:100%; height:42px; line-height:42px; box-sizing:border-box; font-size:1em; padding:0px 20px 0px 20px; border:1px solid #dadada; display:inline-block; zoom:1; *display:inline; background:#fff; }
.editorWrap .item .addFile:hover								{ border:1px solid #39c9ff; box-shadow:0px 0px 10px rgba(122,102,86,0.5); }
.editorWrap .item .title										{ position:absolute; font-size:1em; height:42px; line-height:42px; left:20px; top:0px; z-index:3; }
.editorWrap .item textarea										{ width:100%; height:500px; border:1px solid #ddd; box-sizing:border-box; background:#fff; margin:5px 0px; border-radius:5px; padding:20px; box-sizing:border-box; font-size:1em; }
.editorWrap .item .score										{ width:100%; height:42px; line-height:42px; box-sizing:border-box; font-size:1em; padding:0px 0px 0px 100px; border:1px solid #dadada; display:inline-block; zoom:1; *display:inline; background:#fff; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.editorWrap .item .score i										{ cursor:pointer; }
.editorWrap .item .score:hover									{ border:1px solid #39c9ff; box-shadow:0px 0px 10px rgba(122,102,86,0.5); }
.editorWrap .item .score input[type=radio]						{ position:absolute; left:-9999px; }
.editorWrap .item .score input[type=radio]:checked + label		{ color:#fc364e; }
.editorWrap .item .score .active								{ color:#fc364e; }

#faqWrap														{ position:relative; width:90%; max-width:1200px; margin:50px auto; text-align:left; }
#faqWrap .item													{ position:relative; width:100%; border:1px solid #e2e2e2; padding:20px; box-sizing:border-box; cursor:pointer; margin:0px 0px 10px 0px; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
#faqWrap .item:hover											{ background:#eee; }
#faqWrap .item .question										{ position:relative; width:100%; box-sizing:border-box; padding:5px 0px 5px 40px; line-height:160%; }
#faqWrap .item .question .quIcon								{ position:absolute; left:0px; top:0px; width:30px; height:30px; line-height:30px; background:#ea6948; color:#fff; border-radius:99px; text-align:center; }
#faqWrap .item .answer											{ position:relative; width:100%; box-sizing:border-box; padding:10px 0px 10px 40px; line-height:160%; display:none; }
#faqWrap .item .answer .anIcon									{ position:absolute; left:0px; top:7px; width:30px; height:30px; line-height:30px; background:#7c6659; color:#fff; border-radius:99px; text-align:center; }

#installPro														{ position:relative; width:90%; max-width:1200px; margin:0 auto; text-align:right; }
#installPro .chromeInsBtn										{ display:inline-block; zoom:1; *display:inline; padding:10px 30px; background:#000; border-radius:10px; color:#fff; }
#installPro .chromeInsBtn img									{ margin:0px 15px 0px 0px; }
.mainContType14													{ position:absolute; width:35%; text-align:left; top:300px; left:0px; }

#remoteAss														{ position:relative; width:90%; max-width:1200px; margin:0 auto; text-align:left; }
.mainContType15													{ position:absolute; width:35%; text-align:left; top:50px; right:0px; }

#solving												{ position:relative; width:100%; height:800px; }
#solving .bg											{ position:absolute; left:0px; top:-250px; width:100%; height:1000px; background:url(../image/cont11_2.png) center center no-repeat; }
#solving .bg .container									{ position:relative; width:90%; max-width:1200px; margin:0 auto; }
#solving .bg .container img								{ position:relative; float:right; margin:300px 0px 0px 0px; }
#solving .bg .container input							{ width:90%; height:60px; line-height:60px; padding:0px 20px; box-sizing:border-box; border-radius:5px; border:1px solid #000; background:#fff; font-size:1em; }
.mainContType16											{ position:absolute; left:0px; top:300px; width:40%; text-align:left; }

#greetingWrap											{ position:relative; width:90%; max-width:1200px; margin:0 auto; display:inline-block; zoom:1; *display:inline; text-align:left; }
#greetingWrap img										{ width:90%; max-width:516px; float:right; }
#greetingWrap .greetingText								{ position:absolute; left:0px; top:40px; width:50%; }
#greetingWrap .greetingText span						{ display:inline-block; zoom:1; *display:inline; width:100%; }
#greetingWrap .greetingText .cont1						{ font-size:2em; }
#greetingWrap .greetingText .cont2						{ font-size:2.875em; font-weight:700; }
#greetingWrap .greetingText .cont3						{ font-size:1.625em; margin:50px 0px 40px 0px; line-height: 1.4;}
#greetingWrap .greetingText .cont4						{ font-size:1.188em; line-height:170%; margin:0px 0px 30px 0px; }
#greetingWrap .greetingText .cont5						{ font-size:1.188em; line-height:170%; }

#historyWrap												{ position:relative; width:100%; min-height:700px; margin-top:-350px; background:url(../image/cont12_2.png) center top no-repeat; }
#historyWrap .container										{ position:relative; width:90%; background:url(../image/cont12_3.gif) center top repeat-y; display:inline-block; zoom:1; *display:inline; margin:250px 0px 100px 0px; padding:0px 0px 50px 0px; }
#historyWrap .container .title								{ position:relative; width:50%; float:left; text-align:right; padding:0px 80px 0px 0px; box-sizing:border-box; display:inline-block; zoom:1; *display:inline; }
#historyWrap .container .title .cont1						{ display:inline-block; zoom:1; *display:inline; width:100%; font-size:5.813em; color:#262626; font-family:'Open Sans', sans-serif; font-weight:800; line-height:90%; }
#historyWrap .container .title .cont2						{ display:inline-block; zoom:1; *display:inline; width:100%; font-size:2.000em; color:#000000; line-height:160%; }
#historyWrap .container #bigCircle							{ position:absolute; left:50%; top:0px; width:127px; height:127px; background:#262626; border-radius:9999px; margin:0px 0px 0px -63.5px; }
#historyWrap .container #smallCircle						{ position:absolute; left:50%; bottom:0px; width:62px; height:62px; background:#262626; border-radius:9999px; margin:0px 0px 0px -31px; }
#historyWrap .container .list								{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; margin:50px 0px; }
#historyWrap .container .item								{ position:relative; width:50%; box-sizing:border-box; text-align:left; clear:both; padding:0px 0px 0px 30px; float:right; }
#historyWrap .container .item .dot							{ position:absolute; left:-11px; top:30px; width:22px; height:22px; background:#262626; border-radius:99px; }
#historyWrap .container .item .cont1						{ display:inline-block; zoom:1; *display:inline; width:100%; color:#262626; font-size:3.688em; font-family:'Open Sans', sans-serif; font-weight:800; }
#historyWrap .container .item .cont2						{ display:inline-block; zoom:1; *display:inline; width:100%; color:#3f3f3f; font-size:1.500em; margin:0px 0px 70px 0px; line-height:160%; }
#historyWrap .container .list .item:nth-of-type(2n)			{ float:left; text-align:right; padding:0px 30px 0px 0px; }
#historyWrap .container .list .item:nth-of-type(2n) .dot	{ left:auto; right:-11px; }

#award														{ position:relative; width:100%; max-width:1200px; margin:0 auto 100px auto; display:inline-block; zoom:1; *display:inline; }
#award > .cont1												{ display:inline-block; zoom:1; *display:inline; width:100%; font-size:5.813em; color:#262626; font-family:'Open Sans', sans-serif; font-weight:800; }
#award > .cont2												{ display:inline-block; zoom:1; *display:inline; width:100%; font-size:2.000em; color:#262626; }
#award .list												{ position:relative; width:100%; margin:50px 0px 0px 0px; }
#award .list .item											{ position:relative; display:inline-block; zoom:1; *display:inline; width:280px; margin:40px 30px; }
#award .list .item span										{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:center; }
#award .list .item .cont1									{ font-size:1em; margin:10px 0px 5px 0px; }
#award .list .item .cont2									{ font-size:1.313em; color:#000; }

#franInfo													{ position:relative; width:90%; max-width:1200px; margin:0 auto; display:inline-block; zoom:1; *display:inline; overflow:hidden; }
#franInfo .textArea											{ position:absolute; left:0px; top:200px; width:50%; z-index:4; }
#franInfo .textArea span									{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:left; }
#franInfo .textArea .cont1									{ font-size:2.000em; color:#000000; }
#franInfo .textArea .cont2									{ font-size:5.813em; color:#262626; font-family:'Open Sans', sans-serif; font-weight:800; line-height:100%; margin:0px 0px 20px 0px; }
#franInfo .textArea .cont3									{ font-size:5.813em; color:#262626; font-size:1.188em; margin:20px 0px 10px 0px; }
#franInfo .textArea .cont4									{ font-size:5.813em; color:#262626; font-size:1.188em; }
#franInfo .textArea .cont5 a								{ display:inline-block; zoom:1; *display:inline; padding:15px 70px; text-align:left; font-size:1.500em; color:#fff; background:#000; border-radius:10px; margin:80px 0px 0px 0px; }
#franInfo img												{ float:right; }

#franFaqWrap												{ position:relative; width:100%; min-height:700px; margin-top:-200px; background:url(../image/cont12_2.png) center top no-repeat; display:inline-block; zoom:1; *display:inline; text-align:center; }
#franFaqWrap .container										{ position:relative; width:90%; max-width:1200px; margin:200px auto 100px auto; display:inline-block; zoom:1; *display:inline; }
#franFaqWrap .container .title								{ position:relative; width:100%; text-align:left; display:inline-block; zoom:1; *display:inline; }
#franFaqWrap .container .cont1								{ display:inline-block; zoom:1; *display:inline; float:left; font-size:5.813em; color:#262626; font-family:'Open Sans', sans-serif; font-weight:800; }
#franFaqWrap .container .cont2								{ display:inline-block; zoom:1; *display:inline; float:left; font-size:2.000em; color:#000000; margin:30px 0px 0px 20px; font-weight:700; }

#faqChetting												{ position:relative; width:100%; text-align:left; display:inline-block; zoom:1; *display:inline; margin:0 auto; }
#faqChetting .question										{ position:relative; padding:20px 20px 20px 180px; width:80%; margin:40px 0px 40px 2%; background:#000; border-radius:10px; box-sizing:border-box; font-size:1.500em; color:#fff; line-height:170%; float:left; }
#faqChetting .question .edg									{ position:absolute; left:-5px; bottom:-1px; }
#faqChetting .question .peoImg								{ position:absolute; left:10px; top:-30px; border:3px solid #000; border-radius:999px; }
#faqChetting .question .qIcon								{ position:absolute; left:150px; top:20px; }

#faqChetting .answer										{ position:relative; padding:20px 180px 20px 50px; width:80%; margin:0px 2% 50px 0; background:#f6ca2f; border-radius:10px; box-sizing:border-box; font-size:1.500em; color:#fff; line-height:170%; float:right; border:1px solid #000; color:#000; }
#faqChetting .answer .edg									{ position:absolute; right:-8px; bottom:-2px; }
#faqChetting .answer .peoImg								{ position:absolute; right:10px; top:-30px; border:3px solid #000; border-radius:999px; }
#faqChetting .answer .qIcon									{ position:absolute; left:24px; top:20px; }

#startUp													{ position:relative; width:100%; max-width:1200px; margin:0 auto; text-align:left; }
#startUp .startUpImg										{ width:60%; max-width:738px; margin-left:30px; }
#startUp .textArea											{ position:absolute; left:50%; top:100px; width:50%; z-index:4; }
#startUp .textArea span										{ display:inline-block; zoom:1; *display:inline; width:100%; }
#startUp .textArea .cont1									{ font-size:5.213em; color:#262626; font-family:'Open Sans', sans-serif; font-weight:800; line-height:100%; }
#startUp .textArea .cont2									{ font-size:2.000em; color:#000000; font-weight:700; margin:20px 0px; }
#startUp .textArea .cont3									{ font-size:1.188em; color:#000000; line-height:170%; }
#startUp .textArea .cont4									{ font-size:1.188em; color:#000000; line-height:170%; }
#startUp .textArea a										{ display:inline-block; zoom:1; *display:inline; padding:15px 70px; text-align:left; font-size:1.500em; color:#fff; background:#000; border-radius:10px; margin:20px 0px 50px 0px; }
#startUp .textArea img										{ width:100%; max-width:533px; }

#reviewParentsWrap																{ position:relative; width:100%; margin-top:-130px; }
#reviewParentsWrap .item														{ position:relative; width:100%; min-height:662px; padding:0px 0px 100px 0px;  }
#reviewParentsWrap .item .container												{ position:relative; width:90%; max-width:1200px; margin:0 auto; display:inline-block; zoom:1; *display:inline; }
#reviewParentsWrap .item .container .textArea									{ position:absolute; }
#reviewParentsWrap .item .container .textArea > span							{ position:relative; display:inline-block; zoom:1; *display:inline; width:100%; text-align:left; }
#reviewParentsWrap .item .container .textArea .cont1							{ color:#262626; font-size:5.813em; font-family:'Open Sans', sans-serif; font-weight:800; line-height:100%; }
#reviewParentsWrap .item .container .textArea .cont2							{ color:#262626; font-size:5.813em; font-family:'Open Sans', sans-serif; font-weight:800; line-height:100%; }
#reviewParentsWrap .item .container .textArea .cont3							{ padding:0px 0px 0px 150px; box-sizing:border-box; }
#reviewParentsWrap .item .container .textArea .cont3 .cont4						{ color:#262626; font-size:5.813em; font-family:'Open Sans', sans-serif; font-weight:800; line-height:100%; position:absolute; left:0px; top:0px; box-sizing:border-box; }
#reviewParentsWrap .item .container .textArea .cont3 .cont5	span				{ display:inline-block; zoom:1; *display:inline; width:100%; box-sizing:border-box; }
#reviewParentsWrap .item .container .textArea .cont3 .cont5	span:first-child	{ font-size:2.000em; color:#000; margin:25px 0px 0px 0px; }
#reviewParentsWrap .item .container .textArea .cont3 .cont5	span:last-child		{ font-size:1.188em; color:#000; }
#reviewParentsWrap .item .container .whoImg > span span:first-child				{ color:#000; font-size:2.000em; }
#reviewParentsWrap .item .container .whoImg > span span:last-child				{ color:#000; font-size:1.438em; }
#reviewParentsWrap .item .container .textArea .cont6							{ background:#000; font-size:2.313em; color:#fff; border-radius:10px; padding:30px 40px; box-sizing:border-box; margin:70px 0px 30px 0px; }
#reviewParentsWrap .item .container .textArea .cont7							{ font-size:1.188em; color:#000; line-height:170%; }

#reviewParentsWrap .review1														{ background:url(../image/cont15_3.png) center top no-repeat; }
#reviewParentsWrap .review1 .container .textArea								{ left:0px; top:150px; width:45%; }
#reviewParentsWrap .review1 .whoImg												{ position:relative; width:45%; max-width:459px; float:right; margin:150px 0px 0px 0px; }
#reviewParentsWrap .review1 .whoImg img											{ width:100%; box-shadow:12px 12px 0px rgba(0,0,0,0.2); }
#reviewParentsWrap .review1 .whoImg > span										{ position:absolute; left:-20px; bottom:-20px; display:inline-block; zoom:1; *display:inline; background:#f6bd1e; color:#000; padding:20px 40px; border-radius:10px; text-align:left; box-shadow:12px 12px 0px rgba(0,0,0,0.2);  }

#reviewParentsWrap .review2														{ background:url(../image/cont15_6.png) center top no-repeat; }
#reviewParentsWrap .review2 .container .textArea								{ left:55%; top:150px; width:45%; }
#reviewParentsWrap .review2 .whoImg												{ position:relative; width:45%; max-width:459px; float:left; margin:150px 0px 0px 0px; }
#reviewParentsWrap .review2 .whoImg img											{ width:100%; box-shadow:12px 12px 0px rgba(0,0,0,0.2); }
#reviewParentsWrap .review2 .whoImg > span										{ position:absolute; right:-20px; bottom:-20px; display:inline-block; zoom:1; *display:inline; background:#a2e0de; color:#000; padding:20px 40px; border-radius:10px; text-align:left; box-shadow:12px 12px 0px rgba(0,0,0,0.2);  }

#reviewParentsWrap .review3														{ background:url(../image/cont15_8.png) center top no-repeat; }
#reviewParentsWrap .review3 .container .textArea								{ left:0px; top:150px; width:45%; }
#reviewParentsWrap .review3 .whoImg												{ position:relative; width:45%; max-width:459px; float:right; margin:150px 0px 0px 0px; }
#reviewParentsWrap .review3 .whoImg img											{ width:100%; box-shadow:12px 12px 0px rgba(0,0,0,0.2); }
#reviewParentsWrap .review3 .whoImg > span										{ position:absolute; left:-20px; bottom:-20px; display:inline-block; zoom:1; *display:inline; background:#efb9c0; color:#000; padding:20px 40px; border-radius:10px; text-align:left; box-shadow:12px 12px 0px rgba(0,0,0,0.2);  }

#reviewParentsWrap .review4														{ background:url(../image/cont15_10.png) center top no-repeat; }
#reviewParentsWrap .review4 .container .textArea								{ left:55%; top:150px; width:45%; }
#reviewParentsWrap .review4 .whoImg												{ position:relative; width:45%; max-width:459px; float:left; margin:150px 0px 0px 0px; }
#reviewParentsWrap .review4 .whoImg img											{ width:100%; box-shadow:12px 12px 0px rgba(0,0,0,0.2); }
#reviewParentsWrap .review4 .whoImg > span										{ position:absolute; right:-20px; bottom:-20px; display:inline-block; zoom:1; *display:inline; background:#b6d36e; color:#000; padding:20px 40px; border-radius:10px; text-align:left; box-shadow:12px 12px 0px rgba(0,0,0,0.2);  }

#reviewParentsWrap .review5														{ background:url(../image/cont15_3.png) center top no-repeat; }
#reviewParentsWrap .review5 .container .textArea								{ left:0%; top:150px; width:45%; }
#reviewParentsWrap .review5 .whoImg												{ position:relative; width:45%; max-width:459px; float:right; margin:150px 0px 0px 0px; }
#reviewParentsWrap .review5 .whoImg img											{ width:100%; box-shadow:12px 12px 0px rgba(0,0,0,0.2); }
#reviewParentsWrap .review5 .whoImg > span										{ position:absolute; left:-20px; bottom:-20px; display:inline-block; zoom:1; *display:inline; background:#b6d36e; color:#000; padding:20px 40px; border-radius:10px; text-align:left; box-shadow:12px 12px 0px rgba(0,0,0,0.2);  }

#reviewParentsWrap .review6														{ background:url(../image/cont15_6.png) center top no-repeat; margin-bottom:100px; }
#reviewParentsWrap .review6 .container .textArea								{ left:55%; top:150px; width:45%; }
#reviewParentsWrap .review6 .whoImg												{ position:relative; width:45%; max-width:459px; float:left; margin:150px 0px 0px 0px; }
#reviewParentsWrap .review6 .whoImg img											{ width:100%; box-shadow:12px 12px 0px rgba(0,0,0,0.2); }
#reviewParentsWrap .review6 .whoImg > span										{ position:absolute; right:-20px; bottom:-20px; display:inline-block; zoom:1; *display:inline; background:#b6d36e; color:#000; padding:20px 40px; border-radius:10px; text-align:left; box-shadow:12px 12px 0px rgba(0,0,0,0.2);  }

#franchiseA																		{ position:relative; width:100%; min-height:883px; padding:30px 0px; text-align:center; background:url(../image/cont16_7.png) center top no-repeat; margin:100px 0px; display:inline-block; zoom:1; *display:inline; }
#franchiseA span																{ display:inline-block; zoom:1; *display:inline; width:100%; }
#franchiseA .cont1																{ font-size:5.813em; color:#262626; font-family:'Open Sans', sans-serif; font-weight:800; margin:150px 0px 0px 0px; }
#franchiseA .cont2																{ font-size:2.000em; color:#000000; font-weight:700; margin:0px 0px 20px 0px; }
#franchiseA .cont3																{ font-size:1.188em; color:#000000; }
#franchiseA .cont4																{ position:relative; width:100%; padding:40px 0px; }
#franchiseA .cont4 img															{ margin:10px; }
#franchiseA a																	{ display:inline-block; zoom:1; *display:inline; background:#000; padding:20px 40px; color:#fff; border-radius:10px; }

#addressInfo																	{ position:relative; width:90%; max-width:1200px; margin:0 auto; }
#addressInfo span																{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:left; margin:5px 0px; }
#addressInfo .cont1																{ font-size:2.000em; color:#000; font-weight:700; }
#addressInfo .cont2																{ font-size:2.000em; color:#000; font-weight:700; }
#addressInfo .cont3																{ font-size:1.188em; color:#000; margin:20px 0px 5px 0px; }
#addressInfo .cont4																{ font-size:1.188em; color:#000; }

#locationMap																	{ position:relative; width:100%; height:700px; margin:50px 0px 100px 0px; }

.loginWrap														{ position:relative; width:90%; max-width:525px; margin:96px auto 50px auto; background:#fff; display:inline-block; zoom:1; *display:inline; border:1px solid #ddd; }
.loginWrap .title												{ position:relative; display:inline-block; zoom:1; *display:inline; width:100%; padding:50px 0px; background:#4d4b48; }
.loginWrap .title span											{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:center; color:#fff; }
.loginWrap .title span:first-child								{ font-size:1.938em; color:#ffffff; }
.loginWrap .title span:last-child								{ font-size:0.938em; color:#ffffff; }
.loginWrap .contWrap											{ position:relative; width:80%; padding:60px 0px; margin:0 auto; }
.loginWrap .contWrap .item										{ position:relative; width:100%; margin:0px 0px 16px 0px; display:inline-block; zoom:1; *display:inline; }
.loginWrap .contWrap .item input								{ width:100%; border:1px solid #dadada; box-sizing:border-box; height:47px; line-height:47px; font-size:0.875em; padding:0px 0px 0px 50px }
.loginWrap .contWrap .item label								{ position:absolute; left:15px; top:0px; height:47px; line-height:47px; font-size:1.625em; color:#a7a7a7; }
.loginWrap .contWrap .etcBtn a									{ display:inline-block; zoom:1; *display:inline; font-size:0.875em; }
.loginWrap .contWrap .button									{ margin:0px 0px 5px 0px; }

.findId															{ position:relative; width:100%; margin:0px auto 50px auto; background:#fff; display:inline-block; zoom:1; *display:inline; }
.findId .title													{ position:relative; display:inline-block; zoom:1; *display:inline; width:100%; padding:50px 0px; background:#fff; }
.findId .title span												{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:center; }
.findId .title span:first-child									{ font-size:1.938em; color:#000; }
.findId .title span:last-child									{ font-size:0.938em; color:#000; }
.findId .contWrap												{ position:relative; width:80%; padding:60px 0px; margin:0 auto; }
.findId .contWrap .item											{ position:relative; width:100%; margin:0px 0px 16px 0px; display:inline-block; zoom:1; *display:inline; }
.findId .contWrap .item input									{ width:100%; border:1px solid #dadada; box-sizing:border-box; height:47px; line-height:47px; font-size:0.875em; padding:0px 0px 0px 50px }
.findId .contWrap .item label									{ position:absolute; left:15px; top:0px; height:47px; line-height:47px; font-size:1.625em; color:#a7a7a7; }
.findId .contWrap .etcBtn a										{ display:inline-block; zoom:1; *display:inline; font-size:0.875em; }
.findId .contWrap .button										{ margin:0px 0px 5px 0px; }
.findId .contWrap .tap button									{ width:50%; float:left; display:inline-block; zoom:1; *display:inline; padding:10px 0px; font-size:1em; border:1px solid #ddd; background:#eee; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.findId .contWrap .tap .active									{ background:#ef6c30; color:#fff; border:1px solid #ce5117; }
.findId .contWrap2												{ display:none; }

.floatLeft														{ float:left; }
.floatRight														{ float:right; }

#solutionListWrap												{ position:relative; width:100%; }
#solutionListWrap a												{ display:inline-block; zoom:1; *display:inline; width:50%; float:left; box-sizing:border-box; background:#f6cc31; border:1px solid #4f4f4f; font-size:1.438em; padding:15px 0px; border-radius:10px 0px 0px 10px; margin:10px 0px; color:#000; }
#solutionListWrap a:nth-of-type(2n)								{ border-radius:0px 10px 10px 0px; }
#solutionListWrap a:hover										{ background:#000; border:1px solid #000; color:#fff; }
#solutionListWrap div											{ position:relative; width:100%; text-align:center; font-size:2.188em; color:#333333; font-weight:700; margin:0px 0px 50px 0px; }

.otherImg1														{ margin-top:100px !important; z-index:0; }

.otherCont1														{ position:relative; width:100%; padding:250px 0px; }
.otherCont1 span												{ position:relative; display:inline-block; zoom:1; *display:inline; width:30%; }
.otherCont1 a													{ display:inline-block; zoom:1; *display:inline; width:100%; background:#000; border-radius:10px; color:#fff; padding:20px 0px; text-align:center; margin:10px 0px; }

.firBtn1														{ position:relative; padding:20px 40px; background:#000; border-radius:10px; color:#fff !important; font-size:1em; top:50px; }


/* 19-05-15 비디오 추가 */
#subContentWrap.video-wrap										{height:100%}
.video-box														{margin-bottom:30px;border-bottom:1px solid #ddd;overflow:hidden}
.video-box-item													{position:relative;float:left;width:31.13%;height:368px;margin-right:3.3%;margin-bottom:3.3%;border-radius:4px;box-shadow:0 0 6px #333}
.video-box li:nth-child(3n)										{margin-right:0}
.video-box-item a												{overflow:hidden;display:block;height:100%;border-radius:4px}
.video-box-item-text											{position:absolute;bottom:0;left:0;right:0;padding:20px 20px;border-radius:0 0 4px 4px;background-color:#424242;opacity:0.8;color:#fff}
.video-box-item-text h4											{margin-bottom:8px;font-size:1.125em}
.video-box-item-text p											{font-size:0.875em}
.video-box-item-thumbnail										{height:100%}
.video-box-item-thumbnail img									{z-index:-1;position:relative;top:0;left:0;margin:0 -40%}
.video-box-item-youtubicon										{position:absolute;top:0;left:0;width:100%;line-height:284px;text-align:center}
.i-wauto-h100													{width:auto;height:100%}

.view-area													{text-align:center}
.view-box li												{overflow:hidden;width:31%;margin-right:3.5%;float:left}
.view-box li:last-child										{margin-right:0}
.w3-modal													{z-index:11;display:none;padding-top:13%;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.7)}
.w3-xxlarge													{font-size:36px}
.w3-closebtn:hover,.w3-closebtn:focus						{text-decoration:none;cursor:pointer}
.w3-modal-content											{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}.w3-closebtn{text-decoration:none;float:right;font-size:24px;font-weight:bold;color:inherit}
.w3-text-white 												{color:#fff}
.w3-display-topright										{position:absolute;right:1%;top:1%}

.paging															{margin-bottom:80px}

/*
.paging a														{display:inline-block;padding:4px 8px;font-size:16px;background-color:transparent}
.paging a:first-child											{margin-right:16px}
.paging a:last-child											{margin-left:16px}
.paging a.on													{border-radius:2px;font-weight:bold;color:#fff;background-color:#FF7E00}
*/
.paging.mobile-ver												{display:none;font-size:18px}
.paging.mobile-ver .on											{font-weight:bold;color:#FF7E00}

.paging .pagination{margin:0;padding:0;}
.paging .pagination>li{margin:0;padding:0;display:inline-block;}
.paging .pagination>li:first-child{margin-right:16px;}
.paging .pagination>li:first-child>a,.paging-test .pagination>li:last-child>a{background-color:#eee;border-radius:2px;}
.paging .pagination>li:last-child{margin-left:16px}
.paging .pagination>li a{padding:4px 8px;font-size:16px;background-color:transparent}
.paging .pagination>li.active a{border-radius:2px;font-weight:bold;color:#fff;background-color:#FF7E00}
/* 19-05-15 비디오 끝 */


@media only screen and (max-width : 1600px) {
	/*#funEnjoy > img														{ margin:0px 0px 0px 5%; }*/
	/*.sceneTitleWrap3													{ right:5%; width:40%; }*/
}


@media only screen and (max-width : 1400px) {
	/*#funEnjoy > img														{ margin:5% 0px 0px 5%; width:40%; }*/
	/*.sceneTitleWrap3													{ right:5%; width:45%; }*/
}


@media only screen and (max-width : 1370px) {
	/*#quickBar															{ right:-90px; }*/
	/*#quickBar:hover														{ right:10px; }*/
	
	#leftImg															{ width:50%; }
	#rightImg															{ width:50%; }
	
	#ebookWrap3 .sceneContTypo1 > .centerText .cont4 > img									{ float:left; width:50%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont4 > .cont4Text							{ padding:0 5%; float:right; width:40%; text-align:left; margin-top:3%; color:#000; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont5 > img									{ float:right; width:50%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont5 > .cont5Text							{ padding:0 5%; float:left; width:40%; text-align:left; margin-top:3%; color:#000; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont6 > img									{ float:left; width:50%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont6 > .cont6Text							{ padding:0 5%; float:right; width:40%; text-align:left; margin-top:3%; color:#000; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont7 > img									{ float:right; width:50%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont7 > .cont7Text							{ padding:0 5%; float:left; width:40%; text-align:left; margin-top:3%; color:#000; }
	
	
	
}


@media only screen and (max-width : 1250px) {
	body																{ font-size:15px; }
	#TOP #gnbWrap > ul > li > a											{ font-size:1.133em; }
	#TOP #gnbWrap > ul > li > ul > li > a								{ font-size:0.933em; }
	/*#sceneWrap6 .container .mainContType6 .funWrap .item				{ position:relative; width:150px; height:150px; line-height:180px; }*/

	#joinLogin .bg .container img										{ width:60%; margin:10% 0px 0px 0px; }
	#solving .bg .container img											{ width:60%; margin:300px 0px 0px 0px; }

	#access img															{ width:50%; }
	#access .mainContType7														{ top:0px; width:45%; }
	#toSelect img														{ width:50%; margin:150px 0px 0px 0px; }
	.mainContType8														{ width:45%; top:300px; }

	#letsGo img															{ margin:-150px 0px 0px 0px; width:60%; }
	.mainContType9														{ top:0px; width:35%; }

	#learningStatus .container img										{ width:50%; margin:100px 0px 0px 0px; }
	.mainContType10														{ width:40%; top:200px; }
	.mainContType17														{ width:40%; top:200px; }

	#analysis .container img											{ margin:200px 0px 0px 0px; width:50%; }
	.mainContType11														{ top:340px; width:40%; }

	#learningGraph .container img										{ width:50%; }
	.mainContType12														{ width:40%; }

	#evaluation .container img											{ width:40%; margin:100px 0px 100px 0px; float:left; }
	.mainContType13														{ position:relative; width:50%; float:left; }

	#MiddlecourseWrap													{ width:100%; padding:50px 0px 180px 0px; margin-top:-19%; }
	#MiddlecourseWrap .sceneContTypo1									{ width:90%; padding:0 5%; max-width:1200px; margin:0 auto; }
	#MiddlecourseWrap .sceneContTypo1 .leftArea							{ width:50%; float:left; text-align:left; margin-top:24%; }
	#MiddlecourseWrap .sceneContTypo1 .leftArea > span					{ display:inline-block; zoom:1; *display:inline; width:100%; }
	#MiddlecourseWrap .sceneContTypo1 > img								{ width:49.9%; margin-top:14%; }
	
	#MiddlecourseWrap2													{ width:100%; padding:100px 0px 100px 0px; margin-top:-200px; }
	#MiddlecourseWrap2 .sceneContTypo1									{ width:90%; padding:0 5%; margin:0 auto; }
	#MiddlecourseWrap2 .sceneContTypo1 .rightArea 						{ width:50%; float:right; text-align:left; margin-top:11%; }
	#MiddlecourseWrap2 .sceneContTypo1 > img							{ margin-top:8%; }
	
	#MiddlecourseWrap3													{ width:100%; padding:100px 0px 100px 0px; margin-top:0px; }
	#MiddlecourseWrap3 .sceneContTypo1									{ width:90%; padding:0 5%; max-width:1200px; margin:0 auto; }
	#MiddlecourseWrap3 .sceneContTypo1 .leftArea 						{ width:100%; float:left; text-align:left; margin-top:7%; }
	#MiddlecourseWrap3 .sceneContTypo1 > img:nth-child(2)				{ position:relative; float:right; margin-top:-28%; }
	#MiddlecourseWrap3 .sceneContTypo1 > img:nth-child(3)				{ position:relative; float:left; }
	#MiddlecourseWrap3 .sceneContTypo1 > img:nth-child(4)				{ position:relative; float:right; margin-top:-28%; }

	#MiddlecourseWrap4 .sceneContTypo1									{ width:90%; padding:0 5%; max-width:1200px; margin:0 auto; }
	#MiddlecourseWrap5 .sceneContTypo1									{ width:90%; padding:0 5%; max-width:1200px; margin:0 auto; }
	#MiddlecourseWrap6 .sceneContTypo1									{ width:90%; padding:0 5%; max-width:1200px; margin:0 auto; }
	#MiddlecourseWrap7 .sceneContTypo1									{ width:90%; padding:0 5%; max-width:1200px; margin:0 auto; }
	#MiddlecourseWrap8 .sceneContTypo1									{ width:90%; padding:0 5%; max-width:1200px; margin:0 auto; }
	#MiddlecourseWrap9 .sceneContTypo1									{ width:90%; padding:0 5%; max-width:1200px; margin:0 auto; }
	
	
}


@media only screen and (max-width : 1200px) {
	/*	.mainContType4											{ width:50%; left:50%; }
	.mainContType4 span										{ width:100%; }*/

	/*#sceneWrap6 .img1										{ width:70%; margin-right:-100px; }*/

	#installPro >  img										{ width:80%; }
	.mainContType14											{ width:40%; top:200px; }

	#remoteAss img											{ width:50%; float:left; }
	.mainContType15											{ position:relative; width:45%; right:auto; top:auto; margin:0px 0px 40px 5%; float:right; }
	
	#eBookListWrap .Zaner													{ height:11400px; }
	#eBookListWrap .Rourke													{ height:10400px; }
	#eBookListWrap .Red_Chair												{ height:2100px; }

}

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

	body												{ font-size:14px; }
	#gnbOpen											{ position:fixed; right:20px; top:20px; font-size:3em; display:inline-block; }
	#gnbClose											{ position:absolute; width:50px; height:50px; left:0px; top:50px; display:inline-block; }
	#gnbClose:hover										{ color:#fff; }
	#gnbClose i											{ font-size:2em; }

	#TOP #topMenu										{ position:absolute; width:300px; right:-300px; top:0px; padding:10px 0px; z-index:10; background:#1e1e1e; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	#TOP #topMenu a										{ float:left; width:25%; margin:5px 0px; }
	#TOP #topMenu a:hover								{ color:#fff; }

	#TOP #gnbWrap										{ position:fixed; right:-300px; top:0px; width:300px; height:100%; background:#353535; overflow-y:scroll; -webkit-overflow-scrolling:touch; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	#TOP #gnbWrap > ul									{ width:100%; margin:85px 0px 0px 0px; }
	#TOP #gnbWrap > ul > li > a							{ font-size:1.375em; box-sizing:border-box; }
	#TOP #gnbWrap > ul > li > ul > li > a				{ font-size:1em; }
	#TOP #gnbWrap > ul > li								{ width:100%; border-bottom:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(255,255,255,0.1); text-align:left; }
	#TOP #gnbWrap > ul > li > a							{ color:#fff; width:100%; }
	#TOP #gnbWrap > ul > li:hover > a					{ background:#ff7e00; }
	#TOP #gnbWrap > ul > li > ul						{ position:relative; margin:20px 0px 20px 0px; display:none; }
	#TOP #gnbWrap > ul > li > ul > li > a				{ padding:10px 10px 10px 30px; }
	#TOP #gnbWrap > ul > li > ul > li > a i				{ display:inline-block; zoom:1; *display:inline; }

	#TOP #gnbWrap.active,
	#TOP #topMenu.active								{ right:0px; }

	#review .itemWrap .item .textArea					{ margin:20px 0px 0px 0px; }

	.sceneTitleWrap3									{ top:10%; }

	#joinLogin .bg .container img						{ width:50%; margin:20% 0px 0px 0px; }
	#solving .bg .container img							{ width:50%; margin:300px 0px 0px 0px; }

	.mainContType16										{ width:50%; text-align:left; }
	#access												{ height:500px; }

	#letsGo img											{ margin:-150px 0px 0px 0px; width:50%; }
	.mainContType9										{ top:-50px; width:40%; }

	.otherCont1											{ padding:100px 0px; }
	.otherCont1 span									{ width:30%; }
	

	#leftImg															{ width:50%; }
	#rightImg															{ width:50%; }
	.centerText															{ text-align:center; }

	#CurriculumWrap														{ width:100%; height:800px; padding:50px 0px 180px 0px; margin-top:-27%; }
	#CurriculumWrap .sceneContTypo1										{ width:90%; height:100%; margin:0 auto; margin-top:22%; }
	#CurriculumWrap .sceneContTypo1 > .leftText > span					{ width:100%; text-align:left; }
	#CurriculumWrap .sceneContTypo1 > .leftText .cont1					{ font-size:1.563em; }
	#CurriculumWrap .sceneContTypo1 > .leftText .cont2					{ font-size:5.813em; }
	#CurriculumWrap .sceneContTypo1 > .leftText .cont3					{ font-size:2.000em; }
	#CurriculumWrap .sceneContTypo1 > .leftText .cont4					{ font-size:1.188em; }
	#CurriculumWrap .sceneContTypo1 > .leftText .cont5					{ font-size:1.188em; }
	#CurriculumWrap .cirBtn												{ margin:20px 0px; }

	#CurriculumWrap2													{ width:100%; height:800px; padding:0px 0px 100px 0px; }
	#CurriculumWrap2 .sceneContTypo1									{ width:90%; height:100%; margin:0 auto; margin-top:22%; }
	#CurriculumWrap2 .sceneContTypo1 > .rightText						{ width:43%; text-align:left; }
	#CurriculumWrap2 .sceneContTypo1 > .rightText > span				{ width:100%; text-align:left; }
	#CurriculumWrap2 .sceneContTypo1 > .rightText .cont1				{ font-size:1.563em; }
	#CurriculumWrap2 .sceneContTypo1 > .rightText .cont2				{ font-size:5.813em; }
	#CurriculumWrap2 .sceneContTypo1 > .rightText .cont3				{ font-size:2.000em; }
	#CurriculumWrap2 .sceneContTypo1 > .rightText .cont4				{ font-size:1.188em; }
	#CurriculumWrap2 .sceneContTypo1 > .rightText .cont5				{ font-size:1.188em; }

	#CurriculumWrap3													{ width:100%; height:900px; padding:10px 0px 100px 0px; margin-top:10%; }
	#CurriculumWrap3 .sceneContTypo1									{ width:90%; height:100%; margin:0 auto; margin-top:20%; }
	#CurriculumWrap3 .sceneContTypo1 > #rightImg						{ width:80%; float:none;; margin-top:4%; }
	#CurriculumWrap3 .sceneContTypo1 > .leftText						{ width:39%; text-align:left; }
	#CurriculumWrap3 .sceneContTypo1 > .leftText > span					{ width:100%; text-align:left; }
	#CurriculumWrap3 .sceneContTypo1 > .leftText .cont1					{ font-size:1.563em; }
	#CurriculumWrap3 .sceneContTypo1 > .leftText .cont2					{ font-size:5.813em; }
	#CurriculumWrap3 .sceneContTypo1 > .leftText .cont3					{ font-size:2.000em; }
	#CurriculumWrap3 .sceneContTypo1 > .leftText .cont4					{ font-size:1.188em; }
	#CurriculumWrap3 .sceneContTypo1 > .leftText .cont5					{ font-size:1.188em; }

	#CurriculumWrap4													{ width:100%; height:1000px; padding:0px 0px 100px 0px; }
	#CurriculumWrap4 .sceneContTypo1									{ width:90%; height:100%; margin:0 auto; margin-top:22%; }
	#CurriculumWrap4 .sceneContTypo1 #leftImg							{ width:80%; float:none; margin-top:6%; }
	#CurriculumWrap4 .sceneContTypo1 > .rightText						{ width:40%; text-align:left; }
	#CurriculumWrap4 .sceneContTypo1 > .rightText > span				{ width:100%; text-align:left; }
	#CurriculumWrap4 .sceneContTypo1 > .rightText .cont1				{ font-size:1.563em; }
	#CurriculumWrap4 .sceneContTypo1 > .rightText .cont2				{ font-size:5.813em; }
	#CurriculumWrap4 .sceneContTypo1 > .rightText .cont3				{ font-size:2.000em; }
	#CurriculumWrap4 .sceneContTypo1 > .rightText .cont4				{ font-size:1.188em; }
	#CurriculumWrap4 .sceneContTypo1 > .rightText .cont5				{ font-size:1.188em; }

	
	
	#LearningWrap														{ position:relative; width:100%; height:800px; padding:50px 0px 180px 0px; }
	#LearningWrap .sceneContTypo1										{ position:relative; width:90%; height:100%; margin:0 auto;  }
	#LearningWrap .sceneContTypo1 > #rightImg							{ margin-top:4%; }
	#LearningWrap .sceneContTypo1 > .leftText							{ position:absolute; top:40%; left:0; width:45%; text-align:left; }
	#LearningWrap .sceneContTypo1 > .leftText > span					{ width:100%; text-align:left; }
	#LearningWrap .sceneContTypo1 > .leftText .cont1					{ font-size:1.563em; }
	#LearningWrap .sceneContTypo1 > .leftText .cont2					{ font-size:5.813em; }
	#LearningWrap .sceneContTypo1 > .leftText .cont3					{ font-size:2.000em; }
	#LearningWrap .sceneContTypo1 > .leftText .cont4					{ font-size:1.188em; }
	#LearningWrap .sceneContTypo1 > .leftText .cont5					{ font-size:1.188em; }

	#LearningWrap2														{ position:relative; width:100%; height:800px; padding:0px 0px 100px 0px; }
	#LearningWrap2 .sceneContTypo1										{ position:relative; width:90%; height:100%; margin:0 auto; }
	#LearningWrap2 .sceneContTypo1 #leftImg								{  }
	#LearningWrap2 .sceneContTypo1 > .rightText							{ position:absolute; top:20%; right:0; width:43%; text-align:left; }
	#LearningWrap2 .sceneContTypo1 > .rightText > span					{ width:100%; text-align:left; }
	#LearningWrap2 .sceneContTypo1 > .rightText .cont1					{ font-size:1.563em; }
	#LearningWrap2 .sceneContTypo1 > .rightText .cont2					{ font-size:5.813em; }
	#LearningWrap2 .sceneContTypo1 > .rightText .cont3					{ font-size:2.000em; }
	#LearningWrap2 .sceneContTypo1 > .rightText .cont4					{ font-size:1.188em; }
	#LearningWrap2 .sceneContTypo1 > .rightText .cont5					{ font-size:1.188em; }

	#LearningWrap3														{ position:relative; width:100%; height:900px; padding:10px 0px 100px 0px; }
	#LearningWrap3 .sceneContTypo1										{ position:relative; width:90%; height:100%; margin:0 auto; }
	#LearningWrap3 .sceneContTypo1 > #rightImg							{ margin-top:14%; }
	#LearningWrap3 .sceneContTypo1 > .leftText							{ position:absolute; top:33%; left:0; width:39%; text-align:left; }
	#LearningWrap3 .sceneContTypo1 > .leftText > span					{ width:100%; text-align:left; }
	#LearningWrap3 .sceneContTypo1 > .leftText .cont1					{ font-size:1.563em; }
	#LearningWrap3 .sceneContTypo1 > .leftText .cont2					{ font-size:5.813em; }
	#LearningWrap3 .sceneContTypo1 > .leftText .cont3					{ font-size:2.000em; }
	#LearningWrap3 .sceneContTypo1 > .leftText .cont4					{ font-size:1.188em; }
	#LearningWrap3 .sceneContTypo1 > .leftText .cont5					{ font-size:1.188em; }

	#LearningWrap4														{ position:relative; width:100%; height:800px; padding:0px 0px 100px 0px; }
	#LearningWrap4 .sceneContTypo1										{ position:relative; width:90%; height:100%; margin:0 auto; }
	#LearningWrap4 .sceneContTypo1 #leftImg								{ margin-top:5%; }
	#LearningWrap4 .sceneContTypo1 > .rightText							{ position:absolute; top:20%; right:0; width:40%; text-align:left; }
	#LearningWrap4 .sceneContTypo1 > .rightText > span					{ width:100%; text-align:left; }
	#LearningWrap4 .sceneContTypo1 > .rightText .cont1					{ font-size:1.563em; }
	#LearningWrap4 .sceneContTypo1 > .rightText .cont2					{ font-size:5.813em; }
	#LearningWrap4 .sceneContTypo1 > .rightText .cont3					{ font-size:2.000em; }
	#LearningWrap4 .sceneContTypo1 > .rightText .cont4					{ font-size:1.188em; }
	#LearningWrap4 .sceneContTypo1 > .rightText .cont5					{ font-size:1.188em; }

	#LearningWrap5														{ position:relative; width:100%; height:900px; padding:10px 0px 100px 0px;  }
	#LearningWrap5 .sceneContTypo1										{ position:relative; width:90%; height:100%; margin:0 auto; }
	#LearningWrap5 .sceneContTypo1 > #rightImg							{ margin-top:11%; }
	#LearningWrap5 .sceneContTypo1 > .leftText							{ position:absolute; top:40%; left:0; width:57%; text-align:left; }
	#LearningWrap5 .sceneContTypo1 > .leftText > span					{ width:100%; text-align:left; }
	#LearningWrap5 .sceneContTypo1 > .leftText .cont1					{ font-size:1.563em; }
	#LearningWrap5 .sceneContTypo1 > .leftText .cont2					{ font-size:4.813em; }
	#LearningWrap5 .sceneContTypo1 > .leftText .cont3					{ font-size:2.000em; }
	#LearningWrap5 .sceneContTypo1 > .leftText .cont4					{ font-size:1.188em; }
	#LearningWrap5 .sceneContTypo1 > .leftText .cont5					{ font-size:1.188em; }

	#LearningWrap6														{ position:relative; width:100%; height:800px; padding:0px 0px 100px 0px;  }
	#LearningWrap6 .sceneContTypo1										{ position:relative; width:90%; height:100%; margin:0 auto; }
	#LearningWrap6 .sceneContTypo1 #leftImg								{ margin-top:0; }
	#LearningWrap6 .sceneContTypo1 > .rightText							{ position:absolute; top:20%; right:0; width:40%; text-align:left; }
	#LearningWrap6 .sceneContTypo1 > .rightText > span					{ width:100%; text-align:left; }
	#LearningWrap6 .sceneContTypo1 > .rightText .cont1					{ font-size:1.563em; }
	#LearningWrap6 .sceneContTypo1 > .rightText .cont2					{ font-size:5.813em; }
	#LearningWrap6 .sceneContTypo1 > .rightText .cont3					{ font-size:2.000em; }
	#LearningWrap6 .sceneContTypo1 > .rightText .cont4					{ font-size:1.188em; }
	#LearningWrap6 .sceneContTypo1 > .rightText .cont5					{ font-size:1.188em; }

	#centerImg															{ width:100%; }
	#ebookWrap .sceneContTypo1 > .centerText .cont1						{ font-size:5.813em; }
	#ebookWrap .sceneContTypo1 > .centerText .cont2						{ font-size:1.563em; }
	#ebookWrap .sceneContTypo1 > .centerText .cont3						{ font-size:2.000em; }

	#ebookWrap2 .sceneContTypo1 > .centerText .cont1					{ font-size:5.813em; color:#000; font-weight:800; margin-bottom:4%; }
	#ebookWrap2 .sceneContTypo1 > .centerText .cont2					{ font-size:1.300em; color:#000; font-weight:700; line-height:1; margin-bottom:2%; }
	#ebookWrap2 .sceneContTypo1 > .tableText							{ display:inline-block; zoom:1; *display:inline; width:100%; text-align:left; font-size:1em; color:#000; font-weight:700; margin-top:1%; }

	#ebookWrap3 .sceneContTypo1 > .centerText .cont1					{ font-size:1.563em; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont2					{ font-size:5.813em; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont3					{ font-size:2.000em; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont4										{ text-align:left; margin-top:-4px; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont4 > img									{ float:left; width:50%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont4 > .cont4Text							{ padding:0 5%; float:right; width:40%; text-align:left; margin-top:3%; color:#000; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont4 > .cont4Text .cont4_Num				{ font-weight:800; font-size:4em; color:#1895d7; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont4 > .cont4Text .cont4_title				{ font-size:1.500em; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont4 > .cont4Text .cont4_text				{ font-size:1.188em; margin-left:15%; font-weight:700; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont5										{ text-align:left; margin-top:-4px; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont5 > img									{ float:right; width:50%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont5 > .cont5Text							{ padding:0 5%; float:left; width:40%; text-align:left; margin-top:3%; color:#000; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont5 > .cont5Text .cont5_Num				{ font-weight:800; font-size:4em; color:#1895d7; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont5 > .cont5Text .cont5_title				{ font-size:1.500em; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont5 > .cont5Text .cont5_text				{ font-size:1.188em; margin-left:15%; font-weight:700; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont6										{ text-align:left; margin-top:-4px; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont6 > img									{ float:left; width:50%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont6 > .cont6Text							{ padding:0 5%; float:right; width:40%; text-align:left; margin-top:3%; color:#000; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont6 > .cont6Text .cont6_Num				{ font-weight:800; font-size:4em; color:#1895d7; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont6 > .cont6Text .cont6_title				{ font-size:1.500em; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont6 > .cont6Text .cont6_text				{ font-size:1.188em; margin-left:15%; font-weight:700; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont7										{ text-align:left; margin-top:-4px; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont7 > img									{ float:right; width:50%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont7 > .cont7Text							{ padding:0 5%; float:left; width:40%; text-align:left; margin-top:3%; color:#000; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont7 > .cont7Text .cont7_Num				{ font-weight:800; font-size:4em; color:#1895d7; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont7 > .cont7Text .cont7_title				{ font-size:1.500em; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont7 > .cont7Text .cont7_text				{ font-size:1.188em; margin-left:15%; font-weight:700; }

	#ebookWrap4 .sceneContTypo1 > .centerText .cont1					{ font-size:5.813em; color:#000; font-weight:800; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont2					{ font-size:1.563em; color:#000; line-height:1; padding:4% 0px 9% 0px; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont3					{ width:49.9%; float:left; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont3 > img				{ width:80%; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont3 > .cont3_text		{ font-size:1.300em; padding:1% 0 4%; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont4					{ width:49.9%; float:right; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont4 > img				{ width:80%; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont4 > .cont4_text		{ font-size:1.300em; padding:1% 0 4%; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont5					{ width:49.9%; float:left; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont5 > img				{ width:80%; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont5 > .cont5_text		{ font-size:1.300em; padding:1% 0 4%; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont6					{ width:49.9%; float:right; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont6 > img				{ width:80%; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont6 > .cont6_text		{ font-size:1.300em; padding:1% 0 4%; }

	



	
	
	
}

@media only screen and (max-width : 1050px) {
	#aboutEath .typoArea span								{ padding:0px 0px 0px 0px; }
}

@media only screen and (max-width : 1000px) {
	body	{ font-size:15px; }
	/*#sceneWrap6 .img1										{ width:70%; margin-top:20%; margin-right:-50px; }*/

	#mainVisual .item 										{ height:800px; }

	#mainVisual .item .typoArea  {top: 15%;}
	#mainVisual .item .container .video1					{ display:inline-block; zoom:1; *display:inline; position:absolute; top:45%; left:25%; width:20%; }
	#mainVisual .item .container .video1 > img				{ width:100%; }
	#mainVisual .item .container .video2					{ display:inline-block; zoom:1; *display:inline; position:absolute; top:40%; left:45%; width:20%; }
	#mainVisual .item .container .video2 > img				{ width:100%; }
	#msgBox2 {margin-right: -400px;}

	.mainContType_a  {width: 96%; margin: 0 auto;}
	#sceneWrap3 #inner {padding: 16% 0;}
	#sceneWrap3 #systemImage img { width: 100%; margin: 0 auto;}

	#sceneWrap4 #inner {padding: 16% 0;  margin: -140px 0 0 0; }
	#sceneWrap4 #systemImage { margin: 3em 0 0 0; }

	#sceneWrap5 #inner {padding: 16% 0;  margin: -120px 0 0 0; }
	#sceneWrap5 #systemImage { margin: 3em 0 0 0; }

	#sceneWrap6 #inner {padding: 16% 0;  margin: -160px 0 0 0; }
	#sceneWrap6 .img2  { float: none; }
	#sceneWrap6 .img2 > img { width: 80%; }
	#sceneWrap6 .img1 {left: 6%; top: 160px; width: 50% }

	#sceneWrap7 .mainContType_a {float: none; width: 80%; text-align: center;}
	#sceneWrap7 #systemImage {float: none; width: 60%; margin: 2em auto;}
	#sceneWrap7 #systemImage img {width: 100%; }

	#review .itemWrap .item									{ width:100%; }
	#review .itemWrap .item .textArea						{ margin:0px 0px 80px 0px; width:100%; background:#eee; padding:20px 40px 20px 100px; }
	#review .itemWrap .item .textArea .cont1				{ left:20px; top:20px; }

	#access img												{ width:40%; }
	#access .mainContType7											{ top:0px; width:50%; }

	#toSelect img											{ width:50%; margin:250px 0px 0px 0px; }
	.mainContType8											{ width:45%; top:300px; }

	#difficulty img											{ width:40%; }
	#difficulty .contTypoType1								{ width:55%; }

	#analysis .container img								{ margin:200px 0px 0px 0px; width:40%; }
	/*.mainContType11											{ top:240px; width:50%; }*/

	#CurriculumWrap .sceneContTypo1 > .leftText					{ position:relative; top:auto; left:auto; width:100%; text-align:left; }
	#CurriculumWrap2 .sceneContTypo1 > .rightText				{ position:relative; top:auto; left:auto; width:100%; text-align:left; }
	#CurriculumWrap3 .sceneContTypo1 > .leftText				{ position:relative; top:auto; left:auto; width:100%; text-align:left; }
	#CurriculumWrap4 .sceneContTypo1 > .rightText				{ position:relative; top:auto; left:auto; width:100%; text-align:left; }
	
	#CurriculumWrap .sceneContTypo1 > .leftText .cont1					{ font-size:1.563em; }
	#CurriculumWrap .sceneContTypo1 > .leftText .cont2					{ font-size:5.813em; }
	#CurriculumWrap .sceneContTypo1 > .leftText .cont3					{ font-size:2.000em; }
	#CurriculumWrap .sceneContTypo1 > .leftText .cont4					{ font-size:1.188em; }
	#CurriculumWrap .sceneContTypo1 > .leftText .cont4 > br				{ display:none; }
	#CurriculumWrap .sceneContTypo1 > .leftText .cont5					{ font-size:1.188em; }
	#CurriculumWrap2 .sceneContTypo1 > .rightText .cont1				{ font-size:1.563em; }
	#CurriculumWrap2 .sceneContTypo1 > .rightText .cont2				{ font-size:5.813em; }
	#CurriculumWrap2 .sceneContTypo1 > .rightText .cont3				{ font-size:2.000em; }
	#CurriculumWrap2 .sceneContTypo1 > .rightText .cont4				{ font-size:1.188em; }
	#CurriculumWrap2 .sceneContTypo1 > .rightText .cont4 > br			{ display:none; }
	#CurriculumWrap2 .sceneContTypo1 > .rightText .cont5				{ font-size:1.188em; }
	#CurriculumWrap3 .sceneContTypo1 > .leftText .cont1					{ font-size:1.563em; }
	#CurriculumWrap3 .sceneContTypo1 > .leftText .cont2					{ font-size:5.813em; }
	#CurriculumWrap3 .sceneContTypo1 > .leftText .cont3					{ font-size:2.000em; }
	#CurriculumWrap3 .sceneContTypo1 > .leftText .cont4					{ font-size:1.188em; }
	#CurriculumWrap3 .sceneContTypo1 > .leftText .cont4 > br			{ display:none; }
	#CurriculumWrap3 .sceneContTypo1 > .leftText .cont5					{ font-size:1.188em; }
	#CurriculumWrap4 .sceneContTypo1 > .rightText .cont1				{ font-size:1.563em; }
	#CurriculumWrap4 .sceneContTypo1 > .rightText .cont2				{ font-size:5.813em; }
	#CurriculumWrap4 .sceneContTypo1 > .rightText .cont3				{ font-size:2.000em; }
	#CurriculumWrap4 .sceneContTypo1 > .rightText .cont4				{ font-size:1.188em; }
	#CurriculumWrap4 .sceneContTypo1 > .rightText .cont4 > br			{ display:none; }
	#CurriculumWrap4 .sceneContTypo1 > .rightText .cont5				{ font-size:1.188em; }

	#MiddlecourseWrap .sceneContTypo1 > .leftText					{ position:relative; top:auto; left:auto; width:100%; text-align:left; }
	#MiddlecourseWrap2 .sceneContTypo1 > .rightText				{ position:relative; top:auto; left:auto; width:100%; text-align:left; }
	#MiddlecourseWrap3 .sceneContTypo1 > .leftText				{ position:relative; top:auto; left:auto; width:100%; text-align:left; }
	#MiddlecourseWrap4 .sceneContTypo1 > .rightText				{ position:relative; top:auto; left:auto; width:100%; text-align:left; }
	#MiddlecourseWrap5 .sceneContTypo1 > .leftText				{ position:relative; top:auto; left:auto; width:100%; text-align:left; }
	#MiddlecourseWrap6 .sceneContTypo1 > .rightText				{ position:relative; top:auto; left:auto; width:100%; text-align:left; }
	#MiddlecourseWrap7 .sceneContTypo1 > .leftText				{ position:relative; top:auto; left:auto; width:100%; text-align:left; }
	#MiddlecourseWrap8 .sceneContTypo1 > .rightText				{ position:relative; top:auto; left:auto; width:100%; text-align:left; }
	#MiddlecourseWrap9 .sceneContTypo1 > .leftText				{ position:relative; top:auto; left:auto; width:100%; text-align:left; }
	
	#MiddlecourseWrap .sceneContTypo1 > .leftText .cont1					{ font-size:1.563em; }
	#MiddlecourseWrap .sceneContTypo1 > .leftText .cont2					{ font-size:5.813em; }
	#MiddlecourseWrap .sceneContTypo1 > .leftText .cont3					{ font-size:2.000em; }
	#MiddlecourseWrap .sceneContTypo1 > .leftText .cont4					{ font-size:1.188em; }
	#MiddlecourseWrap .sceneContTypo1 > .leftText .cont4 > br				{ display:none; }
	#MiddlecourseWrap .sceneContTypo1 > .leftText .cont5					{ font-size:1.188em; }
	#MiddlecourseWrap2 .sceneContTypo1 > .rightText .cont1				{ font-size:1.563em; }
	#MiddlecourseWrap2 .sceneContTypo1 > .rightText .cont2				{ font-size:5.813em; }
	#MiddlecourseWrap2 .sceneContTypo1 > .rightText .cont3				{ font-size:2.000em; }
	#MiddlecourseWrap2 .sceneContTypo1 > .rightText .cont4				{ font-size:1.188em; }
	#MiddlecourseWrap2 .sceneContTypo1 > .rightText .cont4 > br			{ display:none; }
	#MiddlecourseWrap2 .sceneContTypo1 > .rightText .cont5				{ font-size:1.188em; }
	#MiddlecourseWrap3 .sceneContTypo1 > .leftText .cont1				{ font-size:1.563em; }
	#MiddlecourseWrap3 .sceneContTypo1 > .leftText .cont2				{ font-size:5.813em; }
	#MiddlecourseWrap3 .sceneContTypo1 > .leftText .cont3				{ font-size:2.000em; }
	#MiddlecourseWrap3 .sceneContTypo1 > .leftText .cont4				{ font-size:1.188em; }
	#MiddlecourseWrap3 .sceneContTypo1 > .leftText .cont4 > br			{ display:none; }
	#MiddlecourseWrap3 .sceneContTypo1 > .leftText .cont5				{ font-size:1.188em; }
	#MiddlecourseWrap4 .sceneContTypo1 > .rightText .cont1				{ font-size:1.563em; }
	#MiddlecourseWrap4 .sceneContTypo1 > .rightText .cont2				{ font-size:5.813em; }
	#MiddlecourseWrap4 .sceneContTypo1 > .rightText .cont3				{ font-size:2.000em; }
	#MiddlecourseWrap4 .sceneContTypo1 > .rightText .cont4				{ font-size:1.188em; }
	#MiddlecourseWrap4 .sceneContTypo1 > .rightText .cont4 > br			{ display:none; }
	#MiddlecourseWrap4 .sceneContTypo1 > .rightText .cont5				{ font-size:1.188em; }
	#MiddlecourseWrap5 .sceneContTypo1 > .rightText .cont1				{ font-size:1.563em; }
	#MiddlecourseWrap5 .sceneContTypo1 > .rightText .cont2				{ font-size:4.813em; }
	#MiddlecourseWrap5 .sceneContTypo1 > .rightText .cont3				{ font-size:2.000em; }
	#MiddlecourseWrap5 .sceneContTypo1 > .rightText .cont4				{ font-size:1.188em; }
	#MiddlecourseWrap5 .sceneContTypo1 > .rightText .cont4 > br			{ display:none; }
	#MiddlecourseWrap5 .sceneContTypo1 > .rightText .cont5				{ font-size:1.188em; }
	#MiddlecourseWrap6 .sceneContTypo1 > .rightText .cont1				{ font-size:1.563em; }
	#MiddlecourseWrap6 .sceneContTypo1 > .rightText .cont2				{ font-size:4.813em; }
	#MiddlecourseWrap6 .sceneContTypo1 > .rightText .cont3				{ font-size:2.000em; }
	#MiddlecourseWrap6 .sceneContTypo1 > .rightText .cont4				{ font-size:1.188em; }
	#MiddlecourseWrap6 .sceneContTypo1 > .rightText .cont5				{ font-size:1.188em; }
	#MiddlecourseWrap7 .sceneContTypo1 > .rightText .cont1				{ font-size:1.563em; }
	#MiddlecourseWrap7 .sceneContTypo1 > .rightText .cont2				{ font-size:4.813em; }
	#MiddlecourseWrap7 .sceneContTypo1 > .rightText .cont3				{ font-size:2.000em; }
	#MiddlecourseWrap7 .sceneContTypo1 > .rightText .cont4				{ font-size:1.188em; }
	#MiddlecourseWrap7 .sceneContTypo1 > .rightText .cont5				{ font-size:1.188em; }
	#MiddlecourseWrap8 .sceneContTypo1 > .rightText .cont1				{ font-size:1.563em; }
	#MiddlecourseWrap8 .sceneContTypo1 > .rightText .cont2				{ font-size:4.813em; }
	#MiddlecourseWrap8 .sceneContTypo1 > .rightText .cont3				{ font-size:2.000em; }
	#MiddlecourseWrap8 .sceneContTypo1 > .rightText .cont4				{ font-size:1.188em; }
	#MiddlecourseWrap8 .sceneContTypo1 > .rightText .cont5				{ font-size:1.188em; }
	#MiddlecourseWrap9 .sceneContTypo1 > .rightText .cont1				{ font-size:1.563em; }
	#MiddlecourseWrap9 .sceneContTypo1 > .rightText .cont2				{ font-size:4.813em; }
	#MiddlecourseWrap9 .sceneContTypo1 > .rightText .cont3				{ font-size:2.000em; }
	#MiddlecourseWrap9 .sceneContTypo1 > .rightText .cont4				{ font-size:1.188em; }
	#MiddlecourseWrap9 .sceneContTypo1 > .rightText .cont5				{ font-size:1.188em; }
	
	#eBookListWrap .Zaner													{ height:10300px; }
	#eBookListWrap .Rourke													{ height:9300px; }
	#eBookListWrap .Red_Chair												{ height:2100px; }
	
	
	#MiddlecourseWrap2													{ width:100%; padding:100px 0px 100px 0px; margin-top:-100px; }
	#MiddlecourseWrap2 .sceneContTypo1									{ width:90%; padding:0 5%; margin:0 auto; }
	#MiddlecourseWrap2 .sceneContTypo1 .rightArea 						{ width:50%; float:right; text-align:left; margin-top:11%; }
	#MiddlecourseWrap2 .sceneContTypo1 > img							{ margin-top:8%; }
	#MiddlecourseWrap2 .sceneContTypo1 .rightArea .cont2				{ font-size:4.275em; }
	#MiddlecourseWrap2 .sceneContTypo1 .rightArea .cont4				{  }
	#MiddlecourseWrap2 .sceneContTypo1 .rightArea .cont7				{ z-index:99; }
	
	#MiddlecourseWrap3 .sceneContTypo1 > img:nth-child(2)				{ width:50%; float:right; margin-top:-28%; }
	#MiddlecourseWrap3 .sceneContTypo1 > img:nth-child(3)				{ width:50%; float:left; }
	#MiddlecourseWrap3 .sceneContTypo1 > img:nth-child(4)				{ width:50%; float:right; margin-top:-16%; }
	
	
	#MiddlecourseWrap4													{ width:100%; padding:100px 0px 100px 0px; margin-top:0px; }
	#MiddlecourseWrap6													{ width:100%; padding:100px 0px 100px 0px; margin-top:0px; }
	#MiddlecourseWrap8													{ width:100%; padding:100px 0px 100px 0px; margin-top:-300px; }
	
	
	#MiddlecourseWrap5													{ width:100%; padding:100px 0px 100px 0px; margin-top:0px; }
	#MiddlecourseWrap5 .sceneContTypo1									{ width:90%; padding:0 5%; max-width:1200px; height:1300px; margin:0 auto; }
	#MiddlecourseWrap5 .sceneContTypo1 .leftArea 						{ width:100%; float:none; text-align:left; margin-top:7%; }
	#MiddlecourseWrap5 .sceneContTypo1 > img							{ width:100%; }



	/* 19-05-15 비디오 추가 */
	.video-box-item														{width:48%;margin-right:4%;margin-bottom:4%}
	.video-box li:nth-child(3n)											{margin-right:4%}
	.video-box li:nth-child(2n), .video-box li:nth-child(6)				{margin-right:0}
	/* 19-05-15 비디오 끝 */
	
}

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

	#mainVisual .item .typoArea  {position: relative; margin: 1em 0 0 0; width: 100%; padding: 0 0 0 2%; box-sizing: border-box; }
	#mainVisual .item .typoArea2 { position: relative; margin: -12em 0 0 0; width: 100%; text-align: right;}
	#mainVisual .item .typoArea2 > img {width:46%;}

	#sceneWrap1 #inner {padding: 15% 0;}
	#msgBox1 { width: 70%; margin: 0 auto; float: none;}

	#sceneWrap2 {height: auto;}
	#sceneWrap2 #inner {padding: 16% 0; margin: -160px 0 0 0; height: auto;}
	#igirl { display: none; }
	#msgBox2 { position: relative; width: 70%; margin:0em auto 2em; top: auto; right: auto;}

	#sceneWrap3 #inner {margin: -210px 0 0 0;}


	#contTitleWrap #contTitle											{ width:100%; }
	#contTitleWrap #locationTextWrap									{ position:absolute; width:100%; text-align:left; padding:0px 0px 0px 0px; left:0px; top:30px; }
	#contTitleWrap #locationTextWrap span								{ width:auto; float:left; }
	#contTitleWrap #locationTextWrap .cont1								{ display:none; }
	#contTitleWrap #locationTextWrap .arrow								{ display:block; float:left; margin:5px 10px; }
	#aboutEath .typoArea												{ position:absolute; left:50%; top:300px; margin:0px 0px 0px -50px; width:50%; }

	#normalPay .contentBox input+label .cont2				{ font-size:2em; }
	#depositPay .contentBox input+label .cont2				{ font-size:2em; }

	#installPro >  img										{ width:70%; }
	.mainContType14											{ width:40%; top:100px; }

	#greetingWrap img										{ width:60%; }
	#greetingWrap .greetingText								{ width:50%; top:100px; }

	#historyWrap .container .title							{ position:relative; width:100%; text-align:center; padding:0px; margin:-130px 0px 130px 0px; }

	#franInfo .textArea										{ width:50%; }
	#franInfo img											{ width:80%; margin-right:-100px; }


	#metaCognitionWrap .sceneContTypo1 .cont1							{ font-size:1.500em; color:#000; }
	#metaCognitionWrap .sceneContTypo1 .cont2							{ font-size:2.125em; color:#000; }
	#metaCognitionWrap .sceneContTypo1 .cont3							{ font-size:1.250em; color:#666; }
	#metaCognitionWrap2 .sceneContTypo1 .funWrap .item					{ margin:0 2% 1em; text-align:center; background:#ff9600; }
	#metaCognitionWrap2 .sceneContTypo1 .funWrap .item > span			{ font-size:1.788em; color:#fff; font-weight: 700; }
	#metaCognitionWrap2 .sceneContTypo1 .funWrap .item > span span		{ font-size:16px; color:#fff; width:100%; line-height: 140%; margin: 14px 0 0 0;}

}

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


	/*#mainVisual .item 										{ height:600px; }*/

	#access .mainContType7											{ position:relative; width:100%; right:auto; top:auto; text-align:left; margin:0px 0px 50px 0px; }
	#access .mainContType7 .mainContTypo4							{ margin:10px 0px; }
	#access													{ height:auto; text-align:center; }
	#access img												{ width:100%; margin:0 auto; }

	#toSelect 												{ min-height:auto; }
	#toSelect img											{ width:100%; margin:50px 0px 0px 0px; }
	.mainContType8											{ position:relative; left:auto; top:auto; width:100%; }
	.mainContType8 .mainContTypo4							{ margin:10px 0px; }

	#letsGo img												{ margin:20px 0px 0px 0px; width:100%; }
	.mainContType9											{ position:relative; right:auto; top:auto; width:100%; }
	.mainContType9 .mainContTypo4							{ margin:10px 0px; }

	#difficulty img											{ margin-top:50px; }

	.mainContType10											{ width:40%; top:150px; }
	.mainContType17											{ width:40%; top:150px; }

	#startUp .textArea										{ top:50px; }

	#leftImg															{ width:80%; float:none; margin-top:5%; }
	#rightImg															{ width:80%; float:none; margin-top:5%; }
	
	
	#LearningWrap														{ position:relative; width:100%; height:540px; padding:150px 0px 180px 0px; }
	#LearningWrap .sceneContTypo1										{ position:relative; width:90%; height:100%; margin:0 auto;  }
	#LearningWrap .sceneContTypo1 > #rightImg							{ margin-top:4%; width:100%; }
	#LearningWrap .sceneContTypo1 > .leftText							{ position:relative; top:auto; left:auto; width:100%; text-align:left; }
	#LearningWrap .sceneContTypo1 > .leftText > span					{ width:100%; text-align:left; }
	#LearningWrap .sceneContTypo1 > .leftText .cont1					{ font-size:1.563em; }
	#LearningWrap .sceneContTypo1 > .leftText .cont2					{ font-size:3.413em; }
	#LearningWrap .sceneContTypo1 > .leftText .cont3					{ font-size:1.7em; }
	#LearningWrap .sceneContTypo1 > .leftText .cont4					{ font-size:1.188em; }
	#LearningWrap .sceneContTypo1 > .leftText .cont5					{ font-size:1.188em; }

	#LearningWrap2														{ position:relative; width:100%; height:800px; padding:0px 0px 100px 0px; }
	#LearningWrap2 .sceneContTypo1										{ position:relative; width:90%; height:100%; margin:0 auto; margin-top:20%; }
	#LearningWrap2 .sceneContTypo1 #leftImg								{ width:100%; }
	#LearningWrap2 .sceneContTypo1 > .rightText							{ position:relative; top:auto; right:auto; width:100%; text-align:left; }
	#LearningWrap2 .sceneContTypo1 > .rightText > span					{ width:100%; text-align:left; }
	#LearningWrap2 .sceneContTypo1 > .rightText .cont1					{ font-size:1.563em; }
	#LearningWrap2 .sceneContTypo1 > .rightText .cont2					{ font-size:3.413em; }
	#LearningWrap2 .sceneContTypo1 > .rightText .cont3					{ font-size:1.7em; }
	#LearningWrap2 .sceneContTypo1 > .rightText .cont4					{ font-size:1.188em; }
	#LearningWrap2 .sceneContTypo1 > .rightText .cont4 > br				{ display:none; }
	#LearningWrap2 .sceneContTypo1 > .rightText .cont5					{ font-size:1.188em; }

	#LearningWrap3														{ position:relative; width:100%; height:830px; padding:250px 0px 100px 0px; margin-top:-90%; }
	#LearningWrap3 .sceneContTypo1										{ position:relative; width:90%; height:100%; margin:0 auto; }
	#LearningWrap3 .sceneContTypo1 > #rightImg							{ margin-top:14%; width:100%; }
	#LearningWrap3 .sceneContTypo1 > .leftText							{ position:relative; top:auto; left:auto; width:100%; text-align:left; }
	#LearningWrap3 .sceneContTypo1 > .leftText > span					{ width:100%; text-align:left; }
	#LearningWrap3 .sceneContTypo1 > .leftText .cont1					{ font-size:1.563em; }
	#LearningWrap3 .sceneContTypo1 > .leftText .cont2					{ font-size:3.413em; }
	#LearningWrap3 .sceneContTypo1 > .leftText .cont3					{ font-size:1.7em; }
	#LearningWrap3 .sceneContTypo1 > .leftText .cont4					{ font-size:1.188em; }
	#LearningWrap3 .sceneContTypo1 > .leftText .cont4 > br				{ display:none; }
	#LearningWrap3 .sceneContTypo1 > .leftText .cont5					{ font-size:1.188em; }

	#LearningWrap4														{ position:relative; width:100%; height:800px; padding:0px 0px 100px 0px; }
	#LearningWrap4 .sceneContTypo1										{ position:relative; width:90%; height:100%; margin:0 auto; }
	#LearningWrap4 .sceneContTypo1 #leftImg								{ margin-top:5%; width:100%; }
	#LearningWrap4 .sceneContTypo1 > .rightText							{ position:relative; top:auto; right:auto; width:100%; text-align:left; }
	#LearningWrap4 .sceneContTypo1 > .rightText > span					{ width:100%; text-align:left; }
	#LearningWrap4 .sceneContTypo1 > .rightText .cont1					{ font-size:1.563em; }
	#LearningWrap4 .sceneContTypo1 > .rightText .cont2					{ font-size:3.413em; }
	#LearningWrap4 .sceneContTypo1 > .rightText .cont3					{ font-size:1.7em; }
	#LearningWrap4 .sceneContTypo1 > .rightText .cont4					{ font-size:1.188em; }
	#LearningWrap4 .sceneContTypo1 > .rightText .cont4 > br				{ display:none; }
	#LearningWrap4 .sceneContTypo1 > .rightText .cont5					{ font-size:1.188em; }

	#LearningWrap5														{ position:relative; width:100%; height:900px; padding:200px 0px 100px 0px;  }
	#LearningWrap5 .sceneContTypo1										{ position:relative; width:90%; height:100%; margin:0 auto; }
	#LearningWrap5 .sceneContTypo1 > #rightImg							{ margin-top:11%; width:100%; }
	#LearningWrap5 .sceneContTypo1 > .leftText							{ position:relative; top:auto; left:auto; width:100%; text-align:left; }
	#LearningWrap5 .sceneContTypo1 > .leftText > span					{ width:100%; text-align:left; }
	#LearningWrap5 .sceneContTypo1 > .leftText .cont1					{ font-size:1.563em; }
	#LearningWrap5 .sceneContTypo1 > .leftText .cont2					{ font-size:3.413em; }
	#LearningWrap5 .sceneContTypo1 > .leftText .cont3					{ font-size:1.7em; }
	#LearningWrap5 .sceneContTypo1 > .leftText .cont4					{ font-size:1.188em; }
	#LearningWrap5 .sceneContTypo1 > .leftText .cont4 > br				{ display:none; }
	#LearningWrap5 .sceneContTypo1 > .leftText .cont5					{ font-size:1.188em; }

	#LearningWrap6														{ position:relative; width:100%; height:800px; padding:0px 0px 100px 0px;  }
	#LearningWrap6 .sceneContTypo1										{ position:relative; width:90%; height:100%; margin:0 auto; }
	#LearningWrap6 .sceneContTypo1 #leftImg								{ margin-top:0; width:100%; }
	#LearningWrap6 .sceneContTypo1 > .rightText							{ position:relative; top:auto; right:auto; width:100%; text-align:left; }
	#LearningWrap6 .sceneContTypo1 > .rightText > span					{ width:100%; text-align:left; }
	#LearningWrap6 .sceneContTypo1 > .rightText .cont1					{ font-size:1.563em; }
	#LearningWrap6 .sceneContTypo1 > .rightText .cont2					{ font-size:3.413em; }
	#LearningWrap6 .sceneContTypo1 > .rightText .cont3					{ font-size:1.7em; }
	#LearningWrap6 .sceneContTypo1 > .rightText .cont4					{ font-size:1.188em; }
	#LearningWrap6 .sceneContTypo1 > .rightText .cont4 > br				{ display:none; }
	#LearningWrap6 .sceneContTypo1 > .rightText .cont5					{ font-size:1.188em; }

	
	
	#ManagementWrap														{ width:100%; height:900px; padding:10px 0px 100px 0px; margin-top:0px; }
	#ManagementWrap .sceneContTypo1										{ width:90%; height:100%; max-width:1200px; margin:0 auto; }
	#ManagementWrap .sceneContTypo1 > #rightImg							{ width:100%; float:none; margin-top:4%; }
	#ManagementWrap .sceneContTypo1 > .leftText							{ position:relative; top:auto; left:auto; width:100%; text-align:left; }
	#ManagementWrap .sceneContTypo1 > .leftText > span					{ width:100%; text-align:left; }
	#ManagementWrap .sceneContTypo1 > .leftText .cont1					{ font-size:5.813em; }
	#ManagementWrap .sceneContTypo1 > .leftText .cont2					{ font-size:1.550em; }
	#ManagementWrap .sceneContTypo1 > .leftText .cont3					{ font-size:1.213em; }
	#ManagementWrap .sceneContTypo1 > .leftText .cont3 > br				{ display:none; }
	
	
	
	#eBookListWrap .Zaner													{ height:9400px; }
	#eBookListWrap .Rourke													{ height:8400px; }
	#eBookListWrap .Red_Chair												{ height:1600px; }
	
	
	#MiddlecourseWrap													{ width:100%; padding:50px 0px 180px 0px; margin-top:-19%; }
	#MiddlecourseWrap .sceneContTypo1									{ width:90%; padding:0 5%; margin:0 auto; }
	#MiddlecourseWrap .sceneContTypo1 .leftArea							{ width:100%; float:none; margin-top:24%; position:relative; }
	#MiddlecourseWrap .sceneContTypo1 .leftArea span:nth-child(9)		{ position:absolute; right:0%; top:58%; width:50%; }
	#MiddlecourseWrap .sceneContTypo1 .leftArea .cont4 > img			{ position:absolute; left:auto; right:0; top:0%; width:85%; }
	#MiddlecourseWrap .sceneContTypo1 > img								{ width:100%; margin-top:12%; }
	
	#MiddlecourseWrap2													{ width:100%; padding:100px 0px 100px 0px; margin-top:-400px; }
	#MiddlecourseWrap2 .sceneContTypo1									{ width:90%; padding:0 5%; margin:0 auto; }
	#MiddlecourseWrap2 .sceneContTypo1 .rightArea 						{ width:100%; float:none; margin-top:24%; position:relative; }
	#MiddlecourseWrap2 .sceneContTypo1 > img							{ width:100%; margin-top:12%; }
	#MiddlecourseWrap2 .sceneContTypo1 .rightArea .cont2				{ font-size:4.275em; }
	#MiddlecourseWrap2 .sceneContTypo1 .rightArea .cont7				{ z-index:99; }
	
	
	#MiddlecourseWrap4													{ width:100%; padding:100px 0px 100px 0px; margin-top:0px; }
	#MiddlecourseWrap4 .sceneContTypo1									{ width:90%; padding:0 5%; max-width:1200px; height:1400px; margin:0 auto; }
	#MiddlecourseWrap4 .sceneContTypo1 .rightArea 						{ width:100%; float:left; text-align:left; margin-top:7%; }
	#MiddlecourseWrap4 .sceneContTypo1 > img							{ width:100%; }
	
	#MiddlecourseWrap6													{ width:100%; padding:100px 0px 100px 0px; margin-top:0px; }
	#MiddlecourseWrap6 .sceneContTypo1									{ width:90%; padding:0 5%; max-width:1200px; height:1400px; margin:0 auto; }
	#MiddlecourseWrap6 .sceneContTypo1 .rightArea 						{ width:100%; float:left; text-align:left; margin-top:7%; }
	#MiddlecourseWrap6 .sceneContTypo1 > img							{ width:100%; }
	
	#MiddlecourseWrap8													{ width:100%; padding:100px 0px 100px 0px; margin-top:0px; }
	#MiddlecourseWrap8 .sceneContTypo1									{ width:90%; padding:0 5%; max-width:1200px; height:1400px; margin:0 auto; }
	#MiddlecourseWrap8 .sceneContTypo1 .rightArea 						{ width:100%; float:left; text-align:left; margin-top:7%; }
	#MiddlecourseWrap8 .sceneContTypo1 > img							{ width:100%; }
	
	#MiddlecourseWrap7													{ width:100%; padding:100px 0px 100px 0px; margin-top:0px; }
	#MiddlecourseWrap7 .sceneContTypo1									{ width:90%; padding:0 5%; max-width:1200px; height:1400px; margin:0 auto; }
	#MiddlecourseWrap7 .sceneContTypo1 .leftArea 						{ width:100%; float:left; text-align:left; margin-top:7%; }
	#MiddlecourseWrap7 .sceneContTypo1 > img							{ width:100%; }
	
	#MiddlecourseWrap9													{ width:100%; padding:100px 0px 100px 0px; margin-top:0px; }
	#MiddlecourseWrap9 .sceneContTypo1									{ width:90%; padding:0 5%; max-width:1200px; height:1900px; margin:0 auto; }
	#MiddlecourseWrap9 .sceneContTypo1 .leftArea 						{ width:100%; float:left; text-align:left; margin-top:7%; }
	#MiddlecourseWrap9 .sceneContTypo1 > img							{ width:100%; }
	
	
	
}

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


	/*.mainContType1											{ position:absolute; left:10%; top:570px; width:80%; margin:0px 0px 0px 0px; text-align:left; }*/
	/*.mainContType2											{ top:300px; left:10%; width:40%; }*/

	/*#sceneWrap1												{ height:1500px; }*/

	#sceneWrap2 #inner {margin: -130px 0 0 0; }
	#sceneWrap3 #inner {margin: -150px 0 0 0;}
	#sceneWrap6 #inner {margin: -130px 0 0 0; }

	#funEnjoy												{ text-align:center; }
	#funEnjoy > img											{ width:80%; margin:0px auto; }
	.sceneTitleWrap3										{ position:relative; right:auto; top:auto; width:80%; margin:0px auto 50px auto;  }

	.orderInfoInputWrap .container .item					{ width:100%; text-align:left; display:inline-block; zoom:1; *display:inline; float:left; margin:0px 0px 50px 0px; }

	#joinLogin .bg .container img							{ width:50%; margin:30% 0px 0px 0px; }
	#solving .bg .container img								{ width:50%; margin:300px 0px 0px 0px; }
	./*mainContType6*/											{ width:50%; text-align:left; }
	.mainContType16											{ width:50%; text-align:left; }

	#normalPay .contentBox input+label						{ width:48%; margin:1%; }
	#depositPay .contentBox input+label						{ width:48%; margin:1%; }

	#myPageSt ul li											{ width:100%; }

	#installPro												{ text-align:center; }
	#installPro >  img										{ width:90%; margin:0 auto; }
	.mainContType14											{ position:relative; width:90%; top:auto; left:auto; }

	#greetingWrap img										{ width:100%; max-width:100%; }
	#greetingWrap .greetingText								{ position:relative; width:100%; left:auto; top:auto; margin:50px 0px; }

	#franInfo .textArea										{ width:50%; top:100px; }
	#franInfo .textArea .cont5 a							{ margin:20px 0px 0px 0px; }

	#startUp .startUpImg									{ width:90%; max-width:100%; margin-left:0px; }
	#startUp .textArea										{ position:relative; left:auto; top:auto; width:90%; margin:0 auto; }

	#reviewParentsWrap .item .container .textArea			{ position:relative; }
	#reviewParentsWrap .item .container .textArea			{ left:auto; top:auto; width:100%; margin-top:150px; }
	#reviewParentsWrap .item .whoImg						{ width:100%; max-width:459px; float:right; margin:50px auto 0px auto; float:none; }
	#reviewParentsWrap .item .whoImg > span					{ right:auto; left:-20px; bottom:-20px; }

}

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

	#footer													{ /*margin-bottom:70px; */}
	#studyGo												{ display:none; }
	#quickBar												{ right:auto; top:auto; bottom:0px; left:0px; z-index:8; width:100%; border-top:3px solid #000; background:#fff; }
	#quickBar .letGo										{ float:left; display:inline-block; zoom:1; *display:inline; width:20%; border:0px; border-radius:0px; padding:5px 0px; }
	#quickBar .letGo span									{ font-size:1em; color:#fff; margin:10px 0px 0px 0px; display:inline-block; zoom:1; *display:inline; width:100%; }
	#quickMenu												{ width:80%; border:0px; border-radius:0px; margin:0px 0px 0px 0px; padding:5px 0px; float:left; }
	#quickMenu a											{ margin:0px 0px; width:25%; float:left; }
	#quickMenu a span										{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

	#difficulty img											{ width:100%; }
	#difficulty .contTypoType1								{ width:100%; }

	#learningStatus .container img							{ width:100%; margin:0px 0px 0px 0px; }
	.mainContType10											{ position:relative; left:auto; top:auto; width:100%; margin:100px 0px 0px 0px; }
	.mainContType17											{ position:relative; left:auto; top:auto; width:100%; margin:100px 0px 0px 0px; }

	#learningStatus											{ height:auto; }

	#analysis .container img								{ width:90%; margin:40px auto; float:none; }
	.mainContType11											{ position:relative; width:90%; left:auto; right:auto; top:auto; margin:0 auto; }

	#learningGraph .container img							{ width:90%; }
	#learningGraph .container								{ position:relative; text-align:center; }
	.mainContType12											{ position:relative; width:90%; left:auto; top:auto; margin:50px auto 40px auto; }

	#evaluation .container									{ text-align:center; }
	#evaluation .container img								{ width:90%; margin:100px 0px 100px 0px; float:none; }
	.mainContType13											{ width:90%; float:none; margin:50px auto; }

	#remoteAss img											{ width:90%; float:none; }
	.mainContType15											{ width:90%; margin:0px auto; float:none; }

	#franInfo .textArea										{ position:relative; width:100%; left:auto; top:auto; }
	#franInfo img											{ margin:0px; float:none; width:100%; }

	.otherCont1 span										{ width:80%; }
	.otherCont1 span a										{ width:40%; }

	#ebookWrap3																				{ height:2250px; background-size:cover; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont4										{ text-align:left; margin-top:-4px; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont4 > img									{ float:left; width:50%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont4 > .cont4Text							{ padding:0 5%; float:right; width:40%; text-align:left; margin-top:3%; color:#000; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont4 > .cont4Text .cont4_Num				{ font-weight:800; font-size:4em; color:#1895d7; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont4 > .cont4Text .cont4_title				{ font-size:1.500em; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont4 > .cont4Text .cont4_text				{ font-size:1em; margin-left:15%; font-weight:400; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont4 > .cont4Text .cont4_text > br			{ display:none; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont5										{ text-align:left; margin-top:-4px; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont5 > img									{ float:right; width:50%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont5 > .cont5Text							{ padding:0 5%; float:left; width:40%; text-align:left; margin-top:3%; color:#000; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont5 > .cont5Text .cont5_Num				{ font-weight:800; font-size:4em; color:#1895d7; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont5 > .cont5Text .cont5_title				{ font-size:1.500em; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont5 > .cont5Text .cont5_text				{ font-size:1em; margin-left:15%; font-weight:400; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont5 > .cont5Text .cont5_text > br			{ display:none; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont6										{ text-align:left; margin-top:-4px; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont6 > img									{ float:left; width:50%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont6 > .cont6Text							{ padding:0 5%; float:right; width:40%; text-align:left; margin-top:3%; color:#000; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont6 > .cont6Text .cont6_Num				{ font-weight:800; font-size:4em; color:#1895d7; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont6 > .cont6Text .cont6_title				{ font-size:1.500em; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont6 > .cont6Text .cont6_text				{ font-size:1em; margin-left:15%; font-weight:400; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont6 > .cont6Text .cont6_text > br			{ display:none; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont7										{ text-align:left; margin-top:-4px; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont7 > img									{ float:right; width:50%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont7 > .cont7Text							{ padding:0 5%; float:left; width:40%; text-align:left; margin-top:3%; color:#000; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont7 > .cont7Text .cont7_Num				{ font-weight:800; font-size:4em; color:#1895d7; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont7 > .cont7Text .cont7_title				{ font-size:1.500em; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont7 > .cont7Text .cont7_text				{ font-size:1em; margin-left:15%; font-weight:400; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont7 > .cont7Text .cont7_text > br			{ display:none; }
	
	
	
	
	#eBookListWrap .Zaner													{ height:9400px; }
	#eBookListWrap .Rourke													{ height:8400px; }
	#eBookListWrap .Red_Chair												{ height:1600px; }
	
	
	
	#MiddlecourseWrap4													{ width:100%; padding:100px 0px 100px 0px; margin-top:0px; }
	#MiddlecourseWrap4 .sceneContTypo1									{ width:90%; padding:0 5%; max-width:1200px; height:1200px; margin:100px auto 0; }
	#MiddlecourseWrap4 .sceneContTypo1 .rightArea 						{ width:100%; float:none; text-align:left; margin-top:7%; }
	
	#MiddlecourseWrap5													{ width:100%; padding:100px 0px 100px 0px; margin-top:0px; }
	#MiddlecourseWrap5 .sceneContTypo1									{ width:90%; padding:0 5%; max-width:1200px; height:1300px; margin:0 auto; }
	#MiddlecourseWrap5 .sceneContTypo1 .leftArea 						{ width:100%; float:none; text-align:left; margin-top:7%; }
	#MiddlecourseWrap5 .sceneContTypo1 > img							{ width:100%; }
	
}

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

	/*#mainVisual .item .typoArea .typoText2						{ display:none; }*/

	#mainVisual .item .typoArea {top: 12%;}
	#mainVisual .item .typoArea2 { margin: -7em 0 0 0; }

	#aboutEath .typoArea									{ position:relative; left:auto; top:auto; margin:50px auto 0px auto; width:90%; }
	#aboutEath .typoArea span								{ width:100%; text-align:center; }
	#aboutEath .typoArea .cirBtn							{ width:100%; padding-left:9px; padding-right:0px; box-sizing:border-box; }
	#aboutEath #aboutImg1									{ position:relative; left:auto; top:auto; margin:0px 0px 0px 0px; width:100%; }

	#effective .itemWrap .item								{ width:40%; margin:0px 5% 20px 5%; }


	/* 19-05-15 비디오 추가 */
	.video-box												{width:97%;margin:0 auto 30px}
	.video-box-item											{display:block;width:100%;margin:0 0 6% 0}
	.video-box-item-thumbnail img							{margin:0}
	.video-box-item-text h4									{font-size:1.4em}
	.video-box-item-text p									{font-size:1.08em}
	.paging.pc-ver											{display:none}
	.paging.mobile-ver										{display:block}
	/* 19-05-15 비디오 끝 */

}

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

	/*.mainContType2														{ top:300px; left:10%; width:40%; }*/
	/*#iphone																{ top:250px; width:40%; }*/

	#joinLogin															{ height:1000px; }
	#solving															{ height:1000px; }
	#joinLogin .bg .container img										{ width:80%; margin:0px 0px 0px 0px; float:none; }
	#solving .bg .container img											{ width:90%; margin:50px 0px 0px 0px; float:none; }
	.mainContType6														{ position:relative; left:auto; top:auto; width:100%; margin:280px 0px 0px 0px; text-align:left; }
	.mainContType16														{ position:relative; left:auto; top:auto; width:100%; margin:280px 0px 0px 0px; text-align:left; }
	#joinLogin .mainContTypo4											{ margin:10px 0px; }
	#solving .mainContTypo4											{ margin:10px 0px; }

	#layoutInfo .container												{ height:1100px; }

	#ebookWrap3																				{ height:2410px; background-size:cover; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont4										{ text-align:left; margin-top:3%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont4 > img									{ float:none; width:100%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont4 > .cont4Text							{ padding:0 5%; float:none; width:90%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont4 > .cont4Text .cont4_Num				{ font-weight:800; font-size:4em; color:#1895d7; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont4 > .cont4Text .cont4_title				{ font-size:1.500em; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont4 > .cont4Text .cont4_text				{ font-size:1.2em; margin-left:15%; font-weight:400; margin-bottom:4%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont4 > .cont4Text .cont4_text > br			{ display:none; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont5										{ text-align:left; margin-top:3%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont5 > img									{ float:none; width:100%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont5 > .cont5Text							{ padding:0 5%; float:none; width:90%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont5 > .cont5Text .cont5_Num				{ font-weight:800; font-size:4em; color:#1895d7; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont5 > .cont5Text .cont5_title				{ font-size:1.500em; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont5 > .cont5Text .cont5_text				{ font-size:1.2em; margin-left:15%; font-weight:400; margin-bottom:4%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont5 > .cont5Text .cont5_text > br			{ display:none; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont6										{ text-align:left; margin-top:3%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont6 > img									{ float:none; width:100%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont6 > .cont6Text							{ padding:0 5%; float:none; width:90%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont6 > .cont6Text .cont6_Num				{ font-weight:800; font-size:4em; color:#1895d7; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont6 > .cont6Text .cont6_title				{ font-size:1.500em; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont6 > .cont6Text .cont6_text				{ font-size:1.2em; margin-left:15%; font-weight:400; margin-bottom:4%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont6 > .cont6Text .cont6_text > br			{ display:none; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont7										{ text-align:left; margin-top:3%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont7 > img									{ float:none; width:100%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont7 > .cont7Text							{ padding:0 5%; float:none; width:90%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont7 > .cont7Text .cont7_Num				{ font-weight:800; font-size:4em; color:#1895d7; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont7 > .cont7Text .cont7_title				{ font-size:1.500em; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont7 > .cont7Text .cont7_text				{ font-size:1.2em; margin-left:15%; font-weight:400; margin-bottom:4%; }
	#ebookWrap3 .sceneContTypo1 > .centerText .cont7 > .cont7Text .cont7_text > br			{ display:none; }
	
	
	
	#MiddlecourseWrap													{ width:100%; padding:50px 0px 180px 0px; margin-top:-19%; }
	#MiddlecourseWrap .sceneContTypo1									{ width:90%; padding:0 5%; max-width:1200px; margin:0 auto; }
	#MiddlecourseWrap .sceneContTypo1 .leftArea							{ width:100%; float:none; margin-top:24%; position:relative; }
	#MiddlecourseWrap .sceneContTypo1 .leftArea span:nth-child(9)		{ position:relative; right:auto; top:auto; width:100%; }
	#MiddlecourseWrap .sceneContTypo1 .leftArea .cont4 > img			{ position:absolute; left:auto; right:auto; top:0%; width:55%; }
	#MiddlecourseWrap .sceneContTypo1 > img								{ width:100%; margin-top:12%; }
	
}

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

	/*#sceneWrap6 .img1										{ display:none; }*/

	#joinLogin .bg											{ top:-200px; }
	#solving .bg											{ top:-200px; }
	
	#eBookListWrap .Zaner													{ height:8700px; }
	#eBookListWrap .Rourke													{ height:7600px; }
	#eBookListWrap .Red_Chair												{ height:1600px; }
	
	#MiddlecourseWrap .sceneContTypo1 .leftArea .cont2					{ font-size: 4.375em; }
	#MiddlecourseWrap2 .sceneContTypo1 .rightArea .cont2				{ font-size: 4.375em; }
	#MiddlecourseWrap3 .sceneContTypo1 .leftArea .cont2					{ font-size: 4.375em; }
	#MiddlecourseWrap4 .sceneContTypo1 .rightArea .cont2				{ font-size: 4.375em; }
	#MiddlecourseWrap5 .sceneContTypo1 .leftArea .cont2					{ font-size: 4.375em; }
	#MiddlecourseWrap6 .sceneContTypo1 .rightArea .cont2				{ font-size: 4.075em; }
	#MiddlecourseWrap7 .sceneContTypo1 .leftArea .cont2					{ font-size: 4.075em; }
	#MiddlecourseWrap8 .sceneContTypo1 .rightArea .cont2				{ font-size: 4.375em; }
	#MiddlecourseWrap9 .sceneContTypo1 .rightArea .cont2				{ font-size: 4.375em; }
	
}

@media only screen and (max-width : 660px) {
	/*	.mainContType1											{ top:470px; }
	.mainContType2											{ top:200px; left:10%; width:80%; }*/
	/*#iphone													{ top:250px; width:40%; display:none; }*/
	/*#sceneWrap1												{ height:1200px; }*/

	#faqChetting .question										{ padding:20px 20px 20px 50px;  }
	#faqChetting .question .qIcon								{ left:20px; top:20px; }
	#faqChetting .question .peoImg								{ display:none; }
	#faqChetting .answer										{ padding:20px 20px 20px 50px; }
	#faqChetting .answer .peoImg								{ display:none; }
}


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

}

@media only screen and (max-width : 600px) {
	body													{ font-size:13px; }

	/*#mainVisual .item .typoArea .typoText3						{ display:none; }*/

	#mainVisual .item .typoArea {top:14%;}
	#mainVisual .item .typoArea2 { margin: -4em 0 0 0; }
	#mainVisual .item .typoArea2 img { width: 56%}
	#mainVisual .item .container .video1					{ display:inline-block; zoom:1; *display:inline; position:absolute; top:48%; left:17%; width:20%; }
	#mainVisual .item .container .video1 > img				{ width:100%; }
	#mainVisual .item .container .video2					{ display:inline-block; zoom:1; *display:inline; position:absolute; top:50%; left:47%; width:20%; }
	#mainVisual .item .container .video2 > img				{ width:100%; }

	#sceneWrap2 #inner {margin: -90px 0 0 0 }
	#sceneWrap3 #inner {margin: -120px 0 0 0 }
	#sceneWrap4 #inner {margin: -100px 0 0 0 }
	#sceneWrap4 #systemImage { margin: 2em 0 0 0; }
	#sceneWrap5 #inner {margin: -100px 0 0 0 }
	#sceneWrap6 #inner {margin: -100px 0 0 0 }
	#sceneWrap6 .img2 { margin: 3em 0 0 0; }
	#sceneWrap6 .img1 {top: 100px; width: 46%; }
	#sceneWrap7 #inner {margin: -140px 0 0 0 }

	#quickBar .letGo img									{ width:60%; }
	#quickMenu a img										{ width:60%; }

	#joinLogin												{ height:900px; }
	#solving												{ height:900px; }

	#layoutInfo .container ul li .cont1						{ width:40%; }
	#layoutInfo .container ul li .cont2						{ width:60%; }

	#solutionListWrap a										{ width:100%; border-radius:10px; }
	#solutionListWrap a:nth-of-type(2n)						{ border-radius:10px 10px 10px 10px; }

	.otherCont1 span										{ width:100%; }
	.otherCont1 span a										{ width:40%; }

	#metaCognitionWrap .sceneContTypo1 .cont3 > br						{ display:none; }
	
	
	#ManagementWrap														{ width:100%; height:600px; padding:10px 0px 100px 0px; margin-top:0px; }
	#ManagementWrap .sceneContTypo1										{ width:90%; height:100%; max-width:1200px; margin:0 auto; }
	#ManagementWrap .sceneContTypo1 > #rightImg							{ width:100%; float:none; margin-top:4%; }
	#ManagementWrap .sceneContTypo1 > .leftText							{ position:relative; top:auto; left:auto; width:100%; text-align:left; }
	#ManagementWrap .sceneContTypo1 > .leftText > span					{ width:100%; text-align:left; }
	#ManagementWrap .sceneContTypo1 > .leftText .cont1					{ font-size:5.813em; }
	#ManagementWrap .sceneContTypo1 > .leftText .cont2					{ font-size:1.550em; }
	#ManagementWrap .sceneContTypo1 > .leftText .cont3					{ font-size:1.213em; }
	#ManagementWrap .sceneContTypo1 > .leftText .cont3 > br				{ display:none; }
	
	
	#ebookWrap3																				{ height:2410px; background-size:cover; }
	
	#ebookWrap4 .sceneContTypo1 > .centerText .cont1					{ font-size:4.613em; margin-bottom:5%; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont2					{ font-size:1.563em; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont3					{ width:100%; float:none; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont3 > img				{ width:80%; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont3 > .cont3_text		{ font-size:1.500em; padding:1% 0 4%; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont4					{ width:100%; float:none; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont4 > img				{ width:80%; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont4 > .cont4_text		{ font-size:1.500em; padding:1% 0 4%; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont5					{ width:100%; float:none; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont5 > img				{ width:80%; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont5 > .cont5_text		{ font-size:1.500em; padding:1% 0 4%; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont6					{ width:100%; float:none; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont6 > img				{ width:80%; }
	#ebookWrap4 .sceneContTypo1 > .centerText .cont6 > .cont6_text		{ font-size:1.500em; padding:1% 0 4%; }
	
	#eBookListWrap .Zaner													{ height:7600px; }
	#eBookListWrap .Rourke													{ height:6500px; }
	#eBookListWrap .Red_Chair												{ height:1200px; }
	
}

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

	#metaCognitionWrap .sceneContTypo1 .cont2							{ letter-spacing:30px; }
	#metaCognitionWrap2 .sceneContTypo1 .cont2							{ letter-spacing:30px; }
	.mainContType9														{ margin:50px 0px 0px 0px; }

	#CurriculumWrap														{ width:100%; height:800px; padding:50px 0px 180px 0px; margin-top:-57%; }
	#CurriculumWrap .sceneContTypo1										{ width:90%; height:100%; margin:0 auto; margin-top:52%; }
	#CurriculumWrap .sceneContTypo1 > .leftText > span					{ width:100%; text-align:left; }
	#CurriculumWrap .sceneContTypo1 > .leftText .cont1					{ font-size:1.563em; }
	#CurriculumWrap .sceneContTypo1 > .leftText .cont2					{ font-size:3.413em; }
	#CurriculumWrap .sceneContTypo1 > .leftText .cont3					{ font-size:2.000em; }
	#CurriculumWrap .sceneContTypo1 > .leftText .cont4					{ font-size:1.188em; }
	#CurriculumWrap .sceneContTypo1 > .leftText .cont5					{ font-size:1.188em; }
	#CurriculumWrap .cirBtn												{ margin:20px 0px; }

	#CurriculumWrap2													{ width:100%; height:800px; padding:0px 0px 100px 0px; }
	#CurriculumWrap2 .sceneContTypo1									{ width:90%; height:100%; margin:0 auto; margin-top:-22%; }
	#CurriculumWrap2 .sceneContTypo1 > .rightText > span				{ width:100%; text-align:left; }
	#CurriculumWrap2 .sceneContTypo1 > .rightText .cont1				{ font-size:1.563em; }
	#CurriculumWrap2 .sceneContTypo1 > .rightText .cont2				{ font-size:3.413em; }
	#CurriculumWrap2 .sceneContTypo1 > .rightText .cont3				{ font-size:1.700em; }
	#CurriculumWrap2 .sceneContTypo1 > .rightText .cont4				{ font-size:1.188em; }
	#CurriculumWrap2 .sceneContTypo1 > .rightText .cont5				{ font-size:1.188em; }

	#CurriculumWrap3													{ width:100%; height:900px; padding:10px 0px 100px 0px; margin-top:-100%; }
	#CurriculumWrap3 .sceneContTypo1									{ width:90%; height:100%; margin:0 auto; margin-top:50%; }
	#CurriculumWrap3 .sceneContTypo1 > #rightImg						{ width:80%; float:none;; margin-top:4%; }
	#CurriculumWrap3 .sceneContTypo1 > .leftText > span					{ width:100%; text-align:left; }
	#CurriculumWrap3 .sceneContTypo1 > .leftText .cont1					{ font-size:1.563em; }
	#CurriculumWrap3 .sceneContTypo1 > .leftText .cont2					{ font-size:3.413em; }
	#CurriculumWrap3 .sceneContTypo1 > .leftText .cont3					{ font-size:1.700em; }
	#CurriculumWrap3 .sceneContTypo1 > .leftText .cont4					{ font-size:1.188em; }
	#CurriculumWrap3 .sceneContTypo1 > .leftText .cont5					{ font-size:1.188em; }

	#CurriculumWrap4													{ width:100%; height:600px; padding:0px 0px 100px 0px; }
	#CurriculumWrap4 .sceneContTypo1									{ width:90%; height:100%; margin:0 auto; margin-top:22%; }
	#CurriculumWrap4 .sceneContTypo1 #leftImg							{ width:80%; float:none; margin-top:6%; }
	#CurriculumWrap4 .sceneContTypo1 > .rightText > span				{ width:100%; text-align:left; }
	#CurriculumWrap4 .sceneContTypo1 > .rightText .cont1				{ font-size:1.563em; }
	#CurriculumWrap4 .sceneContTypo1 > .rightText .cont2				{ font-size:3.413em; }
	#CurriculumWrap4 .sceneContTypo1 > .rightText .cont3				{ font-size:1.700em; }
	#CurriculumWrap4 .sceneContTypo1 > .rightText .cont4				{ font-size:1.188em; }
	#CurriculumWrap4 .sceneContTypo1 > .rightText .cont5				{ font-size:1.188em; }

	#MiddlecourseWrap2													{ width:100%; padding:100px 0px 100px 0px; margin-top:-400px; }

	#MiddlecourseWrap3													{ height:1800px; }
	#MiddlecourseWrap3 .sceneContTypo1 > img:nth-child(2)				{ width:50%; float:right; margin-top:-18%; }
	#MiddlecourseWrap3 .sceneContTypo1 > img:nth-child(3)				{ width:50%; float:left; }
	#MiddlecourseWrap3 .sceneContTypo1 > img:nth-child(4)				{ width:50%; float:right; margin-top:-16%; }
}

@media only screen and (max-width : 500px) {
	/*	#mainVisual .item .typoArea								{ position:absolute; width:100%; left:10%; top:50%; width:80%; }*/

	/*	.mainContType1											{ top:400px; }
	.mainContType2											{ top:150px; left:10%; width:80%; }*/

	#mainVisual .item 										{ height:600px; }
	#mainVisual .item .typoArea {top: 12%;}
	#mainVisual .item .typoArea .typoText1            { font-size:1.250em  }
	#mainVisual .item .typoArea .typoText2            { font-size:1em  }
	#mainVisual .item .typoArea2 { margin: 1em 0 0 0; }
	#mainVisual .item .typoArea2 img { width: 62%}
	.mainContType_a .mainContTypo1 { font-size:1.250em  }

	#sceneWrap1 #inner,
	#sceneWrap2 #inner,
	#sceneWrap3 #inner,
	#sceneWrap4 #inner,
	#sceneWrap5 #inner,
	#sceneWrap6 #inner,
	#sceneWrap7 #inner {padding: 18% 0; }

	#sceneWrap1 #inner {margin: -80px 0 0 0 }
	#sceneWrap2 #inner {margin: -70px 0 0 0 }
	#sceneWrap3 #inner {margin: -100px 0 0 0 }
	#sceneWrap4 #inner {margin: -80px 0 0 0 }
	#sceneWrap5 #inner {margin: -80px 0 0 0 }
	#sceneWrap6 #inner {margin: -70px 0 0 0 }

	#msgBox1 {width: 94%;}
	#msgBox2 {width: 94%;}
	#sceneWrap4 #systemImage { margin: 0; }
	#sceneWrap5 #systemImage { margin: 0; }
	#sceneWrap6 .img2 { margin: 3em 0 0 0; }
	#sceneWrap6 .img1 {top: 100px; width: 46%; }

	.mainContType_a  {padding: 0;}
	#sceneWrap7 .mainContType_a {padding: 3em 0 0 0;}

	#metaCognitionWrap .sceneContTypo1 .cont2				{ letter-spacing:10px; }
	#metaCognitionWrap2 .sceneContTypo1 .cont2				{ letter-spacing:10px; }

	#joinLogin												{ height:1000px; }
	#solving												{ height:1000px; }
	#normalPay .contentBox input+label						{ width:100%; margin:10px 0px; }
	#depositPay .contentBox input+label						{ width:100%; margin:10px 0px; }

	#layoutInfo .container												{ height:1200px; }

	#layoutInfo												{ height:1100px; }

	#mypageTapWrap a										{ width:33.333333%; }

	.numbering > a:first-child,
	.numbering > a:last-child								{ display:none; }

	#ebookWrap															{ height:550px; }
	#ebookWrap .sceneContTypo1 > .centerText .cont3 .colorFont1			{ display:inline-block; zoom:1; *display:inline; width:100%; }
	
	#ebookWrap2															{ height:490px; background-size:contain; }
	#ebookWrap2 .sceneContTypo1 > .centerText .cont1					{ font-size:4.3em; }
	#ebookWrap2 .sceneContTypo1 > .centerText .cont2					{ font-size:1.1em; }
	#ebookWrap2 .sceneContTypo1 > .centerText .cont2 > br				{ display:none; }
	
	#ebookWrap3															{ height:1900px; background-size:cover; }
	
	#MiddlecourseWrap .sceneContTypo1 .leftArea .cont4 > img			{ position:absolute; left:auto; right:auto; top:0%; width:70%; }
	#MiddlecourseWrap .sceneContTypo1 > img								{ width:100%; margin-top:15%; }

	#MiddlecourseWrap3 .sceneContTypo1 > img:nth-child(2)				{ width:100%; float:none; margin-top:5%; }
	#MiddlecourseWrap3 .sceneContTypo1 > img:nth-child(3)				{ width:100%; float:none; margin-top:5%; }
	#MiddlecourseWrap3 .sceneContTypo1 > img:nth-child(4)				{ width:100%; float:none; margin-top:5%; margin-bottom:15%; }
}



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

	#effective .itemWrap .item											{ width:60%; margin:0px 20% 50px 20%; }

	#joinLogin															{ height:800px; }
	#solving															{ height:800px; }

	.sceneTitleWrap .cont2												{ font-size:4em; }
	.sceneTitleWrap .cont3												{ font-size:1.5em; }

	#metaCognitionWrap .sceneContTypo1 .cont1							{ font-size:1.500em; }
	#metaCognitionWrap .sceneContTypo1 .cont2							{ font-size:4.000em; }
	#metaCognitionWrap .sceneContTypo1 .cont3							{ font-size:1.500em; }
	#metaCognitionWrap .sceneContTypo1 .cont4							{ font-size:1.500em; }

	#metaCognitionWrap2 .sceneContTypo1 .cont1							{ font-size:1.500em; }
	#metaCognitionWrap2 .sceneContTypo1 .cont2							{ font-size:4.000em; }
	#metaCognitionWrap2 .sceneContTypo1 .cont3							{ font-size:1.500em; }
	#metaCognitionWrap2 .sceneContTypo1 .cont4							{ font-size:1.500em; }

	#contTitleWrap #contTitle .cont1									{ font-size:3.063em; }

	#layoutInfo .container strong										{ font-size:3em; }
	#layoutInfo .container ul li .cont1									{ font-size:1.100em; }
	#layoutInfo .container ul li .cont2									{ font-size:1.100em; }

	#difficulty .contTypoType1 .cont1									{ font-size:3.813em;  }

	#historyWrap .container .item .dot									{ position:absolute; left:-7px; top:10px; width:14px; height:14px; }
	#historyWrap .container .list .item:nth-of-type(2n) .dot			{ left:auto; right:-7px; }
	#historyWrap .container .title .cont1								{ font-size:3.813em; }
	#historyWrap .container .item .cont1								{ font-size:1.688em; }
	#historyWrap .container .item .cont2								{ font-size:1.100em; }

	#award > .cont1												{  font-size:3.813em;  }

	#franInfo .textArea .cont2									{ font-size:3.813em; }
	#franFaqWrap .container .cont1								{ font-size:3.813em; margin-left:5%; }

	#startUp .textArea .cont1									{ font-size:3.813em; }

	#reviewParentsWrap .item .container .textArea .cont1					{ font-size:3.813em; }
	#reviewParentsWrap .item .container .textArea .cont2					{ font-size:3.813em; }
	#reviewParentsWrap .item .container .textArea .cont3 .cont4		{ font-size:3.813em; }
	#franchiseA .cont1																						{ font-size:3.813em; }
}

@media only screen and (max-width : 375px) {
  
}