@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');


html{scroll-behavior: smooth;}
.doc{font-size: 16px; padding:5em 0 10em 0;}
.doc.st1{padding:4.950em 0 0 0;}
.box1{ width:1280px;max-width: 96%; margin:0 auto; position:relative } 
.box2{ width:1070px; max-width:96%; margin:0 auto;}
.mobile_only{display:none;}

:root { 
    --mainColor:#3551A1;
    --subColor:#E95539;
    --bor_r:3px;
	--header_H:80px;
	--fs_01: "Nanum Brush Script", serif;
}
/*header*/
#header{z-index: 200; position: fixed; top: 0; left: 0; width:100%;}
#header:before{content:""; width:100%; height:1px; background-color:transparent; position:absolute; bottom:0; left:0; z-index:10;}
#header:after{content:""; width:100%; height: 0px; background:rgb(255,255,255,.9); position: absolute; top: 0; left: 0; z-index: 1; transition: .3s;}
#header .h_wrap{position: relative; z-index: 2;}
#header .va_wrap,
#header .h_wrap > .flex{height:var(--header_H);}
#header #logo{z-index:800;}
#header #logo .a_ver{display:none;}
#header #logo .b_ver{display:block;}
#header #logo img{display:block;}
#header .gnb_wrap{position:absolute; left:50%; transform: translateX(-50%); top: 0; width: 960px;}
#header .gnb_wrap .gnb .depth1{width:160px; position: relative;}
#header .gnb_wrap .gnb .depth1 > a{font-size: 1.25em; line-height: inherit; font-weight:600; color:#fff; position: relative; letter-spacing:0}
#header .gnb_wrap .gnb .depth1 > ul{ width: 100%; transition:all .3s; position:absolute; left:50%; transform:translateX(-50%); opacity:0; height: 0; overflow: hidden; border-right:1px solid #ddd;}
#header .gnb_wrap .gnb .depth1 > ul:after {content:""; position:absolute; left:0px; top:-5px; width:100%; height:5px; background-color: var(--subColor); transform:scaleX(0); transition:0.3s; z-index:11111;}
#header .gnb_wrap .gnb .depth1:hover > ul:after{transform:scaleX(1);}

/*#header .gnb_wrap .gnb .depth1:last-child > ul{border-right:0;}*/
#header .gnb_wrap .gnb .depth1:first-child > ul{border-left:1px solid #ddd;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2:first-child a{padding-top:20px;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a{display: block; text-align:center; color:#444; font-weight:400; padding: 10px 20px; font-size:1.068em;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a:hover{color:var(--subColor) !important;}

/*.scroll #header:before, #header:hover:before, .sub #header:before{background-color:#ddd;}*/


#header.Aon:after{ height:450px; border-bottom:1px solid #ddd;}
/*#header.Aon .h_wrap{ background-color: #fff}*/
#header.Aon .gnb_wrap .gnb .depth1 ul{ opacity:1; overflow: visible; height: calc(449px - var(--header_H));}
#header.Aon .header_inq{opacity: 1; height: calc(449px - var(--header_H));}
#header.Aon .header_tel{opacity: 1; height: calc(449px - var(--header_H));}
#header.Aon .gnb_wrap .gnb .depth1 > a{color:#111;}
#header.Aon .gnb_wrap .gnb .depth1 > ul > .depth2 a{color:#111;}
#header.Aon #logo .a_ver{display:block;}
#header.Aon #logo .b_ver{display:none;}
#header.Aon .btn_gnb .a_rd{background:#666}
#header.Aon .btn_gnb .a_rd.a2{background:var(--mainColor)}

/*검색*/
#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:25px;}
/*
#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;}
*/
#header .btn_gnb .a_rd{display:block; width:100%; height: 3px; background-color: #fff; transition: .3s; position: relative;}
#header .btn_gnb .a_rd.a1{ position: absolute; top:0; left: 0;}
#header .btn_gnb .a_rd.a2{width:70%; position: absolute; top:50%; right:0; background-color:#fff}
#header .btn_gnb .a_rd.a3{position: absolute; top: 100%; left: 0;}
#header .btn_gnb:hover .a_rd.a2{width:100%;}
#header .btn_gnb.on .a_rd.a1{transform: rotate(45deg); top:50%;}
#header .btn_gnb.on .a_rd.a2{display:none;}
#header .btn_gnb.on .a_rd.a3{transform: rotate(-45deg); top:50%;}




