@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans);


/* reset */
* { margin: 0; padding: 0; border: 0;}
ul { list-style: none; }
a { outline: 0; text-decoration: none; display: inline-block; }
img { border: 0; }
body { font-family: 'Noto Sans', sans-serif; margin:auto;}
button { cursor: pointer; }

/* 공통레아아웃 */
#divWrap { width: 100%; position: absolute; font-family: 'Noto Sans', sans-serif; }
#divHeader {top:0; left:0; width:100%; z-index:500 !important; position:fixed;}

/* 모바일 */
#divheader-mobile {display:none;}
/* header */
#divHeader #divheader-pc {padding: 14px 0px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); 
z-index:500; background-color:#fff}
#divHeader #divheader-pc #logo a {display: block; margin-left: auto; margin-right: auto;}
#divHeader #divheader-pc #logo a .imglogo {display: block; margin-left: auto; margin-right: auto;}

/* content */
#divwrap #divmain-ct {position: absolute; top: 100px; left:0; right: 0; bottom: 0; z-index:300;}
#divwrap #divmain-ct .main-ct .main-ct-ko .main-ct-koimg {position: absolute; top:50%; left: 50%; 
margin-left: -350px; margin-top: -170px;}
#divwrap #divmain-ct .main-ct .main-ct-ko .main-ct-kotxt {position: absolute; top:50%; left:50%; 
margin-left: -505px; font-size:28px; margin-top: 30px; color:#565656;}
#divwrap #divmain-ct .main-ct .main-ct-ko .main-ct-ko-button {position: absolute; top:50%; left:50%;
 margin-left:-365px; margin-top: 100px; border:2px solid #2f5087; padding: 14px 45px; color: #2f5087; 
 font-weight: bold; font-size:20px;}
 #divwrap #divmain-ct .main-ct .main-ct-ko a:hover .main-ct-ko-button
 {background-color:#2f5087; color:#fff; cursor:pointer;}
/*#divwrap #divmain-ct {position: absolute; top: 100px; left:0; right: 0; bottom: 0; z-index:300;}*/
#divwrap #divmain-ct .main-ct .main-ct-en .main-ct-enimg {position: absolute; top:50%; 
left: 50%; margin-left: 200px; margin-top: -170px;}
#divwrap #divmain-ct .main-ct .main-ct-en .main-ct-entxt {position: absolute; top:50%; 
left:50%; margin-left: 200px; font-size:28px; color:#fff; margin-top:30px;}
#divwrap #divmain-ct .main-ct .main-ct-en .main-ct-en-button {position: absolute; top:50%; 
left:50%; margin-left:200px; margin-top: 100px; border:2px solid #fff; padding: 14px 45px; color: #fff; 
font-weight: bold; font-size:20px;}
#divwrap #divmain-ct .main-ct .main-ct-en a:hover .main-ct-en-button {background-color:#fff; 
color:#2f5087; cursor:pointer;}
#divwrap #divmain-bg {position:absolute; left:50%; top:0; right:100%; width:50%; height:100%; 
background-color: #2f5087; z-index:5;}


/* 푸터 */
#divmain-footer { position:absolute; bottom:17px; left:0; width:100%; z-index:50; text-align:center;
 color: #282828; font-size: 14px;}
 
 
@media (max-width: 1080px) {
	
#divwrap #divmain-ct {position: absolute; top: 0; left:0; right: 0; bottom: 0; z-index:300;}
#divwrap #divmain-ct .main-ct .main-ct-ko .main-ct-koimg {position: absolute; display:block;
margin-left:auto; margin-right:0; margin-top:-330px; margin-left:-86px;}
#divwrap #divmain-ct .main-ct .main-ct-ko .main-ct-kotxt {position: absolute; display:block; 
margin-left:auto; margin-right:auto; margin-top:-150px; margin-left:-112px; color:#565656; font-size:20px;}
#divwrap #divmain-ct .main-ct .main-ct-ko .main-ct-ko-button {position: absolute; display:block;
margin-left:auto; margin-right: auto; margin-top:-100px; border:2px solid #2f5087; padding:12px 45px;
color:#2f5087; font-weight:bold; font-size: 18px; margin-left:-101px; width:100px; text-align:center;}
 #divwrap #divmain-ct .main-ct .main-ct-ko a:hover .main-ct-ko-button
 {background-color:#2f5087; color:#fff; cursor:pointer;}
/*#divwrap #divmain-ct {position: absolute; top: 100px; left:0; right: 0; bottom: 0; z-index:300;}*/
#divwrap #divmain-ct .main-ct .main-ct-en .main-ct-enimg {position: absolute; display:block;
margin-left:auto; margin-right:auto; margin-top:40px; margin-left:-90px;}
#divwrap #divmain-ct .main-ct .main-ct-en .main-ct-entxt {position: absolute; display:block;
margin-left:auto; margin-right: auto; margin-left:-101px; color:#fff; margin-top:215px; font-size:20px;}
#divwrap #divmain-ct .main-ct .main-ct-en .main-ct-en-button {position: absolute; display:block;
margin-left:auto; margin-right:auto; margin-top:265px; border:2px solid #fff; padding:12px 45px;
color:#fff; font-weight: bold; font-size:18px; margin-left:-101px; width: 100px; text-align:center;}
#divwrap #divmain-ct .main-ct .main-ct-en a:hover .main-ct-en-button {background-color:#fff; 
color:#2f5087; cursor:pointer;}
#divwrap #divmain-bg {position:absolute; top:50%; width:100%; height:50%; 
background-color: #2f5087; z-index:5; left:0;}


