@charset "utf-8";
@import 'reset.css';
@import 'aos.css';
@import 'animate.css';
@import 'font/pretendard.css';
@import 'font/axicon/axicon.css';

/** 세팅 **/
:root {
--color-point:#647e3e;
--color-point-light:#e8eed8;
--color-point-dark:#f7e0e0;
--color-sub:#bb6d27;
--color-sub2:#5a65b5; 
--color-sub3:#dd9a49;
--color-red:#ff3333; /** 경고 **/
--color-blue:#3368ff;
--color-green:#769834; 
--layout-width:1400px;
}

.content_text {width:var(--layout-width);}

pre {white-space: pre-wrap; font-family:'Pretendard';font-size:15px}
input:read-only {background:#f0f0f0}
input:placeholder {color:#ccc}

/** 게시판 벗어나지않게 **/
#content *{ -webkit-text-size-adjust:none; max-width:100%; }
#content img{height:auto !important;}

/* Common */
body {*word-break:break-all; -ms-word-break:break-all;}
body { font-family:'Pretendard','NBG','맑음고딕', Dotum,AppleGothic,Sans-serif; color:#666;font-size:15px}

.clear{clear:both}

.underline {text-decoration:underline;}
.deps_line {border-bottom:1px solid #cecfce}
.imgborder {border:1px solid #dedede}
.coll{border-collapse:collapse;}
.clear{clear:both}
.bold{font-weight:bold}
.normal{font-weight:normal}
.center{text-align:center}
.right{text-align:right}
.rfloat{float:right}
.lfloat{float:left}
.cfloat{float:center}

.imgmiddle img{vertical-align:middle}
.imgmiddle textarea{vertical-align:middle}
.imgmiddle {vertical-align:middle}
.imgmiddle input{vertical-align:middle}
.imgmiddle select{vertical-align:middle}

.letter {letter-spacing:-1px}

.left{text-align:left !important}
.right{text-align:right !important}
.center{text-align:center !important}

.bold{font-weight:bold}
.center{text-align:center}
.right{text-align:right}
.rfloat{float:right}
.lfloat{float:left}
.cmargin{margin:auto;}

.wid20{width:20px}
.wid50{width:50px}
.wid100{width:100px}
.wid150{width:150px}
.wid200{width:200px}
.wid600{width:600px}


.he2{height:2px;}
.he3{height:3px;}
.he5{height:5px;}
.he10{height:10px;}
.he15{height:15px;}
.he20{height:20px;}
.he25{height:25px;}
.he30{height:30px;}
.he35{height:35px;}
.he40{height:40px;}
.he45{height:45px;}
.he50{height:50px;}
.he100{height:100px;}
.he200{height:200px;}
.he300{height:300px;}

.line16{line-height:16px;}
.line18{line-height:18px;}
.line20{line-height:20px;}
.line21{line-height:21px;}
.line24{line-height:24px;}
.line26{line-height:26px;}
.line28{line-height:28px;}
.line30{line-height:30px;}
.line34{line-height:34px;}


.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}
.pt100{height:100px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb45{padding-bottom:45px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}

.pd15 {padding:15px}
.pd20 {padding:20px}
.pd25 {padding:25px}

.size11{font-size:11px;}
.size12{font-size:12px;}
.size13{font-size:13px;}
.size14{font-size:15px;}
.size15{font-size:15px;}
.size16{font-size:16px;}
.size17{font-size:17px;}
.size18{font-size:18px;}
.size21{font-size:21px;}
.size24{font-size:24px;}
.size28{font-size:28px;}
.gray333{color:#333;}
.gray666{color:#666;}
.gray999{color:#999;}

.line16 {line-height:16px}
.line18 {line-height:18px}
.line20 {line-height:20px}

/* margin padding */
.mt5	{margin-top:5px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}
.mt25	{margin-top:25px;}
.mt30	{margin-top:30px;}
.mt40	{margin-top:40px;}
.mt50	{margin-top:50px;}

.mb5	{margin-bottom:5px;}
.mb10	{margin-bottom:10px;}
.mb15	{margin-bottom:15px;}
.mb20	{margin-bottom:20px;}
.mb25	{margin-bottom:25px;}
.mb30	{margin-bottom:30px;}
.mb50	{margin-bottom:50px;}

.mr5	{margin-right:5px;}
.mr10	{margin-right:10px;}
.mr15	{margin-right:15px;}
.mr18	{margin-right:18px;}
.mr20	{margin-right:20px;}
.mr25	{margin-right:25px;}
.mr30	{margin-right:30px;}
.mr50	{margin-right:50px;}
.mr80	{margin-right:80px;}

.ml5	{margin-left:5px;}
.ml10	{margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}
.ml25	{margin-left:25px;}
.ml30	{margin-left:30px;}
.ml50	{margin-left:50px;}
.ml80	{margin-left:80px;}

.pt3	{padding-top:3px;}
.pt5	{padding-top:5px;}
.pt10	{padding-top:10px;}
.pt15	{padding-top:15px;}
.pt20	{padding-top:20px;}
.pt25	{padding-top:25px;}
.pt30	{padding-top:30px;}
.pt40	{padding-top:40px;}

.pb5	{padding-bottom:5px;}
.pb10	{padding-bottom:10px;}
.pb15	{padding-bottom:15px;}
.pb20	{padding-bottom:20px;}
.pb25	{padding-bottom:25px;}
.pb30	{padding-bottom:30px;}

.pr5	{padding-right:5px;}
.pr10	{padding-right:10px;}
.pr15	{padding-right:15px;}
.pr20	{padding-right:20px;}
.pr25	{padding-right:25px;}
.pr30	{padding-right:30px;}

.pl3	{padding-left:3px;}
.pl5	{padding-left:5px;}
.pl10	{padding-left:10px;}
.pl15	{padding-left:15px;}
.pl20	{padding-left:20px;}
.pl25	{padding-left:25px;}
.pl30	{padding-left:30px;}
.pl35	{padding-left:35px;}
.pl40	{padding-left:40px;}
.pl50	{padding-left:50px;}
.pl55	{padding-left:55px;}
.pl95	{padding-left:95px;}



.sbtn {display:inline-block;padding:5px 10px;font-size:11px;border:1px solid #cecfce;border-radius:2px;line-height:13px !important}
.btn {padding:2px 10px;display:inline-block;border-radius:3px;font-size:12px !important;line-height:18px !important}
.mbtn {padding:5px 25px;display:inline-block;border-radius:3px;font-size:15px !important;line-height:26px !important}

.blue {background-color:#141759;color:#fff;border:1px solid #141759}
.pink {background-color:#ff7c71;color:#fff;border:1px solid #ff7c71}
.red {background-color:#ce0000;color:#fff;border:1px solid #ce0000}
.gray {background-color:#979797;color:#fff;border:1px solid #979797;}
.default {background-color:#fff;color:#666;border:1px solid #cecfce;}




/**************************************************************************************************/
img{max-width:100%}
.col-sm-0 {display:none !important}
.col-sv-0 {display:none !important}

.col-sm-1, .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-10, .col-sm-11, 
.col-sm-12 	{ float: left; }

.col-sm-12 	{ width: 100%; }
.col-sm-11 	{ width: 91.66666666666666%; }
.col-sm-10 	{ width: 83.33333333333334%; }
.col-sm-9 	{ width: 75%; }
.col-sm-8 	{ width: 66.66666666666666%; }
.col-sm-7 	{ width: 58.333333333333336%; }
.col-sm-6 	{ width: 50%; }
.col-sm-5 	{ width: 41.66666666666667%; }
.col-sm-4 	{ width: 33.33333333333333%; }
.col-sm-3 	{ width: 25%; }
.col-sm-2 	{ width: 16.666666666666664%; }
.col-sm-1 	{ width: 8.333333333333332%; }


.col-sv-1, .col-sv-2, .col-sv-3, 
.col-sv-4, .col-sv-5, .col-sv-6, 
.col-sv-7, .col-sv-8, .col-sv-9, 
.col-sv-10, .col-sv-11, 
.col-sv-12 	{ float: left; }

.col-sv-12 	{ width: 100%; }
.col-sv-11 	{ width: 91.66666666666666%; }
.col-sv-10 	{ width: 83.33333333333334%; }
.col-sv-9 	{ width: 75%; }
.col-sv-8 	{ width: 66.66666666666666%; }
.col-sv-7 	{ width: 58.333333333333336%; }
.col-sv-6 	{ width: 50%; }
.col-sv-5 	{ width: 41.66666666666667%; }
.col-sv-4 	{ width: 33.33333333333333%; }
.col-sv-3 	{ width: 25%; }
.col-sv-2 	{ width: 16.666666666666664%; }
.col-sv-1 	{ width: 8.333333333333332%; }




@media only screen and (max-width: 940px) {
	.col-sm-3 {width: 33.33333333333333%;}
	.col-sm-4 {width: 50%;}
	
}

@media only screen and (max-width: 740px) {
	.col-sv-11 	{ width: 100%; }
	.col-sv-10 	{ width: 100%; }
	.col-sv-9 	{ width: 100%; }
	.col-sv-8 	{ width: 100%; }
	.col-sv-7 	{ width: 100%; }
	.col-sv-6 	{ width: 100%; }
	.col-sv-5 	{ width: 100%; }
	.col-sv-4 	{ width: 100%; }
	.col-sv-3 	{ width: 100%; }
	.col-sv-2 	{ width: 100%; }
	.col-sv-1 	{ width: 100%; }

	.col-sm-3 {width: 50%;}
	.col-sm-4 {width: 50%;}
	
}

@media only screen and (max-width: 480px) {
	.col-sv-11 	{ width: 100%; }
	.col-sv-10 	{ width: 100%; }
	.col-sv-9 	{ width: 100%; }
	.col-sv-8 	{ width: 100%; }
	.col-sv-7 	{ width: 100%; }
	.col-sv-6 	{ width: 100%; }
	.col-sv-5 	{ width: 100%; }
	.col-sv-4 	{ width: 100%; }
	.col-sv-3 	{ width: 100%; }
	.col-sv-2 	{ width: 100%; }
	.col-sv-1 	{ width: 100%; }

	.col-sm-3 {width:100%;}
	.col-sm-4 {width:100%;}
}


.mini-zoom {
	display: block;
	overflow: hidden;
}
.mini-zoom > img {
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	width: 100%;
}
.mini-zoom:hover > img {
	transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
}

/** 17. Raytope Filtering
 **************************************************************** **/
.Raytope-item {
	z-index: 2;
}

.Raytope-hidden.Raytope-item {
	pointer-events: none;
	z-index: 1;
}

ul.Raytope {
	margin:0;
	padding:0;
	list-style:none;
}

/* 
	Raytope CSS3 transitions 
*/
.Raytope,
.Raytope .Raytope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.Raytope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.Raytope .Raytope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}


/*
	Disabling Raytope CSS3 Transitions 
**/
.Raytope.no-transition,
.Raytope.no-transition .Raytope-item,
.Raytope .Raytope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}






@font-face {
  font-family: 'NBGUL';
  font-style: normal;
  font-weight: 200;
  src: local('Nanum Barun Gothic UltraLight'), local('Nanum Barun Gothic-UltraLight'), local('NanumBarunGothic UltraLight');
  src: url(/inc/font/NanumBarunGothicUltraLight.eot);
  src: url(/inc/font/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(/inc/font/NanumBarunGothicUltraLight.woff) format('woff'),
       url(/inc/font/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family: NBGL';
  font-style: normal;
  font-weight: 300;
  src: local('Nanum Barun Gothic Light'), local('Nanum Barun Gothic-Light'), local('NanumBarunGothic Light');
  src: url(/inc/font/NanumBarunGothicLight.eot);
  src: url(/inc/font/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(/inc/font/NanumBarunGothicLight.woff) format('woff'),
       url(/inc/font/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'NBG';
  src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
  src: url(/inc/font/NanumBarunGothic.eot);
  src: url(/inc/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(/inc/font/NanumBarunGothic.woff) format('woff'),
       url(/inc/font/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'NBGB';
  font-style: normal;
  font-weight: 700;
  src: local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold');
  src: url(/inc/font/NanumBarunGothicBold.eot);
  src: url(/inc/font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(/inc/font/NanumBarunGothicBold.woff) format('woff'),
       url(/inc/font/NanumBarunGothicBold.ttf) format('truetype');
}

@font-face {

  font-family: 'xeicon';
  src: url('font/xeicon.woff') format('woff');
}