/*스크롤 header*/
.scroll #header,
.sub #header{background-color:rgb(255,255,255,.9); /*border-bottom:1px solid #ddd;*/}
.scroll #header #logo .a_ver,
.sub #header #logo .a_ver{display:block;}
.scroll #header #logo .b_ver,
.sub #header #logo .b_ver{display:none;}
.scroll #header .gnb_wrap .gnb .depth1 > a,
.sub #header .gnb_wrap .gnb .depth1 > a{color:#222;}
.scroll #header .hd_sch_btn,
.sub #header .hd_sch_btn{color:#555;}
.scroll #header .hd_sch_wr #hd_sch,
.sub #header .hd_sch_wr #hd_sch{border-color:#ccc;}
.scroll #header .hd_sch_wr #hd_sch #sch_stx,
.sub #header .hd_sch_wr #hd_sch #sch_stx{color:#555;}
.scroll #header .hd_sch_wr #hd_sch #sch_stx::placeholder,
.sub #header .hd_sch_wr #hd_sch #sch_stx::placeholder{color:#aaa!important;}
.scroll #header .hd_login > li a,
.sub #header .hd_login > li a{color:#555;}
.scroll #header .btn_gnb .a_rd,
.sub #header .btn_gnb .a_rd{background-color:#666;}


/*탑버튼*/
.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*/
#footer{background-color:#000; padding:45px 0 25px;}
#footer .f_menu{margin-bottom:20px;}
#footer .f_menu > li a{color:#fff; opacity: .7; margin-right:30px;}
#footer .f_menu > li a:hover{opacity: .9;}
#footer .f_menu > li:last-child a{margin-right:0px;}
#footer .f_info > li{color:#fff; opacity: .6; font-weight: 300; margin-right:30px; font-size:.938em;}
#footer .f_copy{font-size:.875em; color:#fff; opacity: .4; margin-top:20px; letter-spacing: 1px; font-weight: 200;}
#footer .f_par > li{margin: 0 15px; opacity: .5}
.f_logo{max-width:100px}

/*서브 비주얼*/
.sub_v_wrap{position: relative; display:none}
#sub_visual{height:400px; 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; overflow:hidden;}
.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%, -60%); color:#fff; text-align:center; z-index: 10;}
.mainSlider .slogan .t1{ font-size:3.875em; display:block; transform:translateY(1em); opacity:0; font-weight: 600;  margin-bottom: 5px; line-height: 1.2;}
.mainSlider .slogan .t2{ font-size:1.75em; font-weight: 500; transform:translateY(1em); opacity:0; line-height: 1.5; margin-top:40px;}
.mainSlider .slogan .t3{ font-size:1.25em; font-weight: 300; transform:translateY(1em); opacity:0; line-height: 1.5; margin-top:30px;}
.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:.8; transition:1s; transition-delay:1.5s}




/*메인 영상*/

.main_vod{height:100vh; overflow: hidden; position: relative;}
.main_vod .video-container:after{content:''; width:100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.2);}
.main_vod .vod{ position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
.load .mainSlider .slogan .t1{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s}
.load .mainSlider .slogan .t2{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}
.load .mainSlider .slogan .t3{ transform:translateY(0); opacity:.8; transition:1s; transition-delay:1.5s}

* { box-sizing: border-box; }
.main_vod .video-background {background: #000;position: absolute;top: 0; right: 0; bottom: 0; left: 0;z-index: -99;}
.main_vod .video-foreground,
.main_vod .video-background iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*pointer-events: none;*/ background: url(/theme/aram_01/img/main/vod_sum.jpg) center center / cover no-repeat;}
.main_vod #vidtop-content {top: 0; color: #fff;}
.main_vod .vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
.main_vod .vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.main_vod .vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
 
@media (min-aspect-ratio: 16/9) {
  .main_vod .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .main_vod .video-foreground { width: 400%; left: -150%; }
}
@media all and (max-width: 600px) {
.main_vod .vid-info { width: 50%; padding: .5rem; }
.main_vod .vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.main_vod .vid-info .acronym { display: none; }
}
/*메인 영상*/

/*영상파일버전*/
.video-container {position: relative; width: 100%; height: 52vw; overflow: hidden;}
video {position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%);}

/* 모바일에서 최소 높이 적용 */
@media (max-width: 768px) {
    .video-container {
        min-height: 900px; /* 최소 높이를 400px로 설정 */
        height: 100vw; 
    }
}
/*영상파일버전*/



/*추가*/
.visualSlider .el.swiper-slide-active .port,
.visualSlider .el.swiper-slide-duplicate-active .port{ transform:scale(1); transition:3s}

