:root {
	--color-text-01: #c21c03;
	--color-text-02: #0b0b49;
	--color-text-03: #757575;

	--normal-text : #333333;
	--light-text : #f1f2fa;
	--dark-text : #191919;
	--dark-bg-color : #444;
  }

  @font-face {
	font-family: 'Godo';
	font-style: normal;
	font-weight: 400;
	src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff') format('woff');
  }
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Thin';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
* {
	font-family: 'Pretendard-Regular', sans-serif;
	color:var(--normal-text);


}
*,
*::before,
*::after {
  box-sizing: border-box;
}
.clear::after{
	content:"";
	display:block;
	clear:both;
}

*:focus {
    outline: 0;
	background:transparent;
}

h3{
	font-weight:normal;
}
html,body{
	margin:0;
	padding:0;
	
}
.blind {
	font-size:15px;
	letter-spacing:2px;
}
table{
	border-collapse: collapse;
	width:100%;
}


input:focus,select:focus,textarea:focus{
    outline: 0;
	background:#f1f2fa;
	box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1);
	border:1px solid lightgray !important;
	transition-property:all !important;transition-duration:.2s !important
}


.hidden-scroll {
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}
.hidden-scroll::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera*/
}

.ellipsis {
    display: block;
    text-decoration: none;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; 
}

a {text-decoration:none;}
ul {padding:0;margin:0}
li {list-style:none;padding:0;margin:0}
.ani{
	transition-property:all !important;transition-duration:.2s !important
}
.ani-1s{transition-property:all;transition-duration:1s}
.center {text-align:center}
.login-button {
    background: rgba(0,0,0,.2);
    font-size: 14px;
    text-decoration: none;
    padding: 0 4px;
    border-radius: 3px;
}
.login-button i {

	color:#747474;
}

.admin {
	position:fixed;
	top:100px;
	background:#fff;
	width:900px;
	left:calc(50% - 450px);
	border-radius: 10px;
	z-index:500;
	text-align:center;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	height:100px;
	overflow: hidden;

}
.admin th{
	background:linear-gradient( to bottom, #f8f8f8, #cfcfcf);
	height:100px;
	width:100px;
}
.admin td{
	padding:0 5px;
	width:160px;
}
.adm-info-box {
	border: 1px solid rgb(99, 129, 146);
	height:80px;
	border-radius: 4px;
	display: block;
}
.adm-info-box h4{
	display: block;
	margin:0;
	text-align: center;
	background:rgb(99, 129, 146);
	color:#fff;
	padding:4px 0;
	font-weight:normal;
	font-size:14px;
}
.adm-info-box span{
	display: block;
	height:54px;
	line-height: 54px;
	
}
.adm-button-box{
	display:block;
	background:rgb(99, 129, 146);
	color:#fff;
	height:80px;
	text-align:center;
	border-radius: 4px;
	padding-top:6px
}
.adm-button-box span,
.adm-button-box div{
	display:block;
	color:#fff;
	font-size:14px;
}
.adm-button-box i {
	font-size:28px;
	margin-top:10px;
}

.adm-del{
	position:absolute;
	right:10px;
	top:10px;
	width:60px;
	height:60px;
	font-size:28px;
	background:#c21c03;
	line-height:60px;
	border-radius:30px;
	text-align: center;
}
.adm-del i {
	color:#fff;

}
.adm-del:hover{
	background:rgb(104, 7, 26);
}

header{
	width:100%;
	height:94px;/*94px*/
	position:fixed;
	left:0;
	top:0;
	z-index:1000;
	box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.2);
	overflow:hidden;
	background-color: #fff;

}

header > .logo{
	position:absolute;

	left:0;
	top:0;
	height:94px;
	width:250px;
	text-align: center;
}

header > .direct-link{
	position:absolute;

	right:0;
	top:0;
	height:94px;
}

header > .direct-link2{


	right:260px !important;

}

header > .menu {

	max-width:1000px;
	margin:0 auto;
	height:360px;
	display: block;
}
header > .menu > li {
	width:25%;
	height:94px;
	float:left;
	position: relative;
	z-index:1001

}
header > .menu > li > a{
	font-family: 'Godo';
	text-align:center;
	display:block;
	font-size:20px;
	padding:38px 0;
	/* 94 - 18 */
}

header > .menu > li:hover > a {
	color:#282e83;
	position: relative;
}

header > .menu > li:hover > a::before{
	content:"";
	position:absolute;
	display: block;
	bottom:10px;
	width:60%;
	margin:0 20%;
	height:4px;
	background-color: var(--color-text-02);
}
header > .menu > li:hover::before{
	content:"";
	background:#efeff7;
	position: absolute;
	display:block;
	height:100px;
	left:0;
	width:100%;
	top:0;
	height:360px;
	z-index:-990;
}
header > .menu > li > ul {
	height:360px;
	display: block;
}
header > .menu > li > ul > li > a{
	padding:15px 0 15px 80px;
	display: block;
	position: relative;
	font-size:18px;
}
header > .menu > li > ul > li > a:hover{
	background:#dfdfeb;

}
.extend-height {
	height:360px;
}

