@charset "utf-8";

@import url('https://fonts.googleapis.com/earlyaccess/jejuhallasan.css');/*제주한라산체*/
@font-face { font-family: 'JSArirangHON-Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/JSArirangHON-RegularA1.woff') format('woff'); font-weight: normal; font-style: normal;}/*정선아리랑체*/
@font-face { font-family: '행복고흥L'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/행복고흥L.woff') format('woff'); font-weight: normal; font-style: normal; }/*행복고흥체*/
@font-face { font-family: '행복고흥M'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/행복고흥M.woff') format('woff'); font-weight: normal; font-style: normal; }/*행복고흥체*/
@font-face { font-family: '행복고흥B'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/행복고흥B.woff') format('woff'); font-weight: normal; font-style: normal; }/*행복고흥체*/
@font-face { font-family: 'SangSangRock'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/SangSangRockOTF.woff') format('woff'); font-weight: normal; font-style: normal;}/*상상바위*/
@font-face { font-family: 'SangSangAnt'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/SangSangAnt.woff') format('woff'); font-weight: normal; font-style: normal;}/*상상개미*/
@font-face { font-family: 'SangSangFlowerRoad'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/SangSangFlowerRoad.woff') format('woff'); font-weight: normal; font-style: normal; } /*상상꽃길*/
@font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');/*나눔명조*/

/*------------------------------------------------- [default page style] -------------------------------------------------*/


/*-------- [전역변수] --------*/

:root{

	/*포인트 칼라*/
	--point_color_1 : #00C1BD;
	--point_color_2 : #E48F00;
	--point_color_3 : #85B4B3;
	--point_color_4 : #447476;

	/*테이블헤더 칼라*/
    --thead_color : #C88411;

	/*타이틀 폰트 사이즈, 굵기, 칼라*/
	--main_title_size : 36px; --main_title_weight : 300; --main_title_color : #000;
	--1st_title_size  : 22px; --1st_title_weight  : 500; --1st_title_color  : #555;
	--2nd_title_size  : 20px; --2nd_title_weight  : 600; --2nd_title_color  : #555;
	--3rd_title_size  : 18px; --3rd_title_weight  : 500; --3rd_title_color  : #555;
	--4th_title_size  : 18px; --4th_title_weight  : 400; --4th_title_color  : #555;

	/*블릿 모양*/
    --1st_bullet : "\e805";
	--2nd_bullet : "\e807";
	--3rd_bullet : "\e80b";
	--4th_bullet : "\e808";

	/*기본 스타일 정의*/
    --default_text_size : 18px;  

	/*ul ol 문단 스타일 정의*/
    --intend_text_size : 18px;       --intend_text_weight : 400;       --intend_text_color : #555;
	--intend_1st_title_size : 20px;  --intend_1st_title_weight : 600;  --intend_1st_title_color : #555;
	--intend_2nd_title_size : 18px;  --intend_2nd_title_weight : 500;  --intend_2nd_title_color : #555;
	--intend_3rd_title_size : 18px;  --intend_3rd_title_weight : 400;  --intend_3rd_title_color : #555;
	
}

/*-------- [전역변수] --------*/


/*기본 1200px 컨테이너*/

.cayaContent .cons {position:relative; max-width: 1200px; box-sizing: border-box; margin: 50px auto;}  
.cayaContent .cons:first-child {margin: 0 auto 50px;}

/*기본 1200px 컨테이너*/

/*-------- [default paragraph style] --------*/

.cayaContent p{font-size:var(--default_text_size); line-height:145%; margin-bottom:20px;} 
.cayaContent p:last-child {margin-bottom:0;}
.cayaContent p.center{text-align:center;}
.cayaContent p.no{text-align:center; margin-bottom:0px;} 
.cayaContent p.sm{font-size:14px; line-height:125%; margin-bottom:16px;} 
.cayaContent p span {color:var(--point_color_2); font-weight:500;}

/*-------- [default paragraph style] --------*/

/*-------- [기본문단 ul ol] --------*/

.cayaContent .indent p{font-size:var(--intend_text_size);}
.cayaContent .indent ul {font-size:var(--intend_text_size);  padding-left:0px; margin-bottom:0.8em; line-height:130%;}
.cayaContent .indent ul li {font-size:var(--intend_text_size); padding-left:0px; line-height: 150%; margin-bottom: 15px;}
.cayaContent .indent ul li:last-child{font-size:var(--intend_text_size); font-weight:400; margin-bottom:40px;}

.cayaContent .indent ul li.title {font-size:var(--intend_1st_title_size); font-weight:var(--intend_1st_title_weight); color:var(--intend_1st_title_color); padding-left:28px; text-indent: -27px;}
.cayaContent .indent ul li.title:before {content:var(--2nd_bullet); color: var(--point_color_2);vertical-align:text-bottom; padding-right: 10px;  line-height:130%; font-family:fontello;}
.cayaContent .indent ul li.title_box {font-size:var(--intend_1st_title_size); font-weight:var(--intend_1st_title_weight); color:#fff; letter-spacing:-1px; margin-bottom:20px;                           
                                      display:inline-block; padding:5px 20px; background:var(--point_color_2); border-radius:20px; box-sizing: border-box;}
 .cayaContent .indent ul li.title_box_n {font-size:var(--intend_1st_title_size); font-weight:var(--intend_1st_title_weight); color:#fff; letter-spacing:-1px; margin-bottom:20px;                           
                                      display:inline-block; padding:5px 20px; background:var(--point_color_2); border-radius:0px; box-sizing: border-box;}
							   

.cayaContent .indent ul.f_dep {font-size:var(--intend_text_size); padding-left:0px;}
.cayaContent .indent ul.f_dep li{font-size:var(--intend_text_size); padding-left:27px; font-weight:400;}

.cayaContent .indent ul.f_dep li.title_f_dep {font-size:var(--intend_2nd_title_size); font-weight:var(--intend_2nd_title_weight); color:var(--intend_2nd_title_color); padding-left:56px; line-height: 150%; margin-bottom: 15px;text-indent: -27px;}
.cayaContent .indent ul.f_dep li.title_f_dep:before {content:var(--3rd_bullet); color: var(--point_color_2); vertical-align:text-bottom; padding-right: 10px;  line-height:130%; font-family:fontello;}
.cayaContent .indent ul.f_dep li.title_f_dep_box {font-size:var(--intend_2st_title_size); font-weight:var(--intend_2st_title_weight); color:#fff; letter-spacing:-1px; margin-bottom:20px;margin-left: 30px;                           
                                                  display:inline-block; padding:5px 20px; background:var(--point_color_2); border-radius:20px; box-sizing: border-box;}
.cayaContent .indent ul.f_dep li.title_f_dep_box_n {font-size:var(--intend_2st_title_size); font-weight:var(--intend_2st_title_weight); color:#fff; letter-spacing:-1px; margin-bottom:20px;margin-left: 30px;                           
                                                  display:inline-block; padding:5px 20px; background:var(--point_color_2); border-radius:0px; box-sizing: border-box;}
												  

.cayaContent .indent ul.s_dep {font-size:var(--intend_text_size); padding-left:0px;}
.cayaContent .indent ul.s_dep li{font-size:var(--intend_text_size); padding-left:55px; font-weight:400;}

.cayaContent .indent ul.s_dep li.title_s_dep {font-size:var(--intend_3rd_title_size); font-weight:var(--intend_3rd_title_weight); color:var(--intend_3rd_title_color);  padding-left:82px; text-indent: -27px;}
.cayaContent .indent ul.s_dep li.title_s_dep:before {content:var(--4th_bullet); color: var(--point_color_2); vertical-align:text-bottom; font-weight:500; vertical-align:text-bottom; padding-right: 10px;  line-height:130%; font-family:fontello;}
.cayaContent .indent ul.s_dep li.title_s_dep_box {font-size:var(--intend_3st_title_size); font-weight:var(--intend_3st_title_weight); color:#fff; letter-spacing:-1px; margin-bottom:10px; margin-left: 55px;                         
                                                  display:inline-block; padding:4px 15px; background:var(--point_color_2); border-radius:20px; box-sizing: border-box;} 
.cayaContent .indent ul.s_dep li.title_s_dep_box_n {font-size:var(--intend_3st_title_size); font-weight:var(--intend_3st_title_weight); color:#fff; letter-spacing:-1px; margin-bottom:10px; margin-left: 55px;                         
                                                  display:inline-block; padding:4px 15px; background:var(--point_color_2); border-radius:0px; box-sizing: border-box;} 

.cayaContent .indent ol.circle {font-size:var(--intend_text_size); line-height: 150%; list-style: none;counter-reset: item; position: relative; padding-left: 58px;}
.cayaContent .indent ol.circle  li{counter-increment: item;margin-bottom: 1em; font-size:18px; text-indent: -31px;}
.cayaContent .indent ol.circle  li:before {margin-right: 10px;  content: counter(item); background: var(--point_color_2);  line-height:19px; border-radius: 100%;color: white; width: 1.3em; height: 1.3em; text-align: center;display: inline-block; text-indent: -2px; font-size: 16px;}

.cayaContent .indent span {color:var(--point_color_1);}
.cayaContent .indent span.in {color:var(--point_color_2);}

/*-------- [기본문단 ul ol] --------*/


/*-------- [column style] --------*/

.cayaContent .col {column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; 
	column-gap: 70px;-webkit-column-gap: 70px;-moz-column-gap: 70px;-ms-column-gap: 70px; 
	column-width: 150px;-webkit-column-width: 150px;-moz-column-width: 150px;-ms-column-width: 150px; 
	column-rule-width: 1px; column-rule-style: solid; column-rule-color: #cecece; margin: 100px 0;
}

/*-------- [column style] --------*/


/*---- [Title] ----*/

.cayaContent h1.title {font-size:var(--main_title_size); font-weight:var(--main_title_weight); color:var(--main_title_color); text-align:center; padding-top:90px;  margin-bottom: 100px;}
.cayaContent h1.title:after {content: ""; width: 40px; height: 2px; background: #10246b; position: absolute; display: block; left: 50%; margin-left: -20px; margin-top: 30px;}
.cayaContent h1.title_w {font-size:var(--main_title_size); font-weight:var(--main_title_weight); text-align:center; padding-top:100px; color:#fff; margin-bottom: 100px; position: relative;}
.cayaContent h1.title_w:after {content: ""; width: 40px; height: 2px; background: #fff; position: absolute; display: block; left: 50%; margin-left: -20px; margin-top: 30px;}

.cayaContent h2.title {font-size:var(--1st_title_size); font-weight:var(--1st_title_weight); color:var(--1st_title_color); letter-spacing:-1px; margin-bottom:20px; position:relative; line-height:135%;}
.cayaContent h2.title:before {content:var(--1st_bullet); color: var(--point_color_1);  margin-right: 10px; vertical-align:text-bottom; font-family:fontello;}
.cayaContent h2.title_box {font-size:var(--1st_title_size); font-weight:var(--1st_title_weight); color:#fff; letter-spacing:-1px; margin-bottom:20px;                           
                           display:inline-block; padding:5px 20px; background:var(--point_color_1); border-radius:20px; box-sizing: border-box;}
.cayaContent h2.title_box_n {font-size:var(--1st_title_size); font-weight:var(--1st_title_weight); color:#fff; letter-spacing:-1px; margin-bottom:20px;                           
                           display:inline-block; padding:5px 20px; background:var(--point_color_1); border-radius:0px; box-sizing: border-box;}


.cayaContent h3.title {font-size:var(--2nd_title_size); font-weight:var(--2nd_title_weight); color:var(--2st_title_color);letter-spacing:-1px; margin-bottom:20px; position:relative; line-height:135%;}
.cayaContent h3.title:before {content:var(--2nd_bullet); color: var(--point_color_2); margin-right: 10px; vertical-align:text-bottom; font-family:fontello;}
.cayaContent h3.title_box {font-size:var(--2nd_title_size); font-weight:var(--2nd_title_weight); color:#fff; letter-spacing:-1px; margin-bottom:20px;                           
                           display:inline-block; padding:5px 20px; background:var(--point_color_2); border-radius:20px; box-sizing: border-box;}
.cayaContent h3.title_box_n {font-size:var(--2nd_title_size); font-weight:var(--2nd_title_weight); color:#fff; letter-spacing:-1px; margin-bottom:20px;                           
                           display:inline-block; padding:5px 20px; background:var(--point_color_2); border-radius:0px; box-sizing: border-box;}

.cayaContent h4.title {font-size:var(--3rd_title_size); font-weight:var(--3rd_title_weight); color:var(--3st_title_color);letter-spacing:-1px; margin-bottom:20px; position:relative; line-height:135%;}
.cayaContent h4.title:before {content:var(--3rd_bullet); color: var(--point_color_2); margin-right: 10px; vertical-align:text-bottom; font-family:fontello;}
.cayaContent h4.title_box {font-size:var(--3rd_title_size); font-weight:var(--3rd_title_weight); color:#fff; letter-spacing:-1px; margin-bottom:20px;                           
                           display:inline-block; padding:5px 20px; background:var(--point_color_2); border-radius:20px; box-sizing: border-box;}
.cayaContent h4.title_box_n {font-size:var(--3rd_title_size); font-weight:var(--3rd_title_weight); color:#fff; letter-spacing:-1px; margin-bottom:20px;                           
                           display:inline-block; padding:5px 20px; background:var(--point_color_2); border-radius:0px; box-sizing: border-box;}

.cayaContent h5.title {font-size:var(--4th_title_size); font-weight:var(--4th_title_weight); color:var(--4st_title_color);letter-spacing:-1px; margin-bottom:20px; position:relative; line-height:135%;}
.cayaContent h5.title:before {content:var(--4th_bullet); color: var(--point_color_2); margin-right: 10px; vertical-align:text-bottom; font-family:fontello;}
.cayaContent h5.title_box {font-size:var(--4th_title_size); font-weight:var(--4th_title_weight); color:#fff; letter-spacing:-1px; margin-bottom:20px;                           
                           display:inline-block; padding:5px 20px; background:var(--point_color_2); border-radius:20px; box-sizing: border-box;}
.cayaContent h5.title_box_n {font-size:var(--4th_title_size); font-weight:var(--4th_title_weight); color:#fff; letter-spacing:-1px; margin-bottom:20px;                           
                           display:inline-block; padding:5px 20px; background:var(--point_color_2); border-radius:0px; box-sizing: border-box;}

/*---- [Title] ----*/


/*-------- [layout] --------*/

.cayaContent .layout {display: flex; justify-content: space-between; 
box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;
}
.cayaContent .layout .in {width: 100%;}
.cayaContent .layout .in_m {width: 100%; display:none;}
.cayaContent .layout .in90 {width: 89%;}
.cayaContent .layout .in85 {width: 84%;}
.cayaContent .layout .in80 {width: 79%;}
.cayaContent .layout .in75 {width: 74%;}
.cayaContent .layout .in70 {width: 69%;}
.cayaContent .layout .in65 {width: 64%;}
.cayaContent .layout .in60 {width: 59%;}
.cayaContent .layout .in55 {width: 54%;}
.cayaContent .layout .in50 {width: 49%;}
.cayaContent .layout .in50_m {position:relative; width: 49%; visibility: hidden;}
.cayaContent .layout .in45 {width: 44%;}
.cayaContent .layout .in40 {width: 39%;}
.cayaContent .layout .in40_m {position:relative; width: 49%; visibility: hidden;}
.cayaContent .layout .in35 {width: 34%;}
.cayaContent .layout .in33 {width: 32%;}
.cayaContent .layout .in30 {width: 29%;}
.cayaContent .layout .in25 {width: 24%;}
.cayaContent .layout .in20 {width: 19%;}
.cayaContent .layout .inbox {padding:5% 5%;}
.cayaContent .layout .inbox_n {padding:3% 3%;}
.cayaContent .layout img {width: 100%;  height: inherit; object-fit: cover;}
.cayaContent .layout img.a {width: auto; display: flex; margin:inherit;}  /*이미지 원래크기 사용이 필요할경우, 중앙정렬*/
.cayaContent .layout .imgbox{margin: 2% auto;}

/*-------- [layout] --------*/

/*-------- [default box] --------*/

.cayaContent .box {border:1px solid #ddd; padding:25px; margin-bottom:50px; position:relative; border-radius: 10px;}
.cayaContent .box_n {border:1px solid #ddd; padding:25px; margin-bottom:50px; position:relative;}
.cayaContent .box_n_w {border:1px solid #fff; padding:25px; margin-bottom:50px; position:relative;}

/*-------- [default box] --------*/

/*-------- [parallax] --------*/

.cayaContent .parallax {display:table; width:100%; height:600px;}
.cayaContent .parallax div {display:table-cell; vertical-align:middle; padding:0 20px;}
.cayaContent .parallax div h5 {text-align:center; font-family: "JSArirangHON-Regular"; font-size:60px; color:#fff; margin-bottom:30px; font-weight:normal;}
.cayaContent .parallax div p {text-align:center; font-size:30px; color:#fff; line-height:140%;}

/*-------- [parallax] --------*/


/*-------- [border line] --------*/

.cayaContent .solid {border: solid 1px #bfbfbf; margin: 30px 0;} 
.cayaContent .dashed {border: dashed 1px #bfbfbf; margin: 30px 0;} 
.cayaContent .dotted {border: dotted 1px #bfbfbf; margin: 30px 0;} 
.cayaContent .double {border: double 1px #bfbfbf; margin: 30px 0;} 

/*-------- [border line] --------*/


/*-------- [font color] --------*/

.cayaContent .fc_p_1{color:var(--point_color_1);}
.cayaContent .fc_p_2{color:var(--point_color_2);}
.cayaContent .fc_p_3{color:var(--point_color_3);}
.cayaContent .fc_r{color:#bc2e62;} /*red*/
.cayaContent .fc_dr{color:#fb5959;} /*deep red : 다홍색*/
.cayaContent .fc_or{color:#ffa200;} /*orange*/
.cayaContent .fc_y{color:#f38718;} /*yellow*/
.cayaContent .fc_g{color:#1f9e46;} /*green*/
.cayaContent .fc_b{color:#486bcf;} /*blue*/
.cayaContent .fc_p{color:#a122c1;} /*purple*/
.cayaContent .fc_bk{color:#000;}   /*black*/
.cayaContent .fc_w{color:#ffff;}   /*white*/

/*-------- [font color] --------*/

/*-------- [font family] --------*/

.cayaContent .ff_1{font-family:"JSArirangHON-Regular";}  /*제주아리랑혼체*/
.cayaContent .ff_2{font-family:"행복고흥B";}  /*행복고흥체*/
.cayaContent .ff_3{font-family:"SangSangRock";}  /*상상바위체*/
.cayaContent .ff_4{font-family:"SangSangAnt";}  /*상상개미체*/
.cayaContent .ff_5{font-family:"SangSangFlowerRoad";}  /*상상꽃길체*/
.cayaContent .ff_6{font-family:"GmarketSansMedium";} /*G마켓 미디움체*/
.cayaContent .ff_7{font-family: '국립박물관문화재단클래식L';}
.cayaContent .ff_8{font-family: '국립박물관문화재단클래식M';}
.cayaContent .ff_9{font-family: '국립박물관문화재단클래식B';}
.cayaContent .ff_10{font-family:"GmarketSansBold";}
.cayaContent .ff_11{font-family: "Nanum Myeongjo";}

/*-------- [font family] --------*/

/*-------- [font size] --------*/

.cayaContent .fs_70{font-size:70px;}
.cayaContent .fs_36{font-size:36px;}
.cayaContent .fs_30{font-size:30px;}
.cayaContent .fs_28{font-size:28px;}
.cayaContent .fs_26{font-size:26px;}
.cayaContent .fs_24{font-size:24px;}
.cayaContent .fs_22{font-size:22px;}
.cayaContent .fs_20{font-size:20px;}
.cayaContent .fs_18{font-size:18px;}
.cayaContent .fs_16{font-size:16px;}

/*-------- [font size] --------*/

/*-------- [font weight] ------*/

.cons .fw_100 {font-weight: 100;}
.cons .fw_200 {font-weight: 200;}
.cons .fw_300 {font-weight: 300;}
.cons .fw_400 {font-weight: 400;}
.cons .fw_500 {font-weight: 500;}
.cons .fw_600 {font-weight: 600;}
.cons .fw_700 {font-weight: 700;}
.cons .fw_800 {font-weight: 800;}
.cons .fw_900 {font-weight: 900;}
.cons .fw_b {font-weight: bold;}

/*-------- [font weight] ------*/


/*-------- [effect] --------*/
/*---- {font shadow} ----*/
.cayaContent .fe_shadow {text-shadow: 2px 2px 2px #999;}
/*---- {font shadow} ----*/

/*---- {image effect} ----*/
 .cayaContent .img_ef_1 img {box-shadow: 2px 4px 4px 3px rgba(0,0,0,.2); width: 100%;}
 .cayaContent .img_ef_1_1 img {box-shadow: 2px 2px 2px #999; width: 100%; border: 5px solid #d4d4d4; box-sizing: border-box;}
 .cayaContent .img_ef_2 img {border-radius: 40% 60% 65% 35% / 40% 45% 55% 60%; width: 100%;}
 .cayaContent .img_ef_3 img {width: 100%;  mask-image: url("/board/img/mask_6.png"); -webkit-mask-image: url("/board/img/mask_6.png");}/*현재 작동 안되는 css*/
 .cayaContent .img_ef_4 img {box-shadow: inset 0 0 0 10px #5dabf7, inset 0 0 0 14px white; position: relative; z-index: -1;}

 .cayaContent .img_ef_5{}
 .cayaContent .img_ef_5 img{width:100%; height: 100%; object-fit: cover; box-shadow: 10px 15px 25px 0 rgba(0,0,0,.2); display: block; transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1); margin-top: -10px;}
 .cayaContent .img_ef_5:hover img{box-shadow: 1px 1px 10px 0 rgba(0,0,0,.1);}
 .cayaContent .img_ef_5 .glow-wrap{overflow: hidden;position: absolute;width: 100%;height: 100%;top: 0;margin-top: -10px;}
 .cayaContent .img_ef_5 .glow{display: block;position:absolute;width: 40%;height: 200%;background: rgba(255,255,255,.2);top: 0;filter: blur(5px);transform: rotate(45deg) translate(-450%, 0);transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);}
 .cayaContent .img_ef_5:hover .glow{transform: rotate(45deg) translate(450%, 0);transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);}
 .cayaContent .img_ef_5:hover img,
 .cayaContent .img_ef_5:hover .glow-wrap{margin-top: 0;}
/*---- {image effect} ----*/
/*-------- [effect] --------*/


/*-------- [text align] --------*/
.cayaContent .text_left {text-align:left;}
.cayaContent .text_center {text-align:center;}
.cayaContent .text_right {text-align:right;}
/*-------- [text align] --------*/


/*-------- [background] --------*/

/*---- {transparnt color} ----*/
.cayaContent .bg_trans_g {background:rgba(100,100,100,0.25);} /*transparent gray*/

/*---- {light color} ----*/

/*---- {light color} ----*/
.cayaContent .bg_w {background:#fff;} /*white*/
.cayaContent .bg_lr {background:#fff2f2;} /*light red*/
.cayaContent .bg_lor {background:#fff2db;} /*light orange*/
.cayaContent .bg_ly {background:#fcfbea;} /*light yellow*/
.cayaContent .bg_lgr {background:#edfbe8;} /*light green*/
.cayaContent .bg_lb {background:#f1f7ff;} /*light blue*/
.cayaContent .bg_lp {background:#f7eefc;} /*light purple*/
.cayaContent .bg_lg {background:#f6f6f6;} /*light green*/
/*---- {light color} ----*/

/*---- {default color} ----*/
.cayaContent .bg_p_1 {background:var(--point_color_1);} /*point color_1*/
.cayaContent .bg_p_2 {background:var(--point_color_2);} /*point color_2*/
.cayaContent .bg_p_3 {background:var(--point_color_3);} /*point color_3*/
.cayaContent .bg_p_4 {background:var(--point_color_4);} /*point color_4*/
.cayaContent .bg_r{background: #b30d0d;}  /*red*/
.cayaContent .bg_or{background:#ffa200;} /*orange*/
.cayaContent .bg_y{background: #f9df06;}  /*yellow*/
.cayaContent .bg_gr{background: #75a635;} /*green*/
.cayaContent .bg_b{background: #486bcf;}  /*blue*/
.cayaContent .bg_p{background: #8413a0;}  /*purple*/
.cayaContent .bg_g{background: #565656;}  /*gray*/
.cayaContent .bg_bk{background: #000;}  /*black*/
/*---- {default color} ----*/

/*---- {image} ----*/
/*.cayaContent .bg_img_1 {background:url("/image/content/mbg.png"); overflow:hidden;}  /*백그라운드이미지 격자모양*/
/*.cayaContent .bg_img_2 {background:url("/image/content/bg_img_2.png"); overflow:hidden;}  
.cayaContent .bg_img_3 {background:url("/image/content/bg_img_3.jpg"); overflow:hidden;}  
/*---- {image} ----*/
/*-------- [background] --------*/


/*---- [hedding tag] ----*/
.cayaContent h1 {font-size:36px; letter-spacing:-1px; font-weight:300; margin-bottom:20px; line-height:135%;}
.cayaContent h2 {font-size:30px; letter-spacing:-1px; font-weight:500; margin-bottom:20px; line-height:135%;}
.cayaContent h2.slogan {padding-left: 0px; color: #000;font-size: 36px;font-weight: 300;line-height: 135%;font-family: "GmarketSansLight";}
.cayaContent h2.slogan:before {padding-left: 0px; content:"\f10d"; color: var(--point_color_1); font-family: fontello; font-size: 30px; vertical-align: super; }
.cayaContent h2.slogan:after {content:"\f10e"; color: var(--point_color_1); font-family: fontello; font-size: 30px; vertical-align: super;}
.cayaContent h2.slogan span{color:var(--point_color_1);font-weight: 600;}
.cayaContent h3 {font-size:22px; letter-spacing:-1px; font-weight:500; margin-bottom:20px; line-height:135%;}
.cayaContent h3.slogan {font-size:22px; font-weight: 600; letter-spacing:-1px; font-weight:500; margin-bottom:20px; line-height:155%;font-family: "GmarketSansMedium";}
.cayaContent h3.slogan span{color:var(--point_color_1);}
.cayaContent h4 {font-size:20px; letter-spacing:-1px; font-weight:500; margin-bottom:20px; line-height:135%;}
.cayaContent h5 {font-size:18px; letter-spacing:-1px; font-weight:500; margin-bottom:20px; line-height:135%;}
/*---- [hedding tag] ----*/


/*---- [table] ----*/
.cayaContent table{width:100%; margin-bottom:40px; border-top:2px solid #393939;}
.cayaContent th,
.cayaContent td{border:1px solid #ddd; padding:15px; font-size:18px; line-height:150%; vertical-align:middle; text-align:center;}
.cayaContent th:first-child,
.cayaContent td:first-child{border-left:0; }
.cayaContent th:last-child,
.cayaContent td:last-child{border-right:0; }
.cayaContent thead th{background:var(--thead_color); font-weight:500; }  
/*---- [table] ----*/

/*---- [table 배경색 번갈아 넣기] ----*/
.cayaContent table.odd{width:100%; margin-bottom:40px; border-top:2px solid #393939;}
.cayaContent table.odd th,
.cayaContent table.odd td{border:1px solid #ddd; padding:15px; font-size:18px; line-height:150%; vertical-align:middle; text-align:center;}
.cayaContent table.odd th:first-child,
.cayaContent table.odd td:first-child{border-left:0; }
.cayaContent table.odd th:last-child,
.cayaContent table.odd td:last-child{border-right:0; }
.cayaContent table.odd thead th{background:var(--thead_color); font-weight:500; }  
.cayaContent table.odd td:nth-child(odd){background:var(--thead_color); font-weight:500; }  
/*---- [table] ----*/

/*------------------------------------------------- [default page style] -------------------------------------------------*/




/*------------------------------------------------- [media query] -------------------------------------------------*/
@media screen and (max-width:1200px){
	/*-------- [cons] --------*/
	.cayaContent .cons {width: 96%;}
}

@media screen and (max-width:1024px){

	/*-------- [cons] --------*/
	.cayaContent .cons {margin:30px auto;}
	.cayaContent .cons:first-child {margin: 0 auto 30px;}

	/*-------- [default paragraph style] --------*/
	.cayaContent p{font-size:17px;}
	/*-------- [default paragraph style] --------*/


	/*-------- [layout] --------*/
	.cayaContent .layout {flex-direction: column;}
	.cayaContent .layout .in {width: 100%; margin: 2% 0;}
	.cayaContent .layout .in90 {width: 100%; margin: 2% 0;}
	.cayaContent .layout .in85 {width: 100%; margin: 2% 0;}
	.cayaContent .layout .in80 {width: 100%; margin: 2% 0;}
	.cayaContent .layout .in75 {width: 100%; margin: 2% 0;}
	.cayaContent .layout .in70 {width: 100%; margin: 2% 0;}
	.cayaContent .layout .in65 {width: 100%; margin: 2% 0;}
	.cayaContent .layout .in60 {width: 100%; margin: 2% 0;}
	.cayaContent .layout .in55 {width: 100%; margin: 2% 0;}
	.cayaContent .layout .in50 {width: 100%; margin: 2% 0;}
	.cayaContent .layout .in45 {width: 100%; margin: 2% 0;}
	.cayaContent .layout .in40 {width: 100%; margin: 2% 0;}
	.cayaContent .layout .in35 {width: 100%; margin: 2% 0;}
	.cayaContent .layout .in33 {width: 100%; margin: 2% 0;}
	.cayaContent .layout .in30 {width: 85%; margin: 2% 0;}
	.cayaContent .layout .in25 {width: 100%; margin: 2% 0;}
	.cayaContent .layout .in20 {width: 100%; margin: 2% 0;}
	.cayaContent .layout .in20 img{height:150px;}
	.cayaContent .layout .inbox {width:96%; padding: 2% 2%;}
	.cayaContent .layout .inbox_n {width:96%; padding:1% 1%;}
	/*-------- [layout] --------*/


	/*-------- [font] --------*/
	/*---- {font size} ----*/
	.cayaContent .tl_fs_size70{font-size:70px;}
	.cayaContent .tl_fs_size36{font-size:36px;}
	.cayaContent .tl_fs_size30{font-size:30px;}
	.cayaContent .tl_fs_size28{font-size:28px;}
	.cayaContent .tl_fs_size26{font-size:26px;}
	.cayaContent .tl_fs_size24{font-size:24px;}
	.cayaContent .tl_fs_size22{font-size:22px;}
	.cayaContent .tl_fs_size20{font-size:20px;}
	.cayaContent .tl_fs_size18{font-size:18px;}
	.cayaContent .tl_fs_size16{font-size:16px;}
	/*---- {font size} ----*/
	/*-------- [font] --------*/


	/*-------- [parallax] --------*/
	.cayaContent .parallax {height:500px;}
	.cayaContent .parallax div h5 {font-size:55px; margin-bottom:20px;}
	.cayaContent .parallax div p {font-size:25px;}
	/*-------- [parallax] --------*/


	/*---- [table] ----*/
	.cayaContent th, .cayaContent td {font-size:17px;}
	/*---- [table] ----*/


    /*---- [box] ----*/
    .cayaContent .box_n {border:1px solid #ddd; padding:25px 0 25px 0; margin-bottom:50px;position:relative;}

	/*---- [box] ----*/


	/*-------- [기본문단 ul ol] --------*/

	.cayaContent .indent ul.f_dep li.title_f_dep {font-size:var(--intend_2nd_title_size); font-weight:var(--intend_2nd_title_weight); color:var(--intend_2nd_title_color); padding-left:30px; line-height: 150%; margin-bottom: 15px;text-indent: -27px;}
	.cayaContent .indent ul.f_dep li.title_f_dep:before {content:var(--3rd_bullet); color: var(--point_color_2); vertical-align:text-bottom; padding-right: 10px;  line-height:130%; font-family:fontello;}
    .cayaContent .indent ul.f_dep li.title_f_dep_box {margin-left: 0px;}
	.cayaContent .indent ul.f_dep li.title_f_dep_box_n {margin-left: 0px;}

	.cayaContent .indent ul.s_dep {font-size:var(--intend_text_size); padding-left:0px;}
	.cayaContent .indent ul.s_dep li{font-size:var(--intend_text_size); padding-left:30px; font-weight:400;}

	.cayaContent .indent ul.s_dep li.title_s_dep {font-size:var(--intend_3rd_title_size); font-weight:var(--intend_3rd_title_weight); color:var(--intend_3rd_title_color);  padding-left:30px; text-indent: -27px;}
	.cayaContent .indent ul.s_dep li.title_s_dep:before {content:var(--4th_bullet); color: var(--point_color_2); vertical-align:text-bottom; font-weight:500; vertical-align:text-bottom; padding-right: 10px;  line-height:130%; font-family:fontello;}
    .cayaContent .indent ul.s_dep li.title_s_dep_box {margin-left: 0px;}
	.cayaContent .indent ul.s_dep li.title_s_dep_box_n {margin-left: 0px;}

	.cayaContent .indent ol.circle {font-size:var(--intend_text_size); line-height: 150%; list-style: none;counter-reset: item; position: relative; padding-left: 30px;}


	/*-------- [기본문단 ul ol] --------*/

}

@media screen and (max-width:768px){
	/*-------- [column style] --------*/
	.cayaContent .col {
		column-count: 1;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		-ms-column-count: 1; 
	}
	/*-------- [column style] --------*/


	/*-------- [font] --------*/
	/*---- {font size} ----*/
	.cayaContent .tp_fs_size70{font-size:70px;}
	.cayaContent .tp_fs_size36{font-size:36px;}
	.cayaContent .tp_fs_size30{font-size:30px;}
	.cayaContent .tp_fs_size28{font-size:28px;}
	.cayaContent .tp_fs_size26{font-size:26px;}
	.cayaContent .tp_fs_size24{font-size:24px;}
	.cayaContent .tp_fs_size22{font-size:22px;}
	.cayaContent .tp_fs_size20{font-size:20px;}
	.cayaContent .tp_fs_size18{font-size:18px;}
	.cayaContent .tp_fs_size16{font-size:16px;}
	/*---- {font size} ----*/
	/*-------- [font] --------*/


	/*---- [box] ----*/
	/*---- {default box} ----*/
	.cayaContent .box {padding:20px; margin-bottom:30px;}
	/*---- {default box} ----*/
	/*---- [box] ----*/
	
	/*---- [table] ----*/
	/*x_scroll*/
	.cayaContent .x_scroll{ width:100%; overflow-x:auto; white-space: nowrap; margin-bottom: 30px;}
	::-webkit-scrollbar { -webkit-appearance: none; } 
	::-webkit-scrollbar:vertical { width: 12px; } 
	::-webkit-scrollbar:horizontal { height: 8px; } 
	::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 1px solid #eeeeee; } 
	::-webkit-scrollbar-track { border-radius: 10px; background-color: #eeeeee; }
	/*---- [table] ----*/

	/*---- [heading slogan] ----*/
	.cayaContent h2.slogan {text-align: center; font-size: 26px; font-weight: 400;}
	.cayaContent h2.slogan:before {padding-left: 0px; font-size: 20px; vertical-align: baseline; }
	.cayaContent h2.slogan:after {font-size: 20px; vertical-align: baseline;}
	.cayaContent h3 {font-size:22px; letter-spacing:-1px; font-weight:500; margin-bottom:20px; line-height:135%;}
	.cayaContent h3.slogan {font-size:20px; font-weight: 600; letter-spacing:-1px; font-weight:500; margin-bottom:20px; line-height:135%;font-family: "GmarketSansMedium";}
}
    

@media screen and (max-width:480px){
	/*-------- [default paragraph style] --------*/
	.cayaContent p{font-size:16px;}
	/*-------- [default paragraph style] --------*/


	/*-------- [font] --------*/
	/*---- {font size} ----*/
	.cayaContent .m_fs_size36{font-size:36px;}
	.cayaContent .m_fs_size30{font-size:30px;}
	.cayaContent .m_fs_size28{font-size:28px;}
	.cayaContent .m_fs_size26{font-size:26px;}
	.cayaContent .m_fs_size24{font-size:24px;}
	.cayaContent .m_fs_size22{font-size:22px;}
	.cayaContent .m_fs_size20{font-size:20px;}
	.cayaContent .m_fs_size18{font-size:18px;}
	.cayaContent .m_fs_size16{font-size:16px;}
	.cayaContent .m_fs_size14{font-size:14px;}
	.cayaContent .m_fs_size12{font-size:12px;}
	.cayaContent .m_fs_size10{font-size:10px;}
	/*---- {font size} ----*/
	/*-------- [font] --------*/





	/*-------- [parallax] --------*/
	.cayaContent .parallax {height:400px;}
	.cayaContent .parallax div h5 {font-size:50px; margin-bottom:10px;}
	.cayaContent .parallax div p {font-size:20px;}
	/*-------- [parallax] --------*/


	/*-------- [heading tag] --------*/
	.cayaContent h1 {font-size:32px;}
	.cayaContent h2 {font-size:24px;}
	.cayaContent h3 {font-size:20px;}
	.cayaContent h4 {font-size:18px;}
	.cayaContent h5 {font-size:16px;}
	/*-------- [heading tag] --------*/



	/*---- [table] ----*/
	.cayaContent th, .cayaContent td {font-size:16px;}
	/*---- [table] ----*/
}
/*------------------------------------------------- [media query] -------------------------------------------------*/