/* body{margin:0px; padding:0px; BACKGROUND: #363A42;}*/
/*body{margin:0px; padding:0px; font-family:Nanum Gothic; background:url(/bg.jpg) repeat}
백그라운드*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, hgroup, menu, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0px none;
    outline:0;
    vertical-align:middle;
    background:;
	font-family: 'Nanum Gothic', sans-serif;
    text-size-adjust:none;
    font-size: 100%;
    line-height: 1.5;
	letter-spacing: -0.02em;
	font-weight:normal;
	box-sizing: border-box
}
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);

@font-face { /* 나눔고딕 Regular */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/NanumGothic-Regular.eot);
  src: url(/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-Regular.woff2) format('woff2'),
       url(/fonts/NanumGothic-Regular.woff) format('woff'),
       url(/fonts/NanumGothic-Regular.ttf) format('truetype');
}
@font-face { /* 나눔고딕 Bold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/NanumGothic-Bold.eot);
  src: url(/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-Bold.woff2) format('woff2'),
       url(/fonts/NanumGothic-Bold.woff) format('woff'),
       url(/fonts/NanumGothic-Bold.ttf) format('truetype');
}
@font-face { /* 나눔고딕 ExtraBold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(/fonts/NanumGothic-ExtraBold.eot);
  src: url(/fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(/fonts/NanumGothic-ExtraBold.woff) format('woff'),
       url(/fonts/NanumGothic-ExtraBold.ttf) format('truetype');
}

@font-face {
    font-family: 'GangwonEduPowerExtraBoldA';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JSongMyung-Regular-KO';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/JSongMyung-Regular-KO.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'twayair';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_tway@1.0/twayair.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MapoDPPA';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoDPPA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ONE-Mobile-POP';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-POP.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SANGJUGyeongcheonIsland';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/SANGJUGyeongcheonIsland.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HSBombaram21-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/HSBombaram21-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.b_font{font-family: 'HSBombaram21-Regular';}
.s_font{font-family: 'SANGJUGyeongcheonIsland';}
.m_font{ font-family: 'MapoDPPA';}
.g_font{font-family: 'GangwonEduPowerExtraBoldA';}
.j_font{ font-family: 'JSongMyung-Regular-KO';}
.t_font{  font-family: 'twayair';}
.y_font{ font-family: 'yg-jalnan';}
.o_font{font-family: 'ONE-Mobile-POP';}


@font-face {
font-family: 'S-CoreDream-3Light';
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
font-weight: normal;
font-style: normal;}

@font-face { 
font-family: 'S-CoreDream-9Black'; 
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); 
font-weight: normal; font-style: normal; }

@font-face { 
font-family: 'S-CoreDream-8Heavy'; 
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); 
font-weight: normal; font-style: normal; }

@font-face { 
font-family: 'S-CoreDream-4Regular'; 
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); 
font-weight: normal; font-style: normal; }

@font-face { 
font-family: 'S-CoreDream-7ExtraBold'; 
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); 
font-weight: normal; font-style: normal; }

@font-face {
font-family: 'S-CoreDream-2ExtraLight'; 
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); 
font-weight: normal; font-style: normal; }

.c_font {font-family: 'S-CoreDream-3Light';}
.c_font0 {font-family: 'S-CoreDream-2ExtraLight'; }
.c_font1 {font-family: 'S-CoreDream-4Regular'; }
.c_font2 {font-family: 'S-CoreDream-7ExtraBold'; }
.c_font3 {font-family: 'S-CoreDream-8Heavy'; }
.c_font4 {font-family: 'S-CoreDream-9Black'; }


.img_round{-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}

.mfs2 {font-size:15px;}
/* 숫자 */
.number { font-family:'tahoma',verdana; font-weight:800;  }
.num	{ font-family:'tahoma',verdana; line-height: 200%;}
.bold 	{  font-weight:400;}
.bold100 	{ font-weight:100;}
.bold200 	{font-weight:200;}
.bold300 	{font-weight:300;}
.bold400 	{font-weight:400;}
.bold500 	{font-weight:500;}
.bold600 	{font-weight:600;}
.bold700 	{font-weight:700;}
.bold800 	{font-weight:800;}

.nobold    {font-weight:normal;}
.nobold2    {font-weight:200;  line-height: 180%;}
img {border: 0px;}

.c_c {text-align:center; width:100%;}
.c_center {text-align:center; }
.c_left {text-align:left; width:100%;}

.liness2 {padding:0 10px 0 5px;border-right:1px solid #8883A5;}
.liness2-1 {padding:0 5px 0 5px;border-right:0px solid #8883A5;}

.liness3 {padding:0 10px 0 5px;border-right:1px solid #95CEE2;}
.liness3-1 {padding:0 5px 0 10px;border-right:0px solid #8883A5;}

a:link, a:visited, a:active					{ text-decoration:none;}
a:hover										{ text-decoration:none; }


.base3{ color:#3B3B3B; background-color:#ffffff;  float:right; /*position:fixed;*/ _position:absolute; width:100%;  margin-right:0px;  padding:15px 0px 15px 0px; border:1px solid #E3E3E3;}
.base3 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;}
.base3:hover{color:#FFFFFF; background-color:#191719;  cursor:pointer; border:1px solid #191719;}

.base4{ color:#7A7A7A; background-color:#FFFFFF;  float:right; /*position:fixed;*/ _position:absolute; width:180px;  margin-right:0px;  padding:10px 0px 10px 0px; border:1px solid #E3E3E3;}
.base4 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;}
.base4:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}

.base5{ color:#3B3B3B; background-color:#FFFFFF;  float:right; /*position:fixed;*/ _position:absolute; width:150px;  margin-right:0px;  padding:15px 0px 15px 0px; border:1px solid #E3E3E3;}
.base5 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;}
.base5:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}

.base6{ color:#3B3B3B; background-color:#FFFFFF;  float:right; /*position:fixed;*/ _position:absolute; width:150px;  margin-right:0px;  padding:15px 0px 15px 0px; border:1px solid #E3E3E3;}
.base6 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;}
.base6:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}

.base7{ color:#3B3B3B; background-color:#FFFFFF;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:100px;  margin-right:10px; margin-bottom:10px; padding:15px 0px 15px 0px; border:1px solid #E3E3E3;}
.base7 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;}
.base7:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}

.base7_1{ color:#3B3B3B; background-color:#FFFFFF;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  margin-right:2px; margin-bottom:10px; padding:6px 10px 6px 10px; border:1px solid #E3E3E3;}
.base7_1 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;}
.base7_1:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}

.base8{ color:#3B3B3B; background-color:#FFFFFF;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  margin-right:10px; margin-bottom:10px; padding:15px 15px 15px 15px; border:1px solid #E3E3E3;}
.base8 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;}
.base8:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}

.base9{ color:#3B3B3B; background-color:#FFFFFF;  float:right; /*position:fixed;*/ _position:absolute; width:130px;  margin-right:0px;  padding:15px 0px 15px 0px; border:1px solid #E3E3E3;}
.base9 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;}
.base9:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}

.base10{ color:#3B3B3B; background-color:#FFFFFF;  float:right; /*position:fixed;*/ _position:absolute; width:180px;  margin-right:0px;  padding:15px 0px 15px 0px; border:1px solid #E3E3E3;}
.base10 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;}
.base10:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}

.base11{ color:#3B3B3B; background-color:#FFFFFF;  float:right; /*position:fixed;*/ _position:absolute; width:145px;  margin-right:0px;  padding:15px 0px 15px 0px; border:1px solid #E3E3E3;}
.base11 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;}
.base11:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}