.logo > a > img {
	width:auto;
	height:55px;
	margin:19px 0;
}


.round-btn {
	font-family: 'Godo';
	font-size:18px;
	background:var(--color-text-01);
	color:var(--light-text);
	padding:10px 32px;
	border:1px solid var(--color-text-01);
	
	border-radius:24px;
}
.round-btn:hover{
	color:var(--color-text-01);
	background:var(--light-text);
}

.shop-btn {
	background:#2360aa;
	border-color:#2360aa;
}
.shop-btn:hover{
	color:#2360aa;
}
.direct-link{
	text-align: right;
}
.direct-link > a{
	margin-top:26px;
	display: inline-block;
	margin-right:18px;
	width:132px;
	text-align:center;

}
.main-img{
	height:744px;
	background:#eee;
	margin-top:94px;
	background-image: url(/assets/img/index_title_bg_01.jpg);
	background-size: cover;
	
}

.main-bg-01{
	background-image: url(/assets/img/tmp_img_01.jpg);
	background-size: cover;
}
.main-bg-02{
	background-image: url(/assets/img/tmp_img_02.jpg);
	background-size: cover;
}
.main-bg-03{
	background-image: url(/assets/img/tmp_img_07.jpg);
	background-size: cover;
}
.main-bg-04{
	background-image: url(/assets/img/tmp_img_04.jpg);
	background-size: cover;
}
.main-slide .item{
	position:relative;
	z-index:0;
	background-position:center center;
}
.main-slide .item::after{
	content:"";
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:rgba(0, 0, 0, 0.4);
	position:absolute;
	z-index: 1;

}
.main-slide h4{
	margin:0;
	color:#fff;
    font-family: 'Pretendard-Bold';
    font-size: 84px;
    text-shadow: 0 0 10px rgb(250 250 220);
    height: 68px;
    margin-top: 0px;
    padding-top: 266px;
	text-align:center;
	position:relative;
	z-index:2;
}
.main-slide .sub-main-txt{
	color:#fff;
	text-align:center;
	padding-top:140px;
	font-size:24px;
	position:relative;
	z-index:2;
	line-height:150%;
}

.sub-img{
	height:300px;
	background:#313132;
	margin-top:94px;
	background-image: url(/assets/img/index_title_bg_01.jpg);
	background-size: cover;
	background-position: center center;
	text-align:center;
}
.sub-img h3,
.sub-img i,
.sub-img li{
	color:#fefefe;

}
.sub-img i,
.sub-img li{
	font-size:18px;

}
.sub-img > h3{
	font-family: 'Pretendard-Bold';
	font-size:54px;
	text-shadow:0 0 10px rgb(250 250 220);
	height:68px;
	margin-top:0px;
	padding-top:106px;
}
.sub-img > ul {
	padding-top:36px;
}
.sub-img li {
	display: inline-block;
	padding:0 4px;
	position:relative;
}
.sub-img > ul > li::after{
	font-family: 'remixicon' !important;
	content:"\ea54";
	position:relative;
	right:-5px;
	top:3px;
}
.sub-img > ul > li:last-child::after{
	content:"";
}
.sub-img > ul > li > a > i{
	vertical-align: text-bottom;
}
.sub-img li:first-child{
	padding-left:0;
}
.sub-img li:last-child{
	padding-right:0;
}

.content-title{
	text-align:center;
	position: relative;
	padding-top:60px;
}
.content-title::after{
	content:"";
	display: inline-block;
	width:25px;
	height:3px;
	background-color: var(--color-text-01);
	bottom:0;
	margin:42px auto;
}
.content-title > h3 {
	text-align:center;
	font-size:32px;
	display: block;
	font-family: 'Pretendard-Bold';
	margin-bottom:10px;
	margin-top:0px;

}
.content-title > span {
	text-align:center;
	display: block;
	font-size:20px;
	color:var(--color-text-03);
}

.idx-01{
	background-color: #F2F2F2;
	
	padding-bottom:60px;
	/* height:740px; */
	background-image: url(/assets/img/idx_01_bg_01.png);
	background-position: center;
	background-size: cover;
}
.idx-box{
	margin:0 auto;
	max-width:1380px;
	padding-left:15px;
	padding-right:15px;
}