/* 푸터 */
#divmain-footer { position:absolute; bottom:17px; left:0; width:100%; z-index:50; text-align:center;
 color: #fff; font-size: 14px;}
}
 
 @media (max-width: 1024px) {
 #divwrap #divmain-ct .main-ct .main-ct-ko .main-ct-koimg {margin-top:-450px;}
 #divwrap #divmain-ct .main-ct .main-ct-ko .main-ct-kotxt  {margin-top:-260px;}
 #divwrap #divmain-ct .main-ct .main-ct-ko .main-ct-ko-button {margin-top:-200px;}
 #divwrap #divmain-ct .main-ct .main-ct-en .main-ct-enimg  {margin-top: 160px; margin-left:-110px;}
 #divwrap #divmain-ct .main-ct .main-ct-en .main-ct-entxt {margin-top: 350px;}
 #divwrap #divmain-ct .main-ct .main-ct-en .main-ct-en-button {margin-top: 400px;}
 }
 
 @media (max-width:768px) {
	  #divwrap #divmain-ct .main-ct .main-ct-ko .main-ct-koimg {margin-top:-370px;}
	  #divwrap #divmain-ct .main-ct .main-ct-ko .main-ct-kotxt {margin-top:-200px;}
	  #divwrap #divmain-ct .main-ct .main-ct-ko .main-ct-ko-button {margin-top:-150px;}
	  #divwrap #divmain-ct .main-ct .main-ct-en .main-ct-enimg  {margin-top:100px;}
	  #divwrap #divmain-ct .main-ct .main-ct-en .main-ct-entxt {margin-top: 280px;}
      #divwrap #divmain-ct .main-ct .main-ct-en .main-ct-en-button {margin-top: 330px;}
 }
 
 @media (max-width:500px){
	 #divHeader #divheader-pc #logo a .imglogo {width:90%;}
	 #divwrap #divmain-ct .main-ct .main-ct-ko .main-ct-koimg {width:30%; margin-top:-250px; margin-left:-65px;}
	 #divwrap #divmain-ct .main-ct .main-ct-ko .main-ct-kotxt {font-size:14px; margin-left:-75px; margin-top:-120px; }
	 #divwrap #divmain-ct .main-ct .main-ct-ko .main-ct-ko-button {width:80px; font-size:14px; padding:10px; margin-left:-50px; margin-top:-80px;}
	 #divwrap #divmain-ct .main-ct .main-ct-en .main-ct-enimg {width:33%; margin-top:60px; margin-left:-70px;}
	 #divwrap #divmain-ct .main-ct .main-ct-en .main-ct-entxt {font-size: 14px; margin-left:-68px; margin-top:184px;}
	 #divwrap #divmain-ct .main-ct .main-ct-en .main-ct-en-button {width:80px; font-size:14px; padding:10px; margin-left:-50px; margin-top: 220px;}
	 #divmain-footer {font-size:10px;}
 }
  @media (max-width:375px) {
	 #divHeader #divheader-pc #logo a .imglogo {width:85%;}
	 #divwrap #divmain-ct .main-ct .main-ct-ko .main-ct-koimg {margin-top:-235px;}
	 #divwrap #divmain-ct .main-ct .main-ct-ko .main-ct-kotxt {margin-top: -110px;}
	 #divwrap #divmain-ct .main-ct .main-ct-ko .main-ct-ko-button {font-size:12px; padding:8px; margin-top:-80px;}
	 #divwrap #divmain-ct .main-ct .main-ct-en .main-ct-enimg {margin-top: 50px; margin-left:-60px;}
	 #divwrap #divmain-ct .main-ct .main-ct-en .main-ct-entxt {margin-top:155px;}
	 #divwrap #divmain-ct .main-ct .main-ct-en .main-ct-en-button {font-size:12px; padding:8px; margin-top:190px;}
  }
  
    @media (max-width:320px) {
	 #divwrap #divmain-ct .main-ct .main-ct-ko .main-ct-koimg {margin-top:-205px; margin-left:-50px;}
	 #divwrap #divmain-ct .main-ct .main-ct-ko .main-ct-kotxt {margin-top:-100px;}
	 #divwrap #divmain-ct .main-ct .main-ct-ko .main-ct-ko-button {margin-top:-70px;}
	 #divwrap #divmain-ct .main-ct .main-ct-en .main-ct-enimg {margin-top: 35px; margin-left:-55px;}
	 #divwrap #divmain-ct .main-ct .main-ct-en .main-ct-entxt {margin-top: 125px; }
	 #divwrap #divmain-ct .main-ct .main-ct-en .main-ct-en-button {margin-top:160px;}
	}