.base12{ color:#FFFFFF; margin:10px 0px 0px 0px; font-weight:600; background-color:#3B3B3B;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 15px 5px 15px; border:1px solid #3B3B3B;}
.base12 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #FF4C4C;}
.base12:hover{color:#FFFFFF; background-color:#FF4C4C;  cursor:pointer; border:1px solid #FF4C4C;}

.base12_1{  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#FFFFFF; margin:10px 0px 0px 0px; font-weight:600; background-color:#3B3B3B;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 15px 5px 15px; border:1px solid #3B3B3B;}
.base12_1 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #FF4C4C;}
.base12_1:hover{color:#FFFFFF; background-color:#FF4C4C;  cursor:pointer; border:1px solid #FF4C4C;}

.base13{ color:#FFFFFF; background-color:#000000;  float:none; /*position:fixed;*/ _position:absolute; width:100px;  margin-right:0px;   padding:5px 0px 5px 0px; border:1px solid #3B3B3B;}
.base13 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #3B3B3B;}
.base13:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}


.base13_1{ color:#FFFFFF; background-color:#ED305D;  float:none; /*position:fixed;*/ _position:absolute; width:100px;  margin-right:0px;   padding:5px 5px 5px 5px; border:1px solid #ED305D;}
.base13_1 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #ED305D;}
.base13_1:hover{color:#FFFFFF; background-color:#ED305D;  cursor:pointer; border:1px solid #ED305D;}

.base13_2{ color:#FFFFFF; background-color:#008D2E;  float:none; /*position:fixed;*/ _position:absolute; width:100px;  margin-right:0px;   padding:5px 5px 5px 5px; border:1px solid #008D2E;}
.base13_2 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #008D2E;}
.base13_2:hover{color:#FFFFFF; background-color:#008D2E;  cursor:pointer; border:1px solid #008D2E;}

.base14{ color:#FFFFFF; margin:10px 0px 0px 0px; font-weight:600; background-color:#3B3B3B;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 15px 5px 15px; border:1px solid #3B3B3B;}
.base14 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #FF4C4C;}
.base14:hover{color:#FFFFFF; background-color:#FF4C4C;  cursor:pointer; border:1px solid #FF4C4C;}

.base15{ background-color:#CD0000;  float:none; /*position:fixed;*/ _position:absolute;  margin-right:0px;   padding:0px 4px 0px 3px; border:1px solid #CD0000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

.base16{ color:#FFFFFF; margin:10px; font-weight:200; background-color:#3B3B3B;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:0px 10px 0px 10px; border:1px solid #3B3B3B;}
.base16 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #FF4C4C;}
.base16:hover{color:#FFFFFF; background-color:#FF4C4C;  cursor:pointer; border:1px solid #FF4C4C;}

.base17{ color:#3B3B3B; background-color:#FFFFFF;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  margin-right:2px; margin-top:20px; padding:5px 10px 5px 10px; border:1px solid #E3E3E3;}
.base17 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;}
.base17:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}

.base18{ color:#FFFFFF; background-color:#EE4848;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  margin-right:2px; margin-top:20px; padding:10px 20px 10px 20px; border:1px solid #EE4848;}
.base18 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #4E4C5B;}
.base18:hover{color:#FFFFFF; background-color:#4E4C5B;  cursor:pointer; border:1px solid #4E4C5B;}

.base18-1{ color:#FFFFFF; background-color:#57ACCB;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  margin-right:2px; margin-top:20px; padding:10px 20px 10px 20px; border:1px solid #57ACCB;}
.base18-1 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #4E4C5B;}
.base18-1:hover{color:#FFFFFF; background-color:#4E4C5B;  cursor:pointer; border:1px solid #4E4C5B;}

.base18-2{ color:#FFFFFF; background-color:#57ACCB;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  margin-right:2px; margin-top:10px; padding:5px 10px 5px 10px; border:1px solid #57ACCB;}
.base18-2 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #4E4C5B;}
.base18-2:hover{color:#FFFFFF; background-color:#4E4C5B;  cursor:pointer; border:1px solid #4E4C5B;}

.base18-3{ color:#FFFFFF; background-color:#FF9000;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  margin-right:2px; margin-top:10px; padding:5px 10px 5px 10px; border:1px solid #FF9000;}
.base18-3 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #FF9000;}
.base18-3:hover{color:#FFFFFF; background-color:#FF9000;  cursor:pointer; border:1px solid #FF9000;}

.base18-2-1{ color:#FFFFFF; background-color:#F4F4F4;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  margin-right:2px; margin-top:10px; padding:5px 10px 5px 10px; border:1px solid #F4F4F4;}
.base18-2-1 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #F4F4F4;}
.base18-2-1:hover{color:#FFFFFF; background-color:#F4F4F4;  cursor:pointer; border:1px solid #F4F4F4;}

.base18-2-2{ color:#FFFFFF; background-color:#70CB57;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  margin-right:2px; margin-top:10px; padding:5px 10px 5px 10px; border:1px solid #70CB57;}
.base18-2-2 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #4E4C5B;}
.base18-2-2:hover{color:#FFFFFF; background-color:#4E4C5B;  cursor:pointer; border:1px solid #4E4C5B;}


@media (max-width:768px){
.btn1{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#FFFFFF; background-color:#4E4C5B;  display:inline-block;  position: relative; /*position:fixed;*/ _position:absolute; width:auto;   padding:10px 20px 10px 20px; border:0px solid #57ACCB;}
.btn2{font-size:12px;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#525252; background-color:#FFFFFF;   display:inline-block;  position: relative; /*position:fixed;*/ _position:absolute; width:auto;  margin:2px 1px 2px 1px; padding:5px 5px 5px 5px; border:1px solid #E9E9E9;}
.btn3{ -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; color:#000; background-color:#ffffff;   display:inline-block;  position: relative; /*position:fixed;*/ _position:absolute; width:auto;   padding:5px 10px 5px 10px; border:0px solid #57ACCB;}
.pop_img {width:100%; max-width:300px;}
.popdiv {z-index:10000000000000; width:auto; left:10px; top:120px; position:absolute; border:1px solid #fff;}
.popdiv2{z-index:10000000000000; width:auto; left:20px; top:130px; position:absolute; border:1px solid #fff;}
.mov {width:300px;}
.btn4{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#FFFFFF; background-color:#C30E39;   display:inline-block;  position: relative; /*position:fixed;*/ _position:absolute; width:auto;   padding:10px 20px 10px 20px; border:0px solid #57ACCB;}
.btn5{font-size:13px;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#525252; background-color:#FFFFFF;   display:inline-block;  position: relative; /*position:fixed;*/ _position:absolute; width:auto;  margin:1px; padding:5px 2px 5px 2px; border:0px solid #E9E9E9;}

}
@media (min-width:768px){
.btn1{font-size:18px;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#FFFFFF; background-color:#4E4C5B;   display:inline-block;  position: relative; /*position:fixed;*/ _position:absolute; width:auto;   padding:10px 20px 10px 20px; border:0px solid #57ACCB;}
.btn2{font-size:14px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#525252; background-color:#FFFFFF;   display:inline-block;  position: relative; /*position:fixed;*/ _position:absolute; width:auto;  margin:3px; padding:5px 10px 5px 10px; border:1px solid #E9E9E9;}
.btn3{ -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; color:#000; background-color:#ffffff;   display:inline-block;  position: relative; /*position:fixed;*/ _position:absolute; width:auto;   padding:5px 10px 5px 10px; border:0px solid #57ACCB;}
.pop_img {}
.popdiv{z-index:10000000000000; width:auto; left:10px; top:120px; position:absolute; border:1px solid #fff;}
.popdiv2{z-index:10000000000000; width:auto; left:520px; top:120px; position:absolute; border:1px solid #fff;}
.mov {width:800px;}
.btn4{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#FFFFFF; background-color:#C30E39;   display:inline-block;  position: relative; /*position:fixed;*/ _position:absolute; width:auto;   padding:10px 20px 10px 20px; border:0px solid #57ACCB;}
.btn5{font-size:15px;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#525252; background-color:#FFFFFF;   display:inline-block;  position: relative; /*position:fixed;*/ _position:absolute; width:auto;  margin:1px; padding:5px 2px 5px 2px; border:0px solid #E9E9E9;}
}


/*네비게이션*/
.paginate .pre_all { margin-right:6px; _padding-bottom:1px; background:url('http://static.naver.com/common/paginate/bu_pg3_l_off.gif') no-repeat 6px 9px !important; letter-spacing:-1px; padding-left:6px; padding-right:6px; padding-top:7px; padding-bottom:5px}
.paginate .next_all { margin-left:4px; _padding-bottom:1px; background:url('http://static.naver.com/common/paginate/bu_pg3_r_off.gif') no-repeat 36px 9px !important; letter-spacing:-1px; padding-left:6px; padding-right:6px; padding-top:7px; padding-bottom:5px}
.paginate a.pre_all { background:url('http://static.naver.com/common/paginate/bu_pg3_l_on.gif') no-repeat 6px 9px !important;}
.paginate a.next_all { background:url('http://static.naver.com/common/paginate/bu_pg3_r_on.gif') no-repeat 36px 9px !important;}
.paginate .pre_all, .paginate .next_all { display:inline-block; color:#ccc; border:1px solid #e9e9e9; position:relative; top:0; _top:-2px; font:12px/normal 굴림, Gulim; _width /**/:50px;  _height /**/:24px;}
.paginate a.pre_all,
.paginate a.next_all { color:#565656;}
/* 페이징 */
.paginate { padding:15px 0; text-align:center;}
.paginate a,
.paginate strong { position:relative; display:inline-block; margin-right:1px; padding:3px 3px 5px 3px; color:#000; text-decoration:none; border:1px solid #ffffff; font:bold 13px/normal Verdana; _width /**/:17px;}
.paginate strong { color:#f23219 !important; border:1px solid #e9e9e9;}
.paginate .pre { margin-right:9px; _padding-bottom:3px; background:url('http://static.naver.com/common/paginate/bu_pg3_l_off.gif') no-repeat 6px 9px !important;; padding-left:16px; padding-right:6px; padding-top:7px; padding-bottom:5px}
.paginate .next { margin-left:9px; _padding-bottom:3px; background:url('http://static.naver.com/common/paginate/bu_pg3_r_off.gif') no-repeat 71px 9px !important;; padding-left:6px; padding-right:16px; padding-top:7px; padding-bottom:5px}
*:first-child+html .paginate .pre,
*:first-child+html .paginate .next { top:-1px; padding-bottom:3px;}
.paginate a.pre { background:url('http://static.naver.com/common/paginate/bu_pg3_l_on.gif') no-repeat 6px 9px !important;}
.paginate a.next { background:url('http://static.naver.com/common/paginate/bu_pg3_r_on.gif') no-repeat 71px 9px !important;}
.paginate .pre,
.paginate .next { display:inline-block; color:#ccc; border:1px solid #e9e9e9; position:relative; top:1px; _top:-1px; font:12px/normal 굴림, Gulim; _width /**/:84px;  _height /**/:24px;}
.paginate a.pre,
.paginate a.next { color:#565656;}
.paginate a:hover { background-color:#f7f7f7 !important; border:1px solid #e9e9e9;}
.input_text, textarea{*margin:-1px 0;padding-right:1px;}
#search .green_window{display:-moz-inline-block;display:-moz-inline-box;display:inline-block;width:358px;_width /**/:372px;height:26px;_height /**/:40px;border:7px solid #3eaf0e;background-color:#fff;}
.input_text{width:323px;height:17px;line-height:16px;border:0px none;font-weight:bold;font-size:14px;color:#000;*ime-mode:active;outline:none; margin-left:6px; margin-right:0; margin-top:5px; margin-bottom:0}


/* kcm 테이블 */
.bordercolorkcm  {border-collapse: collapse;border:1px solid #E3E3E3;}
.bordercolorkcm2 {border:1px solid #919191;}
.bordercolorkcm2 td {border:1px solid #E3E3E3;}
.bordercolorkcm3 {border:0px solid #E3E3E3;}
.bordercolorkcm3 td {border:0px solid #E3E3E3;}
.bordercolorkcm4 {border:1px solid #919191;}
.bordercolorkcm4 td {border:1px solid #919191;}
.bordercolorkcm5 {border:0px solid #FFFFFF;}
.bordercolorkcm5 td {border:0px solid #FFFFFF;}
.bordercolorkcm6 {border:1px solid #919191;}
.bordercolorkcm6 td {border:1px solid #A0CCF6;}
.bordercolorkcm7 {border:1px solid #919191;}
.bordercolorkcm7 td {border:1px solid #E3E3E3; text-align:center;padding:15px;}
.bordercolorkcm7 .bg {background-color:#414141;}
.bordercolorkcm8 {border:3px solid #FFFFFF;}
.bordercolorkcm8 td {border:0px solid #E3E3E3; text-align:center;padding:15px; }
.bordercolorkcm8 .bg {background-color:#0000000;}

.field {height:24px; font-size:9pt; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; LETTER-SPACING: -0.05em;  font-weight:700;}
.redfield2 {color:#D34747; font-weight:700;  height:30px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font:12pt; LETTER-SPACING: -0.05em;  font-weight:700;}
.redfield {color:#D34747; font-weight:700;  height:40px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font:16pt; LETTER-SPACING: -0.05em; font-family:'tahoma',verdana; font-weight:800; }
.payfield {font-weight:700;  height:40px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font:16pt; LETTER-SPACING: -0.05em; font-family:'tahoma',verdana; font-weight:800; }
.payfield2 {font-weight:800;  height:24px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font:12pt; LETTER-SPACING: -0.05em;}
.field2 {height:70px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-family: 'Nanum Gothic', sans-serif;}
.field3 {height:24px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-family: 'Nanum Gothic', sans-serif;}
.field4 {height:24px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; LETTER-SPACING: -0.05em; font-family:'tahoma',verdana; font-weight:800; }
.field5 {height:1100px; margin:0; padding:10px 10px 10px; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font:10pt; color:#626262; line-height: 150%;}
.field6 {height:30px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb;  font-family: 'Nanum Gothic', sans-serif;}
.field7 {height:25px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb;  font-weight:800;  font-family: 'Nanum Gothic', sans-serif;}
.field8 {height:1500px; margin:0; padding:10px 10px 10px; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font:10pt; color:#626262; line-height: 150%;  font-family: 'Nanum Gothic', sans-serif;}
.field10 {height:30px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-size:13px;  font-family: 'Nanum Gothic', sans-serif;}
.field11 {height:200px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb;  font-family: 'Nanum Gothic', sans-serif;}
.field12 {height:40px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-family: 'Nanum Gothic', sans-serif; font-size:20pt;}
.field13 {height:50px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb;  font-family: 'Nanum Gothic', sans-serif;}
/* 마우스오버공통 */

.color { text-decoration:none; color:#000000; font-weight: bold;}
.gray				{ color:#b5b5bd; }
.gray_				{text-decoration: none; color: #b5b5bd;}
.gray_ a:link		{text-decoration: none; color: #b5b5bd;}
.gray_ a:visited	{text-decoration: none; color: #b5b5bd;}
.gray_ a:hover		{text-decoration: underline; color: #666;}


.red 	{ color:#FF0000; }
.red2 	{ color:#FF7F7E; }

.sky  	{ color:#004BA9;}
.sky2  	{ color:#00485E;}
.sky3  	{ color:#00FFFC;}

.pink{ color:#FF0083;}

.blue	{ color:#A453EE;}
.blue2	{ color:#8E83A5;}
.blue3	{ color:#C5C0DE;}

.green { color:#00AE6F;}

.yellow	{ color:#FF7200;}
.yellow2	{ color:#FFE365;}
.yellow3	{ color:#E76107;}
.yellow4	{ color:#8E3900;}
.yellow5	{ color:#FDFF51;}
.yellow5_				{text-decoration: none; color: #FDFF51;}
.yellow5_ a:link		{text-decoration: none; color: #FDFF51;}
.yellow5_ a:visited	{text-decoration: none; color: #FDFF51;}
.yellow5_ a:hover		{text-decoration: none; color: #FFFFFF;}
.yellow6	{ color:#FFE217;}
.yellow7	{ color:#FFBB50;}
.yellow8	{ color:#FFF000;}
.yellow9	{ color:#FFFFB3;}


.gray2				{ color:#6D6D6D; }
.gray3				{ color:#8B8B8B; }
.gray4				{ color:#DFDFDF; }
.gray5				{ color:#4B4B4B; }
.gray6				{ color:#929292; }
.gray7				{ color:#B7A29D; }
.gray8				{ color:#96A2B8; }
.gray9				{ color:#C8D3E7; }

.orange {color:#FF9600;}

.black					{ color:#000000; }
.black	_				{text-decoration: none; color: #000000;}
.black	_ a:link		{text-decoration: none; color: #000000;}
.black	_ a:visited	{text-decoration: none; color: #000000;}
.black	_ a:hover		{text-decoration: underline; color: #15839B;}

.white				{ color:#ffffff; }
.white_				{text-decoration: none; color: #FFFFFF;}
.white_ a:link		{text-decoration: none; color: #FFFFFF;}
.white_ a:visited	{text-decoration: none; color: #FFFFFF;}
.white_ a:hover		{text-decoration: none; color: #fff000;}


.white2_				{text-decoration: none; color: #FFFFFF;}
.white2_ a:link		{text-decoration: none; color: #FFFFFF;}
.white2_ a:visited	{text-decoration: none; color: #FFFFFF;}
.white2_ a:hover		{text-decoration: none; color: #00FFF6;}

.fs7 {font-size:7px;} 
.fs8 {font-size:8px;} 
.fs9 {font-size:9px;} 
.fs10 {font-size:10px;} 
.fs11 {font-size:11px;} 
.fs12 {font-size:12px;} 
.fs13 {font-size:13px;} 
.fs14 {font-size:14px;} 
.fs15 {font-size:15px;} 
.fs16 {font-size:16px;} 
.fs17 {font-size:17px;} 
.fs18 {font-size:18px;}
.fs19 {font-size:19px;} 
.fs20 {font-size:20px;}
.fs21 {font-size:21px;} 
.fs22 {font-size:22px;}
.fs23 {font-size:23px;}
.fs24 {font-size:24px;}
.fs25 {font-size:25px;}
.fs26 {font-size:26px;} 
.fs27 {font-size:27px;} 
.fs28 {font-size:28px;} 
.fs29 {font-size:29px;} 
.fs30 {font-size:30px;}
.fs31 {font-size:31px;}
.fs32 {font-size:32px;}
.fs33 {font-size:33px;}
.fs34 {font-size:34px;}
.fs35 {font-size:35px;}
.fs36 {font-size:36px;}
.fs37 {font-size:37px;}
.fs38 {font-size:38px;}
.fs39 {font-size:39px;}
.fs40 {font-size:40px;}
.fs41 {font-size:41px;}
.fs42 {font-size:42px;}
.fs43 {font-size:43px;}
.fs44 {font-size:44px;}
.fs45 {font-size:45px;}
.fs46 {font-size:46px;}
.fs47 {font-size:47px;}
.fs48 {font-size:48px;}
.fs49 {font-size:49px;}
.fs50 {font-size:50px;}
.fs51 {font-size:51px;}
.fs52 {font-size:52px;}
.fs53 {font-size:53px;}
.fs54 {font-size:54px;}
.fs55 {font-size:55px;}
.fs56 {font-size:56px;}
.fs57 {font-size:57px;}
.fs58 {font-size:58px;}
.fs59 {font-size:59px;}
.fs60 {font-size:60px;}

/*******************************2017버튼*****************************************/

/* CSS3 EFFECTS */

.hoverEffect {position:relative; margin:0px; overflow:hidden; }
.hoverEffect .image { display:block; opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; }
.hoverEffect:hover>.image { transform:scale(0.9); filter: blur(0px); opacity:1; } 
.hoverEffect .txt {color:black; font-size:20px; top:50%; left:50%; text-align:center;  position:absolute; top:0; left:0; height:100%; width: 100%; background:rgba(0,0,0,0); opacity:0; overflow:hidden; transform:scale(1.0); transition:0.3s ease; }
.hoverEffect:hover .txt { background:rgba(0,0,0,0); transform:scale(1.2); opacity:1;}

.hoverEffect2 {position:relative; margin:0px; overflow:hidden; }
.hoverEffect2 .image { display:block; opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; }
.hoverEffect2:hover>.image { transform:scale(1.2); filter: blur(0px); opacity:1; } 
.hoverEffect2 .txt {color:black; font-size:20px; top:50%; left:50%; text-align:center;  position:absolute; top:0; left:0; height:100%; width: 100%; 
background:rgba(0,0,0,0); opacity:0; overflow:hidden; transform:scale(1.0); transition:0.3s ease; }
.hoverEffect2:hover .txt { background:rgba(0,0,0,0); transform:scale(1.2); opacity:1;}


/***************************************************************** 레이아웃  2018 **********************************************************************/


#menus {width:100%; margin:0 auto; z-index:99999999999999999999;}


.img {width:100%;}
.img_lineh {height: 30px;}

.text_lineh { line-height: 150%;}
.text_lineh2 { line-height: 50px;}
.text_lineh3 { line-height: 30px;}
.text_lineh4 { line-height: 20px;}
.text_lineh5 { line-height: 80px;}
.text_lineh6 { line-height: 25px;}
.text_lineh7 { line-height: 180%;}
.text_lineh8 { line-height: 200%;}

.lineh120 { line-height: 120%;}
.lineh150 { line-height: 150%;}
.lineh180 { line-height: 180%;}
.lineh200 { line-height: 200%;}


.lineh1 {height: 10px;}
.lineh2 {height: 20px;}
.lineh3 {height: 30px;}
.lineh4 {height: 40px;}
.lineh5 {height: 50px;}
.lineh6 {height: 60px;}

.retext {letter-spacing:0.1px;}
.retext1 {letter-spacing:1px;}
.retext2 { letter-spacing:2px;}
.retext3 { letter-spacing:3px;}
.retext4 { letter-spacing:4px;}
.retext5 { letter-spacing:5px;}

.title_text_sq{ margin:0 auto; padding-top:150px; }
.title_text_sq2{ margin:0 auto; padding-top:20px;}
.title_text_sq3{ margin:0 auto; text-align:center; padding-top:200px; }

.text_bg {background-color:rgba(0, 0, 0, .8); padding:5px; }
.text_bg2 {background-color:rgba(0, 0, 0, .5); padding:5px; }


/****************************************************************768*************************************************************************************************************/
@media (max-width:768px){
.main{width:100%; margin-right:auto;margin-left:auto; }
.main2{width:100%;  padding:0px 0px 0px 0px;  margin-right:auto;margin-left:auto;}
.main3{width:100%; padding:0px 0px 0px 0px; background:#FFFFFF; }
.main4{width:100%; margin-right:auto;margin-left:auto; }
.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-5 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-6 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-7 {-webkit-box-flex:0;-ms-flex:0 0 14.2222%;flex:0 0 14.2222%;max-width:14.2222%}
.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%}
.col-md-3-car{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding:0px 0px 10px 10px;}

.col-main-2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding:10px;}
.col-main-3{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding:0px 0px 20px 0px;}
.col-main-4{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding:10px;}

.youtube {width:320px;height:180px;}

.main_texts{width:100%; margin-right:auto;margin-left:auto; padding:0px 0px 10px 10px;}

.line {border:1px solid #F4F4F4;}
.c_logo {text-align:center; width:100%; padding-left:20px; padding-top:20px; padding-bottom:15px; }
.t_icon1 {	position: relative;	float: left;	margin: 15px 0px 0 0px;}
.t_icon2 {	position: relative;	float: right;	 margin: 15px 10px 0 0px;}
.t_text1 {	position: relative;	float: left;	margin: 5px 0px 0 0px;}
.t_text2 {	position: relative;	float: right;	 margin: 5px 10px 0 10px;}

.main_text {font-size:30px; font-weight:600;}
.sub_text {font-size:15px; font-weight:200;}
.con_text {font-size:13px; font-weight:200;}
.con_textb {font-size:13px; font-weight:600;}
.con_textt {font-size:18px; font-weight:600;}

.c_br {padding:5px;}
.c_l1 {padding:10px;}
.c_l2 {padding:20px;}
.c_l3 {padding:30px;}
.c_l4 {padding:40px;}
.c_l5 {padding:50px;}
.c_l6 {padding:60px;}
.c_l7 {padding:70px;}
.c_l8 {padding:80px;}
.c_l9 {padding:90px;}
.content_img {width:320px; height:auto;}
.c_line {border-top:0px solid #3C3C3C;  padding:0px;}
.c_line2 {border-bottom:2px solid #3C3C3C;  padding:0px 0px 20px 0px;}
.c_line4 {border-top:1px solid #F4F4F4;  padding:0px;}
.c_line5 {border-top:1px solid rgba(255, 255, 255, 0.1);}

.c_box {border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#FFFFFF; text-align:center;}
.c_box2 {border-top:1px solid #F4F4F4; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4;  padding: 10px 15px 20px 15px; background-color:#FFFFFF; text-align:center;}
.c_box3 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center;}
.c_box4 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#2D2850; text-align:center;}
.c_box4-1 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#353535; text-align:center;}
.c_box5 {border:1px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center; margin-top:20px;}
.c_box6 {border-top:1px solid #D2D2D2; border-right:1px solid #D2D2D2; border-left:1px solid #D2D2D2; border-bottom:1px solid #D2D2D2;  padding: 10px 15px 20px 15px; background-color:#FFFFFF; text-align:center;}
.block {display:block;}

#footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#3C3C3C; border-top:0px solid #E1E1E1;}
#wrapper {height:150; width:100%;   position: absolute;  z-index:10000000000000; } 
#header {position: relative;   z-index:10000000000000; } 


.pc  {display:none}
.ps_img {width:100%; height:200px;}
.pc_view {display:none }
.mobile_view_img {padding-top:130px;}
.mobile_top_view  {width:100%; margin-right:auto;margin-left:auto; height:45px; padding-top:8px; background-color:#57ACCB; border-bottom:0px solid #57ACCB; }
.pack_img {width:100%; }
.main_scoll_pc {display:none}
.tt { position: absolute;	display:inline-block;	z-index:100000000; left:0; right:0;  top:30%;margin:auto; width:50%;}
.tt2 { position: absolute;	display:inline-block; z-index:100000000; left:0; right:0;  top:65%;margin:auto; width:50%;}
.pc_logo {display:none}
.pc_main {display:none}


.m_title1 {text-align:center; position: absolute;	z-index:100000000; left:0; right:0;  top:80px; margin:auto; font-size:28px; font-weight:700; color:#FFFFFF;}
.m_title2 {text-align:center; position: absolute;	z-index:100000000; left:0; right:0;  top:180px; margin:auto; font-size:18px; font-weight:400; color:#FFFFFF;}
.m_title3 {text-align:center; position: absolute;	z-index:100000000; left:0; right:0;  top:210px; margin:auto; font-size:13px; font-weight:400; color:#FFFFFF;}
.m_title4 {text-align:center; position: absolute;	z-index:100000000; left:0; right:0;  top:230px; margin:auto; font-size:13px; font-weight:400; color:#FFFFFF;}

.tabs {background-color:#FFFFFF; padding-top:30px; z-index:100;}
.title_bg0 {background:url('/0.jpg'); background-repeat:no-repeat; background-position:top center;  height:450px; background-attachment:fixed;}
.title_bg1 {background:url('/1.jpg'); background-repeat:no-repeat; background-position:top center;  height:450px; background-attachment:fixed;}
.title_bg2 {background:url('/2.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;}
.title_bg3 {background:url('/3.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;}
.title_bg4 {background:url('/4.jpg'); background-repeat:no-repeat; background-position:top center;  height:450px; background-attachment:fixed;}
.title_bg5 {background:url('/5.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;}
.title_bg6 {background:url('/6.jpg'); background-repeat:no-repeat; background-position:top center;  height:450px; background-attachment:fixed;}
.title_bg7 {background:url('/7.jpg'); background-repeat:no-repeat; background-position:top center;  height:450px; background-attachment:fixed;}
.title_bg8 {background:url('/8.jpg'); background-repeat:no-repeat; background-position:top center;  height:450px; background-attachment:fixed;}

.main_tab {background:url('2021/bg2.jpg');  border-top:0px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:30px; }
.main_tab1 {background-color:#FFFFF4;  border-top:0px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:30px;}
.main_tab2 {background-color:#FFFFFF;  border-top:0px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:30px;}

.mfs {font-size:15px; font-weight:200; letter-spacing: -0.05em;}
.mfs2 {font-size:13px; font-weight:200; letter-spacing: -0.05em;}
.tt_image {width:100%;height:180px;}
.table_w {width:100%;}
.foot_font  {font-size:18px; font-weight:400; letter-spacing: -0.05em;}
}


/****************************************************************768~1198*************************************************************************************************************/
@media  (min-width: 768px) and (max-width:1198px){
.main{width:100%; margin-right:auto;margin-left:auto; }
.main2{width:100%;  padding:0px 0px 0px 0px; }
.main3{width:100%; padding:0px 0px 0px 0px; }
.main4{width:100%; margin-right:auto;margin-left:auto; }
.main_texts{width:100%; margin-right:auto;margin-left:auto; padding-left:20px;}

.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-md-5 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
.col-md-6 {-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-md-7 {-webkit-box-flex:0;-ms-flex:0 0 14.2222%;flex:0 0 14.2222%;max-width:14.2222%}
.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%}
.col-md-3-car{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}

.col-main-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding:10px;}
.col-main-3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;padding:10px;}
.col-main-4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; padding:10px;}

.youtube {width:320px;height:180px;}
.line {border:1px solid #F4F4F4;}

.c_br {padding:5px;}
.c_l1 {padding:10px;}
.c_l2 {padding:20px;}
.c_l3 {padding:30px;}
.c_l4 {padding:40px;}
.c_l5 {padding:50px;}
.c_l6 {padding:60px;}
.c_l7 {padding:70px;}
.c_l8 {padding:80px;}
.c_l9 {padding:90px;}

.main_text {font-size:40px; font-weight:600;}
.sub_text {font-size:15px; font-weight:200;}
.main_text2 {font-size:24px; font-weight:700;}
.sub_text2 {font-size:15px; font-weight:400;}
.con_text {font-size:15px; font-weight:200;}
.con_textb {font-size:15px; font-weight:600;}
.con_textt {font-size:20px; font-weight:600;}

.c_logo {text-align:center; width:100%; padding-left:20px; padding-top:10px; }
.t_icon1 {	position: relative;	float: left;	margin: 25px 0px 0 0px;}
.t_icon2 {	position: relative;	float: right;	 margin: 40px 10px 0 10px;}
.t_text1 {	position: relative;	float: left;	margin: 5px 0px 0 0px;}
.t_text2 {	position: relative;	float: right;	 margin: 5px 10px 0 10px;}
.content_img {width:640px; height:auto;}

.c_line {border-top:1px solid #3C3C3C;  padding:0px;}
.c_line2 {border-bottom:2px solid #3C3C3C;  padding:0px 0px 20px 0px;}
.c_line3 {border-top:1px solid #DBDBDB;  padding:0px;}
.c_line4 {border-top:1px solid #F4F4F4;  padding:0px;}
.c_line5 {border-top:1px solid rgba(255, 255, 255, 0.1);}

.c_logo {text-align:center; width:100%; margin:0 auto;  padding-left:0px; padding-top:0px; padding-bottom:0px;}
.c_box {border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#FFFFFF; text-align:center;}
.c_box2 {border-top:1px solid #F4F4F4; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4;  padding: 10px 15px 20px 15px; background-color:#FFFFFF; text-align:center;}
.c_box3 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center;}
.c_box4 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#2D2850; text-align:center;}
.c_box4-1 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#353535; text-align:center;}
.c_box5 {border:1px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center; margin-top:20px;}
.c_box6 {border-top:1px solid #D2D2D2; border-right:1px solid #D2D2D2; border-left:1px solid #D2D2D2; border-bottom:1px solid #D2D2D2;  padding: 10px 15px 20px 15px; background-color:#FFFFFF; text-align:center;}
.block {display:block;}

#footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#3C3C3C; border-top:0px solid #E1E1E1;}
#wrapper {height:150; width:100%; background:rgba(255, 255, 255, 0);   position: absolute;  z-index:10000000000000; } 
#header {position: relative;   z-index:10000000000000; background:rgba(255, 255, 255, 0);} 

.tel {display:none}
.pc {width:auto; margin-right:auto;margin-left:auto; }
.mobile_view {display:none}
.pc_view {width:100%; margin-right:auto;margin-left:auto; }
.pc_top_view {width:100%; margin-right:auto;margin-left:auto; height:35px; background-color:#57ACCB; border-bottom:0px solid #57ACCB; }
.main_scoll_mobile {display:none}
.ps_img {width:100%; height:200px;}
.mobile_view_img {display:none;}
.pack_img {width:471px; }
.tt { position: absolute;	z-index:100000000; left:0; right:0;  top:40%;margin:auto; width:40%;}
.tt2 { position: absolute;	z-index:100000000; left:0; right:0;  top:65%;margin:auto; width:40%;}
.pc_logo {display:none}
.pc_main {display:none}

.m_title1 {text-align:center; position: absolute;	z-index:100000000; left:0; right:0;  top:30%; margin:auto; font-size:70px; font-weight:700; color:#FFFFFF;}
.m_title2 {text-align:center; position: absolute;	z-index:100000000; left:0; right:0;  top:45%; margin:auto; font-size:30px; font-weight:400; color:#FFFFFF;}
.m_title3 {text-align:center; position: absolute;	z-index:100000000; left:0; right:0;  top:50%; margin:auto; font-size:16px; font-weight:400; color:#FFFFFF;}
.m_title4 {text-align:center; position: absolute;	z-index:100000000; left:0; right:0;  top:53%; margin:auto; font-size:16px; font-weight:400; color:#FFFFFF;}


.tabs {background-color:#FFFFFF; padding-top:30px; z-index:100;}
.title_bg0 {background:url('/0.jpg'); background-repeat:no-repeat; background-position:top center;  height:600px; background-attachment:fixed;}
.title_bg1 {background:url('/1.jpg'); background-repeat:no-repeat; background-position:top center;  height:450px; background-attachment:fixed;}
.title_bg2 {background:url('/2.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;}
.title_bg3 {background:url('/3.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;}
.title_bg4 {background:url('/4.jpg'); background-repeat:no-repeat; background-position:top center;  height:450px; background-attachment:fixed;}
.title_bg5 {background:url('/5.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;}
.title_bg6 {background:url('/6.jpg'); background-repeat:no-repeat; background-position:top center;  height:450px; background-attachment:fixed;}
.title_bg7 {background:url('/7.jpg'); background-repeat:no-repeat; background-position:top center;  height:450px; background-attachment:fixed;}
.title_bg8 {background:url('/8.jpg'); background-repeat:no-repeat; background-position:top center;  height:450px; background-attachment:fixed;}

.main_tab {background:url('2021/bg2.jpg');  border-top:0px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:30px; }
.main_tab1 {background-color:#FFFFF4;  border-top:0px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:30px;}
.main_tab2 {background-color:#FFFFFF;  border-top:0px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:30px;}

.mfs {font-size:15px; font-weight:200; letter-spacing: -0.05em;}
.mfs2 {font-size:13px; font-weight:200; letter-spacing: -0.05em;}
.tt_image {width:100%;height:180px;}
.table_w {width:100%;}
.foot_font  {font-size:18px; font-weight:400; letter-spacing: -0.05em;}
}


/********************************************************************1200*************************************************************************************************************/
@media (min-width:1198px){
.main{width:100%; margin-right:auto;margin-left:auto; }
.main2{width:1200px;  margin-right:auto;margin-left:auto; }
.main3{width:1200px; margin-right:auto;margin-left:auto; }
.main4{width:100%; margin-right:auto;margin-left:auto; }
.main_texts{width:1200px; margin-right:auto;margin-left:auto; padding-left:20px; padding-top:150px;}
.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-md-5 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
.col-md-6 {-webkit-box-flex:0;-ms-flex:0 0 16.6666%;flex:0 0 16.6666%;max-width:16.6666%}
.col-md-7 {-webkit-box-flex:0;-ms-flex:0 0 14.2222%;flex:0 0 14.2222%;max-width:14.2222%}
.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%}
.col-md-3-car{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}

.col-main-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding:10px;}
.col-main-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding:10px;}
.col-main-3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;padding:10px;}
.col-main-4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; padding:10px;}
.youtube {width:580px;height:325px;}

.line {border:1px solid #F4F4F4;}
.main_text {font-size:40px; font-weight:700;}
.sub_text {font-size:15px; font-weight:400;}
.main_text2 {font-size:24px; font-weight:700;}
.sub_text2 {font-size:15px; font-weight:400;}
.con_text {font-size:15px; font-weight:normal;}
.con_textb {font-size:15px; font-weight:700;}
.con_textt {font-size:20px; font-weight:700;}

.c_logo {text-align:center; width:100%; padding-left:10px; padding-top:20px; padding-bottom:20px;}
.t_icon1 {	position: relative;	float: left;	margin: 25px 0px 0  10px;}
.t_icon2 {	position: relative;	float: right;	 margin: 40px 10px 0 10px;}
.t_text1 {	position: relative;	float: left;	margin: 5px 0px 0 0px;}
.t_text2 {	position: relative;	float: right;	 margin: 5px 10px 0 10px;}

.content_img {}

.c_br {padding:5px;}
.c_l1 {padding:10px;}
.c_l2 {padding:20px;}
.c_l3 {padding:30px;}
.c_l4 {padding:40px;}
.c_l5 {padding:50px;}
.c_l6 {padding:60px;}
.c_l7 {padding:70px;}
.c_l8 {padding:80px;}
.c_l9 {padding:90px;}

.c_line {border-top:1px solid #3C3C3C;  padding:0px;}
.c_line2 {border-bottom:2px solid #3C3C3C;  padding:0px 0px 20px 0px;}
.c_line3 {border-top:1px solid #DBDBDB;  padding:0px;}
.c_line4 {border-top:1px solid #F4F4F4;  padding:0px;}
.c_line5 {border-top:1px solid rgba(255, 255, 255, 0.1);}

.c_box {border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#FFFFFF; text-align:center;}
.c_box2 {border-top:1px solid #F4F4F4; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4;  padding: 10px 15px 20px 15px; background-color:#FFFFFF; text-align:center;}
.c_box3 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center;}
.c_box4 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#2D2850; text-align:center;}
.c_box4-1 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#353535; text-align:center;}
.c_box5 {border:1px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center; }
.c_box5:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}
.c_box6 {border-top:1px solid #D2D2D2; border-right:1px solid #D2D2D2; border-left:1px solid #D2D2D2; border-bottom:1px solid #D2D2D2;  padding: 10px 15px 20px 15px; background-color:#FFFFFF; text-align:center;}
.c_box7 {border-top:1px solid #C7C7C7; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4;  padding: 10px 15px 20px 15px; background-color:#FFFFFF; text-align:left;}


.block {display:block;}

#wrapper {height:80; width:100%;   position: absolute;  z-index:10000000000000; } 
#header {position: relative;  height:0;  z-index:10000000000000; } 
#footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#1F1F1F; border-top:0px solid #E1E1E1;}
#wrapper {    width:100%;     position:fixed;     height:57px; }
#wrapper #menus {    width:100%;     height:80px;    display:flex;     justify-content:space-between;     transition:0.25s all ease; }
#wrapper:hover #menus{    background:rgba(0, 0, 0, 1);     /*height:380px; */}
#menus.wrap-scroll {    background:rgba(0, 0, 0, 1);}
.quick-menu i{margin:15px 10px 10px 10px; float: right;}

.tel {display:none}
.mobile {display:none}
.pc {width:1200px; margin-right:auto;margin-left:auto; }
.mobile_view {display:none}
.pc_top_view {width:100%; margin-right:auto;margin-left:auto; height:35px; background-color:#57ACCB; border-bottom:0px solid #DFDFDF; }
.pc_view {width:100%; margin-right:auto;margin-left:auto; }
.main_scoll_mobile {display:none}
.ps_img {width:100%; height:200px;}
.mobile_view_img {display:none;}
.pack_img {width:471px; }
.tt { position: absolute;	z-index:100000000; left:0; right:0;  top:40%;margin:auto;}
.tt2 { position: absolute;	z-index:100000000; left:0; right:0;  top:65%;margin:auto;}
.tabs {background-color:#FFFFFF; padding-top:30px; z-index:100;}
.mobile_logo {display:none}
.mobile_main {display:none}

.m_title0 {text-align:center; position: absolute;	z-index:100000000; left:0; right:0;  top:36%; margin:auto; font-size:20px; font-weight:700; color:#FFFFFF;}
.m_title1 {text-align:center; position: absolute;	z-index:100000000; left:0; right:0;  top:40%; margin:auto; font-size:60px; font-weight:700; color:#FFFFFF;}
.m_title2 {text-align:center; position: absolute;	z-index:100000000; left:0; right:0;  top:53%; margin:auto; font-size:38px; font-weight:400; color:#FFFFFF;}
.m_title3 {text-align:center; position: absolute;	z-index:100000000; left:0; right:0;  top:60%; margin:auto; font-size:16px; font-weight:400; color:#FFFFFF;}
.m_title4 {text-align:center; position: absolute;	z-index:100000000; left:0; right:0;  top:64%; margin:auto; font-size:16px; font-weight:400; color:#FFFFFF;}

.title_bg0 {background:url('/0.jpg'); background-repeat:no-repeat; background-position:top center;  height:700px; background-attachment:fixed;}
.title_bg1 {background:url('/1.jpg'); background-repeat:no-repeat; background-position:top center;  height:600px; background-attachment:fixed;}
.title_bg2 {background:url('/2.jpg'); background-repeat:no-repeat; background-position:top center;  height:600px; background-attachment:fixed;}
.title_bg3 {background:url('/3.jpg'); background-repeat:no-repeat; background-position:top center;  height:600px; background-attachment:fixed;}
.title_bg4 {background:url('/4.jpg'); background-repeat:no-repeat; background-position:top center;  height:600px; background-attachment:fixed;}
.title_bg5 {background:url('/5.jpg'); background-repeat:no-repeat; background-position:top center;  height:600px; background-attachment:fixed;}
.title_bg6 {background:url('/6.jpg'); background-repeat:no-repeat; background-position:top center;  height:600px; background-attachment:fixed;}
.title_bg7 {background:url('/7.jpg'); background-repeat:no-repeat; background-position:top center;  height:600px; background-attachment:fixed;}
.title_bg8 {background:url('/8.jpg'); background-repeat:no-repeat; background-position:top center;  height:600px; background-attachment:fixed;}

.main_tab {background:url('2024/bg.jpg');  border-top:0px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:30px; }
.main_tab1 {background-color:#FFFFF4;  border-top:0px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:30px;}
.main_tab2 {background-color:#FFFFFF;  border-top:0px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:30px;}

.mfs {font-size:15px; font-weight:200; letter-spacing: -0.05em;}
.mfs2 {font-size:13px; font-weight:200; letter-spacing: -0.05em;}
.tt_image {width:100%;height:180px;}
.table_w {width:1200px;}
.foot_font  {font-size:20px; font-weight:400; letter-spacing: -0.05em;}
}


/*********************************************************************************  사이트세로라인 *******************************************************************************/

.zindex {z-index:-2;}
.zindexu {z-index:99;}
.zindexu2 {z-index:10000; }

.container{width:100%;padding-right:0px;padding-left:0px;margin-right:auto;margin-left:auto}
.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:0px;margin-left:0px}
.no-gutters{margin-right:0;margin-left:0}
.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,
.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,
.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,
.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,
.col-xl-8,.col-xl-9,.col-xl-auto,.col-md-3-car{position:relative; width:100%;min-height:1px;padding-right:10px;padding-left:10px}

@-webkit-keyframes visual-bg { 0% { background-size: auto 120%; }
	100% { background-size: auto 100%; } }

@keyframes visual-bg { 0% { background-size: auto 120%; }
	100% { background-size: auto 100%; } }

.sh {text-shadow:5px 5px 5px rgba(0,0,0,0.2);	}
.sh1 {text-shadow:2px 2px 2px rgba(0,0,0,0.4);	}
.opt {opacity:0.7;}

/* CSS3 EFFECTS */

.hoverEffect {position:relative; margin:0px; overflow:hidden; }
.hoverEffect .image { display:block; opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; }
.hoverEffect:hover>.image { transform:scale(0.9); filter: blur(0px); opacity:1; } 
.hoverEffect .txt {color:black; font-size:20px; top:50%; left:50%; text-align:center;  position:absolute; top:0; left:0; height:100%; width: 100%; background:rgba(0,0,0,0); opacity:0; overflow:hidden; transform:scale(1.0); transition:0.3s ease; }
.hoverEffect:hover .txt { background:rgba(0,0,0,0); transform:scale(1.2); opacity:1;}


.hoverEffect2 {position:relative; margin:0px; overflow:hidden; }
.hoverEffect2 .image { display:block; opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; }
.hoverEffect2:hover>.image { transform:scale(1.1); filter: blur(0px); opacity:1; } 
.hoverEffect2 .txt {color:black; font-size:20px; top:50%; left:50%; text-align:center;  position:absolute; top:0; left:0; height:100%; width: 100%; 
background:rgba(0,0,0,0.5); opacity:0.5; overflow:hidden; transform:scale(1.0); transition:0.3s ease; }
.hoverEffect2:hover .txt { background:rgba(0,0,0,0); transform:scale(1.1); opacity:1;}

.hoverEffect3 {position:relative; margin:0px; overflow:hidden; }
.hoverEffect3 .txt {position:absolute; top:0%; padding-top:40%; width:100%; height:100%; padding:50px 0 0 20px; background:rgba(0,0,0,0.3); opacity:1; z-index:100; text-align:left;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }


.hoverEffect5 {position:relative; margin:0px; overflow:hidden; }
.hoverEffect5 .image { display:block; opacity:1; position:relative; transform:scale(1); transition:0.5s ease;  z-index:10;}
.hoverEffect5:hover>.image{ transform:scale(1.2); filter: blur(0px); opacity:1.2; z-index:100;} 
.hoverEffect5 .txt {position:absolute; top:0%; text-align:center;  padding-top:40%; width:100%; height:100%; padding:50px 0 0 0px; background:rgba(0,0,0,0.5); opacity:1; overflow:hidden; transform:scale(1.0); transition:0.3s ease;  z-index:100; }
.hoverEffect5 .txt a{color:black; position:absolute;height:100%; width: 100%;  z-index:100; }
.hoverEffect5:hover .txt { background:rgba(0,0,0,0); transform:scale(1.0); opacity:1; z-index:1000;}


.hoverEffect6 {position:relative; margin:0px; overflow:hidden; }
.hoverEffect6 .image { display:block; opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; }
.hoverEffect6:hover>.image { transform:scale(1.1); filter: blur(0px); opacity:1; } 
.hoverEffect6 .txt {color:black; font-size:20px; top:50%; left:50%; text-align:center;  position:absolute; top:0; left:0; height:100%; width: 100%; 
background:rgba(0,0,0,0); opacity:0.5; overflow:hidden; transform:scale(1.0); transition:0.3s ease; }
.hoverEffect6:hover .txt { background:rgba(0,0,0,0); transform:scale(1.1); opacity:1;}


.video {
  width: 100%;
  max-width: 900px;
  margin: 20px auto;
  border-radius: 20px;
  background-color: #000000;
  padding: 30px;
  box-sizing: border-box;
  box-shadow: 0px 8px 33px #000;
}
 
.video-container {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 50%;
}
 
iframe {
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
ul, li, ol {list-style-type:none;}
@media (max-width:768px){
.tab-type01 {width: 100%;	margin: 0 auto;}
.tab-type01 .tab {width:100%; margin:0 auto; padding-bottom:10px;}
.tab-type01 .tab li { width:100%; height:55px; background-color:#fff; }
.tab-type01 .tab li:last-child {border-right:0px solid #d9d9d9; }
.f_img {width:100%;}
.f_img2 {width:100%;}
}

@media (min-width:768px){
.tab-type01 {width:1200px;  margin-right:auto;margin-left:auto;}
.tab-type01 .tab {width:1200px;  margin-right:auto;margin-left:auto;}
.tab-type01 .tab li { float:left; width:auto; margin: 5px;  }
.f_img {width:674px;}
.f_img2 {width:725px;}
}

.footban { margin:0 auto; border-bottom:0px solid #EFEFEF; background:rgba(253, 253, 253, 0); display:none}
.footban ul { width:100%; margin:0 auto; height:60px;}
.footban ul li { float:left; position:relative;  width:20%; border-right:1px solid rgba(255, 255, 255, 0.2); height:60px;  text-align:right;  padding-left:15px; padding-top:15px;  padding-right:30px;}
.footban ul li:first-child { border-left:1px solid rgba(255, 255, 255, 0.2); text-align:right; } 

.f_bann img {margin-top:5px;}


/**************************************************** 2025*********************************************************************/
@media (max-width:768px){
.main_2025{width:100%;  margin-right:auto;margin-left:auto; }

.main_2025_title {font-size:2.0rem;}
.main_2025_stitle {font-size:0.8rem;}

.mblock { display:block;}

.main_s_img {object-fit: cover; width: 100%; height:150px; border-radius:3px; }
.main_s_box {-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  border:1px solid #F4F4F4; padding: 15px 15px 20px 15px; background-color:#FFFFFF; text-align:center; }
.main_s_box_t1{font-size:1.3rem; color:#464646;}
.main_s_box_t2{font-size:0.9rem; color:#777777; letter-spacing: -0.08em;}
.main_s_btn{font-size:0.8rem; font-weight:600; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#FFFFFF; background-color:#FF8400;  display:inline-block;  width:auto;   padding:5px 20px 5px 20px; }

.main_2025_title0 {text-align:center; position: absolute;	z-index:100000000; left:0; right:0;  top:36%; margin:auto; font-size:20px; font-weight:700; color:#FFFFFF;}
.main_2025_title1 {text-align:center; position: absolute;	z-index:100000000; left:0; right:0;  top:40%; margin:auto; font-size:60px; font-weight:700; color:#FFFFFF;}
.main_2025_title2 {text-align:center; position: absolute;	z-index:100000000; left:0; right:0;  top:53%; margin:auto; font-size:38px; font-weight:400; color:#FFFFFF;}
.main_2025_title3 {text-align:center; position: absolute;	z-index:100000000; left:0; right:0;  top:60%; margin:auto; font-size:16px; font-weight:400; color:#FFFFFF;}
.main_2025_title4 {text-align:center; position: absolute;	z-index:100000000; left:0; right:0;  top:64%; margin:auto; font-size:16px; font-weight:400; color:#FFFFFF;}
}


@media (min-width:768px){
.main_2025{width:1440px; margin-right:auto;margin-left:auto; }

.main_2025_title {font-size:3.2rem;}
.main_2025_stitle {font-size:1.0rem;}


.main_s_img {object-fit: cover; width: 100%; height:150px; border-radius:3px;  }

.main_s_box {-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:5px;  border:1px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#FFFFFF; text-align:center; transform:scale(1.0); transition:0.5s ease; }
.main_s_box:hover { transform: translateY(-15px);   -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:5px;  border:1px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#FFFFFF; text-align:center; }

.main_s_box_t1{font-size:1.3em; color:#464646;}
.main_s_box_t2{font-size:0.9em; color:#777777; letter-spacing: -0.08em;}
.main_s_btn{font-size:0.9rem; font-weight:600; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#FFFFFF; background-color:#FF8400;  display:inline-block;  width:auto;   padding:5px 20px 5px 20px; }

.main_2025_title0 {text-align:center; position: absolute;	z-index:100000000; left:0; right:0;  top:36%; margin:auto; font-size:20px; font-weight:700; color:#FFFFFF;}
.main_2025_title1 {text-align:center; position: absolute;	z-index:100000000; left:0; right:0;  top:40%; margin:auto; font-size:60px; font-weight:700; color:#FFFFFF;}
.main_2025_title2 {text-align:center; position: absolute;	z-index:100000000; left:0; right:0;  top:53%; margin:auto; font-size:38px; font-weight:400; color:#FFFFFF;}
.main_2025_title3 {text-align:center; position: absolute;	z-index:100000000; left:0; right:0;  top:60%; margin:auto; font-size:16px; font-weight:400; color:#FFFFFF;}
.main_2025_title4 {text-align:center; position: absolute;	z-index:100000000; left:0; right:0;  top:64%; margin:auto; font-size:16px; font-weight:400; color:#FFFFFF;}

}