.idx-01 > .idx-box > a{
	width:23.88301%;
	margin-right:1.48933%;
	float:left;
	background:#fff;
	border-bottom:3px solid #fff;
	overflow: hidden;
}
.idx-01 > .idx-box > a:hover{
	border-bottom:3px solid var(--color-text-01);
	box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.idx-01 > .idx-box > a:hover > h4{
	color:var(--color-text-01);
}
.idx-01 > .idx-box > a:hover > div{
	background-size: 120%;
}

.idx-01 > .idx-box > a:last-child{
	margin-right:0;
}
.idx-01 > .idx-box::after,
.idx-02 > .idx-box::after,
.idx-03 > .idx-box::after,
.idx-04 > .idx-box::after,
.idx-05 > .idx-box::after{
	content:"";
	display:block;
	clear:both;
}

.idx-01 > .idx-box > a > div {
	height:0;
	padding-top:64%;
	background-size: 110%;
	background-position: center center;
	background-repeat: no-repeat;
}
.idx-01 > .idx-box > a > h4{
	margin-top:32px;
	margin-left:30px;
	margin-bottom:0px;
	font-size:24px;
	font-family: 'Pretendard-Bold';
}
.idx-01 > .idx-box > a > span{
	padding:14px 30px 34px 30px;
	font-size:18px;
	width:100%;
	display: block;
}
.idx-02{

	padding-bottom:60px;
	text-align:center;
}
.idx-02 > .idx-box {
	font-size:0;
}
.idx-02 > .idx-box > div {
	background:#444;
	height:0px;
	padding-top:17.5%;
	width:calc(25% - 6px);
	float:left;	
	background-size: 100%;
	background-position: center center;
	position:relative;
	background-repeat: no-repeat;
	background-size:100%;
	background-color:#d7e1f3;
	/* border:2px solid #a6a6a6; */
	margin-left:4px;
	margin-right:4px;
	
}
.idx-02 > .idx-box > div:nth-child(1){
	margin-left:0px;
}
.idx-02 > .idx-box > div:nth-child(4){

	margin-right:0px;
}

/*
.idx-02 > .idx-box > div:nth-child(1){
	background-color:#ddcdda;
}
.idx-02 > .idx-box > div:nth-child(2){
	background-color:#fce2cf;
}
.idx-02 > .idx-box > div:nth-child(3){
	background-color:#fcc9cd;
}
.idx-02 > .idx-box > div:nth-child(4){
	background-color:#fdbdd4;
}
.idx-02 > .idx-box > div:nth-child(5){
	background-color:#c3e0d8;
}
.idx-02 > .idx-box > div:nth-child(6){
	background-color:#a8dae2;
}
.idx-02 > .idx-box > div:nth-child(7){
	background-color:#e2dcc2;
}
.idx-02 > .idx-box > div:nth-child(8){
	background-color:#bbcdff;
}
*/
.idx-02 > .idx-box > div::after{
	opacity: 0;
	content:"";
	position:absolute;
	left:0;
	height:236px;
	padding-top:70%;
	top:0;
	width:100%;
	background:rgba(0, 0, 0, 0.75);
	z-index:10;
	transition-property:all !important;transition-duration:.2s !important
}
.idx-02 > .idx-box > div:hover::after{
	content:"";
	position:absolute;
	left:0;
	height:100%;

	top:0;
	width:100%;
	background:rgba(0, 0, 0, 0.75);
	z-index:10;
	opacity: 1;
	
}

.idx-02 > .idx-box > div > h4 {
	display:block;
	text-align:center;
	color:#fff;
	font-family: 'Pretendard-Medium';
	font-size:28px;
	font-weight:normal;
	margin-top:-50%;
	opacity:0;
	position: relative;
	z-index:20;
	padding-left:15px;
	padding-right:15px;

}
.idx-02 > .idx-box > div > a {
	display:inline-block;
	font-size:20px;
	border:1px solid #fff;
	width:40%;
	text-align:center;
	color:#fff;
	padding:12px 0;
	opacity:0;
	position: relative;
	z-index:20;
	margin-top:10%;
}
.idx-02 > .idx-box > div > a:last-child{
	border-left:0;
}
.idx-02 > .idx-box > div:hover{
	background-size: 110%;
}
.idx-02 > .idx-box > div:hover h4,
.idx-02 > .idx-box > div:hover a{
	opacity:1;
}
.idx-02 > .idx-box > div > a:hover{
	background:#fff;
	color:var(--dark-text);
}


.idx-03{
	background-color: #F1F1F1;
	padding-bottom:60px;
	text-align:center;
}
.idx-03 > .idx-box{
	background-color:#fff;
	height:338px;
}
.idx-03 > .idx-box > a{
	display:block;
	float:left;
	width:33.33333%;
	border-right:1px solid #f1f1f1;
	height:338px;
}
.idx-03 > .idx-box > a:hover img{
	height:128px;
	margin-top:42px;
}
.idx-03 > .idx-box > a:hover h4{
	color:#e21111;
}
.idx-03 > .idx-box > a:last-child{
	border-right:0;
}
.idx-03 > .idx-box > a > img {
	height:108px;
	width:auto;
	margin-top:62px;
}
.idx-03 > .idx-box > a > h4{
	
	font-family: 'Pretendard-bold';
	font-size:22px;
	font-weight:normal;
	margin-bottom:18px;
}
.idx-03 > .idx-box > a > span {
	font-size:18px;
	color:#757575;
}

.idx-04 {
	background:#2D2D2D;
	padding-bottom:60px;
}
.idx-04 > .content-title > h3 {
	color:#FCFCFC;
}
.idx-04 > .content-title > span{
	color:#a4a4a4;
}

.idx-04 > .idx-box > a{
	width:49%;
	display:block;
	float:left;
	border:1px solid #dfdfeb;
	height:256px;
	padding:0 96px;
}
.idx-04 > .idx-box > a:first-child{
	margin-right:2%;
}
.idx-04 > .idx-box > a > h4{
	color:#FCFCFC;
	margin-top:32px;
	font-size:32px;
	padding-bottom:24px;
	margin-bottom:24px;
	border-bottom:1px solid #707070;
}
.idx-04 > .idx-box > a > span {
	font-size:22px;
	line-height:165%;
	color:#FCFCFC;
}

.idx-04 > .idx-box > .on {
	background:#be1616;
}


.idx-05{
	background-color: #fff;
	padding-bottom:60px;
	text-align:center;
	height:620px;
}
.idx-05 > .idx-box{
	height:256px;
}
.idx-05 > .idx-box > div{
	display:block;
	float:left;
	width:33.33333%;
	border-right:4px solid #fff;
	height:256px;
	background-color:#F1F1F1;
}
.idx-05 > .idx-box > div:nth-child(3){
	border-right:0;
}
.idx-05 > .idx-box > div > h4{
	margin-top:68px;
}
.idx-05 > .idx-box > div > h4,
.idx-05 > .idx-box > div > span,
.idx-05 > .idx-box > div > a{
	font-size:32px;
}
.idx-05 > .idx-box > div > span,
.idx-05 > .idx-box > div > a{
	font-family: 'Pretendard-Bold';
	color:var(--color-text-01);
}
.idx-05 > .idx-box > span {
	display: block;
	width:100%;
	text-align:left;
	float:left;
	font-size:20px;
	line-height:164%;
	padding:15px;
	color:#757575;
}

.idx-05 > .idx-box > div:hover {
	background-color:#dbdbdb;
}

footer{
	height:280px;
	background-color:#4A4A4A;
	display: block;
	text-align:center;
}
footer > .quick-menu{
	background:#313131;
	height:86px;

}

footer > .quick-menu > a{
	display:inline-block;
	color:#C8C8C8;
	font-size:18px;
	padding:33px 8px;
}
footer > .quick-menu > a:hover{
	background-color:#4A4A4A;
	color:#fff;
}
footer > .copyright {
	font-size:18px;
	color:#ECECEC;
	line-height:180%;
	padding-top: 45px;
}
.blank-box{
	height:50px;
}
.sub-menu{
	height:50px;
	width:100%;
	background:var(--color-text-01);
	z-index:1;
	position: relative;
	box-shadow:0 0 10px 0 rgba(180, 20, 20, 0.4);
	font-size:0;
}
.sub-menu-fixed{
	position:fixed;
	top:94px;
}
.sub-menu > ul {
	max-width:1756px;
	margin:0 auto;
	display: block;
	text-align:center;
}
.sub-menu > ul > li {
	display: inline-block;
	border-right:1px solid rgba(255,255,255,.3)
}
.sub-menu > ul > li:first-child{
	border-left:1px solid rgba(255,255,255,.3)
}

.sub-menu > ul > li:hover,
.sub-menu > ul > .on > a{
	background:rgba(0,0,0,.2);
}
.sub-menu > ul > li > a {
	font-size:18px;
	display: inline-block;
	height:50px;
	padding:16px 0 0 0;
	width:180px;
	position: relative;
}
.sub-menu > ul > li > a > span {
	color:#fefefe;
	position: relative;

}
.sub-menu > ul > li:hover > a > span::after,
.sub-menu > ul > .on > a > span::after{
	content:"";
	position:absolute;
	left:0;
	bottom:-4px;
	width:100%;

	height:2px;
	background:#fff;
}

.content-box{
	min-height:200px;
	z-index:0;
	position: relative;
	max-width:1756px;
	padding-left:15px;
	padding-right:15px;
	margin:0 auto;
	padding-bottom:60px;
}

.overview-01{
	min-height:578px;
	position: relative;

}

.overview-01 .left {
	height:522px;
	width:55%;
	position: absolute;
	left:0;
	top:0;
	z-index:10;
	background-size:cover;
	background-position:center center;
}
.overview-01 .right {
	height:522px;
	width:55%;
	position: absolute;
	right:0;
	bottom:0;
	background:#EFEFEF;
	z-index:5;
	padding:112px 10% 100px 20%;
	font-size:20px;
	line-height:180%;
}

.overview-02{
	min-height:786px;
	position: relative;

}

.overview-02 > .left {
	border:1px solid #ddd;
	padding:125px 200px;
	font-size:24px;
	line-height:180%;
	width:64%;
	min-height:786px;
}
.overview-02 > .left::after{
	content:"";
	background-image: url(/assets/img/tmp_img_06.jpg);
	background-position: left center;
	background-size: cover;

	width:calc(36% - 15px);
	height:100%;
	right:0%;
	top:0;
	position:absolute;
	border:1px solid #ddd;
}

.centent {
	
	max-width:1756px;
	margin:0 auto;
	padding-bottom:60px;
}

.history-01 > .right{
	border-left:1px solid var(--color-text-01);
	width:50%;
	float:right;
	min-height:100px;
	background-image: url(/assets/img/his_img_01.jpg);
	background-position: center 412px;
	background-size: contain;
	background-repeat: no-repeat;
}
.history-01 > .right > li {
	margin-left:88px;
}
.history-01 > .right > li > h4{
	padding:12px 0;
	font-size:32px;
	color:var(--color-text-01);
	margin:0;
	font-family: 'Pretendard-Bold';
	position:relative;
}
.history-01 > .right > li > h4::before{
	content:"";
	height:1px;
	border-top:1px solid var(--color-text-01);
	position:absolute;
	top:28px;
	left:-88px;
	width:74px;
}
.history-01 > .right > li > h4::after{
	content:"";
	width:15px;
	height:15px;
	border:3px solid var(--color-text-01);
	position:absolute;
	border-radius: 8px;
	left:-96px;
	top:21px;
	background:#fff;
}

.history-01 > .right > li > ul > li {
	font-size:20px;
	line-height:174%;
	font-family: 'Pretendard-Thin';
	
}

.history-01 > .right > li > ul > li:last-child{
	margin-bottom:20px;

}

.history-01 > .left{
	
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;
	height:550px;
	width:calc(50% - 100px);
	float:left;
}

.ci-bi{
	width:1200px;
	margin:0 auto;
	text-align:center;
	font-size:0;
}

.ci-bi img{
	max-width:582px;
	font-size:0;
}
.ci-bi img:first-child{
	margin-right:30px;
}

.ci-bi > .color-box{
	width:32%;
	margin-right:2%;
	color:#fff;
	font-size:20px;
	text-align:left;
	padding:20px 30px;
	line-height:164%;
	display:inline-block;
	margin-top:20px;
}
.ci-bi > .color-box:last-child{
	margin-right:0;

}

.ci-down-box{
	text-align:center;
	font-size:20px;
	margin-top:50px;
}
.ci-down-box > a {
    font-family: 'Godo';
    font-size: 18px;
    color: var(--color-text-01);
    padding: 10px 32px;
    border: 1px solid var(--color-text-01);
    border-radius: 24px;
}
.ci-down-box > a:hover{
    background: var(--color-text-01);
    color: var(--light-text);
}
.ci-down-box > a > i {
	vertical-align:middle;
	font-size: 24px;
}

.bg-gray{
	background:#F2F2F2;
}

.process-imgbox {
	max-width:1200px;
	margin:0 auto;
}

.process-imgbox img{
	width:100%;
}

.location-map {
	max-width:1756px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

.root_daum_roughmap {
	width:100% !important;
}
.root_daum_roughmap .wrap_controllers {
	display:none;
}
.location-map::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:640px;
	z-index:10;

}

.address-info{
	width:1024px;
	margin:60px auto;
}
.address-info > ul {
	display:table;
	vertical-align: top;
	width:100%;

}
.address-info > ul > li {
	display:table-cell;
	vertical-align: top;
}
.address-info > ul > li:nth-child(1){
	width:180px;
}
.address-info > ul > li:nth-child(2){
	text-align:left;
}

.address-info img{
	width:100px;
}
.address-info .adr-detail > ul {
	margin-bottom:15px;
	vertical-align: top;
}
.address-info .adr-detail > ul > li {
	display:inline-block;
	font-size:18px;
	vertical-align: top;
	line-height:164%;
	color:#757575;
}
.address-info .adr-detail > ul > li:first-child{
	width:160px;
	color:#4881E1;
}
.address-info > ul:nth-child(2) {
	margin-top:50px;
	padding-top:50px;
	border-top:1px dotted #bbbbbb;
}

.cs-wrap{
	max-width:1380px;
	margin:0 auto;
	font-size:20px;
	padding-bottom:60px;
	padding-left:15px;
	padding-right:15px;
}
.cs-wrap > .cs-top {
	display: table;
	width:100%;
}
.cs-wrap > .cs-top > .left {
	float:left;
	width:50%;
	height:60px;
	vertical-align: bottom;
	padding-bottom:10px;
	padding-top:30px;
}
.cs-wrap > .cs-top > .right {
	float:right;
	text-align:right;
	height:60px;
}

.cs-btn{
	background:var(--color-text-01);
	font-size:22px;
	padding:19px 40px;
	color:#fff;
	border:1px solid var(--color-text-01);
}
.cs-btn:hover{
	background:#fff;
	font-size:22px;
	padding:20px 40px;
	color:var(--color-text-01);
	border:1px solid var(--color-text-01);
}

.table-row {
	width:100%;
	border-collapse: collapse;
}

.table-row th {
	border-top:1px solid #757575;
	border-bottom:1px solid #757575;
	height:68px;
}
.table-row td {
	border-bottom:1px solid #E5E5E5;
	height:68px;
	color:#757575;
}
.table-row tr:hover td{
	background:#f1f2fa;
}
.tab-list {
	cursor:pointer;
}
.table-row td:nth-child(1){
	text-align:center;
	width:250px;
}
.table-row td:nth-child(3){
	text-align:center;
	width:220px;
}
.table-row td:nth-child(4){
	text-align:center;
	width:220px;
}
.table-row td i {
	vertical-align: bottom;
	color:#757575;
}
.table-row td > .cate {
	background:gray;
	font-size:16px;
	color:#fff;
	padding:2px 12px;
	border-radius:4px;
	margin:0 15px;
}
.table-row td > .re-ok{
	background:#4881E1;
}
.table-row td > .new {
	background:#F2861A;
	font-size:16px;
	color:#fff;
	padding:2px 4px;
	border-radius:4px;
	margin:0 10 0 0px;
}
.red {
	color:var(--color-text-01);
}
.table-col{
	width:100%;
	border-collapse: collapse;
	font-size:20px;
	color:#757575;
}
.table-col th {
	min-height:68px;
	background:#F9F9F9;
	padding:22px 0;
	width:256px;
	color:#757575;
	font-weight:normal;
	
}
.table-col td{
	
	color:#A5A5A5;
	font-weight:normal;
}
.table-col tr:first-child th,
.table-col tr:first-child td{
	border-top:1px solid #757575;
}
.table-col tr th,
.table-col tr td{
border-bottom:1px solid #E5E5E5;
}

.table-col input[type=password],
.table-col input[type=text],
.table-col input[type=email],
.table-col input[type=file],
.basic-form{
	border:1px solid #E5E5E5;
	height:44px;
	margin:0 12px;
	padding:0 12px;
	min-width:286px;
}
.table-col input[type=file]{
	padding-top:7px;
}
.table-col textarea,
.table-col .pri{
	display:block;
	margin:12px;
	border:1px solid #e5e5e5;
	width:calc(100% - 24px);
	padding:12px;
	
}

.table-col .pri {
	
	background:#f9f9f9;
	line-height:160%;
	font-size:16px;
	height:200px;
	overflow-y: scroll;

}
.table-col .pri p {
	margin-top:0;
	color:#757575;
}
.table-col input[type=checkbox]{
	margin-left:12px;
	height:24px;
	width:24px;
	vertical-align: bottom;
	border:1px solid #757575;
}
.table-col .chk-box{
	margin-bottom:12px;
	display:block;
}
.table-col .chk-box > label{
	color:#757575;
}
.email01 {
	width:150px;
}
.frm-gtn-group {
	text-align:center;
	height:68px;
	margin-top:40px;
}
.frm-btn{
	width:278px;
	height:66px;
	text-align:22px;
	font-family: 'Pretendard-Bold';
	display: inline-block;
	line-height:66px;
	background:gray;
	color:#fff;
	border:1px solid gray;
}


.cancel-btn{
	border:1px solid var(--color-text-01);
	color:var(--color-text-01);
	background:#fff;
}
.ok-btn{
	border:1px solid var(--color-text-01);
	color:#fff;
	background:var(--color-text-01);
}
.cancel-btn:hover{
	background:#f1f1f1;
}
.ok-btn:hover{
	border:1px solid #af1902;
	background:#af1902;
}

.sub-cate{
	margin:20px auto;
	font-size:19px;
	max-width: 1280px;
    padding-left: 15px;
    padding-right: 15px;
	height:44px;

}

.sub-cate a {
	border:1px solid #c21c03;
	color:#c21c03;
	background:#fff;
	padding:10px 20px;
	height:44px;
	border-radius:22px;
}

.sub-cate a:hover,
.sub-cate .on {
	border:1px solid #c21c03;
	color:#fff;
	background:#c21c03;
	padding:10px 20px;
	height:44px;
	border-radius:22px;
}


.download-box {
	max-width:1280px;

	padding-left:15px;
	padding-right:15px;
	
	font-size:0;
	margin:0 auto;
	padding-bottom:60px;
	
	text-align:left;
}

.download-box > div{
	display: inline-block;
	width:calc(25% - 15px);
	margin-right:20px;
	border:1px solid #E5E5E5;
	margin-bottom:20px;
	
	position: relative;
}
.download-box > div:nth-child(4n){
	margin-right:0;
}
.download-box .dl-img{
	background:#e7e7e7;
	height:0;
	padding-top:120%;
	background-size:100%;
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom:1px solid #E5E5E5;
}

.download-box > div:hover{
	box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.2);
}
.download-box > div:hover > .down-btn {
	border:1px solid var(--color-text-01);

}
.download-box > div:hover .dl-img{
	
	background-size:105%;
}

