@charset 'utf-8';

body {
	margin:0 !important;
}

/*탭버튼*/
.sub_common_menu {
	position:relative;
	display:flex;
	align-items:center;
	background:#fff;
	z-index:9;
}
.commerceLogo {
	margin:0 !important;
	padding:15px 40px;
}
.commerceLogo a {
	width:217px;
	height:59px;
	background:url(/images/sp/commerceLogo.png) no-repeat center center / cover;
	color:transparent;
	text-indent:-9999px;
	display:inline-block;
}
.navbar {
	width:calc(100% - 217px);
	display:flex;
}
.navbar .dropdown {
	position:relative;
	width:25%;
	text-align:center;
}
.navbar .dropdown .dropbtn {
	position:relative;
	background:none;
	border:none;
	font-size:18px;
	font-weight:bold;
	cursor:pointer;
}
.navbar .dropdown .dropbtn:hover {
	color:#005399;
}
.navbar .dropdown .dropbtn:hover:after {
	content:"";
	position:absolute;
	bottom:-31px;
	left:calc(50% - 100px);
	width:200px;
	height:2px;
	background:#005399;
	
}
.navbar .dropdown .dropdown-content {
	position:absolute;
	top:59px;
	left:50%;
	transform:translateX(-50%);
	max-width:200px;
	width:100%;
	background:#fff;
	box-shadow: 0 5px 15px rgba(0,0,0,.15);
	display:none;
}
.navbar .dropdown .dropdown-content.show {
	display:block;
}
.navbar .dropdown .dropdown-content a {
	display:block;
	text-decoration:none;
	color:#222;
	font-size:14px;	
	padding:15px 0;
}
.navbar .dropdown .dropdown-content a:hover {
	background:#f5f5f5;
}
/*영주에서 가져온 소스(탭메뉴 디자인)*/
/* .sub_common_menu {
	height: 47px;
}

.navbar {
  overflow: hidden;  
  font-family: Arial, Helvetica, sans-serif;
  max-width: 1200px;
  margin: 0 auto; 
  text-align: center;  
}

.navbar a {
  float: left;
  font-size: 14px;
  color:  #252525;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  cursor: pointer;
  font-size: 14px;  
  border: none;
  outline: none;
  color:  #252525;
  padding: 14px 15px;
  margin: 0px 100px;
  background-color: inherit;
  font-family: inherit; 
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  margin-left: 70px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #e6ecff; 
}

.show {
  display: block;
}
영주에서 가져온 소스 끝(탭메뉴 디자인)
220822_남우진_추가
.navbar { 
    max-width:1400px;
    border:1px solid #ddd;
}
.navbar .dropdown {
    width:20%;
    background:#f5f5f5;
    border-right:1px solid #ddd;
}
.navbar .dropdown:last-child {
    border-right:none;
}
.navbar .dropdown:hover {
    background:#4668D6;
}
.navbar .dropdown.active {
    background:#4668D6;
}
.navbar .dropdown .dropbtn {
    font-weight:bold;
    margin:0;
    width:100%;
    height:100%; 
    display:block;
}
.navbar .dropdown .dropbtn:focus {
    background:#4668D6;
    color:#fff;
}
.navbar .dropdown:hover button {
    color:#fff;
}
.navbar .dropdown-content {
    max-width:349px;
    width:100%;
    margin-left:0;
}
.navbar .dropdown-content a {
    position:relative;
}
.navbar .dropdown-content a:hover:after {
    content:"◀";
    position:absolute;
    top:50%;
    right:15px;
    transform:translateY(-50%);
    font-size:14px;
    color:#4668D6;
} */
iframe {
    min-height:unset !important;
    height:calc(100vh - 100px) !important; 
    border:none !important;
}
/*이용안내*/
.infoBox {
    text-align:center;
}
.infoBox .infoDesc {
    margin:40px 0;
    padding:35px;
    border:1px solid #dbdbdb;
    text-align:center;
}
.infoBox .infoDesc h2 {
    text-align:center
}
.infoBox .infoDesc h2:after {
    content:"";
    display:block;
    width:30px;
    height:1px;
    background:#222;
    margin:20px auto;
}
.infoBox .infoDesc p {
    padding:10px 0;
    font-size:16px;
}
.infoBox .infoDesc button {
    margin-top:40px;
    padding:15px 20px;
    background:#4668D6;
    color:#fff;
    font-size:14px;
    border-radius:30px;
    border:none;
    cursor:pointer;
    outline:0;
}
.infoBox h3 {
    position:relative;
    display:inline-block;
    font-size:24px;
    font-weight:bold;
    margin-top:40px;
    margin-bottom:10px !important;
    z-index:2;
}
.infoBox h3:after {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:20px;
    background:rgb(190 213 255);
    transform:skew(8deg);
    z-index:-1;
}
.infoBox h3+p {
    text-align:center;
    padding:15px;
}
.infoBox h3+p:before {
    content:"\201C";
    display:block;
    font-size:70px;
    font-weight:bold;
    text-align:center;
    margin-bottom:-40px;
    color:#ccc;
}
.infoBox h3+p:after {
    content:"\201D";
    display:block;
    font-size:70px;
    font-weight:bold;
    text-align:center;
    color:#ccc;
}
.infoBox ul {
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:15px 0;
}
.infoBox ul li {
    text-align:center;
}
.infoBox ul li img {
	max-width:1400px;
    width:100%;
}