@charset "euc-kr";
/* CSS Document */
/*기본화면*/
html{min-width:1260px;}
/*공통*/
.inner{width:1000px; margin:0 auto; position:relative;}
.txt_blind{display:none;}
.t_blue{color:#25aaff;}
.cf:after{display:block; content:""; clear:both;}
a:hover{color:inherit;}
.yellow{color:#fee78c;}
.blue{color:#6e8dcb;}
/*font*/
/* cursor */
.hand{cursor:pointer !important;}
/* txt_align */
.txt_c, .text_c, .txt_center, .text_center{text-align:center !important;}
.txt_l, .text_l, .txt_left, .text_left{text-align:left !important;}
.txt_r, .text_r, .txt_right, .text_right{text-align:right !important;}
.txt_j, .text_j, .txt_justify, .text_justify{text-align:justify !important;}
/* padding 지우기 */
.pdx, .pd0, .pd_x, .pd_0, .px, .p0, .p_x, .p_0{padding:0 !important;}
.pdrx, .pdr0, .pdr_x, .pdr_0, .prx, .pr0, .pr_x, .pr_0{padding-right:0 !important;}
.pdlx, .pdl0, .pdl_x, .pdl_0, .plx, .pl0, .pl_x, .pl_0{padding-left:0 !important;}
.pdtx, .pdt0, .pdt_x, .pdt_0, .ptx, .pt0, .pt_x, .pt_0{padding-top:0 !important;}
.pdbx, .pdb0, .pdb_x, .pdb_0, .pbx, .pb0, .pb_x, .pb_0{padding-bottom:0 !important;}
/* padding */
.pdt1, .pt1{padding-top:1px !important;}
.pdt2, .pt2{padding-top:2px !important;}
.pdt3, .pt3{padding-top:3px !important;}
.pdt4, .pt4{padding-top:4px !important;}
.pdt5, .pt5{padding-top:5px !important;}
.pdt6, .pt6{padding-top:6px !important;}
.pdt7, .pt7{padding-top:7px !important;}
.pdt8, .pt8{padding-top:8px !important;}
.pdt9, .pt9{padding-top:9px !important;}
.pdt10, .pt10{padding-top:10px !important;}
.pdt15, .pt15{padding-top:15px !important;}
.pdt20, .pt20{padding-top:20px !important;}
.pdt25, .pt25{padding-top:25px !important;}
.pdt30, .pt30{padding-top:30px !important;}
.pdt35, .pt35{padding-top:35px !important;}
.pdt40, .pt40{padding-top:40px !important;}
.pdt45, .pt45{padding-top:45px !important;}
.pdt50, .pt50{padding-top:50px !important;}
.pdt55, .pt55{padding-top:55px !important;}
.pdt60, .pt60{padding-top:60px !important;}
.pdt65, .pt65{padding-top:65px !important;}
.pdt70, .pt70{padding-top:70px !important;}
.pdt75, .pt75{padding-top:75px !important;}
.pdt80, .pt80{padding-top:80px !important;}
.pdt85, .pt85{padding-top:85px !important;}
.pdt90, .pt90{padding-top:90px !important;}
.pdt95, .pt95{padding-top:95px !important;}
.pdt100, .pt100{padding-top:100px !important;}
.pdb1, .pb1{padding-bottom:1px !important;}
.pdb2, .pb2{padding-bottom:2px !important;}
.pdb3, .pb3{padding-bottom:3px !important;}
.pdb4, .pb4{padding-bottom:4px !important;}
.pdb5, .pb5{padding-bottom:5px !important;}
.pdb6, .pb6{padding-bottom:6px !important;}
.pdb7, .pb7{padding-bottom:7px !important;}
.pdb8, .pb8{padding-bottom:8px !important;}
.pdb9, .pb9{padding-bottom:9px !important;}
.pdb10, .pb10{padding-bottom:10px !important;}
.pdb15, .pb15{padding-bottom:15px !important;}
.pdb20, .pb20{padding-bottom:20px !important;}
.pdb25, .pb25{padding-bottom:25px !important;}
.pdb30, .pb30{padding-bottom:30px !important;}
.pdb35, .pb35{padding-bottom:35px !important;}
.pdb40, .pb40{padding-bottom:40px !important;}
.pdb45, .pb45{padding-bottom:45px !important;}
.pdb50, .pb50{padding-bottom:50px !important;}
.pdb55, .pb55{padding-bottom:55px !important;}
.pdb60, .pb60{padding-bottom:60px !important;}
.pdb65, .pb65{padding-bottom:65px !important;}
.pdb70, .pb70{padding-bottom:70px !important;}
.pdb75, .pb75{padding-bottom:75px !important;}
.pdb80, .pb80{padding-bottom:80px !important;}
.pdb85, .pb85{padding-bottom:85px !important;}
.pdb90, .pb90{padding-bottom:90px !important;}
.pdb95, .pb95{padding-bottom:95px !important;}
.pdb100, .pb100{padding-bottom:100px !important;}
.pdl1, .pl1{padding-left:1px !important;}
.pdl2, .pl2{padding-left:2px !important;}
.pdl3, .pl3{padding-left:3px !important;}
.pdl4, .pl4{padding-left:4px !important;}
.pdl5, .pl5{padding-left:5px !important;}
.pdl6, .pl6{padding-left:6px !important;}
.pdl7, .pl7{padding-left:7px !important;}
.pdl8, .pl8{padding-left:8px !important;}
.pdl9, .pl9{padding-left:9px !important;}
.pdl10, .pl10{padding-left:10px !important;}
.pdl15, .pl15{padding-left:15px !important;}
.pdl20, .pl20{padding-left:20px !important;}
.pdl25, .pl25{padding-left:25px !important;}
.pdl30, .pl30{padding-left:30px !important;}
.pdl35, .pl35{padding-left:35px !important;}
.pdl40, .pl40{padding-left:40px !important;}
.pdl45, .pl45{padding-left:45px !important;}
.pdl50, .pl50{padding-left:50px !important;}
.pdl55, .pl55{padding-left:55px !important;}
.pdl60, .pl60{padding-left:60px !important;}
.pdl65, .pl65{padding-left:65px !important;}
.pdl70, .pl70{padding-left:70px !important;}
.pdl75, .pl75{padding-left:75px !important;}
.pdl80, .pl80{padding-left:80px !important;}
.pdl85, .pl85{padding-left:85px !important;}
.pdl90, .pl90{padding-left:90px !important;}
.pdl95, .pl95{padding-left:95px !important;}
.pdl100, .pl100{padding-left:100px !important;}
.pdr1, .pr1{padding-right:1px !important;}
.pdr2, .pr2{padding-right:2px !important;}
.pdr3, .pr3{padding-right:3px !important;}
.pdr4, .pr4{padding-right:4px !important;}
.pdr5, .pr5{padding-right:5px !important;}
.pdr6, .pr6{padding-right:6px !important;}
.pdr7, .pr7{padding-right:7px !important;}
.pdr8, .pr8{padding-right:8px !important;}
.pdr9, .pr9{padding-right:9px !important;}
.pdr10, .pr10{padding-right:10px !important;}
.pdr15, .pr15{padding-right:15px !important;}
.pdr20, .pr20{padding-right:20px !important;}
.pdr25, .pr25{padding-right:25px !important;}
.pdr30, .pr30{padding-right:30px !important;}
.pdr35, .pr35{padding-right:35px !important;}
.pdr40, .pr40{padding-right:40px !important;}
.pdr45, .pr45{padding-right:45px !important;}
.pdr50, .pr50{padding-right:50px !important;}
.pdr55, .pr55{padding-right:55px !important;}
.pdr60, .pr60{padding-right:60px !important;}
.pdr65, .pr65{padding-right:65px !important;}
.pdr70, .pr70{padding-right:70px !important;}
.pdr75, .pr75{padding-right:75px !important;}
.pdr80, .pr80{padding-right:80px !important;}
.pdr85, .pr85{padding-right:85px !important;}
.pdr90, .pr90{padding-right:90px !important;}
.pdr95, .pr95{padding-right:95px !important;}
.pdr100, .pr100{padding-right:100px !important;}
/* margin 지우기 */
.mg0, .mgx, .mg_0, .mg_x, .m0, .mx, .m_0, .m_x{margin:0 !important;}
.mgb0, .mgbx, .mgb_0, .mgb_x, .mb0, .mbx, .mb_0, .mb_x{margin-bottom:0 !important;}
.mgt0, .mgtx, .mgt_0, .mgt_x, .mt0, .mtx, .mt_0, .mt_x{margin-top:0 !important;}
.mgl0, .mglx, .mgl_0, .mgl_x, .ml0, .mlx, .ml_0, .ml_x{margin-left:0 !important;}
.mgr0, .mgrx, .mgr_0, .mgr_x, .mr0, .mrx, .mr_0, .mr_x{margin-right:0 !important;}
/* margin */
.mgt1, .mt1{margin-top:1px !important;}
.mgt2, .mt2{margin-top:2px !important;}
.mgt3, .mt3{margin-top:3px !important;}
.mgt4, .mt4{margin-top:4px !important;}
.mgt5, .mt5{margin-top:5px !important;}
.mgt6, .mt6{margin-top:6px !important;}
.mgt7, .mt7{margin-top:7px !important;}
.mgt8, .mt8{margin-top:8px !important;}
.mgt9, .mt9{margin-top:9px !important;}
.mgt10, .mt10{margin-top:10px !important;}
.mgt15, .mt15{margin-top:15px !important;}
.mgt20, .mt20{margin-top:20px !important;}
.mgt25, .mt25{margin-top:25px !important;}
.mgt30, .mt30{margin-top:30px !important;}
.mgt35, .mt35{margin-top:35px !important;}
.mgt40, .mt40{margin-top:40px !important;}
.mgt45, .mt45{margin-top:45px !important;}
.mgt50, .mt50{margin-top:50px !important;}
.mgt55, .mt55{margin-top:55px !important;}
.mgt60, .mt60{margin-top:60px !important;}
.mgt65, .mt65{margin-top:65px !important;}
.mgt70, .mt70{margin-top:70px !important;}
.mgt75, .mt75{margin-top:75px !important;}
.mgt80, .mt80{margin-top:80px !important;}
.mgt85, .mt85{margin-top:85px !important;}
.mgt90, .mt90{margin-top:90px !important;}
.mgt95, .mt95{margin-top:95px !important;}
.mgt100, .mt100{margin-top:100px !important;}
.mgb1, .mb1{margin-bottom:1px !important;}
.mgb2, .mb2{margin-bottom:2px !important;}
.mgb3, .mb3{margin-bottom:3px !important;}
.mgb4, .mb4{margin-bottom:4px !important;}
.mgb5, .mb5{margin-bottom:5px !important;}
.mgb6, .mb6{margin-bottom:6px !important;}
.mgb7, .mb7{margin-bottom:7px !important;}
.mgb8, .mb8{margin-bottom:8px !important;}
.mgb9, .mb9{margin-bottom:9px !important;}
.mgb10, .mb10{margin-bottom:10px !important;}
.mgb15, .mb15{margin-bottom:15px !important;}
.mgb20, .mb20{margin-bottom:20px !important;}
.mgb25, .mb25{margin-bottom:25px !important;}
.mgb30, .mb30{margin-bottom:30px !important;}
.mgb35, .mb35{margin-bottom:35px !important;}
.mgb40, .mb40{margin-bottom:40px !important;}
.mgb45, .mb45{margin-bottom:45px !important;}
.mgb50, .mb50{margin-bottom:50px !important;}
.mgb55, .mb55{margin-bottom:55px !important;}
.mgb60, .mb60{margin-bottom:60px !important;}
.mgb65, .mb65{margin-bottom:65px !important;}
.mgb70, .mb70{margin-bottom:70px !important;}
.mgb75, .mb75{margin-bottom:75px !important;}
.mgb80, .mb80{margin-bottom:80px !important;}
.mgb85, .mb85{margin-bottom:85px !important;}
.mgb90, .mb90{margin-bottom:90px !important;}
.mgb95, .mb95{margin-bottom:95px !important;}
.mgb100, .mb100{margin-bottom:100px !important;}
.mgl1, .ml1{margin-left:1px !important;}
.mgl2, .ml2{margin-left:2px !important;}
.mgl3, .ml3{margin-left:3px !important;}
.mgl4, .ml4{margin-left:4px !important;}
.mgl5, .ml5{margin-left:5px !important;}
.mgl6, .ml6{margin-left:6px !important;}
.mgl7, .ml7{margin-left:7px !important;}
.mgl8, .ml8{margin-left:8px !important;}
.mgl9, .ml9{margin-left:9px !important;}
.mgl10, .ml10{margin-left:10px !important;}
.mgl15, .ml15{margin-left:15px !important;}
.mgl20, .ml20{margin-left:20px !important;}
.mgl25, .ml25{margin-left:25px !important;}
.mgl30, .ml30{margin-left:30px !important;}
.mgl35, .ml35{margin-left:35px !important;}
.mgl40, .ml40{margin-left:40px !important;}
.mgl45, .ml45{margin-left:45px !important;}
.mgl50, .ml50{margin-left:50px !important;}
.mgl55, .ml55{margin-left:55px !important;}
.mgl60, .ml60{margin-left:60px !important;}
.mgl65, .ml65{margin-left:65px !important;}
.mgl70, .ml70{margin-left:70px !important;}
.mgl75, .ml75{margin-left:75px !important;}
.mgl80, .ml80{margin-left:80px !important;}
.mgl85, .ml85{margin-left:85px !important;}
.mgl90, .ml90{margin-left:90px !important;}
.mgl95, .ml95{margin-left:95px !important;}
.mgl100, .ml100{margin-left:100px !important;}
.mgr1, .mr1{margin-right:1px !important;}
.mgr2, .mr2{margin-right:2px !important;}
.mgr3, .mr3{margin-right:3px !important;}
.mgr4, .mr4{margin-right:4px !important;}
.mgr5, .mr5{margin-right:5px !important;}
.mgr6, .mr6{margin-right:6px !important;}
.mgr7, .mr7{margin-right:7px !important;}
.mgr8, .mr8{margin-right:8px !important;}
.mgr9, .mr9{margin-right:9px !important;}
.mgr10, .mr10{margin-right:10px !important;}
.mgr15, .mr15{margin-right:15px !important;}
.mgr20, .mr20{margin-right:20px !important;}
.mgr25, .mr25{margin-right:25px !important;}
.mgr30, .mr30{margin-right:30px !important;}
.mgr35, .mr35{margin-right:35px !important;}
.mgr40, .mr40{margin-right:40px !important;}
.mgr45, .mr45{margin-right:45px !important;}
.mgr50, .mr50{margin-right:50px !important;}
.mgr55, .mr55{margin-right:55px !important;}
.mgr60, .mr60{margin-right:60px !important;}
.mgr65, .mr65{margin-right:65px !important;}
.mgr70, .mr70{margin-right:70px !important;}
.mgr75, .mr75{margin-right:75px !important;}
.mgr80, .mr80{margin-right:80px !important;}
.mgr85, .mr85{margin-right:85px !important;}
.mgr90, .mr90{margin-right:90px !important;}
.mgr95, .mr95{margin-right:95px !important;}
.mgr100, .mr100{margin-right:100px !important;}
/* border */
.bd0, .bdx, .bd_0, .bd_x, .b0, .bx, .b_0, .b_x{border:0; !important;}
.bdr0, .bdrx, .bdr_0, .bdr_x, .br0, .brx, .br_0, .br_x{border-right:0 !important;}
.bdl0, .bdlx, .bdl_0, .bdl_x, .bl0, .blx, .bl_0, .bl_x{border-left:0 !important;}
.bdt0, .bdtx, .bdt_0, .bdt_x, .bt0, .btx, .bt_0, .bt_x{border-top:0 !important;}
.bdb0, .bdbx, .bdb_0, .bdb_x, .bb0, .bbx, .bb_0, .bb_x{border-bottom:0 !important;}
/* underLine */
.underLine, .under_line{text-decoration:underline !important;}
/* background */
.bg0, .bgx, .bg_0, .bg_x{background:none !important;}
/* float */
.f_l, .f_left, .floatL, .flo_l, .floL, .float_l, .float_lef{float:left !important;}
.f_r, .f_right, .floatR, .flo_r, .floR, .float_r, .float_right{float:right !important;}
.f_x, .f_none, .floatX, .flo_x, .floX, .float_x, .float_x, .float_none, .f_none, .float_n{float:none !important;}
.clear_both{clear:both !important;}
.fix, .clearfix, .clear_fix, .clearFix, .cf{*zoom:1;}
.fix:after, .clearfix:after, .clear_fix:after, .clearFix:after, .cf:after{content:""; display:block; clear:both;}
/* 콘텐츠 영역 */
.cont_wrap_220208{min-width:1200px; margin:0 auto; width:100%; font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic', '나눔고딕', sans-serif, Dotum, '돋움', Gulim, '굴림'; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; overflow:hidden; margin-bottom:-20px;}
.cont_wrap_220208 em{font-style:normal;}
.cont_wrap_220208 a:hover{text-decoration:none;}
.cont_wrap_220208 img{display:block;}
.cont_wrap_220208 a{color:#252525;}
.cont_wrap_220208 a:hover{text-decoration:none;}
.cont_wrap_220208 button{border:none; background:none; outline:none; cursor:pointer; font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic', '나눔고딕', sans-serif, Dotum, '돋움', Gulim, '굴림';}
.cont_top_220208{ position:relative; background:url(../images/2022/0216/top_bg.png)#2fd8ca 50% repeat-x; z-index:1; height:615px; }
.cont_top_bg{background:url(../images/2022/0216/top_bg2.png) 100% repeat-x; animation:slideInnew5 1.5s both 1.8s ease-in-out; min-height:615px; z-index:2;}
.cont_top_inner{width:1200px; margin:0 auto; height:615px; z-index:3; font-size:0;}
.cont_top_inner::after{ clear:both; content:""; display:block;}
.top_slogan{ height:64px; overflow-y:hidden; padding-top:50px; text-align:left;}
.top_slogan .top_slogan_area{ color:#252525; font-weight:300; line-height:26px; padding-bottom:8px; font-size:0;}
.top_slogan .top_slogan_area span{ display:inline-block; zoom:1; vertical-align:top; font-size:22px; *display:inline; opacity:0; padding-top:50px; letter-spacing:-0.07em;}
.top_slogan .top_slogan_area span.top_new{ display:block; text-align:left; margin-bottom:6px;}
.top_slogan .top_slogan_line{ display:block; overflow:hidden; position:absolute; font-size:5px; top:110px; left:0; width:0; height:5px; background:url(../images/2022/0216/top_line.png) left center repeat-x; text-align:right;}
.top_slogan .top_slogan_line::after{ clear:both; content:""; display:block;}
.top_slogan .top_slogan_line em{ display:inline-block; vertical-align:top; position:relative; text-align:right; }
.top_slogan .top_slogan_line strong{ display:block; width:5px; height:5px; background:url(../images/2022/0216/top_line_dot.png) right center no-repeat;}
.cont_top_220208 .top_tit{ text-align:left; margin-top:30px;}
.cont_top_220208 .top_tit span{ display:block; font-size:0; text-align:left;}
.cont_top_220208 .top_tit span:nth-child(4n+2){ margin:20px 0 0 -12px; animation:up0 0.6s both 0.3s ease; transform-origin:left top;}
.cont_top_220208 .top_tit span:nth-child(4n+3){ margin-top:25px; font-size:17px; line-height:29px; letter-spacing:-0.06em; color:#252525; font-weight:300;}
.cont_top_220208 .top_img{ position:absolute; left:773px; top:51px;}
.cont_top_220208 .cont_top_inner .top_down_btn{ position:absolute; top:250px; left:50%; margin-left:-10px; }
.cont_top_220208 .cont_top_inner .top_down_btn img{animation:move1 1s linear infinite;}
.cont_top_220208 .cont_top_inner .top_down_btn img:hover{animation:move01 0.5s linear infinite;}
@keyframes move1{
30%{ transform:translateY(8px);}
80%{ transform:translateY(-8px);}
100%{ transform:translateY(0px);}
}
@keyframes move01{
10%{ transform:translateX(2px) rotate(-2deg);}
30%{ transform:translateX(2px) rotate(2deg);}
40%{ transform:translateX(-2px) rotate(-2deg);}
50%{ transform:translateX(1px) rotate(1deg);}
60%{ transform:translateX(-1px) rotate(-1deg);}
70%{ transform:translateX(1px) rotate(1deg);}
80%{ transform:translateX(-1px) rotate(-1deg);}
90%{ transform:translateX(0.3px) rotate(0);}
100%{ transform:translateX(-0.3px) rotate(0);}
}
@keyframes slideInnew5{
0%{ background-position:100% 800px;}
100%{ background-position:100% 0px;}
}
@keyframes up0{
0%{ transform:scale(1,1); opacity:0;}
50%{transform:scale(1.1,1.1); opacity:1;}
100%{ transform:scale(1,1);}
}
@keyframes up1{
0%{opacity:0; transform:translate(-30px,0px);}
100%{transform:translate(0,0);}
}
@keyframes up2{
0%{transform:scaleY(0) scaleX(0); opacity:0;}
40%{transform:scaleY(1) scaleX(1);}
60%{transform:scaleY(0.8) scaleX(1.1);}
80%{transform:scaleY(1.2) scaleX(0.9);}
100%{transform:scaleY(1) scaleX(1);}
}
@keyframes up3{
0%{transform:scaleY(0) scaleX(0); opacity:0;}
40%{transform:scaleY(1) scaleX(1);}
60%{transform:scaleY(0.6) scaleX(1.2);}
80%{transform:scaleY(1.2) scaleX(1.0);}
100%{transform:scaleY(1) scaleX(1);}
}
@keyframes up4{
0%{opacity:0; }
100%{ opacity:1;}
}
/* .c_top{background:url(../images/2022/0216/bg_3.jpg) 50% 198px no-repeat; width:200px; height:200px; border-radius:50%; position:absolute; background-attachment:fixed; opacity:0;}
.c_top.on{opacity:1;} */
.c_top{background:url(../images/2022/0216/bg_4.jpg) 50% 0 no-repeat; width:0px; height:0px; margin-left:100px; margin-top:100px; border-radius:50%; position:absolute; z-index:3; opacity:0;}
.c_top.on{animation: an1 0.2s both ease-in-out;}
@keyframes an1{
0%{}
100%{width:200px; height:200px; opacity:1; margin-left:0; margin-top:0}
}
.c_top_img{width:295px; height:440px; position:relative; z-index:2; background:url(../images/2022/0216/top_img1.png) 50% 0 no-repeat; text-align:center; margin-top:63px; float:right; padding-right:145px; animation:up4 0.2s both 1.7s ease;}
.c_top_img span{ display:block; text-align:center;}
.c_top_img span.c_top_img1{ position:absolute; top:90px; right:374px; z-index:4; animation:up3 0.4s both 2.5s ease-in-out;}
.c_top_img span.c_top_img2{ position:absolute; top:37px; right:-7px; z-index:3; animation:up3 0.5s both 2.0s ease-in-out;}
.c_top_img span.c_top_img3{ position:absolute; top:187px; right:-25px; z-index:4; animation:up3 0.4s both 2.7s ease-in-out;}
.cont_slide_wrap{ width:100%; background:#1dc185 url(../images/2022/0216/bg_slide.jpg) 50% 0 no-repeat; background-position:bottom; font-size:0;}
.cont_slide_wrap::after{ }
.cont_slide{ width:880px; height:500px; display:inline-block; vertical-align:top; margin:0 auto; margin-top:-142px; z-index:10; position:relative; font-size:0; background:#fff;}
.cont_slide .slider-for{ position:relative; font-size:0;}
.cont_slide .slider-for div.slick-slide{ widows:880px; display:inline-block; vertical-align:top;}
/*.cont_slide .slider-for button{ float:left; width:11px; height:11px; background:#8f8f90; border-radius:100%; text-indent:-9999px; margin:0 5px;}*/
.cont_slide .slider-for .slick-dots{ z-index:10; position:absolute; bottom:22px; left:50%; margin-left:26px;}
.cont_slide .slider-for .slick-dots li{ display:inline-block; vertical-align:top; margin:0 5px;}
.cont_slide .slider-for .slick-dots li button{ width:11px; height:11px; border-radius:100%; background:#8f8f90; border:none; cursor:pointer; text-indent:-9999px; }
.cont_slide .slider-for .slick-dots li.slick-active button{ background:#2a2a2a;}
.cont_slide2{ width:170px; height:500px; display:inline-block; vertical-align:top; background:#ff655d; margin:0 auto; margin-top:-142px; z-index:10; position:relative; font-size:0; padding:29px 18px 10px; box-sizing:border-box;}
.cont_slide2 .slider-nav{ position:relative; width:134px; }
.cont_slide2 .slider-nav .slick-list{ height:442px !important; padding:0px !important;}
.cont_slide2 .slider-nav .slick-track{ width:134px; height:442px;}
.cont_slide2 .slider-nav div.slick-slide{ display:block; width:134px; height:134px; margin-bottom:20px; transition:all 0.5s; position:relative;}
.cont_slide2 .slider-nav div.slick-slide img{ display:block;}
.cont_slide2 .slider-nav div.slick-slide img.on{ display:none; position:absolute; top:0px; left:0; cursor:pointer; }
.cont_slide2 .slider-nav div.slick-slide:hover img.on{ display:block; transition:all 0.5s;}
.slider-nav .slick-list{ padding:0px;}
.cont_event{ width:100%; background:#1dc185 url(../images/2022/0216/bg_event2.jpg) 50% 100% no-repeat; position:relative; padding-bottom:120px;}
.cont_event img{ width:1050px; margin:0 auto; padding-top:53px;}
.cont_event button{ display:block; width:293px; height:70px; text-align:center; position:absolute; top:465px; left:50%; margin-left:-146px; background:#ff3f35; transition:all 0.4s;}
.cont_event button span{ display:block; width:293px; height:70px; font-size:24px; letter-spacing:0; color:#fff; font-weight:400; line-height:70px;}
.cont_event button:hover{ border-radius:50px; transition:all 0.4s;}
.cont_banner{ width:100%; background:#f0f0f0; padding:100px 0;}
.cont_banner .cont_banner_slide{ width:1050px; height:300px; margin:0 auto; display:block; background:#666; }
.cont_banner .cont_banner_slide li{ cursor:pointer;}
.cont_banner .cont_banner_slide button.slick-prev{ text-indent:-9999px; width:21px; height:40px; background:url(../images/2022/0216/arrow_prev.png) 50% 0 no-repeat; position:absolute; left:-55px; top:50%; margin-top:-20px;}
.cont_banner .cont_banner_slide button.slick-next{ text-indent:-9999px; width:21px; height:40px; background:url(../images/2022/0216/arrow_next.png) 50% 0 no-repeat; position:absolute; right:-55px; top:50%; margin-top:-20px;}
.conts_tab{ position:relative; width:100%; z-index:200; height:120px; background:#42424c;}
.conts_tab_inner{width:100%; margin:0 auto; height:auto; background:#42424c;}
.conts_tab ul{position:absolute; width:1200px; bottom:0; left:50%; margin-left:-600px; font-size:0;}
.conts_tab ul li:first-child{width:400px;}
.conts_tab ul.pos_f{position:fixed; bottom:auto; z-index:99999; top:49px; width:100%; margin-left:0; left:0; background:#42424c;}
.conts_tab ul li{display:inline-block; zoom:1; *display:inline; vertical-align:top; width:400px; overflow:hidden; cursor:pointer; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; -webkit--webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; -moz--webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; -ms--webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; -o--webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;}
.conts_tab ul.pos_f li{-webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; position:relative;}
.conts_tab ul li:first-child{margin-left:0;}
.conts_tab ul li img{ display:block;}
.conts_tab ul li img.show{ display:none;}
.conts_tab ul li.on img{ display:none; }
.conts_tab ul li.on img.show{ display:block;}
.conts_tab ul li{ position:relative;}
.conts_tab ul li:hover img.show{ display:block; position:absolute; top:0; left:0;}
.conts_tab ul.pos_f li.on img{ display:block;}
.conts_tab ul.pos_f li.on img.show{ display:none; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;}
.conts_tab ul.pos_f li.on img.show{ display:block; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; position:absolute; top:0; left:0;}
.cont_top_m{position:absolute;}
.cm_01{left:-5px; top:131px; -webkit-animation:slideInnew2 .9s both 1.9s ease-out; animation: slideInnew2 .8s both 1.9s ease-in-out;}
.cm_02{left:1px; top:212px; -webkit-animation:slideInnew1 .6s both 1.0s ease-out; animation: slideInnew1 .6s both 0.6s ease-out;}
.cm_03{left:0px; top:308px; -webkit-animation:slideInnew1 .6s both 1.3s ease-out; animation: slideInnew1 .6s both 1.0s ease-out;}
.cm_04{left:3px; top:406px; -webkit-animation:slideInnew1 .6s both 1.6s ease-out; animation: slideInnew1 .6s both 1.4s ease-out;}
.cm_05{left:50%; top:53px; margin-left:17px; -webkit-animation:slideInnew3 .9s both 2.9s ease-out; animation: slideInnew3 .9s both 2.5s ease-in-out; z-index:2;}
.cm_06{left:50%; top:263px; margin-left:215px; -webkit-animation:slideInnew4 .9s both 3.4s ease-out; animation: slideInnew4 .9s both 2.9s ease-out;}
@keyframes slideInnew1{
0%{opacity:0; -webkit-transform:translate(0,80px); -ms-transform:translate(0,80px); transform:translate(0,80px);}
100%{-webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes slideInnew2{
0%{-webkit-transform:scaleY(0) scaleX(0); -ms-transform:scaleY(0) scaleX(0); transform:scaleY(0) scaleX(0); opacity:0;}
40%{-webkit-transform:scaleY(1) scaleX(1); -ms-transform:scaleY(1) scaleX(1); transform:scaleY(1) scaleX(1);}
60%{-webkit-transform:scaleY(0.8) scaleX(1.1); -ms-transform:scaleY(0.8) scaleX(1.1); transform:scaleY(0.8) scaleX(1.1);}
80%{-webkit-transform:scaleY(1.1) scaleX(0.8); -ms-transform:scaleY(1.1) scaleX(0.8); transform:scaleY(1.2) scaleX(0.9);}
100%{-webkit-transform:scaleY(1) scaleX(1); -ms-transform:scaleY(1) scaleX(1); transform:scaleY(1) scaleX(1);}
}
@keyframes slideInnew3{
0%{opacity:0; -webkit-transform:translate(80px,-80px); -ms-transform:translate(80px,-80px); transform:translate(80px,-80px);}
100%{-webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes slideInnew4{
0%{opacity:0; -webkit-transform:translate(80px,80px); -ms-transform:translate(80px,80px); transform:translate(80px,80px);}
100%{-webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}
.c_tab{background:#3d4c56 url(../images/2022/0216/bg_tab.jpg) 50% 0 no-repeat;}
.c_tab_in{padding:100px 0;}
.c_tab ul{font-size:0; text-align:center;}
.c_tab ul li{width:280px; height:266px; margin:0 25px; background:#fff; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.c_tab ul li dl{}
.c_tab ul li dl dt{line-height:25px; font-size:20px; font-weight:300; letter-spacing:-0.06em; color:#fff; padding:17px 0 20px 0; background:#00c1dc;}
.c_tab ul li:first-child dl dt{background:#00c1dc;}
.c_tab ul li:first-child+li dl dt{background:#69ad7c;}
.c_tab ul li:first-child+li+li dl dt{background:#ff7098;}
.c_tab ul li dl dt strong{display:block; line-height:35px; font-size:30px; font-weight:bold;}
.c_tab ul li dl dd{font-size:16px; font-weight:300; letter-spacing:-0.07em; color:#252525; line-height:24px; padding:22px 0 23px 0;}
.c_tab ul li button{display:block; margin:0 auto; width:197px; height:46px; background:#00c1dc; overflow:hidden; border-top-left-radius:23px; border-bottom-right-radius:23px; transition:all 0.2s;}
.c_tab ul li:first-child button{background:#00c1dc;}
.c_tab ul li:first-child+li button{background:#69ad7c;}
.c_tab ul li:first-child+li+li button{background:#ff7098;}
.c_tab ul li button:hover{border-top-left-radius:0; border-bottom-right-radius:0; transition:all 0.3s; border-top-right-radius:23px; border-bottom-left-radius:23px; transition:all 0.3s;}
.c_tab ul li button span{height:46px; line-height:45px; font-size:16px; font-weight:500; letter-spacing:-0.07em; color:#fff; padding-right:36px; background:url(../images/2022/0216/ico_arrow.png) 99% center no-repeat; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.c_tab ul li:first-child button span{padding-right:32px;}
.cont_main_220208{}
.c_01{background:#ececec; min-width:1200px; padding:90px 0 100px;}
.c_01 .c_tit{ }
.c_01 .c_list{ padding-top:50px;}
.c_01 .c_list ul{ font-size:0; text-align:center; }
.c_01 .c_list ul li{ display:inline-block; vertical-align:top; padding:0 25px;}
.c_02{ background:url(../images/2022/0216/conts_bg.png) 50% 0 no-repeat #fff; min-width:1200px; padding:120px 0;}
.c_02 .c_tit{ display:block; margin-bottom:35px;}
.c_02 .c_list{ text-align:center;}
.c_02 .c_list div{ display:block; text-align:left; font-size:0;}
.c_02 .c_list div span{ display:inline-block; vertical-align:top;}
.c_02 .c_list .c_list01{margin-bottom:180px;}
.c_02 .c_list .c_list02{margin-bottom:0;}
/**수정**/
.c_02 .c_list .c_img_01{ margin-left:-96px; }
.c_02 .c_list .c_img_02{ padding-right: 35px; margin-right:-451px; }
.c_02 .c_list .c_img_03{ margin-left:-96px; }
.c_02 .c_list div:nth-child(4n+1) span.on{animation:slideInnew8 0.6s both ease-out; animation-fill-mode:forwards; }
.c_02 .c_list div:nth-child(4n+3) span.on{animation:slideInnew9 0.6s both ease-out; animation-fill-mode:forwards; }
.c_02 .c_list .c_img_txt01{ margin-top:150px; padding-left:85px; }
.c_02 .c_list .c_img_txt02{ margin-top:120px; padding-right:60px; }
.c_02 .c_list .c_img_txt03{ margin-top:150px; padding-left:85px; }
.c_02 .c_list_btn{ background:#151515;}
@keyframes slideInnew8{
0%{opacity:0; transform:translate(-400px,0px);}
100%{ transform:translate(0,0);}
}
@keyframes slideInnew9{
0%{opacity:0; transform:translate(400px,0px);}
100%{ transform:translate(0,0);}
}
@keyframes leftimg2{
0%{opacity:0; -webkit-transform:translate(-100px,0px); -ms-transform:translate(-100px,0px); transform:translate(-100px,0px);}
10%{ -webkit-transform:translate(-100px,0px); -ms-transform:translate(-100px,0px); transform:translate(-100px,0px);}
50%{-webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
100%{-webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}
.c_03{ background:#c2f7a2; min-width:1200px; padding:100px 0 40px;}
/**.c_03.on{background:#c2f7a2 no-repeat;}**/
.c_03 .c_tit{ display:block; margin-bottom:70px;}
.c_03 .c_list ul{ font-size:0; text-align:center;}
.c_03 .c_list ul li{ display:inline-block; vertical-align:top; padding:0 20px; margin-bottom:126px; position:relative; width:324px; height:374px;}
.c_03 .c_list ul li a{ display:inline-block;}
.c_03 .c_list ul li img{ position:absolute; top:0; left:50%; margin-left:-120px; z-index:3; transition:all 0.4s;}
.c_03 .c_list ul li:hover img{ transform:scale(1.05); transition:all 0.4s;}
.c_03 .c_list ul li a::after{ content:""; display:block; width:324px; height:107px; position:absolute; bottom:0; left:50%; margin-left:-162px; z-index:1; transition:all 0.4s;}
.c_03 .c_list ul li.blue_bg a::after{ background:#296bc4;}
.c_03 .c_list ul li.pink_bg a::after{ background:#f66296;}
.c_03 .c_list ul li:hover a::after{ background:#fe742b; transition:all 0.4s;}
.c_03 .c_list ul li a span.thumb_tit{ display:block; font-size:22px; line-height:26px; letter-spacing:-0.06em; color:#151515; font-weight:300; margin-top:396px;}
@keyframes slideInnew10{
0%{ background-position:50% 200px;}
100%{ background-position:50% -40px;}
}
.c_in{ width:1200px; margin:0 auto;}
.c_boxs{ margin-bottom:70px;}
.c_boxs a{ display:block; transition:all 0.3s;}
.c_boxs a:hover{ transform:scale(1.02,1.02); transition:all 0.3s;}
.c_tit img{display:block; margin:0 auto;}
.c_box_01{background:url(../images/2022/0216/bg_box_01.png) 0 50% no-repeat; height:429px; font-size:0; text-align:right; margin-bottom:120px;}
.c_box_01 dl{padding-top:130px; padding-right:30px; text-align:left; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.c_box_01 dl dt{font-size:25px; color:#555; font-weight:bold; letter-spacing:-0.03em; line-height:36px; padding-bottom:2px;}
.c_box_01 dl dd{font-size:20px; color:#555; font-weight:300; letter-spacing:-0.03em; line-height:36px; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.c_box_01 dl dd strong{font-weight:bold;}
.c_box_02{background:url(../images/2022/0216/bg_box_02.png) 100% 50% no-repeat; height:393px; font-size:0; text-align:right; margin-bottom:150px;}
.c_box_02 dl{padding-top:90px; text-align:left;}
.c_box_02 dl dt{padding-bottom:17px;}
.c_box_02 dl dt img{display:block; margin:0;}
.c_box_02 dl dd{font-size:20px; color:#555; font-weight:300; letter-spacing:-0.03em; line-height:43px; padding-left:29px; background:url(../images/2022/0216/ico_chk.png) 0% 8px no-repeat;}
.c_box_02 dl dd strong{font-weight:bold;}
.c_slider{width:725px; height:370px; overflow:hidden; margin:0 auto; position:relative;}
.c_slider ul{}
.c_slider ul *{outline:none;}
.c_slider .slick-dots{position:absolute; bottom:15px; left:0; width:100%; text-align:center; font-size:0;}
.c_slider .slick-dots li{top:1px; width:10px; height:10px; margin:0 5px; border-radius:5px; background:#bbb; overflow:hidden; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.c_slider .slick-dots li.slick-active{background:#000; box-shadow:5px 5px 5px 0px rgba(0,0,0,0.25);}
.c_slider .slick-dots li button{border:none; background:none; outline:none; cursor:pointer; width:10px; height:10px; text-indent:-9999px;}
.c_txt_box{text-align:center; padding-top:43px; margin-bottom:143px;}
.c_txt_box p{font-size:20px; color:#555; font-weight:300; letter-spacing:-0.03em; line-height:35px; margin-bottom:35px;}
.c_txt_box ul{margin-bottom:35px;}
.c_txt_box ul li{font-size:20px; color:#555; font-weight:300; letter-spacing:-0.03em; line-height:35px;}
.c_txt_box ul li strong{font-weight:bold;}
.c_txt_box em{font-size:20px; color:#69ad7c; font-weight:bold; letter-spacing:-0.03em; line-height:35px;}
.c_title{background:url(../images/2022/0216/ico_slash.png) 50% 0 no-repeat; font-size:45px; line-height:55px; color:#252525; font-weight:300; letter-spacing:-0.06em; text-align:center; padding:65px 0 55px 0;}
.c_title strong{font-weight:bold; font-weight:900;}
/*
.c_list{ width:1050px; padding:70px 0 20px; text-align:center; background:#fff;}
.c_list_01 ul{font-size:0; text-align:center;}
.c_list_01 li{margin:0 45px 42px; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.c_list_01 .c_list_thumb{width:390px; height:325px; position:relative; overflow:hidden;}
.c_list_01 .c_list_thumb img{position:relative; z-index:1;}
.c_list_01 .c_cover{position:absolute; z-index:3; top:0; right:-390px; width:100%; height:100%; background:rgba(0,0,0,0.7); opacity:0; transition:all 0.3s;}
.c_list_01 li:hover .c_cover{opacity:1; transition:all 0.3s; right:0;}
.c_list_01 li:nth-child(2n) .c_cover{ position:absolute; z-index:3; top:0; left:-390px; width:100%; height:100%; background:rgba(0,0,0,0.7); opacity:0; transition:all 0.3s;}
.c_list_01 li:nth-child(2n):hover .c_cover{ left:0px; transition:all 0.3s; opacity:1;}
.c_list_01 .c_cover a{display:block; width:206px; height:47px; margin:0 auto; text-indent:-9999px;}
.c_list_01 .c_cover .c_cover_link_01{margin-top:139px; background:url(../images/2022/0216/img_link_01.png) 50% 100% no-repeat;}
.c_list_01 .c_list_new{ position:absolute; top:0; right:0; z-index:2; width:95px; height:95px;}
.c_list_01 .c_list_info{display:block; padding-top:20px; font-size:0; text-align:left; padding-left:10px;}
.c_list_01 .c_list_info span.thumb_tit{ font-size:30px; letter-spacing:-0.02em; color:#252525; font-weight:bold; padding-top:0px; line-height:38px;}
.c_list_01 .c_list_info span.thumb_tit2{ }
.c_list_01 .c_list_info span{display:block; font-size:17px; font-weight:300; letter-spacing:-0.06em; color:#555; line-height:26px; padding-bottom:2px; padding-top:14px;}
.c_list_01 .c_list_info em{ font-size:25px; font-weight:bold; letter-spacing:-0.02em; color:#f04e2e; line-height:36px; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.c_list_01 .c_list_info b{ display:inline-block; vertical-align:top; margin:14px 14px 0; line-height:36px;}
.c_list_01 .c_list_info strong{font-size:25px; font-weight:bold; letter-spacing:0; color:#252525; line-height:36px; display:inline-block; zoom:1; *display:inline; vertical-align:top; margin-top:-11px;}
.c_list_01 .c_list_info strong span{ font-size:18px; letter-spacing:-0.02em; color:#252525; font-weight:bold; line-height:36px; display:inline-block; }
.c_list_01 .c_list_info:hover strong{}
*/
.c_list_btn{display:inline-block; zoom:1; *display:inline; vertical-align:top; height:76px; overflow:hidden; background:#373737; margin:-60px auto 0px; position:relative;}
.c_03 .c_list_btn{ background:#ff217f;}
.c_list_btn span{ display:inline-block; zoom:1; vertical-align:top; padding-left:80px; padding-right:126px; line-height:80px; font-size:25px; color:#fff; letter-spacing:-0.06em; font-weight:500; position:relative; z-index:3; transition:all 0.5s;}
.c_02 .c_list_btn span{ color:#fff;}
.c_list_btn:hover span{padding-left:96px; padding-right:106px; color:#fff; transition:all 0.5s;}
.c_list_btn strong{ position:absolute; right:90px; top:32px; width:10px; height:17px; background:#373737; z-index:1; transition:all 0.5s;}
.c_02 .c_list_btn strong{background:#151515;}
.c_03 .c_list_btn strong{background:#ff217f;}
.c_list_btn:hover strong{background:#F8237E; transform:scale(60); transition:all 0.8s;}
.c_02 .c_list_btn:hover strong{background:#fe5c95; transform:scale(90); transition:all 1.0s;}
.c_03 .c_list_btn:hover strong{background:#145CFF;}
.c_list_btn em{ position:absolute; right:90px; top:32px; width:10px; height:17px; background:url(../images/2022/0216/btn_arrow.png) 50% 50% no-repeat; z-index:2; transition:all 0.1s;}
.c_02 .c_list_btn em{ background:url(../images/2022/0216/btn_arrow.png) 50% 50% no-repeat;}
.c_list_btn:hover em{opacity:0; transition:all 0.1s;}
.c_04{background:#212b56 url(../images/2022/0216/bg_03.png) 50% -7% no-repeat; padding-top:120px; padding-bottom:120px;}
.c_04 .c_comment{ width:1050px; height:1540px; background:#fff; margin-top:60px;}
.c_cover_link_01{transition:all 0.2s;}
.c_list_01 .c_cover .c_cover_link_01:hover{background:rgba(248,35,126,0.6) url(../images/2022/0216/img_link_01.png) 50% 100% no-repeat; transition:all 0.2s;}
.c_list_02 .c_cover .c_cover_link_01:hover{background:rgba(99,28,255,0.5) url(../images/2022/0216/img_link_01.png) 50% 100% no-repeat; transition:all 0.2s;}
.c_list_03 .c_cover .c_cover_link_01:hover{background:rgba(20,92,255,0.6) url(../images/2022/0216/img_link_01.png) 50% 100% no-repeat; transition:all 0.2s;}
.c_cover_link_02{opacity:0.7; transition:all 0.2s;}
.c_cover_link_02:hover{opacity:1; transition:all 0.2s;}
.c_box_03{background:url(../images/2022/0216/bg_box_03.png) 0 0 no-repeat; height:390px; font-size:0; text-align:right; margin-bottom:120px;}
.c_box_03 dl{padding-top:84px; padding-right:30px; text-align:left; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.c_box_03 dl dt{padding-bottom:21px;}
.c_box_03 dl dt img{display:block; margin:0;}
.c_box_03 dl dd{font-size:18px; color:#555; font-weight:300; letter-spacing:-0.03em; line-height:36px; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.c_box_03 dl dd strong{font-weight:bold;}
.c_box_04{background:url(../images/2022/0216/bg_box_04.png) 100% 0 no-repeat; height:432px; font-size:0; text-align:right; margin-bottom:72px;}
.c_box_04 dl{padding-top:97px; padding-left:30px; text-align:left;}
.c_box_04 dl dt{padding-bottom:21px;}
.c_box_04 dl dt img{display:block; margin:0;}
.c_box_04 dl dd{font-size:18px; color:#555; font-weight:300; letter-spacing:-0.03em; line-height:36px;}
.c_box_04 dl dd strong{font-weight:bold;}
.c_box_05{background:url(../images/2022/0216/bg_box_05.png) 0 0 no-repeat; height:390px; font-size:0; text-align:right; margin-bottom:150px;}
.c_box_05 dl{padding-top:103px; padding-right:30px; text-align:left; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.c_box_05 dl dt{padding-bottom:21px;}
.c_box_05 dl dt img{display:block; margin:0;}
.c_box_05 dl dd{font-size:18px; color:#555; font-weight:300; letter-spacing:-0.03em; line-height:36px; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.c_box_05 dl dd strong{font-weight:bold;}
.conts_btn_top{position:fixed; left:50%; margin-left:680px; bottom:33px; z-index:9888; animation:topm 0.8s ease-in-out infinite; animation-play-state:paused;}
.conts_btn_top button{cursor:pointer; border:none; outline:none; display:block; background:url(../images/2020/201208/ico_top.png) 50% 50% no-repeat; text-indent:-9999px; opacity:0; width:0px; height:0px; -webkit-transition:opacity 0.4s, width 0s 0.4s, height 0s 0.4s; -moz-transition:opacity 0.4s, width 0s 0.4s, height 0s 0.4s; -ms-transition:opacity 0.4s, width 0s 0.4s, height 0s 0.4s; -o-transition:opacity 0.4s, width 0s 0.4s, height 0s 0.4s; transition:opacity 0.4s, width 0s 0.4s, height 0s 0.4s;}
.conts_btn_top:hover{animation-play-state:running; animation-fill-mode:forwards;}
.conts_btn_top.on button{opacity:0.5; width:50px; height:50px; -webkit-transition:opacity 1.0s; -moz-transition:opacity 1.0s; -ms-transition:opacity 1.0s; -o-transition:opacity 1.0s; transition:opacity 1.0s;}
.conts_btn_top.on:hover button{opacity:1;}
.c_quick{position:fixed; right:-46px; top:50%; margin-top:-79px; text-align:left; opacity:0; transition:all 0.4s;}
.c_quick.on{opacity:1; right:0; transition:all 0.5s;}
.c_quick ul{text-align:right;}
.c_quick ul li{position:relative; width:46px; height:46px;}
.c_quick ul li strong{display:block; color:#fff; font-size:16px; font-weight:500; letter-spacing:-0.07em; width:46px; line-height:45px; height:46px; text-align:center; position:absolute; top:0; right:0;}
.c_quick ul li:first-child strong{background:#00c1dc;}
.c_quick ul li:first-child+li strong{background:#69ad7c;}
.c_quick ul li:first-child+li+li strong{background:#ff7098;}
.c_quick ul li:hover strong{text-indent:9999px; transition:all 0.2s;}
.c_quick ul li button{white-space:nowrap; position:absolute; top:0; color:#fff; font-size:16px; font-weight:500; letter-spacing:-0.07em; line-height:45px; height:46px; padding:0 20px; border:none; cursor:pointer; outline:none; font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic', '나눔고딕', sans-serif, Dotum, '돋움', Gulim, '굴림'; text-align:left; transition:all 0.3s;}
.c_quick ul li:first-child button{background:#00c1dc; width:142px; right:-142px;}
.c_quick ul li:first-child+li button{background:#69ad7c; width:128px; right:-128px;}
.c_quick ul li:first-child+li+li button{background:#ff7098; width:128px; right:-128px;}
.c_quick ul li:first-child:hover button{right:0; transition:all 0.3s; z-index:3;}
.c_quick ul li:first-child+li:hover button{right:0; transition:all 0.3s; z-index:3;}
.c_quick ul li:first-child+li+li:hover button{right:0; transition:all 0.3s; z-index:3;}
.c_btn_top{position:fixed; left:50%; margin-left:680px; bottom:33px; text-align:left; opacity:0; transition:all 0.4s;}
.c_btn_top.on{opacity:0.8; right:10%; transition:all 0.5s;}
.c_btn_top.on:hover{opacity:1; transition:all 0.4s;}
.c_btn_top button{width:46px; height:46px; color:#fff; font-size:13px; font-weight:400; letter-spacing:0.01em; line-height:44px; background:#333; overflow:hidden; border-radius:23px;}
.skip{font-size: 1px; height: 1px; line-height: 1px; overflow: hidden; position: absolute; text-indent: 4px; white-space: nowrap; width: 1px;}