.download-box h3{
	font-size:20px;
	margin:16px 20px;
	height: 22px;
	overflow:hidden;
	text-align:left;
}
.download-box .down-btn{
	font-size:18px;
	width:calc(100% - 30px);
	border:1px solid #E5E5E5;
	color:#757575;
	display: block;
	margin-left:15px;
	text-align:center;
	height:42px;
	line-height:42px;
	margin-bottom:15px;
}

.download-box .down-btn:hover{
	background:var(--color-text-01);
	color:#fff;
	border:1px solid var(--color-text-01);
}
.download-box .down-btn i {
	vertical-align:bottom;
	margin-right:5px;
}

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

.pw-box{
	background:#fff;
	width:440px;
	height:400px;
	margin:200px auto;
	border-radius: 20px;
	position: fixed;
	left:calc(50% - 220px);
	top:0;
	z-index:1002;
	display:none;
}

.pw-box > h3{
	text-align:center;
	font-family: 'Pretendard-Bold';
	font-size:28px;
	line-height:150%;
	padding-top:75px;
	margin-top:0;
	display: block;
}
.pw-box > .inp-group{
	width:340px;
	margin:0 auto;
	font-size:18px;
}
.pw-box > .inp-group > input{
	width:100%;
	font-size:20px;
	padding:12px;
	border: 1px solid #eee;
	margin-top:10px;
	background:#f1f2fa;
	margin-bottom:10px;
}
.warning-msg {
	display:none;
}
.pw-box > .inp-btn {
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
	height:64px;
	
	border-radius:0 0 20px 20px;
	overflow:hidden;
}

