@charset "utf-8"; 
 
 
  
/* 메인 디자인 관련  
===================================================================================== */
#main_wrap					{position:relative; width:100%; min-height:700px; }
.visual_wrap				{margin:0 auto; background:url('../image/main/visual_bg.jpg') repeat-x center top; } 
.visual01					{height:600px; }
.visual01 .calli			{float:left; width:45%; margin-top:0; }
.visual01 .txt				{float:right; width:55%; padding-top:12%; }
.visual01 .txt p				{line-height:60px; color:#fff; text-align:center; font-size:4em; font-family:'NotoKrB',sans-serif; }
.visual01 .txt p span				{font-size:0.95em; font-family:'Roboto_l'; }
.visual01 .txt .txt01				{padding-top:15px; font-size:1.95em; font-family:'NotoKrL',sans-serif; }
.visual01 .txt .txt02				{padding-top:10px; font-size:3.1em; font-family:'Roboto_B'; color:#da1022; letter-spacing:-0.5px; }
.visual01 .txt .txt02 span		{color:#fff; font-size:0.9em; }
.visual01 .txt .txt02 sup			{color:#fff; font-size:0.3em; }
.visual01 .txt .bar				{display:inline-block; margin-top:10px; width:50px; height:3px; background:rgba(255,255,255,1); }

.main_contwrap				{display:block; width:1200px; margin:-50px auto 0 auto; padding:35px 0; background-color:#fff; }

.main_bn		{width:100%; }
.main_bn a		{float:left; width:30%; height:70px; line-height:62px; margin-right:5%; padding:0 20px; font-size:1.2em; border:5px solid #7566cb; box-sizing:border-box; font-family:'Roboto'; background:url('../image/main/main_bn_arrow.png') no-repeat 95% center; }
.main_bn a:last-child		{margin-right:0; }
.main_bn a:hover			{color:#7566cb; }

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

#main_wrap					{min-height:100%; }
.main_contwrap				{display:inline-block; width:92%; margin:0 4%; }

}


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

.visual01					{height:80%; }
.visual01 .calli			{width:35%; margin-left:7%; }
.visual01 .txt				{float:none; width:100%; margin-right:15%; padding-top:6%; }
.visual01 .txt p				{line-height:120%; font-size:3.2em; }
.visual01 .txt .txt01				{padding-top:1%; font-size:2em; line-height:180%;}
.visual01 .txt .txt02				{padding-top:0; font-size:2.5em; line-height:180%;}
.visual01 .txt .bar				{margin-top:2%; }

}


/* mobie screen 840 */
@media screen and (max-width:840px) {

.visual01 .txt .bar				{display:none; }
.visual01 .txt .txt02				{font-size:1.9em; }

.main_bn a		{width:100%; margin:0 5% 12px 0; }

}


/* mobie screen 785 */
@media screen and (max-width:785px) {

.main_contwrap		{padding:35px 0 0 0; }
.visual01				{height:170px; }
.visual01 .calli			{width:25%; }
.visual01 .txt br			{display:none;}
.visual01 .txt				{padding-top:35px; }
.visual01 .txt p				{font-size:2em; }
.visual01 .txt .txt01				{padding-top:1%; font-size:1.8em; line-height:100%; }
.visual01 .txt .txt02		{font-size:1.6em; }
.visual01 .txt .txt02 sup			{display:none; }
}


/* mobie screen 680 */
@media screen and (max-width:680px) {

.visual01				{height:120px; }
.visual01 .calli		{display:none;}
.visual01 .txt p				{line-height:80%; }
.visual01 .txt .txt01		{display:none;}

}



/* mobie screen 420 */
@media screen and (max-width:420px) {

.h1 img	{width:180px; }

.main_contwrap		{padding:25px 0; }

.visual01 .txt				{padding-top:40px; }
.visual01 .txt p				{font-size:1.3em; }

}