@charset "euc-kr";
/* CSS Document */
/*±âº»È­¸é*/
html{min-width:1027px;}
/*°øÅë*/
.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;}


/* ÄÜÅÙÃ÷ ¿µ¿ª */


.conts_wrap{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;}
.conts_wrap em{font-style:normal;}
.conts_wrap a:hover{text-decoration:none;}

.conts_top{width:100%; position:relative; background:url(../images/2022/0413/top_bg.gif) center no-repeat; letter-spacing:-0.5px; line-height:1.5; height:576px; }
.conts_top_inner{width:100%; margin:0 auto; position: relative;}
.top_slogan1{position: absolute; top:145px; right:632px; z-index: 2; animation: up1 1.0s both 1.0s ease-in-out;}
.top_slogan2{position: absolute; top:110px; left:570px; z-index: 1; animation: slideInnew2 .5s both 0.3s ease-in-out;}

@keyframes up1{
	0%{ opacity:0; transform:translate(0,540px);}
	100%{ 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);}
}

/*µµÀԺΠÃß°¡*/
.conts_top_01{width:100%; background:url(../images/2022/0413/top_bg.jpg) #208eff center no-repeat; padding-top: 40px; height:957px; margin: 0 auto;}

.conts_top_01 .txt_box{width:1000px; background: #fff; margin: 0 auto; padding:60px 100px 80px; border-radius:15px; box-shadow: 0 12px 15px #1a74d1;  }
.conts_top_01 .txt_box .conts_tit ul{}
.conts_top_01 .txt_box .conts_tit ul .dot{display:block; margin:0 0 10px -200px; }
.conts_top_01 .txt_box .conts_tit ul li .dot_01 img{display: inline-block; margin-right: 40px; vertical-align: top; animation:up10 0.5s both 0.5s ease-in-out; } 
.conts_top_01 .txt_box .conts_tit ul li .dot_02 img{display: inline-block; margin-right: 40px; vertical-align:top; animation:up10 0.5s both 0.7s ease-in-out; } 
.conts_top_01 .txt_box .conts_tit ul li .dot_03 img{display: inline-block; vertical-align: top; animation:up10 0.5s both 0.9s ease-in-out; }

.conts_top_01 .txt_box .box_inner ul{display: block; margin-top:60px; position: relative;}
.conts_top_01 .txt_box .box_inner ul li{display:inline-block;}
.conts_top_01 .txt_box .box_inner ul .box1{margin-right: 60px;} 
.conts_top_01 .txt_box .box_inner ul .box1.on img {animation: slidebox1 0.7s both 0.1s ease-in-out;}
.conts_top_01 .txt_box .box_inner ul .arrow{position:absolute; top:87px; left:450px; z-index: 2;}
.conts_top_01 .txt_box .box_inner ul .arrow.on img{animation: slidebox2 0.7s both 0.3s ease-in-out;}
.conts_top_01 .txt_box .box_inner ul .box2.on img{animation: slidebox3 0.7s both 0.7s ease-in-out; } 


.conts_top_01 .txt_box .box_inner2{margin-top:40px;}
.conts_top_01 .txt_box .box_inner2 ul{display: block; position: relative;}
.conts_top_01 .txt_box .box_inner2 ul li {display:inline-block; margin-right:25px;}	
.conts_top_01 .txt_box .box_inner2 ul li img:hover{box-shadow: 1px 1px 12px rgb(0 0 0 / 30%); transition: all 0.2s; border-radius: 200px;}

@keyframes up10{
	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 slidebox1{
	0%{opacity:0; transform:translate(-150px,0px);}
	100%{ opacity:1; transform:translate(0,0);}
}
@keyframes slidebox3{
	0%{opacity:0; transform:translate(-100px,0px);}
	100%{ opacity:1; transform:translate(0,0);}
}
@keyframes slidebox2{
	0%{opacity:0; transform:translate(-150px,0px);}
	100%{ opacity:1; transform:translate(-2px,0); }
}
/*¸Þ´º*/
.conts_menu{ width:1300px;  position:absolute; top:1510px; left:50%; margin-left:-650px; z-index:10;}
.conts_menu_tab{ width:1200px; margin:0 auto;  background:#FFF; text-align:center; z-index:2; box-shadow:0px 12px 15px rgba(0,0,0,0.05); border-radius:200px; padding:20px 50px; transition:all 0.3s;}
.conts_menu_tab ul{ font-size:0; width:1200px; margin:0 auto;}
.conts_menu_tab li{ width:185px; display:inline-block; vertical-align:top; zoom:1; text-align:center; position:relative; cursor:pointer;}
.conts_menu_tab li a{ display:block; width:185px; height:100%;}
.conts_menu_tab li.menu_01 img{ width:53px; height:41px; margin:0 auto; margin-bottom:10px;}
.conts_menu_tab li.menu_02 img{ width:37px; height:40px; margin:0 auto; margin-bottom:10px;}
.conts_menu_tab li.menu_03 img{ width:39px; height:40px; margin:0 auto; margin-bottom:10px;}
.conts_menu_tab li.menu_04 img{ width:31px; height:42px; margin:0 auto; margin-bottom:10px;}
.conts_menu_tab li.menu_05 img{ width:34px; height:40px; margin:0 auto; margin-bottom:10px;}
.conts_menu_tab li.menu_06 img{ width:34px; height:44px; margin:0 auto; margin-bottom:10px;}

.conts_menu.on{position:fixed; top:49px; left:0; width:100%; margin:0;}
.conts_menu.on .conts_menu_tab{width:100%; border-radius:0; padding:20px 0; /* opacity:0.9; */ transition:all 0.2s;}

.conts_menu_tab li img{ display:block; margin-left:21px;}
.conts_menu_tab li img.on{ display:none;}
.conts_menu_tab li:hover img{ display:none;}
.conts_menu_tab li:hover .on{ display:block;}
.conts_menu_tab li span.menu_tit{ font-size:17px; line-height:22px; letter-spacing:-0.09em; color:#394361; font-family:'¸¼Àº °íµñ'; }
.conts_menu_tab li a:hover .menu01{ color:#2758ed; font-weight:bold;}
.conts_menu_tab li a:hover .menu02{ color:#5e44ff; font-weight:bold;}
.conts_menu_tab li a:hover .menu03{ color:#0ab7b1; font-weight:bold;}
.conts_menu_tab li a:hover .menu04{ color:#ff6137; font-weight:bold;}
.conts_menu_tab li a:hover .menu05{ color:#d68d02; font-weight:bold;}
.conts_menu_tab li a:hover .menu06{ color:#ed4070; font-weight:bold;}

.conts_menu_tab li.menu_line{ margin-top:12px; width:1px; height:40px;}
.conts_menu_tab li.menu_line img{  width:1px; height:40px; margin-left:0;}

.conts_menu_tab li a.active img{ display:none;}
.conts_menu_tab li a.active img.on{ display:block;}
.conts_menu_tab li.menu_01 a.active span.menu_tit{ color:#2758ed; font-weight:bold;}
.conts_menu_tab li:nth-child(11n+3) a.active span.menu_tit{ color:#5e44ff; font-weight:bold;}
.conts_menu_tab li:nth-child(11n+5) a.active span.menu_tit{ color:#0ab7b1; font-weight:bold;}
.conts_menu_tab li:nth-child(11n+7) a.active span.menu_tit{ color:#ff6137; font-weight:bold;}
.conts_menu_tab li:nth-child(11n+9) a.active span.menu_tit{ color:#d68d02; font-weight:bold;}
.conts_menu_tab li:nth-child(11n+11) a.active span.menu_tit{ color:#ed4070; font-weight:bold;}

/**º»¹®**/
.conts_main{width:100%; position:relative; z-index:1; background:#eeeeee; }

.conts_inner{ position:relative;  width:100%;}
.conts_inner{ padding:50px 0 0 0;  box-sizing:border-box; font-family:'¸¼Àº °íµñ';}

.conts_01{ position:relative; padding-top:130px; text-align:center; width:100%; background:#d7ebff; }
.conts_02{ position:relative; padding-top:130px; text-align:center; width:100%; background:#e4e0ff; }
.conts_03{ position:relative; padding-top:130px; text-align:center; width:100%; background:#caf7f5; }
.conts_04{ position:relative; padding-top:130px; text-align:center; width:100%; background:#ffe5ca;}
.conts_05{ position:relative; padding-top:130px; text-align:center; width:100%; background:#fff3b6; }
.conts_06{ position:relative; padding-top:130px; text-align:center; width:100%; background:#ffe2ea; }

.conts_main_tit{ width:1200px; margin:0 auto; text-align:center;}
.conts_main_tit img{ display:block; text-align:center;}
.conts_01 .conts_main_tit h2{  width:190px; margin:0 auto; margin-bottom:30px; text-align:center;}
.conts_main_tit h4{  width:288px; margin:0 auto; margin-bottom:30px; text-align:center;}
.conts_02 .conts_main_tit h2{  width:90px; margin:0 auto; margin-bottom:30px; text-align:center;}
.conts_03 .conts_main_tit h2{  width:170px; margin:0 auto; margin-bottom:30px; text-align:center;}
.conts_04 .conts_main_tit h2{  width:296px; margin:0 auto; margin-bottom:30px; text-align:center;}
.conts_05 .conts_main_tit h2{  width:138px; margin:0 auto; margin-bottom:30px; text-align:center;}
.conts_06 .conts_main_tit h2{  width:263px; margin:0 auto; margin-bottom:30px; text-align:center;}

.conts_main_tit h3{ font-size:19px; color:#252525; font-weight:200; margin-bottom:28px; letter-spacing:-1.7px; font-family:'¸¼Àº °íµñ'; text-align:center;}
.conts_main_tit h5{ font-size:19px; color:#fff; font-weight:200; margin-bottom:28px; letter-spacing:-1.7px; font-family:'¸¼Àº °íµñ'; text-align:center;}

/**best**/
.conts_best{margin-bottom: 120px;}
.conts_best .conts_inner_bg{background:#fff; width:1200px; border-radius: 15px; margin:0 auto; padding:70px 50px 80px 50px; box-shadow:0px 12px 15px rgba(0,0,0,7%); box-sizing:border-box; margin-bottom:120px; position: relative;}
.conts_inner_bg .best{position: absolute; top: -10px; left: 40px;}
.conts_inner_bg.last{margin-bottom:0;}
.conts_inner ul{ font-size:0; text-align:left; margin:0; }
.conts_inner ul li{ display:inline-block; vertical-align:middle; zoom:1; text-align:left; }
.conts_inner ul li.main_img{ margin-right:55px;}
.conts_inner ul li.main_img img{ display:block; width:510px; height:360px; text-align:left;}
.conts_inner ul li .tit{  margin-bottom:30px; font-family:'Noto Sans KR', 'Malgun Gothic', '¸¼Àº °íµñ', 'Nanum Gothic', '³ª´®°íµñ'; font-size:30px; line-height: 30px; letter-spacing: -2px; color: #252525; font-weight: bold; display: block;}
.conts_inner ul li .tit .light{font-weight:300;}
.conts_inner ul li p{ font-size:18px; line-height:35px; letter-spacing:-1.7px; color:#252525; font-weight:300; font-family:'Noto Sans KR', 'Malgun Gothic', '¸¼Àº °íµñ', 'Nanum Gothic', '³ª´®°íµñ';}
.conts_inner ul li p .red{ font-weight:bold; color: #f30909;}

.conts_inner ul li .main_button{margin-top:40px;}
.conts_inner ul li .main_button a{ display:block; width:315px; height:61px; transition:all 0.5s; overflow:hidden;}
.conts_inner ul li .main_button a:hover{ border-radius:30px;}
.conts_inner ul li .main_button a img{ display:block; margin:0 auto;}

/**point**/
.point{ margin-top:80px; font-family:'Noto Sans KR', 'Malgun Gothic', '¸¼Àº °íµñ', 'Nanum Gothic', '³ª´®°íµñ';}
.point ul{ font-size:0;}
.point ul li{ display:inline-block; vertical-align:top; zoom:1; width:200px; border-radius:10px; text-align:center; margin-right:25px; padding: 43px 0; position:relative;}
.point ul li span{ font-size:22px; line-height:27px; letter-spacing:-1.4px; color:#151515; font-weight:650; margin-top:43px;}
.point ul li .fff{ color:#fff;}
.point ul li .icon_plus{ position:absolute; left:186px; z-index:1; top:50%; margin-top:-25px; }

.conts_01 .point ul li:nth-child(5n+1){ background:#ece4ff; z-index:6;}
.conts_01 .point ul li:nth-child(5n+2){ background:#41507a; z-index:5;}
.conts_01 .point ul li:nth-child(5n+3){ background:#2887e2; z-index:4; }
.conts_01 .point ul li:nth-child(5n+4){ background:#34c9f4; z-index:3;}
.conts_01 .point ul li:nth-child(5n+5){ background:#dee8fa; margin-right:0; z-index:2;}
.conts_02 .point ul li:nth-child(5n+1){ background:#dee8fa; z-index:6;}
.conts_02 .point ul li:nth-child(5n+2){ background:#504980; z-index:5;}
.conts_02 .point ul li:nth-child(5n+3){ background:#9152eb; z-index:4; }
.conts_02 .point ul li:nth-child(5n+4){ background:#bf4ef5; z-index:3;}
.conts_02 .point ul li:nth-child(5n+5){ background:#c3baff; margin-right:0; z-index:2;}
.conts_03 .point ul li:nth-child(5n+1){ background:#d0e8ff; z-index:6;}
.conts_03 .point ul li:nth-child(5n+2){ background:#2170bc; z-index:5;}
.conts_03 .point ul li:nth-child(5n+3){ background:#2fa5c9; z-index:4; }
.conts_03 .point ul li:nth-child(5n+4){ background:#2cc796; z-index:3;}
.conts_03 .point ul li:nth-child(5n+5){ background:#caf7f5; margin-right:0; z-index:2;}
.conts_04 .point ul li:nth-child(5n+1){ background:#fee8ee; z-index:6;}
.conts_04 .point ul li:nth-child(5n+2){ background:#ff3e70; z-index:5;}
.conts_04 .point ul li:nth-child(5n+3){ background:#e8493d; z-index:4; }
.conts_04 .point ul li:nth-child(5n+4){ background:#e6793c; z-index:3;}
.conts_04 .point ul li:nth-child(5n+5){ background:#ffe5ca; margin-right:0; z-index:2;}
.conts_05 .point ul li:nth-child(5n+1){ background:#f9eca8; z-index:6;}
.conts_05 .point ul li:nth-child(5n+2){ background:#b56e41; z-index:5;}
.conts_05 .point ul li:nth-child(5n+3){ background:#ef8125; z-index:4; }
.conts_05 .point ul li:nth-child(5n+4){ background:#f5a72e; z-index:3;}
.conts_05 .point ul li:nth-child(5n+5){ background:#fef1c8; margin-right:0; z-index:2;}
.conts_06 .point ul li:nth-child(5n+1){ background:#ebf0ff; z-index:6;}
.conts_06 .point ul li:nth-child(5n+2){ background:#69354e; z-index:5;}
.conts_06 .point ul li:nth-child(5n+3){ background:#f55786; z-index:4; }
.conts_06 .point ul li:nth-child(5n+4){ background:#f3a2b8; z-index:3;}
.conts_06 .point ul li:nth-child(5n+5){ background:#f5d3d3; margin-right:0; z-index:2;}
.point ul li:nth-child(5n+1).on{ animation:up1 0.5s ease-out; animation-fill-mode:forwards;}
.point ul li:nth-child(5n+2).on{ animation:up2 0.8s ease-out; animation-fill-mode:forwards;}
.point ul li:nth-child(5n+3).on{ animation:up3 1.0s ease-out; animation-fill-mode:forwards; }
.point ul li:nth-child(5n+4).on{ animation:up4 1.3s ease-out; animation-fill-mode:forwards;}
.point ul li:nth-child(5n+5).on{ animation:up5 1.5s ease-out; animation-fill-mode:forwards;}

.point2{ margin-top:40px; font-family:'¸¼Àº °íµñ'; width:534px;}
.point2 ul{ font-size:0;}
.point2 ul li{ display:inline-block; vertical-align:top; zoom:1; width:160px; height:87px; border-radius:10px; text-align:center; position:relative; margin-right:18px; background:#f6f9ff; border:1px solid #2758ed; box-sizing:border-box; margin-bottom:20px;}
.conts_01 .point2 ul li{background:#f6f9ff; border:1px solid #2758ed;}
.conts_02 .point2 ul li{background:#f7f5ff; border:1px solid #5e44ff;}
.conts_04 .point2 ul li{background:#fff7f5; border:1px solid #ff6137;}
.conts_06 .point2 ul li{background:#fef5f8; border:1px solid #ed4070;}

.point2 ul li h6{ font-size:17px; line-height:20px; letter-spacing:-0.085em; color:#151515; font-weight:bold; margin-bottom:6px; margin-top:10px;}
.point2 ul li span{ font-size:15px; line-height:21px; letter-spacing:-0.085em; color:#151515; }
.point2 ul li:nth-child(5n+4){ margin-bottom:0;}
.point2 ul li:nth-child(5n+5){ margin-bottom:0;}
.point2 ul li:nth-child(5n+1).on{ animation:up1 0.5s ease-out; animation-fill-mode:forwards;}
.point2 ul li:nth-child(5n+2).on{ animation:up2 0.8s ease-out; animation-fill-mode:forwards;}
.point2 ul li:nth-child(5n+3).on{ animation:up3 1.0s ease-out; animation-fill-mode:forwards; }
.point2 ul li:nth-child(5n+4).on{ animation:up4 0.8s ease-out; animation-fill-mode:forwards;}
.point2 ul li:nth-child(5n+5).on{ animation:up5 1.0s ease-out; animation-fill-mode:forwards;}

@keyframes up1{
	0%{opacity:0; transform:translate(-150px,0px)}
	10%{ transform:translate(-150px,0px)}
    50%{  transform:translate(0,0)}
    100%{ transform:translate(0,0)}
	}
@keyframes up2{
	0%{opacity:0; transform:translate(-150px,0px)}
	10%{ transform:translate(-150px,0px)}
    50%{  transform:translate(0,0)}
    100%{ transform:translate(0,0)}
	}
@keyframes up3{
	0%{opacity:0; transform:translate(-150px,0px)}
	10%{ transform:translate(-150px,0px)}
    50%{  transform:translate(0,0)}
    100%{ transform:translate(0,0)}
	}
@keyframes up4{
	0%{opacity:0; transform:translate(-150px,0px)}
	10%{ transform:translate(-150px,0px)}
    50%{  transform:translate(0,0)}
    100%{ transform:translate(0,0)}
	}
@keyframes up5{
	0%{opacity:0; transform:translate(-150px,0px)}
	10%{ transform:translate(-150px,0px)}
    50%{  transform:translate(0,0)}
    100%{ transform:translate(0,0)}
	}

/**download**/
.conts_download{width:100%; background:url(../images/2022/0413/down_bg.jpg) center no-repeat; padding: 120px 0;}
.conts_download .conts_inner_bg{background:#fff; width:1200px; border-radius: 15px; margin:0 auto; padding:70px 121px 80px 121px; box-shadow:0px 12px 15px rgba(0,0,0,12%); box-sizing:border-box; position: relative;}
.conts_download .conts_inner_bg .line{width:958px; display: block;}
.conts_download .conts_inner_bg .list_wrap{width:440px; display: inline-block; }
.conts_download .conts_inner_bg .list_wrap .list{ width: 440px;  height: 47px; border-bottom:1px solid #ddd;}
.conts_download .conts_inner_bg .list_wrap .list .list_inner{font-size:0; white-space: nowrap; background: #fff; padding: 10px; line-height: 26px; height:27px;position: relative;}
.conts_download .conts_inner_bg .list_wrap .list .list_inner .icon {display:inline-block; width: 19px;  vertical-align: middle; margin:0 15px 29px 0; }
.conts_download .conts_inner_bg .list_wrap .list .list_inner .tit {display:inline-block; vertical-align: middle; max-width:310px; font-family:'Noto Sans KR', 'Malgun Gothic', '¸¼Àº °íµñ', 'Nanum Gothic', '³ª´®°íµñ'; font-size: 16px; color: #252525; font-weight: 300; letter-spacing: -1.5px; zoom:1; line-height: 24px; padding-bottom: 2px; white-space: nowrap; }
.conts_download .conts_inner_bg .list_wrap .list .list_inner .tit a:hover{text-decoration: underline;}
.conts_download .conts_inner_bg .list_wrap .list .list_inner .down{width:55px; height: 26px; display: inline-block;position: absolute; right: 10px;}


.conts_01{ width:100%;}
.conts_02{ width:100%;}
.conts_03{ width:100%;}
.conts_04{ width:100%;}
.conts_05{ width:100%;}
.conts_06{ width:100%;}


.conts_btn_top{position:fixed; left:50%; margin-left:680px; bottom:33px; z-index:9888; animation:topm 0.5s 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;}