.pw-box > .inp-btn > button{
	float:left;
	width:50%;
	height:100%;
	border:0;
	font-size:20px;
	background-color:#fe9277;
	color:#fff;
	cursor:pointer;
}
.pw-box > .inp-btn > button:last-child
{
	background-color:#ff6b6b;
}
.pw-box > .inp-btn > button:hover{
	background-color:#c93939;
}

.pw-box > .inp-cir {
	background:#fb6962;
	width:80px;
	height:80px;
	left:calc(50% - 40px);
	top:-40px;
	position: absolute;
	text-align:center;
	border-radius: 50%;
}
.pw-box > .inp-cir i {
	color:#fff;
	font-size:32px;
	line-height:80px;
}


.table-view td{
	padding:20px;
}
.table-view .content-tr > td > div {
	min-height:300px;
	color: #A5A5A5;
    font-weight: normal;
	line-height:150%;
}
.main-slide{
	width:100%;
	height:744px;
	margin-top:94px;
	background:#555;
	overflow: hidden;
}
.main-slide .item {
	height:744px;
	border:0;
	background-repeat:no-repeat;
}
.owl-prev,
.owl-next {
	position:absolute;
	top:calc(50% - 100px);
}
.owl-prev{
	left:20px;
}
.owl-next{
	right:20px;
}
.owl-prev > span,
.owl-next > span {
	font-size:140px;
	color:rgba(255,255,255,.8);
}
.owl-dots {
	text-align:center;
	bottom:20px;
	position:absolute;
	width:100%;
}
.owl-dots > .owl-dot {
	width:40px;
	height:10px;
	margin:0 4px;
	display:inline-block;
}
.owl-dots > .active > span {
	background:rgba(255,255,255,.8) !important;
}
.owl-dots span{
	display:inline-block;
	width:40px;
	height:10px;
	border:1px solid rgba(255,255,255,.8);
}

