@charset "utf-8";

@font-face {
    font-family: 'InkLiquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}


.doc{font-size: 16px;}
.box1{ width:1300px;max-width: 96%; margin:0 auto; position:relative } 
.mobile_only{display:none;}

:root { 
    --mainColor:#66ccff;
    --subColor: #004e7a;
    --bor_r:3px;
	--header_H:80px;
	--fs_01: "Nanum Brush Script", serif;
	--fs_02: 'InkLiquid';
}

#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/*header*/
#header{z-index: 200; position: fixed; top: 0; left: 0; width:100%; border-bottom: 1px solid rgba(255,255,255,.2);}
#header .va_wrap,
#header .h_wrap{height:var(--header_H);}
#header #logo{z-index:800;}
#header #logo img{display:block;}
#header #logo .logo01{display: none;}
#header #logo .logo02{display: block;}
#header .gnb_wrap{margin-left:auto;}
#header .gnb_wrap .gnb .depth1{margin:0 38px; position: relative;}
#header .gnb_wrap .gnb .depth1 > a{font-size: 1.1875em; line-height: inherit; font-weight:500; color:#fff; position: relative;}
#header .gnb_wrap .gnb .depth1 > ul{background:#fff; min-width: 160px; border: 1px solid #ddd; border-top:0; margin-top:-2px; transition:all .5s; position:absolute; left:50%; transform:translateX(-50%); max-height:0; overflow:hidden; opacity:0 }
#header .gnb_wrap .gnb .depth1 > ul:after{content: ""; position: absolute; left: 0; top: -2px; width: 100%; height:5px; background-color:var(--mainColor); transform: scaleX(0); transition: .3s;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a{display: block; text-align: center; color:#444; border-top: 1px dotted #ddd; font-weight:400; padding: 15px 10px;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a:hover{background: #f5f5f5;}
#header .gnb_wrap .gnb .depth1:hover ul{ max-height:500px; opacity:1 }
#header .gnb_wrap .gnb .depth1:hover > ul:after{transform: scaleX(1);}

/*검색*/
#header .hd_sch_btn{font-size:1.125em; color:#fff; cursor: pointer;}
#header .hd_sch_btn.on .xi:before{content:'\e921';}
#header .hd_sch_wr #hd_sch{border:1px solid rgba(255,255,255,.8); border-radius: 50px; position: relative; width:240px; overflow: hidden;}
#header .hd_sch_wr #hd_sch #sch_stx{border:0; background:transparent; color:#fff; width:100%; height: 45px; padding:5px 55px 5px 20px; font-size:.95em; box-sizing: border-box;}
#header .hd_sch_wr #hd_sch #sch_stx::placeholder{color:rgba(255,255,255,.8)!important;}
#header .hd_sch_wr #hd_sch button{border:0; background-color:var(--mainColor); width:38px; height: 38px; color:#fff; position: absolute; top:50%; transform: translateY(-50%); right:4px; border-radius: 50%; font-size:.9em;}

/*회원*/
#header .hd_login{margin-left:20px;}
#header .hd_login > li a{color:#fff; margin-left:15px; font-weight: 300;}
#header .hd_login > li:first-child a{margin-left:0px;}
#header .hd_login > li .xi{vertical-align: baseline; margin-right:4px;}

/*전체메뉴버튼*/
#header .btn_gnb{width:30px; height: 30px; position: relative; z-index: 10000; margin-left:57px;}
#header .btn_gnb .a_rd{width:10px; height: 10px; background-color: #fff; border-radius: 50%;}
#header .btn_gnb .a_rd.a1{position: absolute; top: 0; left: 0; transition:.3s;}
#header .btn_gnb .a_rd.a2{position: absolute; top: 0; right: 0; background-color:var(--mainColor)!important; transition:.3s;}
#header .btn_gnb .a_rd.a3{position: absolute; bottom: 0; left: 0; transition:.3s; }
#header .btn_gnb .a_rd.a4{position: absolute; bottom: 0; right: 0; transition:.3s; }

#header .btn_gnb:hover .a_rd.a1,
#header .btn_gnb:hover .a_rd.a4{display:none;}
#header .btn_gnb:hover .a_rd.a2,
#header .btn_gnb:hover .a_rd.a3{width:100%; border-radius: 50px;}

#header .btn_gnb.on .a_rd.a1,
#header .btn_gnb.on .a_rd.a4{display:none;}
#header .btn_gnb.on .a_rd.a2{width:100%; border-radius: 50px;}
#header .btn_gnb.on .a_rd.a3{width:100%; border-radius: 50px; background-color: #666;}


/*전체메뉴*/
.pc_all_menu .gnb_all > li.depth1 > a.dp1{font-weight: 700;}

/*스크롤 header*/
.scroll #header{background-color:#fff; border-bottom:1px solid #ddd;}
.scroll #header #logo .logo01{display: block;} 
.scroll #header #logo .logo02{display: none;}
.scroll #header .gnb_wrap .gnb .depth1 > a{color:#222;}
.scroll #header .hd_sch_btn{color:#555;}
.scroll #header .hd_sch_wr #hd_sch{border-color:#ccc;}
.scroll #header .hd_sch_wr #hd_sch #sch_stx{color:#555;}
.scroll #header .hd_sch_wr #hd_sch #sch_stx::placeholder{color:#aaa!important;}
.scroll #header .hd_login > li a{color:#555;}
.scroll #header .btn_gnb .a_rd{background-color:#ddd;}


/*탑버튼*/
.qk_list{position:fixed; bottom:15px; right:15px; z-index: 800;}
.qk_list > li a{display:block; width:50px; height: 50px; line-height: 50px; border-radius: 50%; font-size:1.25em; text-align: center; margin-top:3px; transition: .3s;}
.qk_list > li a:hover{box-shadow: 3px 3px 7px rgba(0,0,0,0.15);}
.qk_list > li.top_btn a{background-color:#333; color:#fff;}
.qk_list > li.kakao_btn a{background-color:#fae100; color:#3c1e1e;}
.qk_list > li.blog_btn a{background-color:#03c75a; color:#fff;}

/*footer*/
.main #footer{margin-top:0;}
#footer{margin-top:10em; padding: 80px 0 95px; background-color: #111; font-size:16px;}
#footer .f_logo{padding-right:80px; margin-right:100px; opacity:.6;}
#footer .f_info ul > li{color:#aaa; font-weight: 400; margin-right:60px; margin-top: 13px; font-size:1em;}
#footer .f_info ul > li span{font-weight: 400; color:#fff; margin-right: 10px; opacity: .95;}
#footer .f_copy{font-size:1em; color:#666; margin-top:30px; letter-spacing: .5px;}
#footer .f_menu a{display: inline-block; width: 180px; height: 50px; text-align: center;border: 1px solid #aaa; border-radius: 50px; font-size: .875em; color: #bbb; font-weight: 300;align-content: center; transition: .3s;}
#footer .f_menu a .xi{margin-left: 15px;}
#footer .f_menu a:hover{color: #fff; border-color: #fff;}


/*서브 비주얼*/
.sub_v_wrap{position: relative;}
#sub_visual{height:430px; position: relative; overflow: hidden;}
#sub_visual .bgfix{position:absolute; top: 0; left:0; width:100%; height: 100%; transform: scale(1.15); transition-timing-function: ease-in-out; transition: 1s;}
#sub_visual .sub_v_tit{ font-weight: 700; text-align:center; font-size:3.625em; color:#fff; position: relative; z-index: 10; margin-right:3em; opacity:0; transition:1s;}
.load #sub_visual .bgfix{transform: scale(1);}
.load #sub_visual .sub_v_tit{margin-right:0; opacity:1}

#sub_visual.sub10 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub20 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub30 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub40 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub50 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}

/*snb*/
#snb { position: absolute; bottom:4em; left:50%; transform: translateX(-50%); z-index: 10; opacity: 0; transition: 1.5s; width:96%;}
#snb .snb_list .sdp1 a{display:block; width:55px; height: 55px; line-height: 55px; border-radius: 50%; text-align:center; background-color:var(--mainColor); color:#fff; font-size:1.125em;}
#snb .snb_list .sdp2,
#snb .snb_list .sdp3,
#snb .snb_list .last{position: relative; width:250px; border-bottom:1px solid rgba(255,255,255,.3);padding:15px 20px; margin-left:20px; cursor: pointer; box-sizing: border-box;}
#snb .snb_list .last{cursor: default;}
#snb .snb_list .sdp_tt{ color:#fff; font-size:1.125em; font-weight: 500; padding-right:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#snb .snb_list .sdp_tt:before{content:'\e943'; font-family: 'xeicon'; position: absolute; top: 50%; right:20px; transform: translateY(-50%); font-size:.938em;}
#snb .snb_list .last .sdp_tt:before{display:none;}
#snb .snb_list .sdp_list_wrap{ max-height: 0px; position: absolute; top: 75px; left: 0;  width: 100%;  background: #fff; border-radius: 20px; box-sizing: border-box; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); z-index: 10; transition: .3s; transition-timing-function: ease-in-out; opacity: 0; overflow: hidden;}
#snb .snb_list .Aon .sdp_list_wrap{ max-height: 1000px; opacity: 1;}
#snb .snb_list .sdp_list{ padding: 25px; }
#snb .snb_list .sdp_list > li{margin-bottom:7px;}
#snb .snb_list .sdp_list > li:last-child{margin-bottom:0;}
#snb .snb_list .sdp_list > li a{color:#777; font-size:1.05em;}
#snb .snb_list .sdp_list > li.on a{color:var(--mainColor); font-weight: 500;}
.load #snb{ opacity: 1;}

/*컨텐츠 페이지*/
.ctt_admin{display:none;}/*관리자 내용수정 버튼*/
#ctt header{display:none;}/*컨텐츠 페이지 타이틀 header*/

/*컨텐츠 타이틀*/
.container_title{font-weight: 200; font-size: 2.125em; padding-top: 35px; margin: 55px 0; text-align: center; position: relative;}
.container_title:before{content:''; width:1px; height: 26px; visibility: hidden; transition: .8s; transition-timing-function: ease-in-out; transform: scaleY(0); transform-origin: left top; background: #222; position: absolute; top: 0; left: 50%;}
.load .container_title:before{transform: scaleY(1); visibility: visible;} 

/*개인정보&이용약관*/
.agree_box{ border:1px solid #ddd; background:#f9f9f9; border-radius:5px}
.agree_box .in_con{  padding:2em; border:1px solid #ededed; margin:1em; background:#fff;}
.agree_box .in_con .agree_wrap{ font-size: .938em;}
.agree_box .in_con .agree_wrap span{ display: block;}


/*=================================================================main============================================================*/

/*메인 비주얼*/
.mainSlider{position:relative}
.mainSlider .el{ height:100vh; position:relative; overflow:hidden}
.mainSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1.2,1.2); transition-delay:1s}
.mainSlider .slogan{ position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); color:#fff; text-align: center}
.mainSlider .slogan .t1{ font-size:5em; display:block; transform:translateY(1em); font-weight: 800; opacity:0; margin-bottom: 5px; line-height: 1.2;}
.mainSlider .slogan .t2{ font-size:1.75em; font-weight: 400; transform:translateY(1em); opacity:0; line-height: 1.5; margin-top:30px;}
.mainSlider .slogan .t3{ font-size:1em; font-weight: 200; transform:translateY(1em); opacity:0; line-height: 1.5; margin-top:20px;}
.mainSlider .el.swiper-slide-active .bg{ transform:scale(1); transition:2s; transition-delay:0; transition-timing-function:ease-in}
.mainSlider .el.swiper-slide-active .slogan .t1{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s}
.mainSlider .el.swiper-slide-active .slogan .t2{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}
.mainSlider .el.swiper-slide-active .slogan .t3{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1.5s}

.mainSlider .mainSlider-pagination{ position: absolute; left:50%; bottom:3em; transform: translateX(-50%); z-index: 100;}
.mainSlider .mainSlider-pagination .swiper-pagination-bullet{width:120px; height:auto; margin: 0 20px 0 0; border-radius: 0; opacity: .4; background:transparent; color:#fff; border-bottom:2px solid #fff; padding-bottom:5px;}
.mainSlider .mainSlider-pagination .swiper-pagination-bullet-active{opacity: 1;}
.scroll_wrap{position: absolute; bottom: 0; left:0;width:100%; z-index: 10;}
.scroll_wrap:before{content: ''; display: block; background-image: url(/theme/aram_01/img/main/scroll_bg.svg); width: 300px; height: 67px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.scroll_wrap .mainSlide_scroll{ color: #ddd; font-size: .875em; text-align: center; letter-spacing: 1px; font-weight: 400; line-height: 1; position: relative; z-index: 1; margin-bottom: 10px;}
.scroll_wrap .mainSlide_scroll_icon{font-size: 1.5625em; line-height: 1; text-align: center; color: #ddd; animation: box-ani 1s infinite alternate;  position: relative; z-index: 1;}


@keyframes box-ani { 
0% {}
100% {transform: translateY(-5px)}
}

 
/*메인 샘플용 css*/
.main_section{padding:7em 0;} 
.main_section_bg{background-color: #f9f9f9;}
.main_tit{ margin-bottom: 30px;}
.main_tit .in_en{ font-size:1.375em; margin-bottom: 10px;} 
.main_tit .in_tt{ font-size:3.75em; font-weight: 800; color:#111; line-height: 1.2;}
.main_tit .in_tx{ font-size:1.5em; font-weight: 400;}
.main_more{}
.main_more a{display: inline-block; font-size:1.125em; color: #333; letter-spacing: .5px; margin-top: 40px; align-content: center;}
.main_more a .xi{width: 58px; height: 58px; line-height: 58px; text-align: center; color: var(--mainColor); border:1px solid #ddd; margin-left: 5px; border-radius: 50%; transition: .3s; position: relative; z-index: -1;}
.main_more a:hover .xi{border-color:var(--maincolor); background-color:var(--mainColor); color:#fff;}

.map_box .in_map{width:calc(100% - 370px);}
.map_box .in_map .wrap_map{border-bottom:1px solid #ddd;}
.map_box .in_map .root_daum_roughmap .wrap_controllers{display:none;}
.map_box .in_info{width:370px; padding-left:25px;}
.map_box .in_info .info_box{border:1px solid #ddd; padding:50px 40px; height: 100%;}
.map_box .in_info .info_box .icon{font-size:3em; color:#ddd; line-height: 1;}
.map_box .in_info .info_box .tt{font-size:1.5em; font-weight: 600; color:#222; margin-top:5px;}
.map_box .in_info .info_box .line{width:30px; height: 1px; background-color:var(--mainColor); margin:30px 0; }
.map_box .in_info .info_box .info_list > li{margin-bottom:13px; line-height: 1.5; color: #444; font-size:1.068em;}
.map_box .in_info .info_box .info_list > li:last-child{margin-bottom:0px;}


/* 제품소개 */
.main_product{position: relative; padding-top: 14em; overflow: hidden;}
.main_product .txt_bg{font-size: 18.75em; font-weight: 800; white-space: nowrap; color: #f5f5f5; position: absolute; top: 30px; left: 0;}
.main_product .main_more a{margin-top: 50px; margin-bottom: 84px;}

.main_product_slide{position:relative;}
.main_product_slide .swiper-slide{opacity: 0!important;}
.main_product_slide .swiper-slide.swiper-slide-active{ opacity: 1!important;}
.main_product_slide .in .in_dv{width:50%; padding:20px 70px 0 40px;} 
.main_product_slide .in .in_dv .in_ti{font-size: 1.625em; font-weight: 600; margin-bottom: 10px;}
.main_product_slide .in .in_dv .in_tx{color:#666; font-weight: 400; font-size:1.25em;}
.main_product_slide .in .in_dv .in_tx br{display:none;}
.main_product_slide .in .more_btn{display:block; color:#fff!important; font-size:1.25em; width:54px; height: 54px; line-height: 54px; text-align: center; background-color: #ddd; transition: .3s; cursor: pointer; margin-top:40px; border-radius: 50%;} 
.main_product_slide .in .more_btn:hover{background-color:var(--mainColor);}	
.main_product_slide .in .in_img{width:50%; text-align: center; padding-right: 40px;}
.main_product_slide .in .in_img .img_z img{border-radius: 0 100px 100px 100px; border: 1px solid #ddd;}
.main_product_slide .control_box{width: 50%; margin-left: auto; padding-left: 40px; position: relative; z-index: 100;}
.main_product_slide .control_box .product_pagen{position: absolute; bottom: 40px;}
.main_product_slide .control_box .product_pagen .swiper-pagination-bullet{width: .43em; height: .43em; margin: 0 5px; background-color: #ddd; opacity: 1; border-radius: 30px;}
.main_product_slide .control_box .product_pagen .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--mainColor); width: 90px; }





/* 온라인 견적문의 */
.main_contact{padding-top: 130px; padding-bottom: 140px; position: relative;}
.main_contact .main_tit{margin-bottom: 50px;}
.main_contact .le_cont{width: 50%;}
.main_contact .le_cont .img_z{width: 420px; height:400px; border-radius: 0 50px 50px 50px;}
.main_contact .ri_cont{width: 50%;}
.main_contact .ri_cont .ri_tit{font-size: 1.25em; font-weight: 600; margin-bottom: 20px;}
.main_contact .main_more{border: 0; background: transparent; display: inline-block; font-size:1.125em; color: #333; letter-spacing: .5px; margin-top: 40px; width: 150px; align-content: center;}
.main_contact .main_more .xi{width: 58px; height: 58px; line-height: 58px; text-align: center; color: var(--mainColor); border:1px solid #ddd; margin-left: 5px; border-radius: 50%; transition: .3s; position: relative; z-index: -1;}
.main_contact .main_more:hover .xi{border-color:var(--maincolor); background-color:var(--mainColor); color:#fff;}
.main_contact .main_more{text-align: right;}

.board_inq tr .w_in{background-color: #f9f9f9; border-radius: 10px; padding: 12px 20px 14px; margin-bottom: 12px;}
.board_inq tr .w_in .inp{width: calc(100% - 130px); background: transparent; padding: 5px;}
.board_inq tr .w_in .txt{font-weight: 500; color: #333; margin-bottom: 5px;}
.board_inq .prv_pop{color: #999;}
.board_inq .w_ti{font-size: 1.125em; font-weight: 700; color: #333; width: 130px; display: inline-block;}
.board_inq .w_ti .xi{font-size: 1.111em; margin-right: 10px;}
.board_inq .w_list{width: calc(100% - 130px); padding-left: 20px;}
.board_inq .w_list > li{width: 33.33%; margin-bottom: 10px; font-weight: 500; color: #555;}
.board_inq .w_list > li input{margin-right: -16px; opacity: 0;}
.board_inq .inp.in_10{width: 100px;}
.board_inq .in_btn{display: inline-block; color: #fff; background: #333!important; padding: 14px 25px; border-radius: 5px; border: 0; font-weight: 600;}
.board_inq input[type=text], .board_inq input[type=password], .board_inq input[type=date]{padding: 0;border: 0; border-bottom: 1px solid #ddd;}
.board_inq #daum_juso_pageadd_zip{width: 400px!important; position: absolute!important; top: 45px; left: 50%!important; transform: translateX(-50%);}
.board_inq .w_add{position: relative; width: calc(100% - 130px);}
.board_inq tr .w50{width: 100%!important;}
.btn_more{width: 150px; height: 45px; background: var(--mainColor); border:0; color: #fff; font-weight: 400; font-size: 1em;}
.main_contact textarea.inp{padding: 1em; width: 100%!important; height: 10em!important; line-height: 1.2; border: 0;}
.label_st:not(.cssbrowser) input:checked ~ .xi:before{color:var(--subColor)}
/* 온라인 견적문의 */




/**/
.dot_list{padding: 0!important; margin: 0!important; text-align: left;}
.dot_list > li{line-height: 1.8; font-size: 1em; color: #222; position: relative; padding-left: 10px;}
.dot_list > li:before{content: ''; display: block; width: 3px; height: 3px; background: #bbb; border-radius: 50%; position: absolute; top: 10px; left: 0;}
.table_st{table-layout:fixed; border-top: 2px solid var(--mainColor); margin-bottom: 10px;}
.table_st th, 
.table_st td{padding: .7em 1em; border: 1px solid #ddd; text-align: center; line-height: 1.6;}
.table_st th{color:#222; background-color:#f9f9f9; font-size:1em; font-weight: 500;}
.table_st td{color:#333;}
.table_st .co_1{background: #f9f9f9;}
.table_st .co_2{background: var(--mainColor); color: #fff;}
.table_info{display: none;}

/**/
.tab_idx{ margin:-1em 0 3em -1em;}
.tab_idx > li{flex:1 20%;}
.tab_idx > li > a{ padding:0 .5em; height:4em; border:1px solid #ddd; margin:1em 0 0 1em; color:#666; transition:.3s;}
.tab_idx > li > a .va{font-size:1.068em; font-weight:500}
.tab_idx > li > a:hover,
.tab_idx > li.on > a{ box-shadow:0 0 1em .125em rgba(0,0,0,.1); color:var(--mainColor); border-color:var(--mainColor)}

/**/
.nm_page_tt{font-size:1.5em; text-align: center; margin:80px auto 30px;}
.nm_page_tt .nmb{width:50px; height: 50px; line-height: 50px; border-radius: 50%; background-color: var(--mainColor); display: inline-block; color:#fff; margin-right:5px;}
.page_tt{font-size:1.825em; font-weight: 600;}
.page_stt{font-size:1.375em; font-weight: 600;}
.page_tx{font-size:1.125em; font-weight: 300;}
.page_stx{font-size:1em; font-weight: 300;}
 

/* 오시는 길 */
.main_location{background-color: #aaa; padding:100px 0 150px;}
.main_location .main_tit > *{color:#fff;}
.main_location .loc_box .map_z{width:calc(100% - 420px); padding-right: 20px;}
.main_location .loc_box .map_z .root_daum_roughmap{border-radius: 50px; overflow: hidden;}
.main_location .loc_box .map_z .root_daum_roughmap .wrap_controllers{display:none;}
.main_location .loc_box .map_z .root_daum_roughmap .cont .section.lst{display: none;}
.main_location .loc_box .info_z{width:420px; background-color: #fff; padding:50px 45px; border-radius: 0 50px 50px 50px;}
.main_location .loc_box .info_z .ti{font-size:1.5em; font-weight: 800; color:#333; padding-bottom: 20px; margin-bottom: 15px; position: relative; display: inline-block; margin-top: 20px;}
.main_location .loc_box .info_z .ti:before{ content:''; position: absolute; bottom:0; left: 0;  width:80%; height: 1px; background-color: #333;}
.main_location .loc_box .info_z .tt{color:#333; margin-top: 15px;}


/*제품소개*/
.pro_wrap{}
.pro_wrap .info_box{margin-bottom: 4em;}
.pro_wrap .info_box .img_box{width: 50%; padding-right: 2.5em;}
.pro_wrap .info_box .img_box .img_z{height: 500px; width: 100%;}
.pro_wrap .info_box .product_slide{border: 1px solid #ddd; border-radius: 0 20px 20px 20px; overflow: hidden; position: relative;}
.pro_wrap .info_box .product_slide .product_control{position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 1;} 
.pro_wrap .info_box .product_slide .product_control .swiper-pagination-bullet{width: .43em; height: .43em; border-radius: 10px; background: #ddd; margin: 0 3px; opacity: 1;}
.pro_wrap .info_box .product_slide .product_control .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 1.5em; background: var(--mainColor);}
.pro_wrap .info_box .product_slide ul li{width: 100%!important;}
.pro_wrap .info_box .txt_box{width: 50%; padding: 3em 2.5em;}
.pro_wrap .info_box .txt_box .page_stt{font-weight: 400; color: #999;}
.pro_wrap .info_box .txt_box .ti{font-size: 1em; font-weight: 600; color: #666; background: #eee; margin-top: 20px; margin-bottom: 5px; display: inline-block; border-radius: 30px; padding: 3px 20px;}
.pro_wrap .cont_box .ti{font-size: 1.125em; font-weight: 600; margin-left: 20px; margin-top: 30px; margin-bottom: 5px; position: relative;}
.pro_wrap .cont_box .ti:before{content: ''; display: block; width: .43em; height: .43em; border-radius: 50%; background: var(--mainColor); position: absolute; top: 9px; left: -15px;}
.pro_wrap .cont_box .ti .c_red{font-size: 14px; font-weight: 400;}
.pro_wrap .cont_box .img_box{margin-top: 1.5em;}
.pro_wrap .cont_box .img_box > li{padding: 20px; text-align: center;}
.pro_wrap .info_box.st .txt_box{width: 100%; padding: 3em 0 0;}
.pro_wrap .img_list{margin-right: -10px; margin-bottom: 5px;}
.pro_wrap .img_list > li{width: 25%;} 
.pro_wrap .img_list > li .in{height: 100%; margin-right: 10px; border: 1px solid #ddd; padding: 10px; border-radius:5px;}
.pro_wrap .img_list > li .in .tt{font-size: 1.0625em; font-weight: 600;}
.pro_wrap .img_list > li .in .img_z{}

/*인사말*/
.about_02_02 .intro_wrap{}
.about_02_02 .intro_wrap .intro_img{width:53%; padding-right:30px;}
.about_02_02 .intro_wrap .intro_img .bgimg{ border-radius: 0 50px 50px 50px; padding:5em 2em; height: 100%; position: relative;}
.about_02_02 .intro_wrap .intro_img .bgimg .page_tt{ margin-top:-5px; font-size:3.125em; font-weight: 700; line-height: 1.2; color:#fff;}
.about_02_02 .intro_wrap .intro_txt{width: 47%; box-sizing: border-box;  padding: 6em 0 4em 3em;}
.about_02_02 .intro_wrap .intro_txt .strong{color:#111;}
.about_02_02 .intro_wrap .intro_txt .page_tt{margin-bottom: 35px; font-weight: 700; line-height: 1.4;}
.about_02_02 .intro_wrap .intro_txt .page_tx{font-size:1.2em; margin-top:20px; line-height: 1.5;}
.about_02_02 .intro_wrap .intro_txt .page_tx .st{font-style: italic;}	
.about_02_02 .intro_wrap .intro_txt .page_tx.ceo_name{text-align:right; margin-top:40px;}
.about_02_02 .intro_wrap .intro_txt .page_tx.ceo_name .tx{letter-spacing: 2px;}
.about_02_02 .intro_wrap .intro_txt .page_tx.ceo_name .in_name{font-size: 2em; margin-left: 10px; letter-spacing: 6px; font-family: var(--fs_02);}



/* 게시판 수정 */
.board_product_gallery > li .gall_box{border-radius: 5px; overflow:hidden;}
#bo_gall .gall_li .gall_box{border-radius: var(--bor_r); overflow:hidden;}