.visualSlider_wrap{ position:relative}
.visualSlider_wrap .slogan{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); margin-top:3em; box-sizing:border-box; z-index:10; color:#fff; overflow:hidden; text-align:center}
.visualSlider_wrap .slogan .t1{ font-size:2.75em; font-weight:700}
.visualSlider_wrap .slogan .t2{ font-size:1.25em; margin:.5em 0 0 0}
.visualSlider_wrap .name{ position:absolute; left:0; width:100%; bottom:-.5em; box-sizing:border-box; z-index:10; overflow:hidden; text-align:center}
.visualSlider_wrap .name .t1{ font-size:4em; font-weight:900; text-transform:uppercase; line-height:1; letter-spacing:-1px; white-space:nowrap; word-spacing:.125em; color: transparent; -webkit-text-stroke: 1px #fff; padding-left:5em}
.visualSlider_control{ width:100%; position: absolute; left:0; bottom:2em; z-index:1111;}
.visualSlider_control .paging{ width:5em; text-align:center; color:#fff;}
.visualSlider_control .paging .swiper-pagination-current{ font-weight:700;}

.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 .mainSlide_scroll{ color: #fff; font-size: 0.85em; text-align: center; letter-spacing: 4px; font-weight: 200;}
.scroll_wrap .mainSlide_scroll_bar{ width: 1px; height: 35px; background: #fff; margin: 5px auto 0; position: relative;}
.scroll_wrap .scroll_bar {width:5px; height: 5px; background:#fff; animation: box-ani 2s linear infinite backwards; margin-left:-5px; border-radius: 50%;}

/**/
.loading_st{position:fixed; left:0; top:0; width:100%; height:100%; z-index:1001; text-align:center; transition:.3s}
.loading_st .xi:before{ content:"\ec34"; font-size:3em; color:#193988}
.load .loading_st{ display:none}

.swiperBtn{ width:1.5em; height:1.5em; position: static; display:flex; align-items:center; justify-content:center; z-index:100; cursor:pointer; font-size:1.5em; color:#111; opacity:.5; transition:.3s}
.swiperBtn.prev{ left:0}
.swiperBtn.next{ right:0}
.swiperBtn:before{font-family:xeicon}
.swiperBtn.prev:before{content:"\e93d"}
.swiperBtn.next:before{content:"\e940"}
.swiperBtn.pause:before{content:"\ea3b"}
.swiperBtn.play:before{content:"\ea3e"}
.swiperBtn:focus,
.swiperBtn:hover,
.swiperBtn.play{ opacity:1}
.swiperBtn.st1{ border:1px solid #ddd; border-radius:.25em}
.swiperBtn.ab{ position:absolute; top:50%;}
.swiperBtn.ab.prev{ transform:translate(-50%, -50%)}
.swiperBtn.ab.next{ transform:translate(50%, -50%)}
.swiperBtn.ab.in.prev{ transform:translate(.5em, -50%)}
.swiperBtn.ab.in.next{ transform:translate(-.5em, -50%)}
.swiperBtn.white{ color:#fff; opacity:1}
.swiperBtn.st1.white{ border-color:rgba(255,255,255,.5)}
.swiperBtn.st1.white:focus,
.swiperBtn.st1.white:hover,
.swiperBtn.st1.white.play{ background:#193988; border-color:rgba(255,255,255,.2)}
.swiperBtn.black{ background:rgba(0,0,0,.8); border-color:#333; color:#fff; opacity:1}
.swiperBtn.st1.black:focus,
.swiperBtn.st1.black:hover,
.swiperBtn.st1.black.play{ background:#193988; border-color:rgba(255,255,255,.2)}
.swiperBtn.s1{ font-size:1.5em}
.swiperBtn.s2{ font-size:2em}
.swiperBtn.s3{ font-size:3em}
.swiperBtn.c1{ opacity:1; background:#fff; color:#999; border:1px solid #eee}
.swiperBtn.c1:hover{ opacity:1; background:#193988; color:#fff; border-color:transparent}
.swiperBtn.c2{ background:rgba(0,0,0,.5); color:#fff; opacity:1}
.swiperBtn.c2:hover,
.swiperBtn.c2.play{ background:rgba(0,0,0,.9)}
.swiperBtn.round{ border-radius:50%}
.swiperPauseWrap .play{ display: none}
.swiperPauseWrap.pause .play{ display: flex}
.swiperPauseWrap.pause .pause{ display: none}

.slider_wrap{ position:relative}





@keyframes box-ani { 
0% {transform: translate(50%, 0);} 
100% {transform: translate(50%, 53px);}
}


/*메인 샘플용 css*/
.main_section{padding:10em 0;}
.main_section_bg{background-color: #f9f9f9;}
.main_tit{ margin-bottom: 30px; position:relative;}
.main_tit .in_en{ font-size:1.375em; margin-bottom: 10px;}
.main_tit .in_tt{ font-size:2.437em; color:#000; line-height: 1.3; position:relative;}
.main_tit .in_tx{ margin-top:1em;}
.main_tit .in_ttA{font-size:2.250em;}
.main_tit .in_ttB{font-size:3.250em; font-weight:400; line-height:1.1; margin-top:.57em;}
.main_more{text-align:center;}
.main_more a{display: inline-block; padding:13px 50px; border:1px solid #ccc; transition: .3s; color:#888; font-size:1.125em; border-radius: 50px; margin-top: 40px;}.main_more a:hover{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;}


/**/
.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.750em; font-weight: 600; margin-top:1em;}
.page_stt{font-size:1.45em; font-weight: 600;}
.page_tx{font-size:1em; font-weight: 300;}
.page_stx{font-size:1em; font-weight: 300;}




/*=========================================
메인컨텐츠시작
===========================================*/
.c1{color:var(--mainColor);}
.c2{color:var(--subColor);}
.db{display:block}

.main_tit .in_tx{ font-size:1.250em; color:#000;}
.section01 .main_tit:before{content:""; position:absolute; background:#E3F1FF; width:5em; height:5em; border-radius:50%; left:56em; top:-1em;}
.section04 .main_tit:before{content:""; position:absolute; background:#E3F1FF; width:5em; height:5em; border-radius:50%; left:50em; top:-1em;}
.section03 .main_tit:before{content:""; position:absolute; background:#E95539; width:5em; height:5em; border-radius:50%; left:43.5em; top:-1em;}


.section01{background-image:url(/theme/aram_01/img/main/main_bg01.png); background-size:cover;}
.section01 .conImg01{margin-top:3em;}
.bus_01_02{ text-align: center;}
.bus_01_02 .page_tt{font-size: 2.825em;
font-weight: 700;}
.bus_01_02 .page_stt{margin-top:15px; font-weight: 300;}
.bus_01_02 .bus_cont{margin-top:60px;}
.bus_01_02 .bus_cont > li{position: relative;}
.bus_01_02 .bus_cont > li:before{ content:""; background:rgba(233, 85, 57,.9); position:absolute; left:25px; top:5px; width:110px; height:110px; border-radius:50%;}
.bus_01_02 .bus_cont > li .in{width:110px; height:110px; border:2px solid #e95539; border-radius: 50%; margin:0 20px; position: relative; padding:1em;}
.bus_01_02 .bus_cont > li:before{content:""; background:rgba(233, 85, 57,.2); }
.bus_01_02 .bus_cont > li:not(:last-child) .in:after{content:'';width: 40px;height: 1px;border-top:2px solid #e95539;position: absolute;top:50%;left: 100%;}
.bus_01_02 .bus_cont > li .in .in_stt{font-weight: 500; margin-bottom: 5px; color:#e95539; font-size:.875em;}
.bus_01_02 .bus_cont > li .in .in_stx{font-size:.750em; font-weight:600; color:#e95539;}

.section02{background:#E3F1FF;}
.bus_02_02 .giup_list .list_box{margin:1em 0;}
.bus_02_02 .giup_list .list_box .text_box{flex:50%; padding-left:3em; margin-bottom: auto; margin-top: auto;}
.bus_02_02 .giup_list .list_box .text_box .title { margin-bottom:10px;}
.bus_02_02 .giup_list .list_box .text_box .title .t1{font-size:2.750em; font-weight:700; color:#3551A1}
.bus_02_02 .giup_list .list_box .text_box .title .t2 {font-size:1.125em; font-weight:700; color:#21409a; letter-spacing: .5px; margin:5px 0 15px;}
.bus_02_02 .giup_list .list_box .text_box > span{font-size:12px; color:#676767; display:inline-block; margin-top:2em; line-height:1.4; letter-spacing:0;}
.bus_02_02 .giup_list .list_box .text_box > span > em{font-weight:600}
.bus_02_02 .giup_list .list_box .t_img{flex:50%;}
.bus_02_02 .giup_list .list_box .t_img .in_img{width:93%; height:480px; background-size:contain}
.bus_02_02 .giup_list .list_box.rev .text_box{padding-left:0; padding-right: 4em;}
.bus_02_02 .giup_list .list_box.rev .t_img .in_img{ margin-left: auto;}
.moreBtn{border:2px solid #3551A1; display:block; width:38px; height:38px; text-align:center; border-radius:50%; margin-top:2em;}
.moreBtn .xi{color:#3551A1; line-height:35px; font-size:.938em; transition:.3s all;}
.moreBtn:hover{background:#3551A1;}
.moreBtn:hover .xi{color:#fff;}

.section03{background-image:url(/theme/aram_01/img/main/main_bg02.jpg); background-size:contain; background-position:bottom center; background-repeat:no-repeat; background-color:#3651a2;}
.section03 .main_tit > *{color:#fff;}
.section03 .moreBtn{display:inline-block; border-color:#fff; transition:.3s all;}
.section03 .moreBtn .xi{color:#fff !important;}
.section03 .moreBtn:hover{background:#fff;}
.section03 .moreBtn:hover .xi{color:#3551A1 !important;}
.section03 .bus_03_01{margin-top:5em;}
.section03 .bus_03_01 > ul{gap:3em;}
.section03 .bus_03_01 > ul .in{background:#fff;}
.section03 .bus_03_01 .tt{font-size:1.750em; font-weight:700; color:#3551A1; padding:1em 1.5em 1em 1em; line-height:1.4}
.section03 .bus_03_01 .tx{font-size:.938em; color:#fff; line-height:1.7; margin-top:2em; letter-spacing:0;}
.section03 .bus_03_01 > ul li{width:calc(33.33% - 3em)}
.section03 .bus_03_01 > ul li:nth-child(2){margin-top:5em;}
.section03 .bus_03_01 > ul li:nth-child(3){margin-top:10em;}


.section04 .circle01{width:5em; height:5em; background:#E3F1FF; position:absolute; left:4.2em; top:12em; border-radius:50%;}
.section04 .circle02{width:5em; height:5em; background:#E3F1FF; position:absolute; right:10em; bottom:-2em; border-radius:50%;}
#bo_gall{border-top:2px solid #111; border-bottom:2px solid #111; position:relative; margin-top:2em;}
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul {margin-top:20px; margin-right:-20px}
#bo_gall .gall_li{  margin-bottom:20px;}
#bo_gall .gall_li .gall_box { position: relative; margin-right:20px; transition: .3s; height: 100%;}
#bo_gall .gall_li .gall_box:hover {box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}
#bo_gall .gall_li .gall_box .gall_chk {position:absolute; top:5px; left:5px; padding:5px; z-index:1}
#bo_gall .gall_li .gall_box .gall_con {position:relative; overflow: hidden;}
#bo_gall .gall_li .gall_img {text-align:center; overflow:hidden;}
#bo_gall .gall_li .gall_img a{height:100%;}
#bo_gall .gall_li .gall_img img,
#bo_gall .gall_li .gall_img video {max-width:100%;}
#bo_gall .gall_li .no_image{font-size:1.25em; color:#ccc; font-weight: 600; width:100%; height:100%; background-color:#E3F1FF;}
#bo_gall .gall_li .no_image .xi{font-size:2.5em; display: block; line-height: 1;}
#bo_gall .gall_li .gall_hover{padding:10px 15px; position:absolute; width:calc(100% + 2px); height:calc(100% + 2px); background:rgb(9 27 130 / 80%); left:-1px; bottom:-101%; transition:all .4s; text-align: center; color:#fff;}
#bo_gall .gall_li .gall_hover .bo_cate_link{color:rgba(255,255,255,.7)!important; margin-bottom: 5px;}
#bo_gall .gall_li .gall_hover .bo_tit{font-weight:500; font-size: 1.375em;}
#bo_gall .gall_li .gall_hover .bo_cnt{color:#666; font-size:.938em; margin-top:5px; line-height: 1.4;}
#bo_gall .gall_li .gall_hover .bo_cnt br{display:none;}
#bo_gall .gall_li .gall_hover .gall_info{margin-top:10px;}
#bo_gall .gall_li .gall_hover .gall_info > li{font-size:.875em; margin-right:7px; color:rgba(255,255,255,.5);}
#bo_gall .gall_li .gall_hover .gall_info > li .xi{vertical-align: middle;}
#bo_gall .gall_li .gall_box .gall_con:hover .gall_hover{bottom:0;}
.gall_row .col-gn-0,
.gall_row .col-gn-1 {width:100%}
.gall_row .col-gn-2 {width:calc(100% / 2);}
.gall_row .col-gn-3 {width:calc(100% / 3);}
.gall_row .col-gn-4 {width:calc(100% / 4);}
.gall_row .col-gn-5 {width:calc(100% / 5);}
.gall_row .col-gn-6 {width:calc(100% / 6);}
.gall_row .col-gn-7 {width:calc(100% / 7);}
.gall_row .col-gn-8 {width:calc(100% / 8);}
.gall_row .col-gn-9 {width:calc(100% / 9);}
.gall_row .col-gn-10 {width:calc(100% / 10);}
.gall_row .box_clear {clear:both}

.section05{padding-top:3em}
.section05 .main_tit,
.partnersW .main_tit{position:relative; padding:3em 0;}
.section05 .main_tit:before,
.partnersW .main_tit:before{content:""; width:30px; height:2px; background:#111; position:absolute; top:0; left:50%; transform: translateX(-50%) rotate(-40deg); margin-left:0;}
.section05 .main_tit:after,
.partnersW .main_tit:after{content:""; width:30px; height:2px; background:#111; position:absolute; bottom:0; left:50%; transform: translateX(-50%) rotate(-40deg); margin-left:0;}


/*상단 헤더 메뉴 하단 앵커 높이값*/
.sc_st{scroll-margin-top: 80px;}  

/*회사소개*/
.companyW .introW{background:url(../img/sub/sub_v_img00.jpg) no-repeat center center; padding:8em 0; background-size:cover; margin-bottom:8em}
.companyW{background:url(../img/sub/company_img01.png) no-repeat bottom center; padding-bottom:8em}
.greetW dl{gap:3.250em; margin-top:5em;}
.greetW dl dt{font-size:2em; color:var(--mainColor); line-height:1.4; font-weight:500; width:30%;}
.greetW dl dd > p{font-size:1.250em; margin-bottom:1.5em;}
.greetW dl:nth-child(1) .c1{display:inline-block; position:relative;}
.greetW dl:nth-child(1) .c1:after{width:100%; content:""; height:1px; background:var(--mainColor); position:absolute; left:0; bottom:0;}
.greetW dl:nth-child(2){padding-left:35%}
.greetW dl:nth-child(2) dt{width:20%;}
.greetW dl:nth-child(2) dd{width:70%}
.greetW dl:nth-child(2) ul > li > i{width:6em; height:1px; background:var(--mainColor);}
.greetW dl:nth-child(2) ul > li{font-size:1.125em; font-weight:500;}
.greetW dl:nth-child(2) .state{margin-right:1em; width:4em;}
.greetW dl:nth-child(2) .state_tx{margin-left:1em;}

/*연혁*/
.subTitle{color:var(--mainColor); font-size:2.375em; width:20%;}
.historyW{background:url(../img/sub/brand_bg02.png) no-repeat center 80%;}
.historyW .introW{background:#E3F1FF; padding:3em 0; border-bottom:10px solid #3551A1;}
.historyW .introW dl dt{padding:0 5em;}
.historyW .introW .t1{font-family:"Outfit", sans-serif; font-weight:bold; letter-spacing:1px; font-size:1.063em; border:1px solid #3551A1; color:#3551A1; background:#fff; padding:.5em 1em; border-radius:20px; display:inline-block; line-height:1.1;}
.historyW .introW .t2{font-size:2em; font-weight:600; color:var(--mainColor); padding:1em 0;}
.historyW .introW .t3{color:#111; font-size:1.125em;}

.his_tit .in {vertical-align:top; color:#1da1f2; font-family:'notokrB';}
.history_area{ position:relative; padding-top:8em}
.history_area .history_lst{ margin-left:190px; }
.history_area .history_lst .list{ *zoom:1; padding:.5em 0;}
.history_area .history_lst .list:after{ content:""; display:block; clear:both;}
.history_area .history_lst .list:first-child{ margin-top:0;}
.history_area .history_lst .list dt{ float:left; width:125px; margin:0 0 0 -145px;  text-align:right; position:relative}
.history_area .history_lst .list dt span{ display:inline-block; *display:inline; zoom:1; letter-spacing:-1px;}
.history_area .history_lst .list dt .year {font-family:"Outfit", sans-serif; font-size:2.250em; color:#3551A1; margin:-5px 0 0 0; font-weight:700;}
.history_area .history_lst .list dd{ font-size:16px; margin-left:-10px; padding:5px 0 5px 40px; line-height:24px;}
.history_area .history_lst .list dd.first { margin-left:-10px; padding:0 0 5px 40px; line-height:21px;font-size: 1em;}
.history_area .history_lst .list dd p{position:relative; padding:.5em 0 .5em 1em; font-size:1.125em;}
.history_area .history_lst .list dd p:before{content:""; background:var(--subColor); width:3px; height:3px; position:absolute; left:0; top:50%;}
.history_area .history_lst .list.st1 dt .year{color:#9E9E9E !important;}


/*인증서*/
.certiW .introW{background:url(../img/sub/sub_v_img2.jpg) no-repeat center center; padding:6em 0; background-size:cover}
.certiW .introW dl dd,
.techW.st3 .introW dl dd{color:#fff; font-size:3em; font-weight:500; text-shadow:1px 1px 8px rgba(0,0,0,0.25);}
.photo_Wrap .vm_wrap{display:block;text-align:center;white-space:nowrap;}
.photo_Wrap .vm_wrap:before{ content:""; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100%;}
.photo_Wrap .vm_tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-width:100%; height:auto; white-space:normal; box-sizing:border-box;}
.photo_Wrap .vm_wrap img{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-height:100%;}

.photo_Wrap .resize{ display:block; height:0; padding-bottom:100%; position:relative}

.photo_Wrap{margin:3em 0 8em;}
.photo_Wrap .list{ gap:2em; flex-wrap:wrap;}
.photo_Wrap .list li{ width: calc( 25% - 2em);}
.photo_Wrap .list li .in{ display: block;}
.photo_Wrap .list li .in .img_w{ width: 100%; height:350px; border: 1px solid #111; overflow: hidden;}
.photo_Wrap .list li .in .img_w .vm_wrap{ box-sizing: border-box;}
.photo_Wrap .list li .in .img_w img{ transition: 0.3s;}
.photo_Wrap .list li .in .txt_w { height:4em; padding: 1em 0;}
.photo_Wrap .list li .in .txt_w .t1{ /*text-overflow: ellipsis; overflow: hidden; white-space: nowrap; */font-weight: 500; font-size:.938em; color: #333;}
.photo_Wrap .list li .in .txt_w .t2{ padding-top: .8em;}
.photo_Wrap .list li .in .txt_w .t2 .xi{ font-size: 1.063em; padding-right: 3px; color: #666; vertical-align: middle;}
.photo_Wrap .list li .in .txt_w .t2 .tt{ font-size: .875em; letter-spacing: -.1px; color: #666; vertical-align: middle;}
.photo_Wrap .list li .in:hover .img_w img{transform: scale(1.1, 1.1);}
.photo_Wrap .list li .edit_btn_wrap{ margin-top: 15px;}


/*오시는길*/
.mapW{background:url("../img/sub/brand_bg03.png") no-repeat bottom center; background-color:#f8f8f8; padding-bottom:15em;}
.mapW .subTitle.st1{padding:2em 0 1em 0}
.subTitle.st1{width:auto; color:#000;}
.mapW .subTitle .t1{font-size:2rem; padding-top:2em; color:var(--mainColor); position:relative; display:inline-block}
.mapW .subTitle .t1:before{content:""; position:absolute; left:0; bottom:0; background:var(--mainColor); width:100%; height:1px;}
.root_daum_roughmap .cont{display:none}
.contactW{ padding:2em 0}
.contactW dl dt{font-family:"Outfit", sans-serif; font-size:2.375em; width:50%;}
.contactW dl dt .line{width:100%; height:1px; background:#000; margin-left:.5em;}
.contactW dl dd{width:50%;}
.contactW dl dd .tx{ padding-top:4em; font-size:1.250em}
.contactW dl dd .tt{ margin-right:1em;}
.contactW .infoW{margin-top:3em; margin-left:10em; border-top:1px solid #000; padding-top:1em}
.contactW .infoW > li{width:50%; font-size:1.250em}
.contactW .infoW > li > div,
.contactW .infoR div > p{padding-bottom:5px;}
.contactW .infoW .state{width:5em; display:inline-block;}
.contactW .infoW .infoL div:nth-child(1) .state,
.contactW .infoW .infoL div:nth-child(2) .state{letter-spacing:15px}
.contactW .infoR > span{margin-right:2em}

/*시설소개*/
.techW.st1{background:url("../img/sub/tech_bg01.png") no-repeat bottom center; padding-bottom:10em;}
.techW .introW{background:url(../img/sub/sub_v_img3.jpg) no-repeat center center; padding:6em 0; background-size:cover; margin-bottom:8em;}
.techW .introW dl dt,
.busiW .introW dl dt,
.companyW .introW dl dt{color:#fff; font-size:3em; font-weight:500; text-shadow:1px 1px 8px rgba(0,0,0,0.25);}
.techW .introW dl dd,
.busiW .introW dl dd,
.companyW .introW dl dd{color:#fff; font-size:1.250em; font-weight:500; text-shadow:1px 1px 8px rgba(0,0,0,0.25);}
.techW .main_tit .in_tx{margin-top:3em;}
.techW .countW{margin-top:5em}
.techW .countW ul li{border-left:1px solid #3551A1; width:25%; text-align: center;}
.techW .countW ul li:last-child{border-right:1px solid #3551A1}
.techW .countW ul li:nth-child(3) .in p{font-size:2rem;}
.techW .countW ul li:nth-child(3) .in em{font-size:1.250rem;}
.techW .countW .in{background:#f8f8f8; margin:0 10px; height:8em; position:relative;}
.techW .countW .in:after{content:"+"; position:absolute; left:50%; top:-.8em; color:var(--mainColor); font-weight:600; font-size:2em; transform:translateX(-50%);}
.techW .countW .in > span{font-size:1.250em;}
.techW .countW .in > p{font-size:2.570em;}

/*생산공정*/
.techW.st2{background:url("../img/sub/tech_bg01.png") no-repeat bottom center; padding-top:6em; padding-bottom:10em;}
.fwSt{position:relative;}
.fwSt:before{content:""; width:100%; height:2px; background:var(--subColor); position:absolute; left:0; bottom:0;}
.techW.st2 .countW ul li{border-left:1px solid #E95539; width:35%; text-align: center;}
.techW.st2 .countW .in{ height:10.5em;}
.techW.st2 .countW .in > span{font-size:1.750em;}
.techW.st2 .countW .in > p{font-size:1.125em;}
.techW.st2 .countW .in > em{font-family: "Outfit", sans-serif; color:#B7B7B7; margin-top:1em; font-weight:bold;}
.techW.st2 .countW .in:after{color:var(--subColor)}
.techW.st2 .countW ul li:last-child{border-right:1px solid #E95539}

/**/
.stepW{margin-top:5em;}
.stepW ul{flex-wrap:wrap; gap:0 5em; background:url("../img/sub/step_img.png") no-repeat; background-position:50%;}
.stepW ul li{flex:calc(40% - 2em);}
.stepW .in .num{font-family:"Outfit", sans-serif; text-transform:uppercase; font-size:.938em;}
.stepW .in .tt{font-size:1.750em;}
.stepW .in{background:#E3F1FF; border-radius:0 0 0 30px; height:12em; overflow:hidden;}
.stepW .in .tBox{position:relative; padding:2em; flex:1;}
.stepW .in .icon{position:absolute; right:1em; bottom:1em;}
.stepW ul li:nth-child(even){margin-top:5.5em;}
.techW.st3{background:url(../img/sub/tech_bg02.png) no-repeat center center;}
.techW.st3 .introW{background:url(../img/sub/sub_v_img4.jpg) no-repeat center center; background-color:#d1cfd0}
.techW.st3 .main_tit {margin-top:5em;}
.techW.st3 .main_tit .in_ttB,
.partnersW .main_tit .in_ttB{margin-top:0;}

/*조직도*/
.orgW{margin:8em 0;}
.orgW .imgWrap{padding:3em; margin-top:-5em;}
.orgW .table_wrap .bg1{background:#e3f1ff;}
.orgW .table_wrap .board_st{border:none; font-size:1.063em;}
.orgW .table_wrap .board_st td{border-right:1px solid #111; border-color:#111;} 
.orgW .table_wrap .board_st td:last-child{border-right:none;}
.orgW .board_st tbody tr:hover:after{display:none;}
.orgW .board_st th{border-color:#111;}

/*사업현황*/
.busiW .introW{background:url(../img/sub/sub_v_img5.jpg) no-repeat center center; padding:6em 0; background-size:cover; margin-bottom:8em;}
.busiW .busi_tit{background:#D6E4FF; color:var(--mainColor); font-size:1.750em; border-radius:40px; padding:.3em 1em;  margin:3em 0 2em 0; display:inline-block;}
.busiW .busiBox{text-align:center;}
.busiW .busiBox ul{flex-wrap:wrap; gap:3em 2em;}
.busiW .busiBox ul li{width:calc(25% - 2em);}
.busiW .busiBox .img{padding-top:.5em;}
.busiW .busiBox .tt{font-size:1.250em; color:var(--mainColor); border-bottom:1px solid var(--mainColor); font-weight:600; padding-bottom:.5em;}
.busiW .busiBox .tx{padding-top:1em;}

/*협력사*/
.partnersW{margin-top:10em; background:url(../img/sub/busi_bg01.png) no-repeat bottom center; background-size:cover}
.partnersW .tit_tx{font-size:1.250em; padding:2em 0}
.partner ul {flex-wrap:wrap; gap:1em 0;}
.partner ul li {border-bottom:1px solid #cdcdcd; width:33.33%;}
.partner ul li div {border-right:1px solid #cdcdcd; margin-bottom:1em;}
.partner ul li div .img { padding:10px; box-sizing:border-box; display:table; width:100%; text-align:center;}
.partner ul li div .img span { display:table-cell; vertical-align:middle; height:80px; }
.partner ul li div .img img { max-height:58%; }
.partner ul li:nth-child(3n) div{border-right:none;}
.partner ul li:last-child div{border-right:none;}


#bo_w, #bo_list, #bo_v, #ctt_con{margin-top:10em; padding-bottom:10em;}


/*기타사례*/
.videoW{background:url(../img/sub/busi_bg02.png) no-repeat center bottom; background-size:cover;}
.video-section{padding: 8em 0; text-align: center;}
.video-section .inner {width: 1280px; max-width: 94%; margin: 0 auto;}
.video-section h2 {font-size: 28px; font-weight: 600; margin-bottom: 40px;}
.youtube-container {position: relative; width: 100%; padding-bottom: 56.25%; height: 0;overflow: hidden; border-radius:10px; box-shadow: 0 4px 20px rgba(0,0,0,0.1);}
.youtube-container iframe {position: absolute; top: 0; left: 0; width: 100%;  height: 100%;}



.bus_02_02 .giup_list .list_box .t_img{position: relative}
.circle {width: 59px; height: 59px; background: #E95539; border-radius: 50%; display: block; position: absolute; left: 40px; top: 40px; opacity: 0; transform: translateY(50px) scale(0.9); transition: transform 0.2s ease-out, opacity 0.6s ease-out;}
.circle.st2{top:60px; left:55px;}
.circle.active {opacity: 1;}


/*

.downAni{ animation-name:downAni; animation-duration:3s; animation-iteration-count:infinite}
@keyframes downAni{
40% { transform:translateY(0)}
60% { transform:translateY(1em)}
80% { transform:translateY(0)}
}
*/