.product-img{
	min-height:400px;
	background:#f1f2fa;
	position:relative;
	background-repeat: no-repeat,no-repeat;
	background-size: contain, contain;
	background-position: center center,center center;
}
.product-img > .product-title {
	width:1280px;
	background:rgb(18, 37, 92);
	position:absolute;
	top:368px;
	left:calc(50% - 640px);
	text-align:center;
}
.product-img > .product-title h3{
	color:#fff;
	font-size:36px;
	font-family: 'Pretendard-Bold';
	margin:64px 0 60px;
}

.product-img > .product-title span{
	font-size:20px;
	color:rgba(255,255,255,.6);
	border-top:1px solid rgba(255,255,255,.6);
	display:block;
	width:90%;
	margin:0 auto;
	padding:32px 0 48px;

}
.product-content{
	border:1px solid #ddd;
	padding:42px 50px;
	min-height:500px;
	width:1150px;
	margin:276px auto 0;
	font-size:20px;
	line-height:175%;
	background:#fff;
}
.product-content img {
	max-width:100%;
}
.product-img > a i{
	vertical-align: bottom;
	margin-right:3px;
	color:rgb(18, 37, 92);
}
.product-img > a{
	font-size:20px;
	padding:10px 20px;
	border:1px solid rgb(18, 37, 92);
	color:rgb(18, 37, 92);
	position:absolute;
	right:0;
	height:45px;
	top:-55px;
}
.cs-wrap .table-col tr td{
	padding-top:12px;
	padding-bottom:12px;
}
.cs-wrap .table-col tr td label{
	padding-bottom:10px;
	display:inline-block;
}
.product-img > .adm-edit {
	left:0;
	right:auto
}
.product-img > a:hover{
	background-color:rgb(18, 37, 92);
	color:#fff;
}
.product-img > a:hover i {
	color:#c21c03;
}

