@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;}
/* 콘텐츠 영역 */
.blind_txt{font-size: 1px; height: 1px; line-height: 1px; overflow: hidden; position: absolute; text-indent: 4px; white-space: nowrap; width: 1px;}
.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_wrap button{cursor:pointer; font-family:inherit; font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic', '나눔고딕', sans-serif, Dotum, '돋움', Gulim, '굴림';}
.conts_top_inner .top_quick{position: absolute; top:144px; right:57px; animation:moving 1.5s ease-in-out infinite;}
.conts_top_inner .top_quick img{}
@keyframes moving {
0%{top:144px;}
50%{top:130px;}
100%{top:144px;}
}
.c_ani{height:708px; background:url(../images/2020/201106/img_ani_bg.png) 50% 0 no-repeat; padding-top:20px; position:relative;}
.c_ani_in{width:1200px; margin:0 auto; position:relative;}
.c_ani_box{position:absolute; top:50%; left:50%; margin-top:50px; margin-left:100px; width:555px; height:671px;}
.c_ani_box_in{position:relative; height:671px; width:555px; background:url(../images/2020/201106/img_ani.png) 50% 50% no-repeat; -webkit-background-size:100%; background-size:100%;}
.c_ani_box_h{position:absolute; top:0; left:301px; width:106px; height:498px; background:url(../images/2020/201106/img_heart.png) 50% 0% no-repeat; animation:bgy 4s ease-in-out infinite; animation-delay:1s;}
.c_ani_box_h2{position:absolute; top:0; left:301px; width:106px; height:498px; background:url(../images/2020/201106/img_heart.png) 50% 0% no-repeat; animation:bgy 4s ease-in-out infinite; animation-delay:2s;}
.c_ani_box_h3{position:absolute; bottom:173px; left:301px; width:106px; height:498px; background:url(../images/2020/201106/img_heart.png) 50% 0% no-repeat; animation:imgh 3s ease-in-out;}
.c_ani_box_01{position:absolute; top:162px; left:0px; transform:scaleY(0) scaleX(0); animation:mov0 10s; animation-delay:3s; animation-fill-mode: forwards;}
.c_ani_box_02{position:absolute; top:343px; left:329px; transform:scaleY(0) scaleX(0); animation:mov0 12s; animation-delay:4s; animation-fill-mode: forwards;}
@keyframes mov0{
0%{transform:scaleY(0) scaleX(0);}
3%{transform:scaleY(1.4) scaleX(1.2);}
5%{transform:scaleY(1) scaleX(1);}
7%{transform:scaleY(0.9) scaleX(1.05);}
9%{transform:scaleY(1.2) scaleX(0.9);}
11%{transform:scaleY(1) scaleX(1);}
23%{transform:scaleY(1) scaleX(1);}
26%{transform:scaleY(0.9) scaleX(1.05);}
28%{transform:scaleY(1.2) scaleX(0.9);}
30%{transform:scaleY(1) scaleX(1);}
43%{transform:scaleY(1) scaleX(1);}
46%{transform:scaleY(0.9) scaleX(1.05);}
48%{transform:scaleY(1.2) scaleX(0.9);}
50%{transform:scaleY(1) scaleX(1);}
63%{transform:scaleY(1) scaleX(1);}
66%{transform:scaleY(0.9) scaleX(1.05);}
68%{transform:scaleY(1.2) scaleX(0.9);}
70%{transform:scaleY(1) scaleX(1);}
100%{transform:scaleY(1) scaleX(1);}
}
@keyframes aniimg {
0%{width:0; height:0; transform:rotate(0deg); opacity:0.7; margin-top:570px; margin-left:-37px;}
100%{width:555px; height:671px; transform:rotate(-720deg); opacity:1; margin-top:50px; margin-left:100px;}
}
@keyframes bgy {
0%{top:0px; opacity:0;}
20%{top:-50px; opacity:1;}
100%{top:-300px; opacity:0;}
}
@keyframes imgh {
0%{height:0; opacity:0;}
30%{height:0; opacity:0;}
70%{opacity:1;}
100%{height:498px; opacity:1;}
}
.c_main{background:#fff url(../images/2020/201106/bg_main_01.png) 0 0 no-repeat; margin-top:-178px;}
.c_main_in{background:url(../images/2020/201106/bg_main_02.png) 100% 100% no-repeat;}
.c_main_inner{width:1027px; margin:0 auto; padding-bottom:130px;}
.c_main_box{padding-top:138px;}
.c_main_box img{padding-bottom:40px;}
.c_main_keyword{background:url(../images/2020/201106/bg_keyword.png) 50% 50% no-repeat; width:1027px; height:112px; text-align:left;}
.c_main_keyword span{display:block; padding-left:370px; padding-top:25px; font-size:20px; line-height:30px; color:#252525; font-weight:400; letter-spacing:-0.05em;}
.conts_main{letter-spacing:-0.5px; line-height:1.5; position:relative;}
.conts_main .conts_inner{}
.conts_00{background:#6069f4; padding-bottom:95px;}
.conts_01_02{background:#6069f4; padding-top:20px; padding-bottom:130px;}
.conts_01_03{background:#6069f4; padding-top:20px;}
.conts_01_04{background:#6069f4; padding-top:20px;}
.conts_01_01{background:#6069f4;}
.conts_titles{text-align:center; padding-top:130px;}
.conts_titles img{display:block; margin:0 auto;}
.conts_icon{}
.conts_icon ul{height:131px;}
.conts_icon ul li{padding:50px 0 45px 0; margin:0 13px; display:inline-block; zoom:1; *display:inline; vertical-align:top; width:38px; animation:icons 0.6s ease-in-out infinite;}
.conts_icon ul li.ico01{animation:icons 0.6s ease-in-out infinite; animation-delay:0.3s;}
.conts_icon ul li.ico03{animation:icons 0.6s ease-in-out infinite; animation-delay:0.3s;}
.conts_icon ul li.ico05{animation:icons 0.6s ease-in-out infinite; animation-delay:0.3s;}
.conts_p{font-size:20px; line-height:33px; font-weight:300; color:#fff; text-align:center; letter-spacing:-0.085em;}
@keyframes icons {
0%{padding-top:50px;}
50%{padding-top:45px;}
100%{padding-top:50px;}
}
.conts_boxs{height:483px; width:1027px; margin:0 auto; background:#fff; *zoom:1;}
.conts_boxs:after{display:block; content:""; clear:both;}
.conts_boxs_desc{width:464px; padding-left:50px; float:left; text-align:left; position:relative;}
.conts_boxs.type_r .conts_boxs_desc{float:right;}
.conts_boxs_desc dl{padding-top:110px;}
.conts_01_03 .conts_boxs_desc dl{padding-top:120px;}
.conts_01_04 .conts_boxs_desc dl{padding-top:130px;}
.conts_01_05 .conts_boxs_desc dl{padding-top:130px;}
.conts_01_01 .conts_boxs_desc dl{padding-top:120px;}
.conts_boxs_desc dl dt{padding-bottom:25px;}
.conts_boxs_desc dl dt img{margin:0; display:block;}
.conts_boxs_desc dl dd{font-size:18px; line-height:28px; color:#252525; font-weight:300; letter-spacing:-0.045em; padding-bottom:35px;}
.conts_boxs_desc a{display:inline-block; zoom:1; *display:inline; vertical-align:top; padding:19px 70px 21px 70px; background:#ff2352; margin:0;}
.conts_boxs_desc img{padding-top:136px; margin:0; display:block; padding-bottom:50px;}
.conts_boxs_desc a:hover{animation:mov1 0.3s;}
.conts_02 .conts_inner a{position:absolute; top:279px; left:402px; display:block; cursor:pointer; z-index:5;}
@keyframes mov1{
0%{margin-top:0;}
50%{margin-top:5px;}
100%{margin-top:0;}
}
.conts_boxs_desc a span{display:inline-block; zoom:1; *display:inline; vertical-align:top; padding-right:30px; line-height:30px; font-size:20px; font-weight:500; color:#fff; letter-spacing:-0.085em; background:url(../images/2020/201106/ico_arrow.png) right 50% no-repeat;}
.conts_boxs_img{width:513px; background:#e4e4e4; height:483px; float:right;}
.conts_boxs.type_r .conts_boxs_img{float:left;}
.conts_tit{text-align: center; padding-top:130px; padding-bottom:50px;}
.conts_img{margin:0 auto; text-align: center; position: relative;}
.conts_img_link{position: absolute; top:416px; left:874px; width:181px; height:33px;}
.conts_02{background:#07763b; padding:100px 0 96px 0; display:none;}
.conts_title{text-align: center; padding-bottom:50px;}
.conts_box3{}
.conts_box3 ul{text-align:center; font-size:0;}
.conts_box3 li{display:inline-block; zoom:1; *display:inline; vertical-align:top; margin:0 10px; width:329px;}
.conts_box3 li img{display:block; margin:0 auto;}
.conts_box3 li span{display:block; padding-top:17px; font-size:20px; font-weight:400; line-height:28px; color:#fff; letter-spacing:-0.07em;}
.conts_keyword{position: relative; margin:60px auto 20px auto; width:1140px; background:url(../images/2020/201106/bg_keyword.png) 0 0 repeat-y;}
.conts_keyword img{position: absolute; top:50%; left:0; margin-top:-55px;}
.conts_keyword div{border:6px solid #fafd0c; border-left:none; font-size: 20px; line-height: 31px; color: #fff; font-weight: 400; text-align: left; letter-spacing:-1px; padding:18px 0 18px 362px; *letter-spacing:-2.5px; *padding-left:348px;}
@media \0screen {
.conts_keyword div{letter-spacing:-1.5px; padding-left:348px;}
}
.conts_txt_right{text-align: right; font-size:16px; color: #dfdfdf; line-height: 1; font-weight:300; letter-spacing:-0.5px; width:1140px; margin:0 auto;}
.conts_list_bar{text-align: center;}
.conts_list_bar ul{display:inline-block; zoom:1; *display: inline; vertical-align: top;}
.conts_list_bar ul li{font-size:20px; line-height:39px; color: #252525; font-weight:400; text-align: left;}
.conts_list_bar ul li.conts_list_bar_on{color: #f53737;}
.conts_list_bar ul li span{/* text-decoration:underline; */ border-bottom:2px solid #252525; display:inline-block; zoom:1; *display:inline; line-height:25px;}
.conts_btn_modi{padding-top:41px; text-align: center;}
.conts_btn_modi a{display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.conts_03{background:#ffe981; height:840px;}
.conts_03 .conts_inner{}
.conts_text_img{width:1027px; margin:0 auto; position:relative; padding-bottom:160px; padding-top:129px;}
.conts_text_img dl{text-align:left; padding-bottom:53px; position:relative; z-index:2;}
.conts_text_img dl dt{padding-bottom:41px;}
.conts_text_img dl dd{font-size:20px; line-height:34px; color:#151515; font-weight:400; letter-spacing:-0.07em;}
.conts_text_img dl dd strong{font-weight:bold;}
.conts_text_img ul{text-align:left;}
.conts_text_img ul li{margin-bottom:10px;}
.conts_text_img ul li strong{width:120px; line-height:25px; padding:9px 0 11px 0; background:#151515; font-size:18px; font-weight:500; color:#fff; letter-spacing:-0.07em; text-align:center; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.conts_text_img ul li span{line-height:25px; padding:9px 0 11px 20px; font-size:18px; font-weight:500; color:#151515; letter-spacing:-0.07em; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.conts_text_img ul li span em{font-style:normal; font-weight:500; letter-spacing:0;}
.conts_text_img .conts_text_imgs{position:absolute; left:485px; top:330px;}
.img_tree_01{position: absolute; top:0; left:50%; margin-left:-1000px;}
.img_tree_02{position: absolute; top:958px; right:50%; margin-right:-1000px;}
.conts_03 .conts_tit{padding-bottom: 78px;}
.conts_list_thumb{width:1200px; margin:0 auto; text-align: center;}
.conts_list_thumb ul{font-size:0;}
.conts_list_thumb ul li{line-height:1; display:inline-block; zoom:1; *display: inline; vertical-align: top; width:345px; padding-bottom:50px;}
.conts_list_thumb .thumb_area{width:320px; height:240px; margin:0 auto; overflow:hidden; position: relative;}
.conts_list_thumb .thumb_area img{width:100%; height:auto; min-height:100%;}
.conts_list_thumb .thumb_area a{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0; position: absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); text-align: center; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.conts_list_thumb li .thumb_area:hover a{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1; -webkit-transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.conts_list_thumb .thumb_area a strong{display:inline-block; zoom:1; *display: inline; vertical-align: top; line-height:20px; font-size:18px; padding:13px 15px 14px 15px; min-width:106px; background:#fff; color: #252525; font-weight:400; margin-top:98.5px;}
.conts_list_thumb ul li span{font-size:18px; line-height:27px; color: #151515; font-weight:300; display: block; padding-top:21px; padding-bottom:15px;}
.conts_list_thumb ul li span a{color: #151515;}
.conts_list_thumb ul li span:hover a{text-decoration:underline;}
.conts_list_thumb ul li button{border:none; background:#ff2452; color:#fff; display:block; width:95px; text-align:center; line-height:40px; font-size:16px; font-weight:400; letter-spacing:-0.8px; margin:0 auto; -webkit-transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.conts_list_thumb ul li button:hover{-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.conts_btn_more{padding-top:50px; text-align:center;}
.conts_btn_more a{display:inline-block; zoom:1; *display: inline; vertical-align: top;}
.conts_04{position: relative; background:#85e6cc; padding-bottom:140px;}
.conts_04 .conts_inner{margin:0 auto; width:1140px; background:#85e6cc;}
.conts_04 input{font-family:inherit;}
.conts_regi{font-size:0;}
.conts_regi .regi_input{display:inline-block; zoom:1; *display: inline; vertical-align: top; text-align: left; width:820px; padding:0 20px; height:70px; line-height:70px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:#fff; border:none; font-size:18px; font-weight:300; color: #454545; letter-spacing:-0.5px;}
.conts_regi .regi_btn{border:none; display:inline-block; zoom:1; *display: inline; vertical-align: top; width:280px;}
.conts_txt_left{text-align: left; font-size:18px; color: #000; font-weight:300; line-height: 27px; padding-top:35px; margin-bottom:35px; padding-left:30px; letter-spacing:-0.05em;}
.conts_btn_right{text-align: right; font-size:0; margin-bottom:15px;}
.conts_btn_right .my_address{background:#f8ea06; margin-left:10px; display:inline-block; zoom:1; *display: inline; vertical-align: top; border:none; line-height:29px; font-size:20px; color: #252525; font-weight:400; text-align: center; letter-spacing:-0.085em; padding:9px 30px 11px 30px;}
.conts_btn_right .my_event{background:#f8ea06; margin-left:10px; display:inline-block; zoom:1; *display: inline; vertical-align: top; border:none; line-height:29px; font-size:20px; color: #252525; font-weight:400; text-align: center; letter-spacing:-0.085em; padding:9px 30px 11px 30px;}
.conts_btn_right .my_info{background:#252525; margin-left:10px; display:inline-block; zoom:1; *display: inline; vertical-align: top; border:none; line-height:29px; font-size:20px; color: #fff; font-weight:400; text-align: center; letter-spacing:-0.085em; padding:9px 30px 11px 30px;}
.conts_tbl{border-top:1px solid #252525;}
.conts_tbl th{border-bottom:1px solid #a4a4a4; background:#fff; font-size:15px; line-height:24px; color: #444; font-weight:300; text-align: center; padding:10px 0; width:1140px; height:58px; -ms-word-break:break-all; word-break:break-all;}
.conts_tbl td{border-bottom:1px solid #a4a4a4; background:#fff; font-size:15px; line-height:24px; color: #444; font-weight:300; text-align: center; padding:15px 5px; height:58px; -ms-word-break:break-all; word-break:break-all;}
.conts_tbl tr:first-child td, .conts_tbl tr:first-child+tr+tr td, .conts_tbl tr:first-child+tr+tr+tr+tr td, .conts_tbl tr:first-child+tr+tr+tr+tr+tr+tr td, .conts_tbl tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr td, .conts_tbl tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr td{background:#f2f2f2;}
.conts_tbl tr:nth-child(2n+1) td{background:#f2f2f2;}
.conts_tbl td.td_tit{text-align: left; padding-left:25px;word-break: break-all;}
.conts_tbl td.td_info{padding-right:17px;}
.conts_tbl td.td_info span{display: block; width:74px; line-height:26px; height:27px; margin:0 auto; color: #fff; font-weight:300; text-align: center; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background: #000;}
.conts_tbl td.td_info .info_red{background: #d52300;}
.conts_tbl td.td_info .info_gray{background: #6e6e6e;}
.conts_tbl td.td_info .info_black{background: #000;}
.conts_tbl td.tbl_num{padding-left:24px;}
.conts_paging{text-align: center; font-size:0; margin:30px auto 0 auto;}
.conts_paging .paging_left{display:inline-block; zoom:1; *display:inline; vertical-align:top; margin-right:18.5px;}
.conts_paging .paging_first{display:inline-block; zoom:1; *display:inline; vertical-align:top; margin-right:5px; border:1px solid #d0d0d0;}
.conts_paging .paging_prev{display:inline-block; zoom:1; *display:inline; vertical-align:top; border:1px solid #d0d0d0;}
.conts_paging .paging_number{display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.conts_paging .paging_num{display:inline-block; zoom:1; *display:inline; vertical-align:top; width:35px; font-size:16px; color: #454545; font-weight: 300; letter-spacing:-0.5px; line-height:33px; height:35px; border:1px solid #d0d0d0; background: #fff; margin:0 1.5px; cursor:pointer;}
.conts_paging .paging_num.on{color: #fff; border:1px solid #000; background:#000;}
.conts_paging .paging_right{display:inline-block; zoom:1; *display:inline; vertical-align:top; margin-left:18.5px;}
.conts_paging .paging_next{display:inline-block; zoom:1; *display:inline; vertical-align:top; border:1px solid #d0d0d0;}
.conts_paging .paging_last{display:inline-block; zoom:1; *display:inline; vertical-align:top; margin-left:5px; border:1px solid #d0d0d0;}
.conts_05{position: relative; background:#f7f7f7; padding-bottom:110px; padding-top:110px;}
.conts_05 .conts_title{padding-bottom:55px;}
.conts_radio_wrap{padding-bottom:70px;}
.conts_radio_inner{}
.conts_radio_tit{text-align:left; padding-bottom:38px;}
.conts_radio_tit img{display:block; margin:0;}
.conts_radio{}
.conts_radio ul{font-size:0;}
.conts_radio ul li{font-size:20px; width:238px; margin-left:25px; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.conts_radio ul li:first-child{margin-left:0;}
.conts_radio ul li.conts_radio_01{}
.conts_radio ul li .conts_radio_box{text-align:left;}
.conts_radio ul li .conts_radio_box .conts_radio_img_01{margin-bottom:20px;}
.conts_radio ul li .conts_radio_box .regi_rdo{visibility:hidden; width:0; position:absolute; *visibility:visible; *width:15px; *position:relative;}
.conts_radio ul li .conts_radio_box .regi_label{font-size:18px; color:#222; font-weight:400; letter-spacing:-0.07em; line-height:21px; height:21px; background:url(../images/2020/201106/ico_rdo_off.png) 0 0 no-repeat; cursor:pointer; padding-left:30px; display:block;}
.conts_radio ul li .conts_radio_box .regi_rdo:checked+.regi_label{background:url(../images/2020/201106/ico_rdo_on.png) 0 0 no-repeat;}
.conts_regi_wrap{position:relative;}
.conts_regi_deam{text-align: left; position: absolute; width:100%; height:100%; background:url(../images/2020/201106/bg_opa_80.png) repeat; top:0; left:0; z-index:999995;}
.conts_regi_deam div{position: absolute; height:60px; top:50%; margin-top:-30px; left:0; width:100%; text-align:center; letter-spacing:-0.5px;}
.conts_regi_deam strong{font-size:25px; line-height:30px; color: #fff; font-weight:400; display:block;}
.conts_regi_deam span{font-size:18px; line-height:30px; color: #fff; font-weight:300; display:block;}
.ee_deam{position: fixed; top:0; left:0; width:100%; height:100%; background:url(../images/2020/201106/bg_opa_40.png) repeat; z-index:999997;}
.ee_box{position: fixed; top:50%; margin-top:-118px; left:50%; margin-left:-250px; width:500px; height:235px; background:#fff; z-index:999999; text-align: center; font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic', '나눔고딕', sans-serif, Dotum, '돋움', Gulim, '굴림';}
.ee_inner{position:relative; letter-spacing:-0.5px;}
.ee_inner .ee_close{display: block; position: absolute; background:url(../images/2020/201106/ico_close.png) 0 0 no-repeat; width:23px; height:23px; top:20px; right:20px; cursor:pointer; border:none; text-indent:-9999px;}
.ee_inner strong{display: block; font-size:25px; line-height:30px; color: #252525; font-weight:400; padding-top:56px;}
.ee_inner span{display: block; font-size:18px; line-height:30px; color: #252525; font-weight:300; padding-bottom:28px;}
.ee_inner .ee_ok{display: block; text-align: center; font-size:20px; line-height:30px; font-weight:400; color: #fff; background:#000; width:160px; padding:9px 0 11px 0; cursor:pointer; border:none; margin:0 auto; font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic', '나눔고딕', sans-serif, Dotum, '돋움', Gulim, '굴림';}
.conts_quick{position:fixed; left:50%; margin-left:613px; bottom:146px; z-index:9884;}
.conts_quick ul{width:190px; text-align: left;}
.conts_quick li{position:relative; display:inline-block; zoom:1; *display:inline; vertical-align:top; margin-top:7px;}
.conts_quick button{position:relative; z-index:2; background:none; padding:0 20px; line-height:47px; height:47px; font-size:16px; font-weight:400; color:#fff; letter-spacing:-0.045em; font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic', '나눔고딕', sans-serif, Dotum, '돋움', Gulim, '굴림'; cursor:pointer; border:none; outline:none; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.conts_quick span{background:#000; opacity:0.6; z-index:1; position:absolute; width:100%; height:100%; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px;}
.conts_quick li:hover span{/* -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; */ opacity:1;}
.conts_btn_top{position:fixed; left:50%; margin-left:613px; bottom:66px; 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/201106/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:1; width:48px; height:47px; -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:0.6;}
@keyframes topm2 {
0%{bottom:66px;}
50%{bottom:74px;}
100%{bottom:66px;}
}
.c_sns{background:#fafaed url(../images/2020/201106/bg_sns.jpg) 50% 100% no-repeat;}
.c_sns .c_sns_in{width:1027px; margin:0 auto; padding-top:110px; height:523px;}
.c_sns .c_sns_tit{text-align:left;}
.c_sns .c_sns_tit img{display:block; margin:0;}
.c_sns .c_sns_list{padding-top:55px; text-align:left; font-size:0;}
.c_sns .c_sns_list button{font-size:1px; display:inline-block; zoom:1; *display:inline; vertical-align:top; margin-right:15px; border:none; background:none; outline:none; cursor:pointer;}
.c_sns .c_sns_list img{display:block;}
.c_sns .c_sns_list button:hover img{animation:tb 0.6s;}
@keyframes tb{
0%{transform:scale(1.0)}
50%{transform:scale(1.1)}
100%{transform:scale(1.0)}
}
@keyframes img_big{
0%{transform:scale(1.0)}
25%{transform:scale(1.2)}
50%{transform:scale(1.0)}
}
@keyframes img_small{
0%{transform:scale(1.0)}
25%{transform:scale(0.8)}
50%{transform:scale(1.0)}
}
@keyframes img_rotater{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes img_rotatel{
0%{transform:rotate(0)}
100%{transform:rotate(-360deg)}
}
@keyframes img_movey{
0%{transform:translateY(0)}
50%{transform:translateY(50px)}
100%{transform:translateY(0)}
}
@keyframes img_skew{
0%{transform: skew(0deg, 0deg);}
50%{transform: skew(90deg, 10deg);}
100%{transform: skew(180deg, 0deg);}
}
@keyframes img_rotatex{
0%{transform: rotateX(90deg);}
100%{transform: rotateX(0deg);}
}
.i_wrap{overflow:hidden;}
.i_top{overflow:hidden;position:relative;z-index:8;}
.i_visual{height:616px;width:100%;background:#ffb3ec url(../images/mbti/bg_top.png) 50% 0 no-repeat;}
.i_top_img{position:absolute;top:0;left:0;width:100%;}
.i_top_img img{position:absolute;left:50%;margin-top:0;z-index:5;}
.i_top_img .i_img_circle_line_left{top:64px;margin-left:-1126px;z-index:7;}
.i_top_img .i_img_circle_blue{top:146px;margin-left:-718px;animation:img_small 1.3s infinite;}
.i_top_img .i_img_star_left{top:115px;margin-left:-483px;animation:img_big 1.9s infinite;}
.i_top_img .i_img_rainbow{top:291px;margin-left:-650px;}
.i_top_img .i_img_wave{top:479px;margin-left:-1337px;}
.i_top_img .i_img_flower_white_right{top:98px;margin-left:552px;animation:img_rotatel 3s linear infinite;}
.i_top_img .i_img_eye{top:252px;margin-left:426px;}
.i_top_img .i_img_star_right{top:270px;margin-left:699px;animation:img_big 1.8s infinite;}
.i_top_img .i_img_cloud{top:118px;margin-left:787px;z-index:7;}
.i_top_img .i_img_circle_green{top:463px;margin-left:628px;animation:img_small 1.4s infinite;}
.i_top_img .i_img_circle_line_right{top:432px;margin-left:870px;z-index:7;}
.i_top_img .i_img_circle_three_blue{top:524px;margin-left:444px;position:absolute;margin-top:0;z-index:7;}
.i_top_img .i_img_flower_white_left{top:899px;margin-left:-717px;animation:img_rotatel 3s linear infinite;position:absolute;margin-top:0;z-index:7;}
.i_top_img .i_img_zigzag_left{top:1076px;margin-left:-825px;position:absolute;margin-top:0;z-index:7;}
.i_top_img .i_img_zigzag_right{top:716px;margin-left:699px;position:absolute;margin-top:0;z-index:7;}
.i_top_img .i_img_flower_pink{top:1064px;margin-left:630px;animation:img_rotater 3s linear infinite;position:absolute;margin-top:0;z-index:7;}
.i_top_img .i_img_circle_three_green{top:1155px;margin-left:656px;position:absolute;margin-top:0;z-index:7;}
.i_top_img .i_img_window{top:100px;margin-left:-363px;z-index:1;animation:img_rotatex 2s 0.5s both;transform-origin:bottom;}
.i_top_img .i_img_font{top:100px;margin-left:-363px;z-index:2;animation:img_rotatex 2s 0.5s both;transform-origin:bottom;}
.i_desc{background:#fffd6b;padding-bottom:100px;z-index:6;position:relative;}
.i_desc_tit{padding:100px 0 50px 0;}
.i_desc_tit img{display:block;margin:0 auto;}
.i_desc_box{width:1000px;margin:0 auto;height:219px;background:url(../images/mbti/bg_desc.png) 50% 50% no-repeat;text-align:left;}
.i_desc_box p{padding:30px 0 29px 352px;font-size:20px;font-weight:300;color:#252525;letter-spacing:-0.05em;line-height:40px;}
.i_desc_box p span{font-weight:bold;font-weight:bolder;font-weight:900;}
.i_desc_box p strong{font-weight:bold;font-weight:bolder;font-weight:900;display:inline-block;border-bottom:2px solid #252525;line-height:24px;padding-top:8px;margin-bottom:6px;}
.i_desc_box p strong span{font-style:italic;}
.i_desc_box p em{font-weight:bold;font-weight:bolder;font-weight:900;color:#ff3b3a;}
.i_desc_box p em span{font-style:italic;}
.i_desc_list{margin-top:40px;text-align:center;}
.i_desc_list ul{width:750px;margin:0 auto;height:276px;background:url(../images/mbti/bg_desc_list.png) 50% 50% no-repeat;}
.i_desc_list li{text-indent:-9999px;}
.i_slc{position:relative;z-index:11;height:137px;background:#000;}
.pos_fix.i_slc{z-index:21;}
.i_slc_btns{background:#000 url(../images/mbti/bg_line.png) 0 50% repeat-x;height:137px;text-align:center;position:absolute;top:0;left:0;width:100%;}
.pos_fix .i_slc_btns{position:fixed;top:49px;}
.i_slc_btns ul{width:1200px;margin:0 auto;background:url(../images/mbti/bg_mbti.png) 50% 50% no-repeat;text-align:center;font-size:0;}
.i_slc_btns li{width:150px;height:69px;display:inline-block;vertical-align:top;}
.i_slc_btns li:nth-child(8)~li{height:68px;}
.i_slc_btns li button{width:100%;height:100%;display:block;font-size:1px;text-indent:-9999px;border:none;background-image:url(../images/mbti/img_mbti.png);background-repeat:no-repeat;text-indent:-9999px;opacity:0;transition:all 0.2s;}
.i_slc_btns li button.i_enfp{background-position:0px 0px;}
.i_slc_btns li button.i_enfj{background-position:-150px 0px;}
.i_slc_btns li button.i_esfp{background-position:-300px 0px;}
.i_slc_btns li button.i_esfj{background-position:-450px 0px;}
.i_slc_btns li button.i_entp{background-position:-600px 0px;}
.i_slc_btns li button.i_entj{background-position:-750px 0px;}
.i_slc_btns li button.i_estp{background-position:-900px 0px;}
.i_slc_btns li button.i_estj{background-position:-1050px 0px;}
.i_slc_btns li button.i_infp{background-position:0px -69px;}
.i_slc_btns li button.i_infj{background-position:-150px -69px;}
.i_slc_btns li button.i_isfp{background-position:-300px -69px;}
.i_slc_btns li button.i_isfj{background-position:-450px -69px;}
.i_slc_btns li button.i_intp{background-position:-600px -69px;}
.i_slc_btns li button.i_intj{background-position:-750px -69px;}
.i_slc_btns li button.i_istp{background-position:-900px -69px;}
.i_slc_btns li button.i_istj{background-position:-1050px -69px;}
.i_slc_btns li button:hover{opacity:0.2;transition:all 0.2s;}
.i_slc_btns li button.on{opacity:1;transition:all 0.3s;}
.i_view{position:relative;height:858px;z-index:12;background:#fff;}
.i_view_type{padding:0 0 120px 0;position:absolute;top:0;left:0;width:100%;height:738px;opacity:0;transition:all 0.4s;}
.i_view_type.on{opacity:1;transition:all 0.5s;z-index:2;}
.i_view_tit{text-align:center;height:243px;padding-top:95px;}
.i_view_tit strong{font-size:18px;font-weight:bold;letter-spacing:-0.06em;line-height:28px;display:block;text-align:center;margin-bottom:15px;}
.i_view_tit img{display:block;margin:0 auto;}
.i_view_box{width:480px;padding-top:76px;height:324px;padding-left:80px;padding-right:640px;text-align:left;background-color:#fff;background-position:100% 50%;background-repeat:no-repeat;position:relative;margin:0 auto;}
.i_view_box .i_view_sub{font-size:18px;font-weight:500;color:#555;letter-spacing:-0.06em;line-height:37px;}
.i_view_box .i_view_main{font-size:27px;font-weight:300;font-weight:200;letter-spacing:-0.06em;line-height:42px;margin-bottom:27px;}
.i_view_box .i_view_main strong{font-weight:bold;font-weight:bolder;font-weight:900;}
.i_view_box a{display:inline-block;vertical-align:top;padding:0 37px 0 37px;height:51px;background:#151515;font-size:18px;font-weight:500;color:#fff;letter-spacing:-0.06em;line-height:51px;border:none;transition:all 0.3s;}
.i_view_box a:hover{border-radius:26px;transition:all 0.3s;}
.i_view_box a span{display:block;background:url(../images/mbti/ico_arrow.png) calc(100% - 1px) 50% no-repeat; padding-right:66px;}
.i_color{position:absolute;left:450px;bottom:30px;font-size:13px;font-weight:300;letter-spacing:0;line-height:23px;padding:29px 0 30px 0;width:82px;text-align:center;border-radius:50%;color:#fff;}
.i_enfp{background:#fed966;}
.i_enfp .i_view_tit{color:#bc9d3b;}
.i_enfp .i_view_box{background-image:url(../images/mbti/bg_enfp.png);}
.i_enfp .i_view_main{color:#e2ab00}
.i_enfp .i_color{background:#f5d368;}
.i_enfj{background:#82b8ae;}
.i_enfj .i_view_tit{color:#cdf6ee;}
.i_enfj .i_view_box{background-image:url(../images/mbti/bg_enfj.png);}
.i_enfj .i_view_main{color:#5f8780}
.i_enfj .i_color{background:#82b8ae;}
.i_esfp{background:#f0a5ac;}
.i_esfp .i_view_tit{color:#feebed;}
.i_esfp .i_view_box{background-image:url(../images/mbti/bg_esfp.png);}
.i_esfp .i_view_main{color:#dd646f}
.i_esfp .i_color{background:#f0a5ac;}
.i_esfj{background:#e5d0cd;}
.i_esfj .i_view_tit{color:#fff7f6;}
.i_esfj .i_view_box{background-image:url(../images/mbti/bg_esfj.png);}
.i_esfj .i_view_main{color:#b19e9b}
.i_esfj .i_color{background:#e5d0cd;}
.i_entp{background:#b76349;}
.i_entp .i_view_tit{color:#e8c7bc;}
.i_entp .i_view_box{background-image:url(../images/mbti/bg_entp.png);}
.i_entp .i_view_main{color:#b76349}
.i_entp .i_color{background:#b76349;}
.i_entj{background:#35588e;}
.i_entj .i_view_tit{color:#a8b4c6;}
.i_entj .i_view_box{background-image:url(../images/mbti/bg_entj.png);}
.i_entj .i_view_main{color:#35588e}
.i_entj .i_color{background:#35588e;}
.i_estp{background:#d89279;}
.i_estp .i_view_tit{color:#ebc6b8;}
.i_estp .i_view_box{background-image:url(../images/mbti/bg_estp.png);}
.i_estp .i_view_main{color:#d89279}
.i_estp .i_color{background:#d89279;}
.i_estj{background:#596d54;}
.i_estj .i_view_tit{color:#a5b7a1;}
.i_estj .i_view_box{background-image:url(../images/mbti/bg_estj.png);}
.i_estj .i_view_main{color:#596d54}
.i_estj .i_color{background:#596d54;}
.i_infp{background:#638181;}
.i_infp .i_view_tit{color:#cde3e3;}
.i_infp .i_view_box{background-image:url(../images/mbti/bg_infp.png);}
.i_infp .i_view_main{color:#638181}
.i_infp .i_color{background:#638181;}
.i_infj{background:#ebeffa;}
.i_infj .i_view_tit{color:#9fa5b6;}
.i_infj .i_view_box{background-image:url(../images/mbti/bg_infj.png);}
.i_infj .i_view_main{color:#788cc1}
.i_infj .i_color{background:#ebeffa;}
.i_isfp{background:#bcdc9b;}
.i_isfp .i_view_tit{color:#90aa75;}
.i_isfp .i_view_box{background-image:url(../images/mbti/bg_isfp.png);}
.i_isfp .i_view_main{color:#7f9765}
.i_isfp .i_color{background:#bcdc9b;}
.i_isfj{background:#f2dcb3;}
.i_isfj .i_view_tit{color:#c4a977;}
.i_isfj .i_view_box{background-image:url(../images/mbti/bg_isfj.png);}
.i_isfj .i_view_main{color:#d5b06b}
.i_isfj .i_color{background:#f2dcb3;}
.i_intp{background:#9cb7d4;}
.i_intp .i_view_tit{color:#cddff3;}
.i_intp .i_view_box{background-image:url(../images/mbti/bg_intp.png);}
.i_intp .i_view_main{color:#85a1bf}
.i_intp .i_color{background:#9cb7d4;}
.i_intj{background:#d8d5ea;}
.i_intj .i_view_tit{color:#b2b0bf;}
.i_intj .i_view_box{background-image:url(../images/mbti/bg_intj.png);}
.i_intj .i_view_main{color:#a09dad}
.i_intj .i_color{background:#d8d5ea;}
.i_istp{background:#4d6879;}
.i_istp .i_view_tit{color:#a5b9c5;}
.i_istp .i_view_box{background-image:url(../images/mbti/bg_istp.png);}
.i_istp .i_view_main{color:#4d6879}
.i_istp .i_color{background:#4d6879;}
.i_istj{background:#adb1b0;}
.i_istj .i_view_tit{color:#dee0e0;}
.i_istj .i_view_box{background-image:url(../images/mbti/bg_istj.png);}
.i_istj .i_view_main{color:#939897}
.i_istj .i_color{background:#adb1b0;}
.i_reply{background:#fff9db;position:relative;z-index:13;}
.i_reply_tit{padding-top:100px;height:252px;}
.i_reply_tit img{display:block;margin:0 auto;}
.i_reply_tit p{font-size:20px;font-weight:300;color:#252525;letter-spacing:-0.05em;line-height:34px;margin-top:23px;}
.i_reply_tit p strong{font-weight:bold;}
.i_reply_desc{width:1200px;margin:0 auto;background:#fff;padding-bottom:70px;}
.i_reply_desc_tit{padding:70px 0 40px 0;}
.i_reply_desc_tit img{display:block;margin:0 auto;}
.i_reply_desc ul{font-size:0;text-align:center;margin-bottom:42px;}
.i_reply_desc li{width:366px;display:inline-block;vertical-align:top;position:relative;}
.i_reply_desc li:after{position:absolute;top:122px;left:-9px;width:17px;height:27px;content:"";background:url(../images/mbti/ico_big_arrow.png) 50% 50% no-repeat;}
.i_reply_desc li:first-child:after{display:none;}
.i_reply_desc .i_reply_img{margin-bottom:24px;}
.i_reply_desc .i_reply_img img{display:block;margin:0 auto;}
.i_reply_desc li p{font-size:20px;font-weight:300;color:#151515;letter-spacing:-0.07em;line-height:32px;}
.i_reply_desc li p strong{font-weight:bold;}
.i_reply_desc li p em{font-style:italic;}
.i_reply_desc li span{font-size:16px;font-weight:500;color:#ff0000;letter-spacing:-0.07em;line-height:32px;}
.i_reply_btn{display:inline-block;vertical-align:top;padding:0 73px 0 73px;height:66px;background:#ff6632;font-size:24px;font-weight:500;color:#fff;letter-spacing:-0.075em;line-height:66px;border:none;transition:all 0.3s;}
.i_reply_btn:hover{border-radius:33px;transition:all 0.3s;}
.i_reply_btn span{display:block;background:url(../images/mbti/ico_btn_arrow.png) calc(100% - 1px) 50% no-repeat; padding-right:31px;}
.i_reply_slc{width:1200px;margin:0 auto;padding-top:134px;padding-bottom:100px;}
.i_reply_slc ul{font-size:0;padding-bottom:10px;text-align:left;}
.i_reply_slc li{margin-left:20px;margin-bottom:40px;width:285px;display:inline-block;vertical-align:top;}
.i_reply_slc li:nth-child(4n+1){margin-left:0;}
.i_reply_slc .i_reply_slc_img{position:relative;width:285px;height:159px;overflow:hidden;margin-bottom:15px;}
.i_reply_slc .i_reply_slc_img img{}
.i_reply_slc .i_reply_slc_link{position:absolute;top:-100%;left:-100%;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0.7);text-align:center;}
.i_reply_slc .i_reply_slc_link a{font-size:16px;font-weight:500;color:#fff;letter-spacing:-0.05em;border:1px solid #fff;text-align:center;width:133px;height:33px;line-height:32px;display:inline-block;vertical-align:top;transition:all 0.2s;}
.i_reply_slc .i_reply_slc_link a:hover{background:#fff;color:#252525;transition:all 0.3s;}
.i_reply_slc .i_reply_slc_link span{}
.i_reply_slc_btn{height:24px;background:url(../images/mbti/ico_chk_off.png) 0 50% no-repeat;border:none;display:inline-block;vertical-align:top;}
.i_reply_slc_btn.on{background:url(../images/mbti/ico_chk_on.png) 0 50% no-repeat;}
.i_reply_slc_btn span{display:block;padding-left:34px;font-size:20px;font-weight:500;color:#252525;letter-spacing:-0.05em;line-height:24px;}
.i_down_btn{display:inline-block;vertical-align:top;padding:0 88px 0 88px;height:66px;background:#000;font-size:24px;font-weight:500;color:#fff;letter-spacing:-0.075em;line-height:66px;border:none;transition:all 0.3s;margin-right: 10px;}
.i_down_btn:hover{border-radius:33px;transition:all 0.3s;}
.i_down_btn span{display:block;background:url(../images/mbti/ico_down.png) calc(100% - 1px) 50% no-repeat; padding-right:44px;}
.i_ppt{display:inline-block;vertical-align:top;padding:0 73px 0 73px;height:66px;background:#ff6632;font-size:24px;font-weight:500;color:#fff;letter-spacing:-0.075em;line-height:66px;border:none;transition:all 0.3s;}
.i_ppt:hover{border-radius:33px;transition:all 0.3s;}
.i_ppt span{display:block;background:url(../images/mbti/ico_btn_arrow.png) calc(100% - 1px) 50% no-repeat; padding-right:31px;color: #fff;}
.i_reply_event{padding-bottom:130px;margin-bottom:-30px;background:#fff9db;position:relative;z-index:14;}
.i_reply_event .all_reply_wrap{width:1200px;margin:0 auto;background:#fff;}
.ball{pointer-events:none;position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;animation:implode 1s ease-in-out;animation-fill-mode:both;opacity:0.2;z-index:50;}
.ball.off{opacity:0.9;}
@keyframes implode {
100% {transform: scale(0)}
}
.ball.on{opacity:0.1;}