@charset "utf-8"; 
 
 
  
/* 메인 디자인 관련  ===================================================================================== */
#main_wrap					{position:relative;width:100%; padding:0 0 80px 0;min-height:600px;}
.main_visual				{position:relative;margin:0 auto;} 
.visual01					{background:url('../image/main/main_img_0.jpg') no-repeat center;height:380px;background-size:cover;}

/*.out_login					{position:absolute;bottom:0;right:0;padding:20px;background:url('../image/common/outlogin_bg.png') repeat;width:300px;}*/

/* section01  ===================================================================================== */
.section01					{position:relative;overflow:hidden;margin-top:35px;}

.main_lt4					{position:relative;float:left;width:31%;padding:1%; height:300px; }
.main_lt_top                    {position:relative; background:url("../image/main/main_count_back.png") no-repeat center 0px;background-size:100%; width:800px; height:178px;}

.main_lt					{position:relative;float:left;width:31%;padding:1%; height:300px; }
.main_lt2					{position:relative;float:left;width:31%;padding:1%; height:340px;}
.main_lt3					{position:relative;float:left;width:31%;padding:1%; height:340px;}
.main_rt					{position:relative;float:right;width:49%;}
.main_ct					{position:relative;float:right;width:99.5%; margin-bottom:5px;}
.main_title					{background:#FFF462;padding:13px;color:#000;border:3px solid #FFF462;font-size:19px; border-top-right-radius: 15px; border-top-left-radius: 15px;}
.main_title2				{background:#C2D84E;padding:13px;color:#000;border:3px solid #C2D84E;font-size:19px; border-top-right-radius: 15px; border-top-left-radius: 15px;}
.main_title3				{background:#80C7EF;padding:13px;color:#000;border:3px solid #80C7EF;font-size:19px; border-top-right-radius: 15px; border-top-left-radius: 15px;}

.main_title4				{background:#ffd561;padding:13px;color:#000;border:3px solid #ffd561;font-size:19px; border-top-right-radius: 15px; border-top-left-radius: 15px;}
.main_title	span			{float:right;font-size:12px;color:#4c4c4c;background:#ffffffff;border:0px solid #ececec;}
.main_title	span img		{width:8px;padding:7px;}
.main_title .more_btn		{padding:3px 5px;margin-top:-4px;}

.main_match_info		{padding:10px;overflow:hidden;border:3px solid #FFF462;border-top:0; border-bottom:3px dashed #FFF462;}
.main_match_info ul		{float:left; height:35px; width:100%; }
.main_match_info ul li	{color:#000000;background-size:4px;padding:0 0 1px 5px; font-size:16px;}
.main_match_info ul li:last-child	{padding-bottom:0; color:#24A6BD; font-size:12px;}

.main_match_info2		{padding:10px;overflow:hidden;border:3px solid #C2D84E;border-top:0; border-bottom:3px dashed #C2D84E;}
.main_match_info2 ul		{float:left; height:35px; width:100%; }
.main_match_info2 ul li	{color:#000000;background-size:4px;padding:0 0 1px 5px; font-size:16px;}
.main_match_info2 ul li:last-child	{padding-bottom:0; color:#24A6BD; font-size:12px;}

.main_match_info3		{padding:10px;overflow:hidden;border:3px solid #80C7EF;border-top:0; border-bottom:3px dashed #80C7EF;}
.main_match_info3 ul		{float:left; height:35px; width:100%; }
.main_match_info3 ul li	{color:#000000;background-size:4px;padding:0 0 1px 5px; font-size:16px;}
.main_match_info3 ul li:last-child	{padding-bottom:0; color:#24A6BD; font-size:12px;}

.main_match_info4		{padding:10px;overflow:hidden;border:3px solid #ffd561;border-top:0; border-bottom:3px dashed #ffd561;}
.main_match_info4 ul		{float:left; height:35px; width:100%; }
.main_match_info4 ul li	{color:#000000;background-size:4px;padding:0 0 1px 5px; font-size:16px;}
.main_match_info4 ul li:last-child	{padding-bottom:0; color:#24A6BD; font-size:12px;}

.main_title_top				{width:80%; background:#FFB2D9;padding:15px;color:#353535;border:3px solid #FFB2D9;font-size:24px; border-top-right-radius: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}

.main_title_top1{ width:115px; height:40px; margin-top:144px; margin-left:118px; float:left;  font-size:30px; color:#ffffff;}
.main_title_top2{ width:115px; height:40px; margin-top:144px; margin-left:108px;float:left; font-size:30px; color:#ffffff;}
.main_title_top3{ width:115px; height:40px; margin-top:144px; margin-left:108px;float:left; font-size:30px; color:#ffffff;}
.main_title_top4{ width:130px; height:40px; font-size:30px;}

.info01					{color:#000000;background-size:4px;padding:0 0 1px 5px; font-size:17px; }
.info01	span			{float:right;font-size:12px;color:#4c4c4c;background:#ffffffff;}


/* 모바일  ===================================================================================== */

.mobile_con							{display:none;}
.ebook_display                      {display:block;}

/* screen 1110 */
@media screen and (max-width:1100px) {

	.section01 {padding:0 10px;}
	
	.main_title_top				{width:97%; background:#FFB2D9;padding:1%;color:#353535;border:3px solid #FFB2D9;font-size:22px; border-top-right-radius: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}

}



/* Tablet screen 1024 */
@media screen and (max-width:1024px) {

	.section_mainvisual			{display:none;}

	.main_title_top				{width:97%; background:#FFB2D9;padding:1%;color:#353535;border:3px solid #FFB2D9;font-size:22px; border-top-right-radius: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}

	.out_login					{display:none;}

	.main_title, .main_news_tab, main_title4	{font-size:1.2em;}

	.section01 {display:none;}

	.mobile_con					{display:block;position:relative;padding:0 10px;}
	
    .main_lt_top                    {position:relative; background:url("../image/main/main_count_back.png") no-repeat center 0px;background-size:100%; width:600px; height:133px;}
    .main_title_top1{ width:86px; margin-top:104px; margin-left:88.5px; float:left;  font-size:25px; color:#ffffff; }
    .main_title_top2{ width:86px; margin-top:104px; margin-left:81px;float:left; font-size:25px; color:#ffffff; }
    .main_title_top3{ width:86px; margin-top:104px; margin-left:81px;float:left; font-size:25px; color:#ffffff; }
    
    .main_title_top4{ width:100px;  font-size:25px; }
    
}


/* Mobile screen 850 */
@media screen and (max-width:850px) {
    .ebook_display                      {display:none;}
	.main_lt4					{position:relative;float:left;width:98%;padding:1%; height:300px; }

	.main_title_top				{width:97%; background:#FFB2D9;padding:1%;color:#353535;border:3px solid #FFB2D9;font-size:22px; border-top-right-radius: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}

	.section_mainvisual			{display:none;}

	.main_title4	{font-size:1.2em;}
    
    .main_lt_top                    {position:relative; background:url("../image/main/main_count_back.png") no-repeat center 0px;background-size:100%; width:600px; height:133px;}
    .main_title_top1{ width:86px; margin-top:104px; margin-left:88.5px; float:left;  font-size:25px; color:#ffffff; }
    .main_title_top2{ width:86px; margin-top:104px; margin-left:81px;float:left; font-size:25px; color:#ffffff; }
    .main_title_top3{ width:86px; margin-top:104px; margin-left:81px;float:left; font-size:25px; color:#ffffff; }
    .main_title_top4{ width:100px;  font-size:25px; }
}



/* Mobile screen 768 */
@media screen and (max-width:768px) {

	.main_lt4					{position:relative;float:left;width:98%;padding:1%; height:300px; }

	.main_title_top				{width:97%; background:#FFB2D9;padding:1%;color:#353535;border:3px solid #FFB2D9;font-size:20px; border-top-right-radius: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}


	.section_mainvisual			{display:none;}

	.main_title4	{font-size:1.2em;}
    
    .main_lt_top                    {position:relative; background:url("../image/main/main_count_back.png") no-repeat center 0px;background-size:100%; width:600px; height:133px;}
    .main_title_top1{ width:86px; margin-top:104px; margin-left:88.5px; float:left;  font-size:25px; color:#ffffff; }
    .main_title_top2{ width:86px; margin-top:104px; margin-left:81px;float:left; font-size:25px; color:#ffffff; }
    .main_title_top3{ width:86px; margin-top:104px; margin-left:81px;float:left; font-size:25px; color:#ffffff; }
    
    .main_title_top4{ width:100px;  font-size:25px; }

}


/* Mobile screen 550 */
@media screen and (max-width:550px) {

	.main_lt4					{position:relative;float:left;width:98%;padding:1%; height:300px; }

	.main_title_top				{width:97%; background:#FFB2D9;padding:1%;color:#353535;border:3px solid #FFB2D9;font-size:16px; border-top-right-radius: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}

	.section_mainvisual			{display:none;}

	.main_title4	{font-size:1.2em;}
    
    .main_lt_top                    {position:relative; background:url("../image/main/main_count_back.png") no-repeat center 0px;background-size:100%; width:400px; height:89px;}

    .main_title_top1{ width:57.5px; margin-top:67px; margin-left:59px; float:left;  font-size:15px; color:#ffffff; }
    .main_title_top2{ width:57.5px; margin-top:67px; margin-left:54px;float:left; font-size:15px; color:#ffffff; }
    .main_title_top3{ width:57.5px; margin-top:67px; margin-left:54px;float:left; font-size:15px; color:#ffffff; }
    
    .main_title_top4{ width:70px;  font-size:15px; }

}



/* Mobile screen 480 */
@media screen and (max-width:480px) {

	.main_lt4					{position:relative;float:left;width:98%;padding:1%; height:300px; }

	.main_title_top				{width:97%; background:#FFB2D9;padding:1%;color:#353535;border:3px solid #FFB2D9;font-size:14px; border-top-right-radius: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}

	.main_title4	{font-size:1.2em;}
    
    .main_lt_top                    {position:relative; background:url("../image/main/main_count_back.png") no-repeat center 0px;background-size:100%; width:400px; height:89px;}

    .main_title_top1{ width:57.5px; margin-top:67px; margin-left:59px; float:left;  font-size:15px; color:#ffffff; }
    .main_title_top2{ width:57.5px; margin-top:67px; margin-left:54px;float:left; font-size:15px; color:#ffffff; }
    .main_title_top3{ width:57.5px; margin-top:67px; margin-left:54px;float:left; font-size:15px; color:#ffffff; }
    
    .main_title_top4{ width:70px;  font-size:15px; }

}


/* Mobile screen 400 */
@media screen and (max-width:400px) {

	.main_lt4					{position:relative;float:left;width:98%;padding:1%; height:300px; }

	.main_title_top				{width:97%; background:#FFB2D9;padding:1%;color:#353535;border:3px solid #FFB2D9;font-size:14px; border-top-right-radius: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}

	.main_title4	{font-size:1.2em;}
    
    .main_lt_top                    {position:relative; background:url("../image/main/main_count_back.png") no-repeat center 0px;background-size:100%; width:360px; height:80px;}

    .main_title_top1{ width:50px; margin-top:59px; margin-left:54px; float:left;  font-size:14px; color:#ffffff; }
    .main_title_top2{ width:50px; margin-top:59px; margin-left:50px;float:left; font-size:14px; color:#ffffff; }
    .main_title_top3{ width:50px; margin-top:59px; margin-left:50px;float:left; font-size:14px; color:#ffffff; }

    .main_title_top4{ width:70px;  font-size:14px; }
}


/* Mobile screen 349 아이폰 구버전용(가로디스플레이 350px 이하) */
@media screen and (max-width:349px) {

	.main_lt4					{position:relative;float:left;width:98%;padding:1%; height:300px; }

	.main_title_top				{width:97%; background:#FFB2D9;padding:1%;color:#353535;border:3px solid #FFB2D9;font-size:13px; border-top-right-radius: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}

	.main_title4	{font-size:1.2em;}
    
    .main_lt_top                    {position:relative; background:url("../image/main/main_count_back.png") no-repeat center 0px;background-size:100%; width:320px; height:71px;}

    .main_title_top1{ width:46px; margin-top:50px; margin-left:47px; float:left;  font-size:13px; color:#ffffff; }
    .main_title_top2{ width:46px; margin-top:50px; margin-left:43px;float:left; font-size:13px; color:#ffffff; }
    .main_title_top3{ width:46px; margin-top:50px; margin-left:43px;float:left; font-size:13px; color:#ffffff; }
    
    .main_title_top4{ width:60px;  font-size:13px; }
}