/* ##############################   BUTTON TYPE   ############################## */
.button-idic-book
{ transition: 500ms; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; }
.button-idic-book
{ padding: 10px 50px; border-radius: 3px; border: 1px solid #00AAF0; border-image: none; color: #FFFFFF; background-color: #00AAF0; font-size: 16px; font-weight: 600; text-decoration: none; }
/*
.button
{ padding: 10px 50px; border-radius: 3px; border: 1px solid #FFBB00; border-image: none; color: #FFFFFF; background-color: #FFBB00; text-transform: uppercase; font-size: 16px; font-weight: 600; text-decoration: none; }
*/
.button-idic-book.active,
.button-idic-book:hover
{ color: #FFFFFF; background-color: #000000; border-color: #000000; text-decoration: none; }
.button-idic-book:active,
.button-idic-book:focus
{ color: #00AAF0; background-color: #000000; border-color: #000000; }

.button-idic-book > i
{ margin-right: 5px; font-weight: 800; }
/* ##############################   BUTTON TYPE   ############################## */


.main-header
{ margin-top: 20px; }
.main-slider-left
{ float: left; width: 600px; }
.main-slider-right
{ float: right; width: 380px; }


/* jssor main slider css */
.main-slider1 {
	position: relative; margin: 0 auto; top: 0px; left: 0px; width: 659px; height: 517px; overflow: hidden; }
.main-slider1 > .main-loading {
	position: absolute; top: 0px; left: 0px; }
.main-slider1 > .main-loading > .option-loading1 {
	filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; }
.main-slider1 > .main-loading > .option-loading2 {
	position: absolute; display: block; background: url('../images/js/loading.gif') no-repeat center center; top: 0px; left: 0px; width: 659px; height: 517px; }
.main-slider1 > .main-slide-img {
	cursor: move; position: absolute; left: 0px; top: 0px; width: 659px; height: 517px; overflow: hidden; }
.main-slider1 > .main-slide-img > div {
	width: 659px; height: 517px; }


/* jssor slider bullet navigator skin 21 css */
/*
.jssorb21 div		   (normal)
.jssorb21 div:hover	 (normal mouseover)
.jssorb21 .av		   (active)
.jssorb21 .av:hover	 (active mouseover)
.jssorb21 .dn		   (mousedown)
*/
.jssorb21 {
	position: absolute; bottom: 26px; right: 6px; }
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
	position: absolute;
	/* size of bullet elment */
	width: 19px;
	height: 19px;
	text-align: center;
	line-height: 19px;
	color: white;
	font-size: 12px;
	background: url('../images/js/b21.png') no-repeat;
	overflow: hidden;
	cursor: pointer; }
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }


/* jssor slider arrow navigator skin 21 css */
/*
.jssora21l	  (normal)
.jssora21r	  (normal)
.jssora21l:hover(normal mouseover)
.jssora21r:hover(normal mouseover)
.jssora21l.jssora21ldn	  (mousedown)
.jssora21r.jssora21rdn	  (mousedown)
*/
.jssora21l, .jssora21r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 55px;
	height: 55px;
	cursor: pointer;
	background: url('../images/js/a21.png') center center no-repeat;
	overflow: hidden; }
