@charset "utf-8";

/* ----------------------------------------------------------
 * 공통
---------------------------------------------------------- */
/*body {margin:0;padding:0;font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif;background:#fff;color:#555;line-height:27px}*/
body {margin:0;padding:0;font-size:1.125em;font-family:'Noto Sans KR',sans-serif;letter-spacing:-1px;font-weight:300;color:#555}

h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif}
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
a {color:#555}
a:hover {color:#ce7784;text-decoration:none}

input[type=text],input[type=password], textarea {
-webkit-box-shadow:none !important;
box-shadow:none !important;
outline:none !important;
border:1px #dedede solid !important;
color:#555;
font-weight:100
}
 ㅋ
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:none !important;
box-shadow:none !important;
outline:none !important;
border:1px #dedede solid !important;
}

input[type=checkbox],input[type=radio] {box-sizing: border-box;padding:0;width:20px;height:20px;border:1px #dedede solid !important;margin-top:-7px}

#hd_pop{max-width:100% !important}/*익스하단스크롤방지*/

/* 공통 폰트사이즈 */
.tit_01{font-size:24px;font-weight:400}
.tit_01-1{font-size:36px;font-weight:400}
.tit_02{font-size:48px;padding:0 0 30px}
.tit_03{font-size:40px;padding:5px 0}
.tit_04{font-size:38px;padding:0 0 30px}



/* 타이틀 */
.warca_travel{border:30px #dedede solid;padding:50px}
.warca_tit{padding:100px 0 50px 0}
.warca_tit .b_tit{font-size:48px;}
.warca_tit .s_tit{padding-top:15px}
.warca_tit .s_tit_01 {font-size:1.8rem;}

.sub_sul_tit_01{font-size:26px;font-weight:700;color:#000;padding-bottom:20px;line-height:18px}
.sub_sul_tit_02{font-size:48px;font-weight:700;color:#000;text-align:center;padding-bottom:70px}

/* 라인처리 */
.line_bnk_15{margin-top:15px;padding-bottom:15px}
.line_bnk_30{margin-top:30px;padding-bottom:30px}
.line_bnk_50{margin-top:50px;padding-bottom:50px}
.line_gab_30{border-top:1px #aaa solid;margin-top:15px;padding-bottom:15px}
.line_gab_50{border-top:1px #dedede solid;margin-top:70px;padding-bottom:50px}
.line_gab_70{border-top:1px #dedede solid;margin-top:70px;padding-bottom:70px}



/* 버튼 */
.link_btn_01{background:rgba(255,255,255,1);padding:10px 30px;display:inline-block;cursor:pointer;border-radius:30px;border:1px #dedede solid;font-size:16px}
.link_btn_03{background:rgba(79,54,96,.5);padding:15px 30px;display:inline-block;color:#fff;cursor:pointer}
.link_btn_02{padding:10px 30px;display:inline-block;cursor:pointer;border-radius:30px;border:1px #dedede solid;font-size:16px}

/* 전체 컨테이너 */
.container{max-width:1440px !important}

/* 폰트색상 */
.blue_01{color:#1c92d2}
.bora_01 {color:#4c2b68;}

/* gif이미지 */
.ho_img {overflow:hidden;background:#000}
.ho_img img{transition-duration: 1s;}
.ho_img:hover img {transform: scale(1.5, 1.5);transition-duration: 0.5s;opacity:.5}


/* ----------------------------------------------------------
 * PC
---------------------------------------------------------- */

/* 배경 */
.cont_bg_01{background: url('/theme/cont_basic/contents/img/cont_bg_01.jpg') no-repeat center center;margin-top:-100px;padding:210px 0}
.cont_bg_01 .gab{padding-top:70px}
.cont_bg_02{padding-bottom:100px;background:#dcdcdc}

/* 메인배너 */
#carousel11_indicator {max-width:100%}
#carousel11_indicator .carousel-inner img{width:100%; height:100vh;}
#carousel11_indicator .carousel-inner{text-align:center;height:100vh;background:url('../../contents/img/movie_bg.jpg') repeat center center;background-color:rgba(255,255,255, 1.0)}
#carousel11_indicator .carousel-control-prev{left:0%;z-index:3;font-size:72px;top:0%}
#carousel11_indicator .carousel-control-next{right:0%;z-index:3;font-size:72px;top:0%}
#carousel11_indicator .carousel-indicators{bottom:3%}
#carousel11_indicator .carousel-caption {top:40vh;text-align:left;z-index:3;color:rgba(0,0,0,.5)}
#carousel11_indicator .carousel-caption .txt_64{font-size:3.8rem;}
#carousel11_indicator .carousel-caption .txt_32{font-size:1.8rem}
#carousel11_indicator .ani {-webkit-animation:heartBeat 100s 0s infinite linear alternate;-o-animation:heartBeat 100s 0s infinite linear alternate;animation:heartBeat 100s 0s infinite linear alternate}
#carousel11_indicator .movie{width:100%}

/* 제품슬라이드 */
#carousel4_indicator {max-width:100%;padding-top:1px}
#carousel4_indicator .carousel-inner .bg_01{background: url('/theme/cont_basic/contents/img/area_img_01.jpg') no-repeat center center;max-height:800px}
#carousel4_indicator .carousel-inner .bg_02{background: url('/theme/cont_basic/contents/img/area_img_02.jpg') no-repeat center center;max-height:800px}
#carousel4_indicator .carousel-inner .bg_03{background: url('/theme/cont_basic/contents/img/area_img_03.jpg') no-repeat center center;max-height:800px}
#carousel4_indicator i{color:#fff;font-size:30px;font-weight:100px}
#carousel4_indicator .carousel-indicators{top:0;z-index:0;height:10%}
#carousel4_indicator .la-angle-left{background:#333;padding:15px;margin-right:1px;}
#carousel4_indicator .la-angle-right{background:#fff100;padding:15px;}
#carousel4_indicator .flexbox{display:flex;flex-wrap:wrap;gap:0em;align-items:flex-end;justify-content:center}
#carousel4_indicator .flexbox .overlay{background:radial-gradient(rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0,.0));height:100vh;width:100%}
#carousel4_indicator .item{flex-basis:300px;flex-grow:1;border:none}
#carousel4_indicator .box_01 {padding-left:100px}
#carousel4_indicator .box_01 .img_logo img{height:38px;margin-top:5px;padding:0 15px}
#carousel4_indicator .sul{padding:15px 0 30px 0}

/* ----------------------------------------------------------
 * 하단
---------------------------------------------------------- */

.copy_wrap{background:#383838;padding:20px 0 20px 0;color:rgba(255,255,255,.3)}
.copy_wrap span {line-height:30px}
.gab_5{opacity:.3}
.copy_menu_home{border-bottom:1px #4c4e61 solid;padding:20px 0;background:#383838;color:rgba(255,255,255,.3)}
.copy_menu_home a{color:rgba(255,255,255,.3);font-weight:bold}

.bottom_custo_wrap{background:#e7effb;padding:30px 0;margin-top:30px;border-top:2px #3964ac solid;clear:both}
.bottom_custo_wrap .sam_txt{padding:25px;background:#fff}
.bottom_custo_wrap .custo {position:relative;overflow:hidden}
.bottom_custo_wrap .lat_title {display:block;padding-bottom:15px;border-bottom:1px solid #e2e2e2}
.bottom_custo_wrap .t_btn_wrap span{font-size:24px;font-weight:500;margin-top:25px}
.t_btn_01 {display:inline-block;background:#e37e5d;color:#fff;vertical-align:middle;padding:5px 12px;border-radius:3px}
.t_btn_02 {display:inline-block;background:#6f8cbe;color:#fff;vertical-align:middle;padding:5px 12px;border-radius:3px}
.t_btn_03 {display:inline-block;background:#a1a1a1;color:#fff;vertical-align:middle;padding:5px 12px;border-radius:3px}

.bottom_copy_wrap{background:#f4f4f4;padding:25px 0 25px 0;font-size:16px;line-height:26px;margin-top:0px}
.bottom_copy_wrap .logo{max-width:90%}
.copy_menu{background:#7c7c7c;border-top:1px #7c7c7c solid;border-bottom:1px #7c7c7c solid;padding:15px 0;font-size:16px}
.copy_menu a{color:rgba(255,255,255,.5)}

/* ----------------------------------------------------------
 * 서브
---------------------------------------------------------- */

/* 테라셋 */
.thera_wrap{}
.thera_wrap .box_01{padding-top:50px;color:rgba(0,0,0,.5)}
.thera_wrap .box_02{background:linear-gradient(0deg, #e5e5e5 80%, #4c2b68 20%);padding-left:5px;margin-left:50px}
.thera_wrap .box_02 > .sul{background:#fff;padding-left:30px}
.thera_wrap .box_03{padding-top:50px;color:rgba(0,0,0,.5)}
.thera_wrap .box_04{background:rgba(0,0,0,.05);border:1px #000 solid;padding:30px 0;text-align:center}
.thera_wrap .box_05{padding-left:0px}
.thera_wrap .box_05 > .sul{padding-top:15px}
.thera_wrap .img_logo img{height:38px;margin-top:5px;padding:0 15px}

.thera_wrap .flexbox{display:flex;flex-wrap:wrap;gap:1em;}
.thera_wrap .item_02 {flex-basis:480px;flex-grow:1;border:none;display:inline-flex}
.thera_wrap .item_02 .s_box_01{background:#efefef;padding:30px;border:1px #bbb solid;overflow:hidden; width: 100%;}
.thera_wrap .item_02 .s_box_01 > .num{background:#4c2b68;width:50px;height:50px;border-radius:50%;color:#fff;text-align:center;line-height:50px;font-weight:500;font-size:24px;float:left}
.thera_wrap .item_02 .s_box_01 > .sul{width:80%;float:right}
.thera_wrap .item_02 .s_box_02{background:#fff;padding:30px;border:1px #bbb solid;overflow:hidden; width: 100%;}
.thera_wrap .item_02 .s_box_02 > .num{background:#4c2b68;width:50px;height:50px;border-radius:50%;color:#fff;text-align:center;line-height:50px;font-weight:500;font-size:24px;float:left}
.thera_wrap .item_02 .s_box_02 > .sul{width:80%;float:right}
.thera_wrap .img_logo img{height:38px;margin-top:5px;padding:0 15px}

/* 인증 */
.safe_wrap{}
.safe_wrap .box_01{padding-top:50px;color:rgba(0,0,0,.5);text-align:center}



/* 캐러셀 */
#safe_01 .item img{border:1px #dedede solid;border-radius:50%}
#safe_01 .owl-theme .owl-nav {margin-top:0 !important}
#safe_01 .owl-prev,.owl-next {position:absolute;top:50%;transform:translateY(-50%);}
#safe_01 .owl-prev {left:-10rem;}
#safe_01 .owl-next {right:-10rem}
#safe_01 .owl-dots{display:none}


#safe_02 .item .sul{padding-top:15px;text-align:center;font-weight:500;color:#000}
#safe_02 .item img{border:1px #dedede solid}
#safe_02 .owl-theme .owl-nav {margin-top:0 !important}
#safe_02 .owl-prev,.owl-next {position:absolute;top:50%;transform:translateY(-50%);}
#safe_02 .owl-prev {left:-10rem;}
#safe_02 .owl-next {right:-10rem}
#safe_02 .owl-dots{display:none}



/* ----------------------------------------------------------
 *	mobile
---------------------------------------------------------- */

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

/* 공통 */
body {margin:0;padding:0;font-size:1em;font-family:'Noto Sans KR',sans-serif;letter-spacing:0px;font-weight:300;color:#555}

/* 버튼 */
.link_btn_01{padding:5px 20px;display:inline-block;font-size:14px}
.link_btn_03{padding:5px 20px;display:inline-block;font-size:14px}
.link_btn_02{padding:5px 20px}

/* 간격 */
.l_pad_50{padding-left:15px}
.r_pad_50{padding-right:15px}

/* 공통 폰트사이즈 */
.tit_01, .tit_01-1{font-size:20px;font-weight:400}
.tit_02{font-size:26px;padding-bottom:15px}
.tit_03{font-size:24px;padding:5px 0}

/* 타이틀 */
.warca_travel{border:10px #dedede solid;padding:15px}
.warca_tit{text-align:center;padding:30px 0;text-align:justify;word-break:break-all}
.warca_tit .b_tit{font-size:26px}
.warca_tit .s_tit{}


.sub_sul_tit_01{font-size:22px;padding-bottom:15px}
.sub_sul_tit_02{font-size:30px;font-weight:700;color:#000;text-align:center;padding-bottom:30px}


/* 라인처리 */
.line_bnk_15{margin-top:10px;padding-bottom:10px}
.line_bnk_30{margin-top:15px;padding-bottom:15px}
.line_bnk_50{margin-top:15px;padding-bottom:15px}
.line_gab_50{margin-top:30px;padding-bottom:15px}
.line_gab_70{margin-top:30px;padding-bottom:30px}

/* 메인배너 */

#carousel11_indicator .carousel-inner img{width:280%;margin-left:-100%;/*filter:blur(3px);-webkit-filter:blur(3px);*/}
#carousel11_indicator .carousel-inner{height:65vh}
#carousel11_indicator .carousel-caption {top:22vh;right:7%;left:7%;text-align:justify;word-break:break-all}
/* #carousel11_indicator .carousel-caption br{display:none} */
#carousel11_indicator .carousel-caption img{max-width:80%}
#carousel11_indicator .carousel-caption .txt_64{font-size:1.5rem;line-height:34px;padding-top:10px;color:rgba(255,255,255,.6);font-weight:500}
#carousel11_indicator .carousel-caption .txt_32{font-size:1.125rem;color:rgba(255,255,255,.6);font-weight:400}
/* #carousel11_indicator .carousel-caption br{display:none} */
#carousel11_indicator .carousel-indicators{bottom:2%}
#carousel11_indicator .carousel-control-prev{display:none}
#carousel11_indicator .carousel-control-next{display:none}
#carousel11_indicator .pattern-overlay_wrap{background:radial-gradient(rgba(255, 255, 255,0), rgba(0, 0, 0, .5));height:100vh;width:100%;position:absolute;z-index:2}
#carousel11_indicator .movie{width:250%}

.cont_bg_01{margin-top:0px;padding:30px 0;text-align:justify;word-break:break-all}
.cont_bg_02{padding-bottom:30px}
.cont_bg_01 .gab{padding-top:30px}
.cont_bg_01 br,.cont_bg_02 br{display:none}

/* 제품소개 */
#carousel4_indicator i{color:#fff;font-size:24px;font-weight:100px}
#carousel4_indicator .carousel-indicators{top:0;z-index:0;height:10%}
#carousel4_indicator .la-angle-left{background:#333;padding:10px;margin-right:1px;}
#carousel4_indicator .la-angle-right{background:#fff100;padding:10px;}
#carousel4_indicator .box_01 {padding:15px 15px 30px;background:#f4f4f4}
#carousel4_indicator .box_01 .img_logo img{max-width:45%;margin-top:3px;padding-left:5px}
#carousel4_indicator .carousel-inner .bg_01{max-height:380px;background-size:cover}
#carousel4_indicator .carousel-inner .bg_02{max-height:380px;background-size: cover}
#carousel4_indicator .sul{padding:15px 0 15px 0}




/* ----------------------------------------------------------
 * 하단
---------------------------------------------------------- */
.copy_wrap{padding:15px 0 0 0}
.copy_wrap span {width:100%;display:block;line-height:26px}
.copy_wrap .gan{display:none}

.bottom_custo_wrap{padding:15px 0;margin-top:15px}
.bottom_copy_wrap{padding:15px 0 0 0}
.bottom_copy_wrap span{width:100%;display:block}
.bottom_copy_wrap .w_gab_5{display:none}
.bottom_copy_wrap .logo{position:absolute;top:50px;right:15px;width:60%}
.copy_menu{text-align:center}
.bottom_copy_wrap{background:#f4f4f4;padding:15px 0 15px 0;font-size:14px}

/* ----------------------------------------------------------
 * 서브
---------------------------------------------------------- */

/* 테라셋 */
.thera_wrap{}
.thera_wrap .box_01{padding-top:15px}
.thera_wrap .box_02{padding-left:0;margin-left:0;margin-top:30px}
.thera_wrap .box_02 > .sul{padding-left:0px}
.thera_wrap .box_03{padding-top:25px}
.thera_wrap .box_03 .mo_gab_15{padding-bottom:15px}
.thera_wrap .box_05 > .sul{padding-top:0}
.thera_wrap .img_logo img{height:20px !important;margin-top:5px;padding:0 15px}
.thera_wrap .pad_10{padding:5px}
.thera_wrap .pad_15{padding:5px}
.thera_wrap .opa_07 {padding-bottom:30px;text-align:justify;word-break:break-all}
.thera_wrap .opa_07 br{display:none}

.thera_wrap .item_02 .s_box_01{padding:15px}
.thera_wrap .item_02 .s_box_01 > .num{width:40px;height:40px;line-height:40px;font-size:20px}
.thera_wrap .item_02 .s_box_02{padding:15px}
.thera_wrap .item_02 .s_box_02 > .num{width:40px;height:40px;line-height:40px;font-size:20px}

/* 인증 */
.safe_wrap{}
.safe_wrap .box_01{padding-top:36px;text-align:justify;word-break:break-all}
.safe_wrap .box_01 br{display:none}







}