.product-list-wrap{
	background:#f9f9f9;
}
.product-list-box {
	max-width:1380px;
	min-height:500px;
	margin:0 auto;
	padding-bottom:60px;
	padding:0 15px;
}
.product-list-box .product-item {
	width:calc(25% - 25px);
	background-color: #fff;
	margin-right:33px;
	float:left;
	margin-bottom:33px;
	/* border-radius:33px; */
	overflow:hidden;
}
.product-list-box .product-item:hover{
	box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.product-list-box .product-item:hover h4 > a{
	color:#c21c03;
}
.product-list-box .product-item:nth-child(4n){
	margin-right:0;
}
.product-list-box .product-item:hover > a{
	background-size:110%;
	background-color: rgb(235, 207, 224);
}
.item-img {
	background-color:rgb(232, 238, 247);
	height:0;
	padding-top:72%;
	display:block;
	background-repeat: no-repeat;
	background-position:center center;
	background-size:100%;
}
.item-txt-wrap{
	width:calc(100% - 30px);
	border-top:1px solid #eee;
	margin:0 15px 15px 15px;
	font-size:0;
}
.item-txt-wrap h4{
	padding:0 5px;
	font-size:20px;
	margin-bottom:10px;
	height:23px;
	overflow: hidden;
}
.item-txt-wrap > span {
	font-size:18px;
	color:#777;
	display: block;
	width:100%;
	height:18px;
	overflow: hidden;
	margin-bottom:20px;
	padding:0 5px;
}
.item-txt-wrap > div > a{
	font-size:18px;
	width:calc(50% - 10px);
	margin-right:10px;
	display:inline-block;
	text-align:center;
	background:#2360aa;
	color:#fff;
	padding:10px 0;
	border-radius:26px;
	border:1px solid transparent;
}
.product-item > .item-txt-wrap > div > a:first-child{
	background:#c21c03;
	color:#fff;
}
.item-txt-wrap > div{
	text-align:center;
}
.item-txt-wrap > div > a:last-child{
	margin-right:0;
}
.product-item > .item-txt-wrap > div > a:hover{
	border:1px solid #c21c03 !important;
	color:#c21c03 !important;
	background:#fff !important;
}

.paging {font-size:0;line-height:16px;text-align:center;margin-top:60px}
.paging li {font-size:16px;display:inline-block;border:1px solid lightgray;border-left:0;vertical-align: top;}
.paging li:hover {background:#efefef}
.paging li:first-child{border-left:1px solid lightgray;border-radius:2px 0 0 2px}
.paging li:last-child{border-radius:0 2px 2px 0}
.paging li a{display:inline-block;height:34px;min-width:34px;padding:10px 10px 0 10px;text-align:center;color:#aaa}
.paging .on a {color:#333;font-weight:500;background:#efefef}

.board-button {padding:9px 0 9px 0;text-align:right;}
.board-button a:last-child{margin-right:0}
.basic-button {display:inline-block;margin:3px;min-width:34px;padding:0px 20px;line-height:31px;text-align: center;border:1px solid #4a94e1;background:#fff;height:34px;color:#4a94e1;vertical-align:top;font-weight:300;border-radius:2px;cursor: pointer;outline: medium none;text-decoration: none;}
.basic-button i {font-size:22px;vertical-align: sub;margin-right:1px;color:#2278ce}
.basic-button:hover{color:#fff;;background:#4a94e1;}
.basic-button:hover i {color:#fff}
.basic-button:active{background:#1c62a8;border-color:#1c62a8}

.blue-label{
	background: #2278ce;
	font-size: 16px;
	color: #fff;
	padding: 2px 12px;
	border-radius: 4px;
}

.product-content table th,
.product-content table tr:first-child td{
	background:rgb(18, 37, 92);
	color:#fff;
	padding-top:10px;
	padding-bottom:10px;
	font-family: 'Pretendard-Bold';
}
.product-content table td,
.product-content table th{
	border:1px solid #ddd;
	text-align:center;
}
.product-content table td{
	padding-top:10px;
	padding-bottom:10px;
}
.paging-wrap{
	padding-bottom:60px;
}

.product-img > span{
	font-size:140px;
	color:rgba(0, 0, 0, 0.4);
	position:absolute;
	top:calc(50% - 82px);
	left:20px;
	cursor:pointer;
}
.product-img > .arrow-right{
	right:20px;
	left:auto;
}
.product-img > span:hover{
	color:#c21c03;
}