.jssora21l { background-position: -3px -33px; top: 123px; left: 8px; }
.jssora21r { background-position: -63px -33px; top: 123px; right: 8px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21l.jssora21ldn { background-position: -243px -33px; }
.jssora21r.jssora21rdn { background-position: -303px -33px; }







.main-hart-panel {
	height: 238px; padding: 25px 5px; background-color: #FFFBF3; cursor: pointer; }
.main-hart-panel > div:nth-of-type(1) > h6 {
	font-size: 14px; color: #666666;  margin: 0; padding: 0; }
.main-hart-panel > div:nth-of-type(1) > h2 {
	font-size: 24px; color: #FA406E; margin: 5px 0 0; padding: 0; line-height: 24px; letter-spacing: -2px; }
.main-hart-panel > div:nth-of-type(1) > h2 + h2 {
	color: #333333; }
.main-hart-panel > div:nth-of-type(1) > p {
	margin: 5px 0 0; text-align: center; }


.main-hart-panel > div:nth-of-type(2) > h5 {
	margin: 5px 0 0;  font-size: 18px; color: #FF3366; text-align: center; padding: 0; line-height: 28px; }
.main-hart-panel > div:nth-of-type(2) > h5 > small {
	display: block; font-size: 13px; color: #666666; font-weight: 700; }

.main-hart-panel > div:nth-of-type(2) > p {
	text-align: center; }
/*
.main-hart-panel > div > p.message1 {
	display: block !important; }
.main-hart-panel > div > p.message2 {
	display: none !important; font-size: 14px; }
*/
.main-hart-panel > div:nth-of-type(2) > h6 {
	margin:5px 0 0;  font-size: 13px; color: #666666; text-align: center; padding: 0; }





.main-review-panel {
	float:left; width:100%; margin-top: 10px; padding: 0 20px; }

.main-review-panel > h4,
.main-review-panel > div > h4 {
	margin-bottom: 10px; margin-top:10px; }

.main-review-panel > ul.list-news,
.main-review-panel > div > ul.list-news {
	margin-top: 10px; }

.main-review-panel > ul.list { }
.main-review-panel > ul.list > li,
.main-review-panel > div > ul.list > li {
	clear: both; background: url("../images/common/dotted1.png") no-repeat 0 10px; margin: 0; padding: 0 0 25px 10px; }
.main-review-panel > ul.list > li > dl,
.main-review-panel > div > ul.list > li > dl {
	clear: both; font-size: 14px;	color: #999; margin: 0; padding: 0; }
.main-review-panel > ul.list > li dt,
.main-review-panel > div > ul.list > li dt {
	float: left; }
.main-review-panel > ul.list > li dd,
.main-review-panel > div > ul.list > li dd {
	float: right; font-size:90%; letter-spacing: -1px; }
.main-review-panel > ul.list > li a,
.main-review-panel > div > ul.list > li a {
	font-weight: normal;	color: #666; letter-spacing:-0.05em; }
.main-review-panel > ul.list > li img.new,
.main-review-panel > div > ul.list > li img.new {
	margin-left: 3px; }

.main-review-panel > ul.list > li span.new,
.main-review-panel > div > ul.list > li span.new {
	padding: 1px 3px; font-size: 10px; font-weight: 800; font-family: arial, serif; border: 1px solid #D64E02; background-color: #FF6600; color: #FFF;
	-webkit-border-radius: 3px; border-radius: 3px; }








@media all and (max-width: 996px){
	.main-header {
		margin-top: 0; }
	.main-slider-left {
		float: none; width: 100%; }
	.main-slider-right {
		float: none; width: 94%; margin: 20px auto 0; }
}

@media all and (max-width: 480px){
	.main-hart-panel {
		height: auto; display: table; width: 100%; padding-bottom: 7px; }
	.main-hart-panel > div:nth-of-type(1) > h6 {
		font-size: 13px; }
	.main-hart-panel > div:nth-of-type(1) > h2 {
		font-size: 18px; margin: 4px 0 0; line-height: 24px; letter-spacing: -1px; }
	.main-hart-panel > div:nth-of-type(1) > h2 + h2 {
		font-size: 20px; margin: 5px 0 0; letter-spacing: -1px; }
	.main-hart-panel > div:nth-of-type(1) > p {
		margin: 5px 0 0; }
	.main-hart-panel > div:nth-of-type(2) > h5 {
		margin: 10px 0 0; }

	.main-review-panel {
		margin-top: 20px; padding: 5px 19px 10px; }
}


/*
.main-sreview-panel > table > tbody > tr > td:nth-of-type(1) {
	font-weight: 500; color: #00AAF0; }
*/
.main-sreview-panel > table > tbody > tr > td {
	padding: 3px 4px 4px; }
.main-sreview-panel > table > tbody > tr > td:nth-of-type(2) {
	color: #333333; }
.main-sreview-panel > table > tbody > tr > td:nth-of-type(3) {
	color: #777777; }
.main-sreview-panel > table > tbody > tr > td > img.b-picture,
.main-sreview-panel > table > tbody > tr > td > a > img.b-picture {
	width: 35px; border-radius: 50px; }
















/*   #####################   XXXXXXXXXXXX   #####################   */

.main-col-idic-bookquiz
{ margin-top: 0; padding: 10px 20px;  background-color: #FFFFFF; }

.main-col-idic-bookquiz > div > h5
{ padding-bottom: 3px; font-weight: 800; }
.main-col-idic-bookquiz > div > h5 > .button
{ float: right; transition: 500ms; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; }
.main-col-idic-bookquiz > div > h5 > .button
{ padding: 5px 7px; border-radius: 3px; border: 1px solid #000000; border-image: none; color: #FFFFFF; background-color: #000000; font-size: 11px; font-weight: 800; text-decoration: none; }
.main-col-idic-bookquiz > div > h5 > .button:hover
{ color: #FFFFFF; background-color: #333333; border-color: #333333; text-decoration: none; }
.main-col-idic-bookquiz > div > h5 > .button:active,
.main-col-idic-bookquiz > div > h5 > .button:focus
{ color: #FFBB00; background-color: #000000; border-color: #000000; }






.owl-idicbookquiz-column > div > h5
{ padding-bottom: 3px; font-weight: 800; }
.owl-idicbookquiz-column > div > h5 > button
{ width: 30px; height: 30px; text-align: center; -webkit-border-radius: 30px; border-radius: 30px; padding: 0; }
.owl-idicbookquiz-column > div > h5 > button > i
{ font-weight: 800; font-size: 12px; padding: 0 0 0 4px; }


.owl-idicbookquiz-column > div > h5 > .button
{ float: right; transition: 500ms; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; }
.owl-idicbookquiz-column > div > h5 > .button
{ padding: 5px 7px; border-radius: 3px; border: 1px solid #000000; border-image: none; color: #FFFFFF; background-color: #000000; font-size: 11px; font-weight: 800; text-decoration: none; }
.owl-idicbookquiz-column > div > h5 > .button:hover
{ color: #FFFFFF; background-color: #333333; border-color: #333333; text-decoration: none; }
.owl-idicbookquiz-column > div > h5 > .button:active,
.owl-idicbookquiz-column > div > h5 > .button:focus
{ color: #FFBB00; background-color: #000000; border-color: #000000; }

.owl-idicbookquiz-column > .no-item
{ width: 100%; padding: 20px 0 30px; text-align: center; border-bottom: 1px solid #DDDDDD; font-size: 14px; }




.item > footer
{ display:block; margin-top: 5px; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; text-align: center; }
.item > footer > h6
{ font-style:normal; font-weight:700; font-size:12px; line-height: 14px; letter-spacing:0em; color: #000000; margin: 0; padding: 0; text-align: center; }
/*
.owl-idicbookquiz-column > div > div > .item > a > footer > h6 > small
{ display:block; font-weight:700; font-size:12px; padding: 6px 0 0; color:#333333; }
.owl-idicbookquiz-column > div > div > .item > a > footer > p
{ display:block; padding: 0; margin: 0; font-size:12px; color: #000000; font-weight: 600; text-align: center; }
.owl-idicbookquiz-column > div > div > .item > a > footer > p > em
{ color: #CCCCCC; font-style: normal; }
.owl-idicbookquiz-column > div > div > .item > a > footer > p:last-child
{ display:block; padding: 0; margin: 0; font-size:12px; color: #999999; font-weight: 600; line-height: 16px; }
*/
.item > img,
.item > a > img
{ height: 140px; }

.item > a > div.ar-level
{ position: absolute; right: 0; top: 236px; width: 46px; height: 38px; padding-left: 5px; padding-right: 5px; }
.item > a > div.ar-level > span
{ float: left; position: relative; width: 100%; height: 38px; padding-top: 3px; font-size: 13px; font-weight: 800; color: #FFFFFF; background-color: #FF1100; text-align: center; opacity:.7; filter:alpha(Opacity=70); line-height: 16px; }
.item > a:hover > div.ar-level > span
{ opacity:.95; filter:alpha(Opacity=95); transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; }
.item > footer > span
{ display: block; font-size: 11px; color: #555555; font-weight: 400; text-align: center; margin-top: 3px; }

.item  > footer > a.button
{ transition: 500ms; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; }
.item  > footer > a.button
{ margin-top: 5px; padding: 2px 10px; border-radius: 3px; border: 1px solid #FFBB00; border-image: none; color: #FFFFFF; background-color: #FFBB00; font-size: 11px; font-weight: 600; text-decoration: none; }

/*
.button
{ padding: 10px 50px; border-radius: 3px; border: 1px solid #FFBB00; border-image: none; color: #FFFFFF; background-color: #FFBB00; text-transform: uppercase; font-size: 16px; font-weight: 600; text-decoration: none; }
*/
.item  > footer > a.button.active,
.item  > footer > a.button:hover
{ color: #FFFFFF; background-color: #000000; border-color: #000000; text-decoration: none; }
.item  > footer > a.button:active,
.item  > footer > a.button:focus
{ color: #FFBB00; background-color: #000000; border-color: #000000; }









/*
.owl-idicbookquiz-column > div > div > .item > a > div.completed
{ position: absolute; left: -9px; top: 110px; width: 138px; height: 30px; padding-left: 10px; padding-right: 10px; }
.owl-idicbookquiz-column > div > div > .item > a > div.completed > span
{ float: left; position: relative; width: 100%; height: 30px; padding-top: 9px; font-size: 11px; font-weight: 800; color: #FFBB00; background-color: #000000; text-align: center; opacity:.6; filter:alpha(Opacity=60); }
.owl-idicbookquiz-column > div > div > .item > a:hover > div.completed > span
{ opacity:.95; filter:alpha(Opacity=95); transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; }
*/


















/* #############   ���� �ø��� - �ű� �� ���� ���   ############ */

.idic-series-column
{ margin-left: -10px; margin-right: -10px; }

.idic-series-column > .col-book
{ float: left; position: relative; min-height: 1px; padding: 5px 10px 0; width: 16.66666666666667%; margin-bottom: 10px; }

.idic-series-column > .col-book > a > img
{ width: 100%; height: 180px; text-align: center; padding: 0; margin: 0; }
.idic-series-column > .col-book > a > footer
{ display: block; text-align: center; margin-top: 0; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1 }


.idic-series-column > .col-book > a > footer > h6
{ font-style: normal; font-weight: 700; font-size: 12px; line-height: 14px; letter-spacing: 0em; color: #000000; margin: 6px 0 0; text-align: center; }
.idic-series-column > .col-book > a > footer > h6 > small
{ display: block; font-weight: 700; padding: 3px 0 0; color:#777777; }

.idic-series-column > .col-book > a > footer > span
{ display: block; font-size: 11px; color: #555555; font-weight: 400; text-align: center; margin-top: 3px; }
.idic-series-column > .col-book > a > footer > span > em
{ color: #999999; font-style: normal; }
.idic-series-column > .col-book > a > footer > span > small
{ color: #EEEEEE; padding: 0 10px; font-family: 'Vollkorn', serif; font-weight:400; font-style: normal; }


.idic-series-column > .col-book > a > div.ar-level
{ position: absolute; right: 10px; top: 140px; width: 46px; height: 38px; padding-left: 5px; padding-right: 5px; }
.idic-series-column > .col-book > a > div.ar-level > span
{ float: left; position: relative; width: 100%; height: 38px; padding-top: 3px; font-size: 12px; font-weight: 800; color: #FFFFFF; background-color: #FF1100; text-align: center; opacity:.7; filter:alpha(Opacity=70); line-height: 16px; }
.idic-series-column > .col-book > a:hover > div.ar-level > span
{ opacity:.95; filter:alpha(Opacity=95); transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; }


.idic-series-column > .col-book > a > footer > button
{ transition: 500ms; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; }
.idic-series-column > .col-book > a > footer > button
{ margin-top: 5px; padding: 2px 10px; border-radius: 3px; border: 1px solid #FFBB00; border-image: none; color: #FFFFFF; background-color: #FFBB00; font-size: 11px; font-weight: 600; text-decoration: none; }
.idic-series-column > .col-book > a > footer > button.active,
.idic-series-column > .col-book > a > footer > button:hover
{ color: #FFFFFF; background-color: #000000; border-color: #000000; text-decoration: none; }
.idic-series-column > .col-book > a > footer > button:active,
.idic-series-column > .col-book > a > footer > button:focus
{ color: #FFBB00; background-color: #000000; border-color: #000000; }
.idic-series-column > .col-book > a:hover > img
{ transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; padding: 3px; border: 2px solid #000000; }






/*   ################   �������Ʈ ����   ################   */
.idic-vdebate-list-column
{ margin-left:-7px; margin-right:-7px; font-family: 'Open Sans', 'malgun Gothic', '�������', 'Arial', sans-serif; }

.idic-vdebate-list-column > .col-book
{ float: left; position: relative; text-align: center; min-height: 1px; padding: 3px 7px; width: 25%; margin-bottom: 5px; }
.idic-vdebate-list-column > .col-book > a > .wrap
{ text-align: center; padding: 0; cursor: pointer; }
.idic-vdebate-list-column > .col-book > a > .wrap > img
{ display:block;  width: 100%; height: 160px }

.idic-vdebate-list-column > .col-book > a > .wrap > footer
{ padding-left: 10px; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1 }
.idic-vdebate-list-column > .col-book > a > .wrap > footer > h6
{ word-break: break-all; font-style:normal; font-weight: 600; font-size: 12px; line-height: 18px; letter-spacing: -1px; color: #000000; margin: 3px 0 0; }
.idic-vdebate-list-column > .col-book > a > .wrap > footer > span
{ display:block; margin-top: 3px; font-size:12px; color: #777777; font-weight: 400; }

.idic-vdebate-list-column > .col-book > a > .wrap:hover > footer > h6,
.idic-vdebate-list-column > .col-book > a > .wrap:hover > footer > span
{ transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; }

.idic-vdebate-list-column > .col-book > a > .wrap:hover > footer > h6
{ color: #37D48B; text-decoration: underline; }
.idic-vdebate-list-column > .col-book > a > .wrap:hover > footer > span
{ color: #555555; }

.idic-vdebate-list-column > .col-book > .btn-video
{ transition: 500ms; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; }
.idic-vdebate-list-column > .col-book > .btn-video
{ margin: 0; padding: 2px 7px 4px; border-radius: 2px; border: 1px solid #FFBB00; border-image: none; color: #FFFFFF; background-color: #FFBB00; font-size: 12px; font-weight: 600; text-decoration: none; }
/*   ################   �������Ʈ ����   ################   */



@media all and (max-width: 1201px)
{
	.idic-series-column
	{ margin-left: -7px; margin-right: -7px }
	.idic-series-column > .col-book
	{ padding: 4px 7px 0;; }
	.idic-series-column > .col-book > a > div.completed
	{ top: 140px; padding-left: 8px; padding-right: 8px; }


	.idic-series-column > .col-book > a > div.ar-level
	{ right: 8px; top: 100px; }
}



@media all and (max-width: 993px)
{
	.idic-series-column
	{ margin-left: -6px; margin-right: -6px }
	.idic-series-column > .col-book
	{ padding: 4px 6px 0; }
	.idic-series-column > .col-book > a > div.completed
	{ top: 130px; padding-left: 6px; padding-right: 6px; }
	.idic-series-column > .col-book > a > div.completed > span
	{ font-size: 10px; }
	.idic-series-column > .col-book > a > h6
	{ font-size: 14px; }
	.idic-series-column > .col-book > a > img
	{ height: 140px; }

	.idic-vdebate-list-column
	{ margin-left:-6px; margin-right:-6px; }
	.idic-vdebate-list-column > .col-book
	{ padding: 3px 6px; }

	.idic-vdebate-list-column > .col-book > a > .wrap > img
	{ height: 110px }

}

@media all and (max-width: 769px)
{
	.idic-series-column > .col-book
	{ width: 20%; }
	.idic-series-column > .col-book:nth-of-type(6)
	{ display: none; }
	.idic-series-column > .col-book > a > div.ar-level
	{ right: 4px; top: 100px; }
	.idic-series-column > .col-book > a > div.completed
	{ top: 120px; }
	.idic-series-column > .col-book > a > img
	{ height: 138px; }

	.idic-vdebate-list-column > .col-book > a > .wrap > img
	{ height: 90px }
}

@media all and (max-width: 526px)
{
	.idic-series-column
	{ margin-left: -3px; margin-right: -3px }

	.idic-series-column > .col-book
	{ padding: 4px 3px 0; width: 25%; }

	.idic-series-column > .col-book:nth-of-type(5),
	.idic-series-column > .col-book:nth-of-type(6)
	{ display: none; }
	.idic-series-column > .col-book > a > div.completed
	{ padding-left: 3px; padding-right: 3px; }
	.idic-series-column > .col-book > a > img
	{ height: 120px; }


	.idic-vdebate-list-column
	{ margin-left:-3px; margin-right:-3px; }
	.idic-vdebate-list-column > .col-book
	{ padding: 3px 3px; }
	.idic-vdebate-list-column > .col-book > a > .wrap > img
	{ height: 70px }
}
/* #############   ���� �ø��� - �ű� �� ���� ���   ############ */







.main-col-banner1
{ background-color: #F7F8FA; padding-top: 40px; padding-bottom: 40px; }
.main-col-banner1 > div > div
{ padding-left: 5px; padding-right: 5px; }
.main-col-banner1-3
{ border: 1px solid #D5D5D5; background-color: #fff; text-align: center; }

.main-col-banner1-3 > p
{ margin: 7px 10px; }
.main-col-banner1-3 > p.update
{ font-size: 12px; color: #FF6633; text-align: right; }
.main-col-banner1-3 > h3
{ clear: both; font-size: 18px; font-weight: 700; color: #333333; margin:10px 15px 10px; padding: 0; text-align: left; }
.main-col-banner1-3 > h3 > small
{ display: block; font-size: 18px; font-weight: 700; color: #00AAF0; margin-top: 2px; }
.main-col-banner1-3 > p.comment
{ font-size: 14px; color: #666666; text-align: left; margin: 0 15px 7px; line-height: 22px; }
.main-col-banner1-3 > button
{ font-size: 18px; font-weight: 700; width: 90%; height: 45px; color: #FFFFFF; text-align: center; background-color: #00AAF0; margin-bottom: 9px; }


@media all and (max-width: 992px){
	.main-col-banner1
	{ float: none; display: block; width: 100%; margin: 0 auto; padding: 20px 10px; }
	.main-col-banner1-3 > p.update
	{ display: none; }
	.main-col-banner1-3 > h3
	{ font-size: 14px; margin: 5px 10px; }
	.main-col-banner1-3 > h3 > small
	{ font-size: 14px; margin-top: 2px; }

	.main-col-banner1-3
	{ margin: 0 0.5%; padding: 0; }
	.main-col-banner1-3 > p.comment
	{ display: none; }
	.main-col-banner1-3 > p.comment + p.comment
	{ display: block; }
	.main-col-banner1-3 > button
	{ font-size: 13px; height: 35px; margin-top: 6px; margin-bottom: 15px; }
}




@media all and (max-width: 480px) {
	.main-col-banner1-3 > h3 {
		font-size: 14px; margin: 5px 10px; }
	.main-col-banner1-3 > h3 > small {
		font-size: 13px; margin-top: 2px; letter-spacing: -1px; }
}








.main-col-banner2 {
	background-color: #FFFFFF; padding-top: 20px; padding-bottom: 40px; text-align: center; }
.main-col-banner2 > div > h1 {
	font-size: 48px; color: #015299; letter-spacing:-0.04em; font-family: 'Nanum Myeongjo', serif; text-align: center; font-weight: 600; margin: 10px 0 20px; }
.main-col-banner2 > div > h1 > span {
	margin-right:-20px; }
.main-col-banner2-3 {
	float: left; width: 235px; background-color: #fff; text-align: center; }
.main-col-banner2-3 + .main-col-banner2-3 {
	margin-left: 20px; }
.main-col-banner2-3 > img {
	margin-bottom: 20px; }

.main-col-banner2-3 > h3 {
	clear: both; font-size: 18px; font-weight: 700; color: #015299; margin: 0; padding: 0; text-align: left; }
.main-col-banner2-3 > h3 > a.read-more {
	float: right; font-size: 12px; font-weight: normal; color: #FF6600; text-decoration: underline; margin-top: 6px; }
.main-col-banner2-3 > h3 > a.read-more:hover {
	text-decoration: none; }

.main-col-banner2-3 > p {
	margin: 17px 0; font-size: 14px; color: #666666; text-align: left; line-height: 150%; letter-spacing:-0.05em; }



@media all and (max-width: 1017px){
	.main-col-banner2 {
		padding-top: 20px; padding-bottom: 20px; }
	.main-col-banner2  > .row {
		float: none; display: block; width: 94%; margin: 0 auto; padding: 0; }
	.main-col-banner2 > div > h1 {
		font-size: 24px; margin: 5px 0 20px; }

	.main-col-banner2-3 > h3 {
		font-size: 14px; margin: 0 0; }
	.main-col-banner2-3 > h3 > a.read-more {
		display: none; }

	.main-col-banner2-3 {
		float: left; display: inline-block; width: 24%; margin: 0; padding: 0; }
	.main-col-banner2-3 > p {
		font-size: 13px; line-height: 18px; margin-top: 5px; }
	.main-col-banner2-3 + .main-col-banner2-3 {
		margin-left: 1%; }
	.main-col-banner3-3:nth-child(3) {clear: both;}
}


@media all and (max-width: 480px){
	.main-col-banner2-3,
	.main-col-banner2-3 + .main-col-banner2-3 + .main-col-banner2-3 {
		float: left; width: 48.5%; margin: 0; }
	.main-col-banner2-3 + .main-col-banner2-3,
	.main-col-banner2-3 + .main-col-banner2-3 + .main-col-banner2-3 + .main-col-banner2-3 {
		float: right; width: 48.5%; margin: 0; }

	.main-col-banner2-3 + .main-col-banner2-3,
	.main-col-banner2-3 + .main-col-banner2-3 + .main-col-banner2-3 + .main-col-banner2-3 {
		float: right; width: 48.5%; margin: 0; }
	.main-col-banner2-3 + .main-col-banner2-3 + .main-col-banner2-3 ,
	.main-col-banner2-3 + .main-col-banner2-3 + .main-col-banner2-3 + .main-col-banner2-3 {
		margin-top: 10px; }
}







.main-col-banner3 {
	background-color: #00AAF0; padding-top: 10px; padding-bottom: 50px; text-align: center; }

.main-col-banner3 > div > h1 {
	margin: 0; padding: 0 0 30px; text-align: center; }


.main-col-banner3-3 {
	float: left; width: 235px; background-color: #fff; text-align: center; padding: 15px 12px 10px; border: 3px solid #FFF;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); }

.main-col-banner3-3:hover {
	border: 3px solid #FF6600;
	-webkit-box-shadow: 0 0 8px rgba(125, 0, 0, 0.9);
	-moz-box-shadow: 0 0 8px rgba(125, 0, 0, 0.9);
	box-shadow: 0 0 8px rgba(125, 0, 0, 0.9); }



.main-col-banner3-3 + .main-col-banner3-3 {
	margin-left: 20px; }

.main-col-banner3-3 > h3 {
	clear: both; font-size: 18px; font-weight: 700; color: #333333; margin: 0 0 25px; padding: 0 0 10px; text-align: center; border-bottom: 3px solid #00AAF0; }

.main-col-banner3-3 > h4 {
	clear: both; font-size: 18px; font-weight: 700; color: #333333; margin: 20px 0 15px; padding: 0; text-align: left; }
.main-col-banner3-3 > h4 > small {
	display: block; clear: both; font-size: 12px; font-weight: 600; color: #00AAF0; margin: 0 0 5px; padding: 0; }

.main-col-banner3-3 > h5 {
	clear: both; font-size: 14px; font-weight: 700; color: #333333; margin: 20px 0 15px; padding: 0; text-align: left; }

.main-col-banner3-3 > p {
	font-size: 14px; font-weight: normal; color: #666666; text-align: left; }

/*
.main-col-banner3-3 > p.read-more {
	margin-top: 20px; text-align: center; }
.main-col-banner3-3 > p.read-more > a {
	font-size: 12px; font-weight: normal; color: #FF6600; text-decoration: underline; }
.main-col-banner3-3 > p.read-more > a:hover {
	text-decoration: none; }
.main-col-banner3-3:nth-of-type(1) > p.read-more,
.main-col-banner3-3:nth-of-type(4) > p.read-more {
	margin-top: 62px; }
.main-col-banner3-3:nth-of-type(2) > p.read-more {
	margin-top: 10px; }
*/


.main-col-banner3-3 > ul {
	margin: 0; list-style: none; text-align: left; }

.main-col-banner3-3 > ul > li {
	display: block; clear: both; width: 100%; margin: 0; padding: 0; }
.main-col-banner3-3 > ul > li + li {
	padding-top: 18px; }

.main-col-banner3-3 > ul > li > dl:nth-of-type(1) {
	float: left; display: inline-block; width: 28%; margin: 0; padding: 0; }
.main-col-banner3-3 > ul > li > dl:nth-of-type(1) > img {
	width: 100%; }

.main-col-banner3-3 > ul > li > dl:nth-of-type(2) {
	float: right; display: inline-block; width: 68%; margin: 0; padding: 0; }

.main-col-banner3-3 > ul > li > dl > dt {
	display: block; color: #333333; font-size: 13px; font-weight: 700; margin: 2px 0 6px; }
.main-col-banner3-3 > ul > li > dl > dd:nth-of-type(1) {
	display: block; color: #00AAF0; font-size: 13px; font-weight: 700; margin: 0; }
.main-col-banner3-3 > ul > li > dl > dd:nth-of-type(2) {
	display: block; color: #999999; font-size: 11px; font-weight: 100; margin: 0; }






@media all and (max-width: 1017px){
	.main-col-banner3 {
		padding-top: 20px; padding-bottom: 20px;    }
	.main-col-banner3 > .row {
		float: none; display: block; width: 94%; margin: 0 auto; padding: 0; }

	.main-col-banner3-3,
	.main-col-banner3-3 + .main-col-banner3-3 + .main-col-banner3-3 {
		float: left; width: 48.5%; margin: 0; }
	.main-col-banner3-3 + .main-col-banner3-3,
	.main-col-banner3-3 + .main-col-banner3-3 + .main-col-banner3-3 + .main-col-banner3-3 {
		float: right; width: 48.5%; margin: 0; }
	.main-col-banner3-3 + .main-col-banner3-3 + .main-col-banner3-3 ,
	.main-col-banner3-3 + .main-col-banner3-3 + .main-col-banner3-3 + .main-col-banner3-3 {
		margin-top: 20px; }

	.main-col-banner3-3 > ul > li + li {
		display: none; }
	.main-col-banner3-3 > ul > li > dl:nth-of-type(1) {
		float: left; display: inline-block; width: 39%; margin: 0; padding: 0; }
	.main-col-banner3-3 > ul > li > dl:nth-of-type(1) > img {
		width: 100%; }
	.main-col-banner3-3 > ul > li > dl:nth-of-type(2) {
		float: right; display: inline-block; width: 57%; margin: 0; padding: 0; }
	.main-col-banner3-3 > ul > li > dl > dt {
		font-size: 18px; }
	.main-col-banner3-3 > ul > li > dl > dd:nth-of-type(1) {
		font-size: 16px; margin: 10px 0; }
	.main-col-banner3-3 > ul > li > dl > dd:nth-of-type(2) {
		font-size: 15px; }

	.main-col-banner3-3 > h4 {
		margin: 20px 0 5px; }
}



@media all and (max-width: 480px){
	.main-col-banner3 {
		padding-bottom: 0;    }

	.main-col-banner3-3,
	.main-col-banner3-3 + .main-col-banner3-3,
	.main-col-banner3-3 + .main-col-banner3-3 + .main-col-banner3-3,
	.main-col-banner3-3 + .main-col-banner3-3 + .main-col-banner3-3 + .main-col-banner3-3 {
		float: none; display: block; width: 100%; margin: 0; }
	.main-col-banner3-3 + .main-col-banner3-3,
	.main-col-banner3-3 + .main-col-banner3-3 + .main-col-banner3-3,
	.main-col-banner3-3 + .main-col-banner3-3 + .main-col-banner3-3 + .main-col-banner3-3 {
		margin-top: 20px; }
}










.main-col-banner4 {
	background-color: #FFFFFF; padding-top: 40px; padding-bottom: 40px; text-align: center; }
.main-col-banner4-3 {
	float: left; width: 235px; text-align: center; padding: 20px; border: 1px solid #D5D5D5; margin-top: 0; }
.main-col-banner4-3 + .main-col-banner4-3 {
	width: 235px; margin-left: 20px; }
.main-col-banner4-3 > h4 {
	clear: both; font-size: 18px; font-weight: 700; color: #333333; margin: 0; padding: 0 0 10px; text-align: left; }
.main-col-banner4-3 > p > a.read-more {
	font-size: 12px; font-weight: normal; color: #FF6600; text-decoration: underline; margin-top: 6px; }
.main-col-banner4-3 > p > a.read-more:hover {
	text-decoration: none; }


.main-cscenter-panel > h4 > small {
	font-size: 12px; font-weight: normal; color: #999; margin-left: 20px; text-align: left; }
.main-cscenter-panel > ul {
	margin-top: 16px; margin-bottom: 0; list-style: none; text-align: left; }
.main-cscenter-panel > ul > li {
	display: inline-block; clear: both; width: 100%; margin: 0; padding: 0; }
.main-cscenter-panel > ul > li + li {
	margin-top: 5px; }
.main-cscenter-panel > ul > li > dl {
	display: block;
	font-size: 14px; font-weight: 700; margin: 0; padding: 0; }
.main-cscenter-panel > ul > li > dl > dt {
	float: left; display: inline-block; color: #666; width: 36%; }
.main-cscenter-panel > ul > li > dl > dd {
	float: right; display: inline-block; color: #333; width: 64%; }
.main-cscenter-panel > ul > li > dl > dd.cs-number{
	color: #FF6600; font-size: 24px; letter-spacing: -1px; margin-top: -8px; margin-bottom: 0; padding: 0; }
.main-cscenter-panel > ul > li > dl > dd.cs-time{
	color: #999; font-size: 12px; font-weight: normal; margin: 0; padding: 0; }
.main-cscenter-panel > ul > li > dl > dd.cs-bank{
	letter-spacing: -1px; margin: 0; padding: 0; }
.main-cscenter-panel > ul > li > dl > dd.class-time{
	margin: 0; padding: 0; }







.main-franchise-panel {
	padding: 20px 20px; }

.main-franchise-panel > p.mfran_text  {
	margin-top:11px; }

.main-franchise-panel > p.mfran_text > strong {
	color:#00aaf0; }









.main-csgaide-panel {
	padding: 20px 20px; }
.main-csgaide-panel > ul {
	margin: 0; padding: 0; list-style: none; text-align: left; }
.main-csgaide-panel > ul > li {
	display: inline-block; clear: both; width: 100%; margin: 8px 0; padding: 0; font-size: 14px; }
.main-csgaide-panel > ul > li > a {
	display: block; color: #666; letter-spacing: 0; }
.main-csgaide-panel > ul > li > a:hover {
	color: #FF6600; text-decoration: underline; }
.main-csgaide-panel > ul > li > a > i {
	font-size: 19px; margin-right: 9px; }

.main-csgaide-panel > ul > li > a > i + i {
	float: right; color: #FF6600; font-size: 18px; margin-right: 0; }



.main-csgaide-panel > a.btn-remote {
	font-size: 16px; font-weight: 700; width: 100%; color: #FFFFFF; text-align: center; background-color: #FF6600; margin-top: 20px; margin-bottom: 8px; padding: 0; }
.main-csgaide-panel > a.btn-remote:hover {
	color: #000; }
.main-csgaide-panel > a > span > i.fa-stack-2x {
	font-size: 34px; margin: 6px 0 0; padding: 0; }
.main-csgaide-panel > a > span > i.fa-stack-1x {
	font-size: 16px; margin: 0; padding: 0; text-shadow: 0 2px 0 #FF6600; }




@media all and (max-width: 1017px){
	.main-col-banner4{
		margin: 0; padding: 0; }
	.main-col-banner4  > .row {
		float: none; display: block; width: 94%; margin: 20px auto; padding: 0; }

	.main-col-banner4  > .row > .main-col-banner4-3:nth-of-type(1),
	.main-col-banner4  > .row > .main-col-banner4-3:nth-of-type(3) {
		float: left; width: 48.5%; margin-left: 0; }

	.main-col-banner4  > .row > .main-col-banner4-3:nth-of-type(2),
	.main-col-banner4  > .row > .main-col-banner4-3:nth-of-type(4) {
		float: right; width: 48.5%; }
	.main-col-banner4  > .row > .main-col-banner4-3:nth-of-type(3) {clear: both;}

	.main-col-banner4  > .row > .main-col-banner4-3:nth-of-type(3),
	.main-col-banner4  > .row > .main-col-banner4-3:nth-of-type(4) {
		margin-top: 20px; }

	.main-col-banner4  > .row > .main-col-banner4-3.main-franchise-panel {
		padding: 20px; margin: 0; }
	.main-col-banner4  > .row > .main-col-banner4-3.main-csgaide-panel,
	.main-col-banner4  > .row > .main-col-banner4-3.main-kakao-panel {
		margin-left: 0; margin-right: 0; }
}


@media all and (max-width: 480px){
	.main-col-banner4  > .row > .main-col-banner4-3:nth-of-type(1),
	.main-col-banner4  > .row > .main-col-banner4-3:nth-of-type(2),
	.main-col-banner4  > .row > .main-col-banner4-3:nth-of-type(3),
	.main-col-banner4  > .row > .main-col-banner4-3:nth-of-type(4) {
		float: none; display: block; clear: both; width: 100%; margin: -1px auto 0; }


	ul.list-news > li > dl > dt {
		float: none; width: 100%; text-align: left; }
	ul.list-news > li > dl > dd {
		float: none; display: none; }  }




































.main-col-banner5 {
	background-color: #F9F9F9; padding-top: 40px; padding-bottom: 40px; }
.main-col-banner5-3 {
	float: left; width: 490px; text-align: center; padding: 0; }

.main-col-banner5-3 + .main-col-banner5-3 {
	margin-left: 20px; }
.main-col-banner5-3 > h4 {
	clear: both; font-size: 18px; font-weight: 700; color: #333333; margin: 0; padding: 0 0 10px; text-align: left; }
.main-col-banner5-3 > h4 > small {
	float: right; font-size: 14px; color: #00AAF0; font-weight: 800; margin-top: 10px; }


.table-in-write > tbody > tr > td {
  background-color: #FFF; }
.table-in-write > tbody > tr > td > h5 {
  color: #333; font-size: 14px; }



.main-col-banner5-3  ul.list {
	margin-top: 20px; text-align: left; }
.main-col-banner5-3  ul.list > li {
	clear: both; background: url("../images/common/dotted1.png") no-repeat 0 10px; font-size: 12px; margin: 0; padding: 0 0 15px 10px; }
.main-col-banner5-3  ul.list > li > dl {
	clear: both; color: #666; margin: 0; padding: 0; }
.main-col-banner5-3  ul.list > li dt {
	float: left; }
.main-col-banner5-3  ul.list > li dd {
	float: right; letter-spacing: -1px; }
.main-col-banner5-3  ul.list > li a {
	font-weight: 600; color: #00AAF0; }


.main-col-banner5-3  button.btn-submit {
	font-size: 16px; font-weight: 700; color: #FFFFFF; text-align: center; background-color: #00AAF0; border: 1px solid #0099CC; padding: 10px 20px 10px 50px; }
.main-col-banner5-3  button.btn-submit:hover {
	color: #000; }
.main-col-banner5-3  button.btn-submit > i {
	margin-left: 30px; font-size: 20px; }











.main-testlist-panel {
	border: 1px solid #D5D5D5; width: 100%; background-color: #fff; text-align: center; padding: 10px; }
.main-testlist-panel > table {
	width: 100%; }
.main-testlist-panel > table,
.main-testlist-panel > table > tbody {
	border: 0; }
.main-testlist-panel > table > tbody > tr > td {
	color: #666666; font-size: 14px; }
.main-testlist-panel > table > tbody > tr > td + td {
	color: #00AAF0; }
.main-testlist-panel > table > tbody > tr > td + td + td {
	color: #666666; }
.main-testlist-panel > table > tbody > tr > td {
	color: #666666; font-size: 14px; border-top: 0; border-bottom: 1px solid #E5E5E5; }
.main-testlist-panel > table > tbody > tr + tr:last-child > td {
	border: 0; }





@media all and (max-width: 1016px){
	.main-col-banner5-3 {
		float: none; width: 94%; margin: 0 auto; }
	.main-col-banner5-3 + .main-col-banner5-3 {
		float: none; width: 94%; margin: 40px auto 0; }
}

@media all and (max-width: 480px){
	.main-testlist-panel > table {
		table-layout: auto; }
	.main-testlist-panel > table > colgroup,
	.main-testlist-panel > table > colgroup > col {
		display: none; }
	.main-testlist-panel > table > tbody > tr > td:nth-of-type(3) {
		display: none; }

}















.pop-layer .pop-container {
  padding: 2px 7px; }

.pop-layer p.ctxt {
  color: #666;
  line-height: 25px; }

.pop-layer .btn-r {
  width: 100%;
  margin: 0 0 5px;
  padding: 5px 10px;
  border-bottom: 1px solid #DDD;
  text-align: right;
  }

.btn-r > form > a.btn-talk {
  padding: 4px 9px; font-size: 12px; font-weight: 700; }


.pop-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 500px;
  height: auto;
  background-color: #fff;
  border: 5px solid #00AAF0;
  border-radius: 10px;
  z-index: 999998; }

.dim-layer {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 1009; }

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .1;
  filter: alpha(opacity=10); }

.dim-layer .pop-layer {
  display: block; }


.pop-conts {
  font-size: 14px; }
.pop-conts > h4 {
  font-size: 16px; margin: 0; padding: 0; }
.pop-conts > h5 {
  font-size: 14px; margin: 8px 0 0; padding: 0; }
.pop-conts > p {
  margin: 3px 0; }


.pop-comment {
	color: #333333;
	font-size: 14px;
	padding: 0 10px 10px;
	/* word-break: break-all; */
}
.pop-comment > table > tbody > tr > td {
	font-weight: 700; font-size: 12px; color: #333333; padding-top: 5px; padding-bottom: 5px; }

@media all and (max-width: 750px){
	.pop-layer {
		/* margin-top: -50px; */
		top: 55%; left: 50%; width: 350px; }
	.pop-comment {
		overflow: auto; width: 100%; height: 500px; font-size: 14px; }
	.btn-r > form > label {
		font-size: 13px; }
}





.join-step1 {
	float: left; width: 100%; height: auto; text-align: center; padding: 30px; }

.join-step1  ul.list {
	margin-top: 20px; text-align: left; border-top: 0; }
.join-step1  ul.list > li {
	clear: both; background: url("../images/common/dotted1.png") no-repeat 0 10px; font-size: 12px; margin: 0; padding: 0 0 15px 10px; }
.join-step1  ul.list > li > dl {
	clear: both; color: #666; margin: 0; padding: 0; }
.join-step1  ul.list > li dt {
	float: left; }
.join-step1  ul.list > li dd {
	float: right; letter-spacing: -1px; }
.join-step1  ul.list > li a {
	font-weight: 600; color: #00AAF0; }


@media all and (max-width: 480px){
	.join-step1
	{ padding: 10px; }
}














/* LAT �� ���̾� */

.lat-layer .lat-container {
  padding: 2px 7px; }

.lat-layer p.ctxt {
  color: #666;
  line-height: 25px; }

.lat-layer .btn-r {
  width: 100%;
  margin: 0 0 5px;
  padding: 5px 10px;
  border-bottom: 1px solid #DDD;
  text-align: right;
  }

.btn-r > form > a.btn-talk {
  padding: 4px 9px; font-size: 12px; font-weight: 700; }


.lat-layer {
  display: none;
  position: absolute;
  bottom: 10%;
  left: 50%;
  width: 800px;
  height: auto;
  background-color: #fff;
  border: 5px solid #00AAF0;
  border-radius: 10px;
  z-index: 999998; }

.lat-dim-layer {
  display: none;
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 999; }

.lat-dim-layer .lat-dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .8;
  filter: alpha(opacity=80); }

.lat-dim-layer .lat-layer {
  display: block; }

@media all and (max-width: 750px){
	.lat-layer {
		bottom: 55%; left: 50%; width: 350px; }
}

@media all and (max-width: 480px)
{
	.table-in-write > tbody > tr > td > h5 {font-size: 12px;}
}

/* LAT �� ���̾� */