@charset "UTF-8";
html,body{
	margin: 0px;
	padding: 0px;
	width:100%;
	word-break:keep-all;
	overflow-x:hidden;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling:touch;
}

/*link*/
a {
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  text-decoration: none;
}

/*img*/
img{max-width:100%}

/*position*/
.Pos-relative {
  position: relative !important;
}
.Pos-absolute {
  position: absolute !important;
}
.Pos-fixed {
  position: fixed !important;
}
.Pos-static {
  position: static !important;
}
.Pos-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.Pos-init {
  position: initial !important;
}

/*line-height*/
.line-height01{line-height:145%;}

/*display*/
.D-inline {
  display: inline;
}
.D-inlineBlock {
  display: inline-block;
}
.D-block {
  display: block;
}
.D-grid {
  display: grid;
}
.D-flex {
  display: flex;
}
.D-flexWrap {
  display: flex;
  flex-wrap: wrap;
}
.D-flexCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}
.D-flexCenter01 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.D-flexRow {
  display: flex;
  flex-direction: row;
}
.D-flexCol {
  display: flex;
  flex-direction: column;
}
.D-flexCol01 {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}
.D-flexShrink01 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}
.D-flexBetween{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.D-flexBetween01{
	display: flex;
	align-items: center;
	align-items: flex-start;
	justify-content: space-between;
}
.D-flexBetween02{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.D-flexStart{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}


/*scrollbar*/
.scroller_A{overflow-y:scroll;direction: ltr;scrollbar-color: #cccccc #f9f9f9;scrollbar-width: thin;}
.scroller_A::-webkit-scrollbar {height: 8px;width:5px;}
.scroller_A::-webkit-scrollbar-track{background-color: #f9f9f9; border-radius: 100px;}
.scroller_A::-webkit-scrollbar-thumb{background-color: #cccccc; border-radius: 100px;}
.scroller_A{scrollbar-color:#cccccc #f9f9f9;}
.scroller_A::-webkit-scrollbar-thumb{background-image: linear-gradient(180deg, #cccccc 0%, #cccccc 99%); box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5); border-radius: 100px;}

/*placeholder*/
input::-webkit-input-placeholder {color:#999ea5;}
input::-moz-placeholder {color:#999ea5;}
input:-ms-input-placeholder{color:#999ea5;}
input:-moz-placeholder {color:#999ea5;}
input::placeholder{color:#999ea5;}

/*font-weight*/
.F-bold {
  font-weight: 700 !important;
}
.F-normal {
  font-weight: 400 !important;
}
.F-medium {
  font-weight: 500 !important;
}
.F-inter {
  font-family: "Inter", sans-serif;
}

/*page-h,sh,p*/
.F-h1 {
  font-size: 56px;
  font-weight: 700;
  line-height: 1.3;
}
.F-h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 1.3;
}
.F-h3 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
}
.F-h4 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
}
.F-h5 {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
}
.F-h6 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}
.F-h7 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}
.F-h8 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}
.F-h9 {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}
.F-h10 {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
}
.F-sh1 {
  font-size: 56px;
  font-weight: 500;
  line-height: 1.4;
}
.F-sh2 {
  font-size: 44px;
  font-weight: 500;
  line-height: 1.4;
}
.F-sh3 {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.4;
}
.F-sh4 {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.4;
}
.F-sh5 {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.4;
}
.F-sh6 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
}
.F-sh7 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
}
.F-sh8 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}
.F-sh9 {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
}
.F-sh10 {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.F-p0 {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}
.F-p1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}
.F-p2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}
.F-p3 {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
}
.F-p4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.F-p5 {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}
.F-p6 {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
.F-p7 {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}
.F-p8 {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}
.F-sh11 {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}
.F-h1, .F-h2, .F-h3, .F-h4, .F-h5, .F-h6, .F-h7, .F-h8, .F-h9, .F-h10, .F-sh1, .F-sh2, .F-sh3, .F-sh4, .F-sh5, .F-sh6, .F-sh7, .F-sh8, .F-sh9, .F-sh10, .F-sh11, .F-p1, .F-p2, .F-p3, .F-p4, .F-p5, .F-p6, .F-p7, .F-p8 {
  letter-spacing: -0.5px;
}


/*text-align*/
.Txt-Left {
  text-align: left !important;
}
.Txt-Center {
  text-align: center !important;
}
.Txt-Right {
  text-align: right !important;
}

/*text-color*/
.Txt-white {
  color: #ffffff !important;
}
.Txt-black {
  color: #000 !important;
}
.Txt-darker {
  color: #333333 !important;
}
.Txt-fg {
  color: #00855B !important;
}
.Txt-fg400 {
  color: #8EC7B5 !important;
}
.Txt-softBlue {
  color: #616FED !important;
}
.Txt-vividBlue {
  color: #0A98E8 !important;
}
.Txt-vividOrange {
  color: #FF8718 !important;
}
.Text-gray{
	color:rgba(51,61,75,0.6) !important;
}
.Text-gray1{
	color:#191f28 !important;
}
.Txt-gray50 {
  color: #F9FAFB !important;
}
.Txt-gray100 {
  color: #F2F4F6 !important;
}
.Txt-gray200 {
  color: #E5E8EB !important;
}
.Txt-gray300 {
  color: #D1D6DB !important;
}
.Txt-gray400 {
  color: #B0B8C1 !important;
}
.Txt-gray500 {
  color: #8B95A1 !important;
}
.Txt-gray600 {
  color: #6B7684 !important;
}
.Txt-gray700 {
  color: #4E5968 !important;
}
.Txt-gray800 {
  color: #333D4B !important;
}
.Txt-gray900 {
  color: #191F28 !important;
}
.Txt-green50 {
  color: #E5FFF4 !important;
}
.Txt-green100 {
  color: #ABF2D4 !important;
}
.Txt-green200 {
  color: #5AE9AD !important;
}
.Txt-green300 {
  color: #1CD98A !important;
}
.Txt-green400 {
  color: #05C072 !important;
}
.Txt-green500 {
  color: #00A661 !important;
}
.Txt-green600 {
  color: #009959 !important;
}
.Txt-green700 {
  color: #008A50 !important;
}
.Txt-green800 {
  color: #007544 !important;
}
.Txt-green900 {
  color: #005C36 !important;
}
.Txt-s-green50 {
  color: #e5fff9 !important;
}
.Txt-s-green100 {
  color: #abf2e1 !important;
}
.Txt-s-green200 {
  color: #5ae9c6 !important;
}
.Txt-s-green300 {
  color: #1ed9ab !important;
}
.Txt-s-green400 {
  color: #06c093 !important;
}
.Txt-s-green500 {
  color: #00b488 !important;
}
.Txt-s-green600 {
  color: #009974 !important;
}
.Txt-s-green700 {
  color: #028a69 !important;
}
.Txt-s-green800 {
  color: #007558 !important;
}
.Txt-s-green900 {
  color: #025c46 !important;
}
.Txt-yellow50 {
  color: #FFFDE7 !important;
}
.Txt-yellow100 {
  color: #FFF9C4 !important;
}
.Txt-yellow200 {
  color: #FFF59D !important;
}
.Txt-yellow300 {
  color: #FFF176 !important;
}
.Txt-yellow400 {
  color: #FFEE58 !important;
}
.Txt-yellow500 {
  color: #FFEB3B !important;
}
.Txt-yellow600 {
  color: #FDD835 !important;
}
.Txt-yellow700 {
  color: #FBC02D !important;
}
.Txt-yellow800 {
  color: #F9A825 !important;
}
.Txt-yellow900 {
  color: #F57F17 !important;
}
.Txt-teal50 {
  color: #e1f0f2 !important;
}
.Txt-teal100 {
  color: #b1dade !important;
}
.Txt-teal200 {
  color: #81c7cc !important;
}
.Txt-teal300 {
  color: #4caeb5 !important;
}
.Txt-teal400 {
  color: #269da6 !important;
}
.Txt-teal500 {
  color: #008C96 !important;
}
.Txt-teal600 {
  color: #00818a !important;
}
.Txt-teal700 {
  color: #007278 !important;
}
.Txt-teal800 {
  color: #006369 !important;
}
.Txt-teal900 {
  color: #004d4d !important;
}
.Txt-blue50 {
  color: #E8F3FF !important;
}
.Txt-blue100 {
  color: #C9E2FF !important;
}
.Txt-blue200 {
  color: #90C2FF !important;
}
.Txt-blue300 {
  color: #64A8FF !important;
}
.Txt-blue400 {
  color: #4593FC !important;
}
.Txt-blue500 {
  color: #3182F6 !important;
}
.Txt-blue600 {
  color: #2272EB !important;
}
.Txt-blue700 {
  color: #1B64DA !important;
}
.Txt-blue800 {
  color: #1957C2 !important;
}
.Txt-blue900 {
  color: #194AA6 !important;
}
.Txt-red50 {
  color: #ffebee !important;
}
.Txt-red100 {
  color: #ffcdd2 !important;
}
.Txt-red200 {
  color: #ef9a9a !important;
}
.Txt-red300 {
  color: #e57373 !important;
}
.Txt-red400 {
  color: #ef5350 !important;
}
.Txt-red500 {
  color: #f44336 !important;
}
.Txt-red600 {
  color: #e53935 !important;
}
.Txt-red700 {
  color: #d32f2f !important;
}
.Txt-red800 {
  color: #c62828 !important;
}
.Txt-red900 {
  color: #b71c1c !important;
}
.Txt-purple50 {
  color: #f3e5f5 !important;
}
.Txt-purple100 {
  color: #e1bee7 !important;
}
.Txt-purple200 {
  color: #ce93d8 !important;
}
.Txt-purple300 {
  color: #ba68c8 !important;
}
.Txt-purple400 {
  color: #ab47bc !important;
}
.Txt-purple500 {
  color: #9c27b0 !important;
}
.Txt-purple600 {
  color: #8e24aa !important;
}
.Txt-purple700 {
  color: #7b1fa2 !important;
}
.Txt-purple800 {
  color: #6a1b9a !important;
}
.Txt-purple900 {
  color: #4a148c !important;
}


/*color code*/
.bg-fg {
  background-color: #00855B;
}
.bg-fg-light {
  background-color: #E6F8F0 !important;
}
.bg-gray900 {
  background-color: #191F28;
}
.bg-gray800 {
  background-color: #333D4B;
}
.bg-gray700 {
  background-color: #4E5968;
}
.bg-gray600 {
  background-color: #6B7684;
}
.bg-gray500 {
  background-color: #8B95A1;
}
.bg-gray100 {
  background-color: #F2F4F6;
}
.bg-gray50 {
  background-color: #F9FAFB;
}
.bg-yellow600 {
  background-color: #FDD835 !important;
}
.bg-yellow600 .btn:hover {
  background: #ffffff;
  color: #FDD835;
  border-color: #FDD835;
}
.bg-tell500 {
  background-color: #008C96 !important;
}
.bg-tell500 .btn:hover {
  background: #ffffff;
  color: #008C96;
  border-color: #008C96;
}
.bg-green700 {
  background-color: #008A50;
}
.bg-green400 {
  background-color: #05C072 !important;
}
.bg-green50 {
  background-color: #E5FFF4;
}
.bg-blue800 {
  background-color: #1957C2;
}
.bg-blue500 {
  background-color: #3182F6;
}
.bg-blue400 {
  background-color: #4593FC;
}
.bg-blue50 {
  background-color: #E8F3FF;
}

/*text-color*/
.text-fg {
  color: #00855B;
}
.text-fg400 {
  color: #8EC7B5;
}
.text-darker {
  color: #333333 !important;
}
.text-gray900 {
  color: #191F28;
}
.text-gray800 {
  color: #333D4B;
}
.text-gray700 {
  color: #4E5968;
}
.text-gray600 {
  color: #6B7684;
}
.text-gray500 {
  color: #8B95A1;
}
.text-gray400 {
  color: #B0B8C1;
}
.text-gray300 {
  color: #D1D6DB;
}
.text-gray200 {
  color: #E5E8EB;
}
.text-gray50 {
  color: #F9FAFB;
}
.text-teal500 {
  color: #008C96;
}
.text-teal700 {
  color: #007278;
}
.text-green100 {
  color: #ABF2D4;
}
.text-green200 {
  color: #5AE9AD;
}
.text-green400 {
  color: #05C072;
}
.text-green500 {
  color: #00A661;
}
.text-green600 {
  color: #009959;
}
.text-yellow600 {
  color: #FDD835;
}
.text-yellow900 {
  color: #F57F17;
}
.text-blue400 {
  color: #4593FC;
}
.text-blue500 {
  color: #3182F6;
}
.text-blue600 {
  color: #2272EB;
}



/*layout*/
ul,li{
	list-style:none;
	padding:0px;
}
.cmnWidth{
	width:100%;
	margin:0px auto;
}
.cmnWidth01{
	margin:0px auto;
}


/*link*/
a{
	color:#000;
	text-decoration:none;
}


/*bold*/
.bold{font-weight:bold;}

/*align*/
.center{text-align:center;}

/*position*/
.relative{position:relative;}

/*color*/
.yellow{color:#ffbe3c !important;}
.color_green{color:#00ca76;}

/*padding*/
.padding_00{padding:30px 0px;}
.padding_01{padding:60px 0px;}
.padding_02{padding:80px 0px;}
.padding_03{padding:120px 0px;}
.padding_04{padding:10px 0px;}
.padding_05{padding:20px 0px;}
.padding_06{padding:0px 0px 50px 0px;}
.padding_07{padding:0px 0px 10px 0px;}

/*margin*/
.margin1{
	margin:150px 0px;
}
.margin02{
	margin:60px 0px;
}
.margin03{
	margin:50px 0px;
}
.margin04{
	margin:30px 0px;
}

/*botton*/
.topBtn {
	position: fixed;
	border: 1px solid rgba(255,255,255,0.4);
	bottom: 20px;
	right: 20px;
	border-radius: 50%;
	color: #ffffff;
	padding: 10px;
	background: rgba(0,0,0,0.2);
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	font-size:14px;
}

.botton-white{
	position:relative;
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding: 17px;
	width: 100%;
	border: 3px solid rgba(255,255,255,0.9);
	color:rgba(255,255,255,0.9);
	letter-spacing:-1px;
	margin:70px auto;
	box-sizing:border-box;
}
.botton-white:hover{
	position:relative;
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding: 17px;
	width: 400px;
	border: 3px solid rgba(255,255,255,0.9);
	color:rgba(255,255,255,0.9);
	letter-spacing:-1px;
	margin:70px auto;
}
.botton-white::after{
	content: "";
	position: absolute;
	width: 80px;
	height: 20px;
	right: 10px;
	top: 17px;
	background: url(../images/icon-nero1.png)no-repeat;
	z-index: 999;
}

.botton-black{
	position:relative;
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding: 17px;
	width: 300px;
	color:#ffffff;
	letter-spacing:-1px;
	margin:40px auto;
	box-sizing:border-box;
	background:#ffbe3c;
	border-radius:30px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.botton-black::after{
	content: "";
	position: absolute;
	width: 40px;
	height: 20px;
	right: 10px;
	top: 17px;
	background: url(../images/icon-nero1.png)no-repeat;
	z-index: 999;
	background-position: right;
}
.botton-black:hover{
	background:#f6b126;
	box-shadow: rgb(246, 177, 38, 20%) 0px 15px 15px;}
}
.botton-black:hover:after{
	background:#f6b126 url(../images/icon-nero1.png)no-repeat;
}
.botton-green{
	background:#00a661;
	color:#ffffff;
}


/*botton-font*/
.btn-font1 {
  font-weight: bold;
  font-size: 20px;
  letter-spacing: -0.3px;
}
.btn-font2 {
  font-weight: bold;
  font-size: 17px;
  letter-spacing: -0.3px;
}
.btn-font3 {
  font-weight: bold;
  font-size: 15px;
  letter-spacing: -0.3px;
}
.btn-font4 {
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -0.3px;
}

/*modal*/
.viewCloseBtn{
	text-decoration: none;
	position: absolute;
	top: 0px;
	right: 25px;
	width: 25px;
	height: 25px;
	text-align: center;
}
.viewCloseBtn a{
	color: #ffffff;
	font-size: 50px;
}

/*line*/
.line{position:relative;}
.line::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 3px;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}


/*모달창*/
.totalMenuView {
    position: fixed;
    top: 0px;
    left: 0px;
    display: table;
    width: 100%;
    height: 100%;
    background: rgba(0, 166, 97, 1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);
    z-index: 1000;
    min-width: 1200px;
}
.totalMenuView .viewBox1 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
	border-bottom: 0px !important;
}
.totalMenuView .viewBox2 {
    position: relative;
    padding: 50px;
    font-size: 20px;
    text-align: center;
    width: 60%;
    margin: 0px auto 200px;
	min-width:1200px;
	border-bottom: 0px !important;
}
.totalMenuView .viewBox2 h2 {
    text-align: left;
    padding: 0px 0px 15px 0px; 
	border-bottom:1px solid rgba(255,255,255,0.3);
}
.totalMenuView .viewBox2 h2 img{
	width:150px;
}
.totalMenuView .viewBox2 .totalMenuList {
    overflow: hidden;
    margin: 20px 0px;
}
.totalMenuView .viewBox2 .totalMenuList li {
    float: left;
	width:20%;
	padding: 0% !important;
    text-align: left;
    color: #fff;
    box-sizing: border-box;
}
.totalMenuView .viewBox2 .totalMenuList li span {
    font-weight: bold;
    color: rgba(255,255,255,0.4);
    display: block;
    text-align: left;
    font-size: 15px;
    border-right: 0px !important;
}
.totalMenuView .viewBox2 .totalMenuList li h3 {
	font-weight: bold;
    color: #ffffff;
    font-size: 27px;
    text-align: left;
    padding: 0px 0px 10px;
    margin: 0px;
}
.totalMenuView .viewBox2 .totalMenuList li a {
    text-align: left;
    color: #fff;
	font-size:30px !important;
}
.totalMenuView .viewBox2 .totalMenuSubList {
    margin: 15px 0px;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.totalMenuView .viewBox2 .totalMenuSubList li {
	line-height: 30px;
    font-size: 15px;
    width: 100%;
    padding: 0px 0px 8px 0px !important;
}

.totalMenuView .viewBox2 .totalMenuSubList li a {
    color: rgba(255,255,255,0.8);
	font-size: 18px !important;
    font-weight: normal;
}


/*tabmenu-type01*/
.tapWrap .tab {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.tapWrap .tab li {
    text-align: left;
    font-weight: normal;
}
.tapWrap .tab li a{
	position:relative;
	display:block;
	padding: 13px 0px 10px 0px;
	font-size:18.5px;
	color:rgba(111,118,128,1);
	font-weight:bold;
	line-height:120%;
	display: flex;
	align-items: center;
}
.tapWrap .tab li a.selected{
	color:#02be6e;
}
.tapWrap .tab li a.selected::after{
	content:"";
	position:absolute;
	left:50%;
	top:0px;
	width:6px;
	height:6px;
	margin-left:-3px;
	line-height:0%;
	border-radius:50px;
	background:#02be6e;
}
.tapWrap .panel li{list-style:none;}

/*inner-title*/
.inner .title{
    text-align: left;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.3em;
}
.inner .title .no{
    position: relative;
    font-size: 0.8em;
    display: block;
    margin-bottom: 13px;
}
.inner .title .no::after{
    content: "";
    position: absolute;
    width: 40px;
    height: 3px;
    background: rgba(0,0,0,1);
    left: 25px;
    top: 20px;
}

/*흘러가는 슬라이드01*/
#scrollerTop,#scrollerBottom {
   overflow:hidden;
   position:relative;
   width:1640px; /* 테스트를 위한 임시 값*/
}
#scrollerTop.simply-scroll-list {
   display:flex;
   flex-wrap:nowrap;
   animation: bannermove 100s linear infinite;
}
#scrollerTop.simply-scroll-list > div {
   flex:0 0 auto;
   height:50px;
   background-color:#369;
   vertical-align:top;
   text-align:center;
}
#scrollerTop.simply-scroll-list > .clone {
   background-color:green;
   opacity:.4;
}
@keyframes bannermove {
  0% {
	  transform: translate(0, 0);
  }
  100% {
	  transform: translate(-50%, 0);
  }
}

#scrollerBottom.simply-scroll-list {
   width:3000px; /* 보여야 하는 이미지 + 클론이미지 전체 합 */
   height:100%;
   display:flex;
   flex-wrap:nowrap;
   animation: bannermove01 100s linear infinite;
}
#scrollerBottom.simply-scroll-list > div {
   flex:0 0 auto;
   height:50px;
   background-color:#369;
   vertical-align:top;
   text-align:center;
}
#scrollerBottom.simply-scroll-list > .clone {
   background-color:green;
   opacity:.4;
}
@keyframes bannermove01 {
  100% {
	 transform: translate(50%, 0);
  }
  0% {
	  transform: translate(0%, 0%);
  }
}
.simply-scroll-clip {
	position: relative;
	overflow: hidden;
}
.simply-scroll .simply-scroll-list {
	display: flex;
	width: 300vw !important;
	align-items: center;
}
.simply-scroll-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
.simply-scroll .simply-scroll-list li {
	float: left;
	width: 160px;
}
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
.simply-scroll-list li img {
	border: none;
	display: block;
	margin-right: -1px;
}


