@charset "utf-8";
/* CSS Document */

html{font-size:16px;}
body{font-size:1rem;}

body{background: linear-gradient(to right, #f3f3f8, #d7d7e3 );} 
header .close,
header .all,
header .left > div > div,
header h2{display:none;}   /* 4) pc에서 안보이게 */

/* header .line{border-top:2px solid #000; }   */
header{padding-bottom: 0rem;}  /* <= 11rem */
header .suhwoo{width:75rem; margin:0 auto;}
header .suhwoo .main_logo{ border-bottom:2px solid #2b2e57; padding-top: 1.5rem;}
header .suhwoo .main_logo h1 a{display:block; margin:0 auto;  width:15rem; height:5.6875rem; background:url("../images/suhwoo_02.png") no-repeat; font-size: 0; color:transparent;}  
/* 2) */
header .suhwoo .left{float:left; padding:0.6875rem 0 0 0.875; }  /*left 위, 좌측 여백 주기 */
header .suhwoo a{color:#fff; font-weight: bold;} /* 1) 헤더 전체 a text color */
header .suhwoo nav a{position:relative; display:block; height:3.9375rem; line-height: 3.9375rem; font-size: 1.0625rem; color:#2b2e57; }  /* 3) */
header .suhwoo nav a:before{content:""; position :absolute; left:0; bottom:1.125rem; width:0; height:2px;background:#2b2e57; 
	transition: all 0.5s; }
header .suhwoo nav a:hover:before{width:100%; }
header .suhwoo .left > div {float:left;} /* .nav 를 왼쪽 배치  */
header .suhwoo .left > div  nav li{float:left ;padding: 0 1.4rem;} /* li를 좌우 30px 여백 주기 */
/* header .suhwoo .left > div  nav li:nth-child(3) a select{display:none;}
header .suhwoo .left > div  nav li:nth-child(3) a:hover select{display:block;width:5rem;cursor: pointer;} */
header .suhwoo > ul{float:right; padding:1.6875rem 2.5rem 0 0;}
header .suhwoo > ul li.join {float:left; } /* li의 왼쪽 마진을 넣어 선을 하나로 */

/* header .suhwoo > ul li.sessin {float:left; }  세션 로그인 상태 -- 님, 로그아웃|정보수정  */
header .suhwoo > ul li a{display:block; width:6.6rem; height:2.0625rem; line-height: 2.0625rem; text-align: center; 
			border:1px solid rgba(255,255,255,0.9);border-radius: 3px; background:#2b2e57;font-size:0.9rem;}

header .suhwoo > ul div.mypage a{display:none;}  /* pc에서는 안보이게  */

.dim{display:none; position: fixed;left:0; top:0; z-index:100;  width:100%; height:100%; background: rgba(0,0,0, 0.5);}

.banner{width:75rem; margin:0 auto;}
.banner .suhwoo .container {position: relative;	width: 100%; height:31rem; margin: 0 auto;  }
.banner .suhwoo h3{
	position:relative; display:block;  text-align: center; font-weight: 600; font-size: 1.6rem; color:#2b2e57;
	margin-bottom: 0.6rem;
  }
.banner .suhwoo .container .slide {	overflow: hidden;	position: relative;	width: 100%; height: 25rem;  }
.banner .suhwoo .container .slide li {position: absolute;	left: 0; top: 0;  }
.banner .suhwoo .container .slide li img {width: 1200px;	height: 25rem;  }


/* .banner > div p{position:absolute; left: 14rem;top:10rem;font-size:2rem; color:#79ed16; }
.banner > div p em{color:#000;}
.banner > div span{display:block;font-size:1.2rem; color:#fff; }  */

.contents {padding:0 0 1rem; width:75rem; margin:0 auto;}
.contents h3{width: 100%; height: 1.875rem; font-weight: 400;line-height: 3rem;	font-size: 2.0rem;	text-align: center;
	color: #000; 	padding: 1 1rem; margin-bottom: 6rem; }
	
.contents section.con2 { float: left;height: 18.75rem; margin-right: 5px;
  }
.contents .con2 h2 {width: 8rem;height: 1.875rem;line-height: 1.875rem;	background: #2b2e57;
	font-size: 1.4rem; 	font-weight: normal;text-align: center; 	color: #fff;	border-radius: 5px;	padding: 0 1rem;
	 }
  .contents section.con2 ul li { width: 100%;height: 100%; }
.contents section.con2 ul li img {width: 395px;	height: 250px; }
  

.service {width:75rem; margin:0 auto; }
.service .adv{height:12rem;text-align: center; background: linear-gradient(to right, #f3f3f8, #d7d7e3 );color:#000;}
.service .adv p{font-size: 1.5rem; }
.service .adv p span{font-size: 2rem;color:#000; }
.service .adv p em{color:#2b2e57;}  

/* visual 영역 ??? */
/* .info{ height:25rem;width:100%; }
.info .notice{background:#2b2e57;font-size: 1.25rem; color: #fff;text-align: center;}
.info h2{ text-align: center;font-size: 1.5625rem; }
.info .txt1{padding:0 0 0 2rem;  text-align: left;}
.info .txt1 > li{font-size:1rem; }

.info .txt2,
.info .txt3 {padding: 0 0 0 1.25rem;}
.info li a{ text-align: center;font-size: 14px; color:#2b2e57;}


.webPub{width:100%; margin: 0 auto;}
.webPub	.ng_font{font-family:"Open sans", "Nanum Gothic"; padding: 1.25rem; text-indent: 1.875rem; color:red; font-weight: 900; text-shadow: 2px 2px 3px #000;}
.webPub div.top{ text-indent: ;  font-size: 1rem ; padding: 0 0 0 1.25rem;line-height:1.8rem;}
.webPub div.top p{ text-indent:0.9375rem;}
.btn_center{text-align: center;padding-bottom: 3.125rem; }
.btn_type1{display: block;margin:0 auto; width:6.75rem; height:1.75rem; line-height:1.75rem;  border:1px solid #042e6f; border-radius: 5px; text-decoration: none; background:#042e6f;	font-size: 1rem; color:#fff; } */

/* .visual */

.visual > article{width:78rem;  margin:0 auto; }
.visual .adv img{width:100%; height:39.5rem; } 
/* 이미지는 가로 크기주면 세로 자동 조절 */
.visual .adv{position: relative ;  }
.visual .adv > div{position: absolute;  font-size:1.5625rem;line-height: 1.875rem; font-weight: normal; }
.visual .adv > div.txt1{left:1.875rem;top:3rem; color:#000;}
.visual .adv .txt1 p{padding:0.2rem 0 0;font-size: 1.375rem; }
.visual .adv > div.txt2{right:5.125rem;bottom:1.5rem; font-size: 1.5rem; color:#000;  font-weight: normal;}
.visual .adv > div.txt3{left:10rem;top:7.5rem; font-size: 1.2rem; color:#000;  font-weight: normal;}
.visual .adv > div.txt4{right:5rem;bottom:2.5rem;font-size: 1.2rem; color:#fff;  font-weight: normal;}
/* .visual .adv > div.txt5{right:2rem;bottom:2rem;font-size: 1.2rem; color:#79ed16;  font-weight: normal;} */


.visual .control{position: relative;padding-bottom: 1rem; text-align: center;}
.visual .control button{display:inline-block ; margin-top: 1rem; width:6.25rem; height:1.5625rem; background: #2b2e57;font-size: 1rem; color:#fff;border:1px solid #2b2e57; cursor: pointer;}



footer > div div{padding:0.8rem 0 1.25rem; border-top: 1px solid #eee; text-align: center;}

footer > div div{padding:1.5rem 0 0.5rem; font-size: 0;} /* 아래 inline-block하면 nbsp생김 */
footer > div div > a{display:inline-block; padding :0 1.53125rem; margin: 0 0.2rem; height:1.40625rem;line-height:1.40625rem; border:1px solid #2b2e57;  
	border-radius: 3px; font-size:0.95rem; color:#2b2e57;}

footer > div .bottom{ padding:2.5rem 0 2.5rem; text-align: center;}
footer > div .bottom p{display:block; font-size: 1.2rem; color:#2b2e57; text-align: center;}  
footer > div .bottom ul{padding:0.625rem 0 0.625rem 0;}	  
footer > div .bottom li{display:inline-block; position:relative; padding:0 0.625rem; font-size: 1.0rem; color:#2b2e57;  }
footer > div .bottom li:after{content:""; position: absolute; right:0; top:50%; margin-top: -5px; width:1px; height:12px; background: #2b2e57;}
footer > div .bottom li:last-child:after{display:none;}
footer > div .bottom address{font-size: 0.875rem; color:#2b2357; }