@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; }
@font-face { font-family: 'Bitgoeul_Bole'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_seven@1.2/Bitgoeul.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: 'Doing_well'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_03@1.0/Doing_well.woff') format('woff'); font-weight: normal; font-style: normal;}/*나눔 잘하고있어체 */
@font-face {font-family: 'SDSamliphopangche_Basic'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/SDSamliphopangche_Basic.woff') format('woff'); font-weight: normal; font-style: normal;}/*산돌 삼립호빵체 Basic*/
@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;}/*정묵바위체*/
/*------------------------------------------------- [default page style] -------------------------------------------------*/


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

:root{

	/*포인트 칼라*/
	--point_color_1 : #2077e3;
	--point_color_2 : #6ec6ea;
	--point_color_3 : #3EC1D3;
	--point_color_4 : #F6F7D7;

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

	/*타이틀 폰트 사이즈, 굵기, 칼라*/
	--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";  --1st_bullet_color: #6ec6ea;
	--2nd_bullet : "\e80b";  --2nd_bullet_color: #6ec6ea;
	--3rd_bullet : "\e807";  --3rd_bullet_color: #6ec6ea;
	--4th_bullet : "\e808";  --4th_bullet_color: #6ec6ea;

    /*원숫자 칼라*/
    --num_circle_color: #6ec6ea;

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

    --data-wow-delay : 10.5s;

}



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

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




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

.cayaContent span {color:var(--point_color_2); font-weight:500;}
.cayaContent p{font-size:var(--default_text_size); line-height:145%; margin-bottom:20px;} 
.cayaContent p:last-child {margin-bottom:0;}



/*-------- [들여쓰기] --------*/
.cayaContent .in_1 {margin-left: 30px;}
.cayaContent .in_2 {margin-left: 60px;}
.cayaContent .in_3 {margin-left: 90px;}



/*-------- [블릿 붙이기] --------*/

.cayaContent .bul_1{font-size:var(--default_text_size); line-height:145%; margin-bottom:20px; text-indent: -32px;} 
.cayaContent .bul_1:before {content:var(--1st_bullet); color: var(--1st_bullet_color); font-size: 20px; vertical-align:text-bottom; padding-right: 12px;  line-height:130%; font-family:fontello;}

.cayaContent .bul_2{font-size:var(--default_text_size); line-height:145%; margin-bottom:20px; text-indent: -32px;} 
.cayaContent .bul_2:before {content:var(--2nd_bullet); color: var(--2nd_bullet_color); font-size: 20px; vertical-align:text-bottom; padding-right: 12px;  line-height:130%; font-family:fontello;}

.cayaContent .bul_3{font-size:var(--default_text_size); line-height:145%; margin-bottom:20px; text-indent: -28px;} 
.cayaContent .bul_3:before {content:var(--3rd_bullet); color: var(--3rd_bullet_color); font-size: 14px;  padding-right: 14px;  line-height:150%; font-family:fontello;}

.cayaContent .bul_4{font-size:var(--default_text_size); line-height:145%; margin-bottom:20px; text-indent: -25px;} 
.cayaContent .bul_4:before {content:var(--4th_bullet); color: var(--4th_bullet_color);vertical-align:text-bottom; padding-right: 10px;  line-height:130%; font-family:fontello;}


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


/*-------- [ol 원 숫자] --------*/

.cayaContent  ol.circle {font-size:var(--indent_text_size);  line-height: 150%; list-style: none;counter-reset: item; position: relative; padding-left: 58px;}
.cayaContent  ol.circle  li{counter-increment: item; margin-bottom: 1em; font-size:18px; text-indent: -31px;}
.cayaContent  ol.circle  li:before {margin-right: 10px;  content: counter(item); background: var(--num_circle_color);  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;}





/*-------- [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; 
}

.cayaContent .col_mt {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;
}

.cayaContent .col_noline {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: 0px; column-rule-style: solid; column-rule-color: #cecece; margin: 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:100px;  margin-bottom: 100px;}
.cayaContent h1.title:after {content: ""; width: 40px; height: 2px; background: var(--main_title_color); 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;}
.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:30px; position:relative; line-height:135%; text-indent:-31px; padding-left: 30px;}
.cayaContent h2.title:before {content:var(--1st_bullet); color: var(--1st_bullet_color);  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:30px;                           
                           display:inline-block; padding:5px 20px; background:var(--1st_bullet_color); 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:30px;                           
                           display:inline-block; padding:5px 20px; background:var(--1st_bullet_color); border-radius:0px; box-sizing: border-box;}


.cayaContent h3.title {font-size:var(--2nd_title_size); font-weight:var(--2nd_title_weight); color:var(--2nd_title_color);letter-spacing:-1px; margin-bottom:10px; position:relative; line-height:135%; text-indent: -26px; padding-left: 30px;}
.cayaContent h3.title:before {content:var(--2nd_bullet); color: var(--2nd_bullet_color); 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:10px;                           
                           display:inline-block; padding:5px 20px; background:var(--2nd_bullet_color); 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:10px;                           
                           display:inline-block; padding:5px 20px; background:var(--2nd_bullet_color); border-radius:0px; box-sizing: border-box;}

.cayaContent h4.title {font-size:var(--3rd_title_size); font-weight:var(--3rd_title_weight); color:var(--3rd_title_color);letter-spacing:-1px; margin-bottom:10px; position:relative; line-height:135%; text-indent: -27px; padding-left: 30px;}
.cayaContent h4.title:before {content:var(--3rd_bullet); color: var(--3rd_bullet_color); 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:10px;                           
                           display:inline-block; padding:5px 20px; background:var(--3rd_bullet_color); 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:10px;                           
                           display:inline-block; padding:5px 20px; background:var(--3rd_bullet_color); border-radius:0px; box-sizing: border-box;}

.cayaContent h5.title {font-size:var(--4th_title_size); font-weight:var(--4th_title_weight); color:var(--4th_title_color);letter-spacing:-1px; margin-bottom:10px; position:relative; line-height:135%; -25px; padding-left: 30px;}
.cayaContent h5.title:before {content:var(--4th_bullet); color: var(--4th_bullet_color); 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:10px;                           
                           display:inline-block; padding:5px 20px; background:var(--4th_bullet_color); 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:10px;                           
                           display:inline-block; padding:5px 20px; background:var(--4th_bullet_color); border-radius:0px; box-sizing: border-box;}

.cayaContent h6.title {font-size:var(--main_title_size); font-weight:var(--main_title_weight); color:var(--main_title_color); text-align:center; padding-top:100px;  margin-bottom: 100px;}
.cayaContent h6.title:after {content: ""; width: 1px; height: 25px; background: var(--main_title_color); position: absolute; display: block; left: 50%; margin-top: 30px;}
.cayaContent h6.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;}
.cayaContent h6.title_w:after {content: ""; width: 1px; height: 25px; background: #fff; position: absolute; display: block; left: 50%; margin-top: 30px;}

/*---- [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 .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 {width: 49%;}
.cayaContent .layout .in45 {width: 44%;}
.cayaContent .layout .in40 {width: 39%;}
.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;}
.cayaContent .box_n_n {padding:25px; margin-bottom:50px; position:relative;}

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

/*-------- [default hr] --------*/

.cayaContent hr.solid {display: block; margin-bottom: 20px; height: 1px; background: #d8d8d8; border: 0px; margin:30px 0;}
.cayaContent hr.solid_gray {display: block; margin-bottom: 20px; height: 1px; background: #acacac; border: 0px; margin:30px 0;}


/*-------- [default hr] --------*/


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

.cayaContent .parallax {position:relative; display:table; width:100%; height:800px; background-attachment: fixed;}
.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] --------*/


/*-------- [bxSlider] --------*/
.cayaContent .content_slider_wrapper_left{width:830px;}
.cayaContent .content_slider_wrapper_right{width:800px; float: right;}
.cayaContent .content_slider_wrapper_top{position: relative; width:100%;}
.cayaContent .content_slider_wrapper_full{width:100%; height:900px;}
.cayaContent .bgslider_wrapper{width:100%; }
.cayaContent .basic_slider_wrapper{width:100%; box-shadow: 1px 1px 5px;}
.cayaContent .video_slider_wrapper{width:100%; }
.cayaContent .full_slider_wrapper{width:100%; height:600px;}

@media screen and (max-width:1024px){
.cayaContent .content_slider_wrapper_left{width:100%;}
.cayaContent .content_slider_wrapper_top{height: auto;}
}

/*-------- [bxSlider] --------*/



/*-------- [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 2px #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_2m{font-family:"행복고흥M";}  /*행복고흥체*/
.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:"GmarketSansLight";}
.cayaContent .ff_12{font-family:"GmarketSansMedium";}
.cayaContent .ff_13{font-family: 'Doing_well';}/*나눔 잘하고있어체 */
.cayaContent .ff_14{font-family: 'SDSamliphopangche_Basic';}/*산돌 삼립호빵체 Basic*/
.cayaContent .ff_15{font-family: 'SangSangRock';}/*정묵바위체*/

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

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

.cayaContent .fs_11{font-size:100px;}
.cayaContent .fs_10{font-size:70px;}
.cayaContent .fs_9{font-size:36px;}
.cayaContent .fs_8{font-size:30px;}
.cayaContent .fs_7{font-size:28px;}
.cayaContent .fs_6{font-size:26px;}
.cayaContent .fs_5{font-size:24px;}
.cayaContent .fs_4{font-size:22px;}
.cayaContent .fs_3{font-size:20px;}
.cayaContent .fs_2{font-size:18px;}
.cayaContent .fs_1{font-size:16px;}

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

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

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

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

/*-------- [font line-height] ------*/

.cayaContent .lh_100 {line-height: 100%;}
/*-------- [font line-height] ------*/

/*-------- [font margin-top] ------*/

.cayaContent .mt_30 {margin-top: 30px;}
/*-------- [font margin-top] ------*/


/*-------- [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;}

 .cayaContent .img_ef_6{padding: 10px; border: 1px solid #ddd; background-size: cover; background-clip: content-box; background-color: #f66f6f; box-sizing: border-box; position: relative; margin: auto;}
 .cayaContent .img_ef_6:after {content: ""; display: block; position: absolute; border: 50px solid transparent; border-bottom: 50px solid #fefefe; bottom: -60px; right: -65px; box-shadow: 0px 7px 6px -9px black; transform: rotate(135deg);}
 .cayaContent .img_ef_6:before {content: ""; display: block; position: absolute; border: 50px solid transparent; border-top: 50px solid #fefefe; top: -60px; left: -65px; box-shadow: 0px -7px 6px -9px black; transform: rotate(135deg);}
/*---- {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] --------*/
/*---- {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 gray*/
/*---- {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_trans{background: rgba(11,11,11,0.6); border:none;}  /*transparent*/
/*---- {default color} ----*/


/*---- [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_w {padding-left: 0px; color: #fff;font-size: 36px;font-weight: 300;line-height: 135%;font-family: "GmarketSansLight";}
.cayaContent h2.slogan_w:before {padding-left: 0px; content:"\f10d"; color: var(--point_color_1); font-family: fontello; font-size: 30px; vertical-align: super; }
.cayaContent h2.slogan_w:after {content:"\f10e"; color: var(--point_color_1); font-family: fontello; font-size: 30px; vertical-align: super;}
.cayaContent h2.slogan_t {padding-left: 0px; color: #000;font-size: 36px;font-weight: 300;line-height: 135%;font-family: "GmarketSansLight";}
.cayaContent h2.slogan_t:before {padding-left: 0px; padding-right:30px; content:"\f10d"; color: var(--point_color_1); font-family: fontello; font-size: 30px; vertical-align: super; }
.cayaContent h2.slogan_t:after {content:"\f10e"; color: var(--point_color_1); font-family: fontello; font-size: 30px; vertical-align: super;}
.cayaContent h3 {font-size:22px; letter-spacing:-1px; font-weight:500; margin-bottom:20px; line-height:135%;}
.cayaContent h3.slogan {color: var(--point_color_1); font-size: 30px;font-weight: 400;line-height: 135%;font-family: "GmarketSansMedium";margin-bottom:0px;}
.cayaContent h3.slogan_w_c {color: #fff; text-align: center; font-size: 30px;font-weight: 400;line-height: 135%;font-family: "GmarketSansMedium";margin-bottom:0px;}
.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-wrap: wrap;}
	.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 .in50_m {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: 48%; 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:2% 2%;}
	/*-------- [layout] --------*/


	/*-------- [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] ----*/

    /*---- [indent] ----*/
    .cayaContent .in_1 {margin-left: 0px;}
	.cayaContent .in_2 {margin-left: 30px;}
	.cayaContent .in_3 {margin-left: 30px;}
    /*---- [indent] ----*/

	.cayaContent ol.circle {padding-left:35px;}


	/*-------- [기본문단 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; 
	}
	.cayaContent .col_mt {
		column-count: 1;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		-ms-column-count: 1; 
	}

	.cayaContent .col_noline {
		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] ----*/
}

@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] -------------------------------------------------*/