/*흘러가는 슬라이드02*/
.swiper-wrapper,.swiper-slide{height: auto !important;}
.swiper_type01 .swiper-wrapper{margin:0;padding:0}
.swiper_type01 .swiper-pagination-bullet{
	position:relative;
	width:auto;
	height:auto;
	margin-right:15px;
	padding:0px;
	border:none
}
.swiper_type01 .swiper-slide-active{opacity:1 !important}
.swiper_type01 .swiper-pagination-bullet-active{background:none}
.swiper_type01 .swiper-pagination-bullet-active a{
	color:#02be6e !important;
}


/*box*/
.box_type01{
	padding: 20px 30px;
    border-radius: 30px;
    border: 1px solid #f0f1f3;
    box-shadow: rgba(0, 0, 0, 0.07) 3px 10px 20px;
    box-sizing: border-box;
}
.box_type02 {
    padding: 15px;
    border-radius: 15px;
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: rgba(0, 0, 0, 0.03) 0px 5px 10px;
    box-sizing: border-box;
}


/*list*/
.list_type01,.list_type02,.list_type03{
	display: flex;
    flex-wrap: wrap;
    align-items: stretch;
	width: 100%;
}
.list_type01 li{
	width: 30.3%;
    margin: 0% 1.5%;
}
.list_type03 li{
    width: 23%;
    margin: 0% 1%;
}


@media (max-width: 992.98px) {
  .F-m-h1 {
    font-size: 33px !important;
    font-weight: 700;
    line-height: 1.3;
  }
  .F-m-h2 {
    font-size: 28px !important;
    font-weight: 700;
    line-height: 1.3;
  }
  .F-m-h3 {
    font-size: 26px !important;
    font-weight: 700;
    line-height: 1.3;
  }
  .F-m-h4 {
    font-size: 22px !important;
    font-weight: 700;
    line-height: 1.3;
  }
  .F-m-h5 {
    font-size: 20px !important;
    font-weight: 700;
    line-height: 1.3;
  }
  .F-m-h6 {
    font-size: 18px !important;
    font-weight: 700;
    line-height: 1.3;
  }
  .F-m-h7 {
    font-size: 16px !important;
    font-weight: 700;
    line-height: 1.3;
  }
  .F-m-h8 {
    font-size: 15px !important;
    font-weight: 700;
    line-height: 1.3;
  }
  .F-m-h9 {
    font-size: 14px !important;
    font-weight: 700;
    line-height: 1.3;
  }
  .F-m-sh1 {
    font-size: 33px;
    font-weight: 500;
    line-height: 1.4;
  }
  .F-m-sh2 {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.4;
  }
  .F-m-sh3 {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.4;
  }
  .F-m-sh4 {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4;
  }
  .F-m-sh5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
  }
  .F-m-sh6 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
  }
  .F-m-sh7 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
  }
  .F-m-sh8 {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
  }
  .F-m-sh9 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
  }
  .F-m-p1 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
  }
  .F-m-p2 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
  }
  .F-m-p3 {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
  }
  .F-m-p4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
  }
  .F-m-p5 {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
  }
  .F-m-p6 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
  }
  .F-m-p7 {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
  }
  .F-m-p8 {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
  }
  .F-m-sh11 {
    font-size: 13px !important;
    font-weight: 500;
    line-height: 1.4;
  }
  .F-m-h1, .F-m-h2, .F-m-h3, .F-m-h4, .F-m-h5, .F-m-h6, .F-m-h7, .F-m-h8, .F-m-h9, .F-m-h10, .F-m-sh1, .F-m-sh2, .F-m-sh3, .F-m-sh4, .F-m-sh5, .F-m-sh6, .F-m-sh7, .F-m-sh8, .F-m-sh9, .F-m-sh10, .F-m-sh11, .F-m-p1, .F-m-p2, .F-m-p3, .F-m-p4, .F-m-p5, .F-m-p6, .F-m-p7, .F-m-p8 {
    letter-spacing: 0;
  }
}



/*@media ( min-width: 768px )////////////////////////////////////////////////////////////////////////////////////////*/
@media ( min-width: 768px ) {

}



/*@media ( min-width: 1024px )////////////////////////////////////////////////////////////////////////////////////////*/
@media ( min-width: 1024px ) {

	.F-p0 {
	  font-size: 19px;
	  font-weight: 400;
	  line-height: 1.6;
	}

	/*layout*/
	.cmnWidth01{
		margin:0px auto;
		width:960px;
	}

	.cmnWidth{
		max-width:1465px;
		min-width:1200px;
		margin:0px auto;
	}

	.botton-black,.botton-white{
		width:400px;
	}
	.botton-black{margin:70px 0px;}

	/*margin*/
	.margin02{
		margin:100px 0px;
	}
	.margin03{
		margin:70px 0px;
	}



	/*box*/
	.box_type01{
		padding: 20px 30px;
		border-radius: 30px;
		border: 1px solid #f0f1f3;
		box-shadow: rgba(0, 0, 0, 0.07) 3px 10px 20px;
		box-sizing: border-box;
	}

}