.container-doc{width:100%;min-width:600px;height:100%;}
.doc-main{width:100%;height:100%;}
.content-article{width:100%;height:100%;}
/* header */
.doc-header{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;height:80px;background:#0078D7;z-index:100;}
.doc-header:after{display:block;clear:both;content:"";}
.doc-header .inner_header{width:1120px;height:100%;padding:0 18px 0 16px;margin:0 auto;box-sizing:border-box;}
.doc-title{float:left;margin-top:10px;}
.gnb_comm{float:right;}
.list_gnb li{float:left;}
.list_gnb li:hover .link_gnb{font-weight:700;}
.list_gnb li + li{margin-left:17px;}
.link_gnb{display:block;height:74px;padding:6px 12px 0;font-size:18px;line-height:74px;color:#fff;letter-spacing:0.8px;}
.link_gnb:hover{text-decoration:none;}
.header_type2{background:#fff;box-shadow:0px 1px 0px rgba(0,0,0,0.05);}
.header_type2 .link_gnb{color:#111;}
.header_type2 .list_gnb li.on .link_gnb, .header_type2 .list_gnb li:hover .link_gnb{font-weight:700;color:#D40304;}
/* main */
.wrap_group{width:100%;height:100%;}
.group_section{position:relative;padding-top:80px;background:#F3F3F3;box-sizing:border-box;}
.inner_group{overflow:hidden;height:100%;}
.box_group{position:relative;width:1060px;margin:0 auto;padding:0 30px 80px;text-align:center;}
.tit_group,.txt_group{opacity:0;display:block;}
.active .tit_group,.active .txt_group{animation:slideUp 0.2s linear forwards;}
.tit_group.active, .txt_group.active{animation:slideUp 0.2s linear forwards;}
.img_group .inner_img{position:relative;left:50%;transform:translateX(-50%);width:100%;max-width:660px;text-align:center;}
/* section_intro */
.section_intro{height:750px;background:#0078D7;}
.section_intro .box_group{top:166px;padding:0;text-align:left;}
.section_intro .tit_group,.section_intro .txt_group{padding-right:560px;}
.section_intro .tit_group .img_g{width:414px;height:94px;}
.section_intro .txt_group{margin-top:24px;}
.section_intro .txt_group .img_g{width:352px;height:90px;}
.section_intro .img_group{position:absolute;top:-36px;right:30px;}
.section_intro .img_group .inner_img{left:auto;right:0;transform:none;}
.section_intro .img_group .img_bg{opacity:0;position:relative;left:30px;width:516px;height:360px;}
.section_intro .img_group .img_g1{opacity:0;position:absolute;left:283px;top:-51px;width:90px;height:100px;}
.section_intro .img_group .img_g2{opacity:0;position:absolute;left:0px;top:126px;width:90px;height:100px;}
.section_intro .img_group .img_g3{opacity:0;position:absolute;left:168px;bottom:-40px;width:130px;height:140px;}
.section_intro .link_table{display:inline-block;margin-top:32px;vertical-align:top;}
.section_intro .link_table .img_g{width:275px;height:60px;}
.bg_group .img_g{position:absolute;left:50%;top:-20px;transform:translateX(-50%);width:16px;height:9px;}
.section_intro.active .txt_group{animation-delay:0.1s;}
.section_intro.active .link_table .img_g{animation:slideUp 0.2s  forwards;opacity:0;animation-delay:0.3s;}
.section_intro.active .img_group .img_bg{animation:fadeIn 0.2s forwards;opacity:0;animation-delay:0.3s;}
.section_intro.active .img_group .img_g1{animation:slideLeft 0.2s cubic-bezier(0.175,0.885,0.32,1) forwards;animation-delay:0.6s;}
.section_intro.active .img_group .img_g2{animation:slideRight 0.2s cubic-bezier(0.175,0.885,0.32,1) forwards;animation-delay:0.7s;}
.section_intro.active .img_group .img_g3{animation:slideLeft 0.2s cubic-bezier(0.175,0.885,0.32,1) forwards;animation-delay:0.8s;}
/* section_info */
.section_info{background:#fff;padding-top:140px;}
.section_info .txt_name{display:block;position:relative;padding-bottom:40px;text-align:center;}
.section_info .txt_name .img_g{width:50px;height:20px;}
.section_info .txt_group{margin-top:66px;}
.section_info .group_tit1 .img_g{width:306px;height:40px;}
.section_info .group_tit2{margin-top:14px;}
.section_info .group_tit3{position:relative;margin-top:26px;}
.section_info .group_tit4{margin-top:12px;}
.section_info .group_tit2 .img_g{width:114px;height:40px;}
.section_info .group_tit3 .img_g{width:144px;height:41px;}
.section_info .group_tit4 .img_g{width:285px;height:41px;}
.section_info .txt_group .img_g{width:410px;height:50px;}
.section_info .img_group{margin-top:25px;opacity:0;}
.section_info .img_group .img_g{width:280px;height:308px;}
.section_info .txt_name:after{position:absolute;left:300px;bottom:-24px;width:60px;height:60px;background:url(//t1.daumcdn.net/cafe_image/table/brand/comm/img_emoji1.png) no-repeat;content:'';opacity:0;background-size:60px 60px;}
.section_info .group_tit3:after{position:absolute;right:310px;bottom:-24px;width:60px;height:60px;background:url(//t1.daumcdn.net/cafe_image/table/brand/comm/img_emoji2.png) no-repeat;content:'';opacity:0;background-size:60px 60px;}
.section_info .active .txt_name{animation:fadeIn 0.2s forwards;}
.section_info .active .txt_name:after{animation:slideUp 0.2s forwards;animation-delay:0.2s;}
.section_info .active .group_tit1{animation-delay:0.3s;}
.section_info .active .group_tit2{animation-delay:0.35s;}
.section_info .active .group_tit3{animation-delay:0.5s;}
.section_info .active .group_tit3:after{animation:slideUp 0.2s forwards;animation-delay:0.55s;}
.section_info .active .group_tit4{animation-delay:0.6s;}
.section_info .active .img_group{animation:slideUp 0.2s cubic-bezier(0.175,0.885,0.32,1) forwards;animation-delay:0.7s;}
.section_info .active .txt_group{animation-delay:0.75s;}
/* section_function1 */
.section_function1{padding-top:140px;}
.section_function2:before,.section_function3:before,.section_function4:before{position:absolute;left:50%;top:-30px;width:1px;height:60px;background:linear-gradient(180deg,#FF4F69 0%,#0078D7 100%);z-index:10;content:"";}
.section_function1 .tit_group .img_g{width:446px;height:114px;}
.section_function1 .txt_group{margin-top:18px;}
.section_function1 .txt_group{animation-delay:0.2s;}
.section_function1 .txt_group .img_g{width:278px;height:75px;}
.section_function1 .img_group{position:relative;margin-top:50px;}
.section_function1 .img_group .img_bg{opacity:0;width:420px;height:420px;}
.section_function1 .wrap_card{opacity:0;position:absolute;top:122px;width:2538px;margin:-10px -10px -10px 0;}
.wrap_card:after{display:block;clear:both;content:"";}
.item_card{float:left;margin:10px;}
.item_card .inner_card{display:block;overflow:hidden;border-radius:10px;box-shadow:10px 20px 20px rgba(0,0,0,0.15);}
.card_circle .inner_card{border-radius:50%;}
.section_function1 .item_card .img_g{width:335px;height:88px;}
.section_function1 .card_circle .img_g{width:88px;}
.section_function1 .card_circle + .card_circle{margin-left:80px;}
.wrap_btn{opacity:0;position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);font-size:0;}
.wrap_btn .btn_left,.wrap_btn .btn_right{display:inline-block;width:48px;height:48px;border-radius:24px;box-shadow:10px 20px 20px rgba(0,0,0,0.15);vertical-align:top;}
.wrap_btn .btn_left{background:url(//t1.daumcdn.net/cafe_image/table/brand/comm/btn_left_on.svg) no-repeat;}
.wrap_btn .btn_left.in_active{background:url(//t1.daumcdn.net/cafe_image/table/brand/comm/btn_left.svg) no-repeat;cursor:default;pointer-events:none;}
.wrap_btn .btn_right{margin-left:16px;background:url(//t1.daumcdn.net/cafe_image/table/brand/comm/btn_right_on.svg) no-repeat;}
.wrap_btn .btn_right.in_active{background:url(//t1.daumcdn.net/cafe_image/table/brand/comm/btn_right.svg) no-repeat;cursor:default;pointer-events:none;}
.section_function1 .img_group.active .img_bg{animation:fadeIn 0.25s forwards;animation-delay:0.4s;}
.section_function1 .img_group.active .wrap_card{animation:slideLeft 0.4s forwards;animation-delay:0.5s;}
.section_function1 .img_group.active .wrap_btn{animation:fadeIn 0.4s forwards;animation-delay:0.5s;}
/* section_function2 */
.section_function2 .tit_group .img_g{width:452px;height:114px;}
.section_function2 .txt_group{margin-top:8px;}
.section_function2 .txt_group{animation-delay:0.3s;}
.section_function2 .txt_group .img_g{width:300px;height:96px;}
.section_function2 .img_group{position:relative;margin-top:38px;}
.section_function2 .img_group .img_bg{opacity:0;width:420px;height:420px;}
.section_function2 .wrap_card{position:absolute;top:109px;left:50%;transform:translateX(-50%);width:960px;}
.section_function2 .item_card{opacity:0;}
.section_function2 .item_card .img_g{width:300px;height:210px;}
.section_function2 .img_group.active .img_bg{animation:fadeIn 0.25s forwards;animation-delay:0.4s;}
.section_function2 .img_group.active .card_item1{animation:fadeIn 0.2s forwards;animation-delay:0.5s;}
.section_function2 .img_group.active .card_item2{animation:fadeIn 0.2s forwards;animation-delay:0.7s;}
.section_function2 .img_group.active .card_item3{animation:fadeIn 0.2s forwards;animation-delay:0.9s;}
/* section_function3 */
.section_function3 .tit_group .img_g{width:448px;height:120px;}
.section_function3 .txt_group .img_g{width:338px;height:86px;}
.section_function3 .img_group{position:relative;margin-top:44px;}
.section_function3 .img_group .img_bg{opacity:0;width:510px;height:490px;margin-left:84px;}
.section_function3 .wrap_card{position:absolute;top:158px;left:162px;width:375px;margin:-10px;}
.section_function3 .item_card{opacity:0;position:relative;}
.section_function3 .item_card .img_g{width:335px;height:72px;}
.section_function3 .item_card + .item_card{margin-top:-20px;}
.section_function3 .card_item1{z-index:40;}
.section_function3 .card_item2{z-index:30;}
.section_function3 .card_item3{z-index:20;}
.section_function3 .card_item4{z-index:10;}
.section_function3 .ico_emoji1{opacity:0;position:absolute;top:74px;left:-332px;width:120px;height:120px;background:url(//t1.daumcdn.net/cafe_image/table/brand/comm/img_thumb1.png) no-repeat;content:"";background-size:120px 120px;}
.section_function3 .ico_emoji2{opacity:0;position:absolute;top:26px;left:-191px;width:120px;height:120px;background:url(//t1.daumcdn.net/cafe_image/table/brand/comm/img_thumb2.png) no-repeat;content:"";background-size:120px 120px;}
.section_function3 .ico_emoji3{opacity:0;position:absolute;top:66px;right:-185px;width:120px;height:120px;background:url(//t1.daumcdn.net/cafe_image/table/brand/comm/img_thumb3.png) no-repeat;content:"";background-size:120px 120px;}
.section_function3 .ico_emoji4{opacity:0;position:absolute;top:31px;right:-329px;width:120px;height:120px;background:url(//t1.daumcdn.net/cafe_image/table/brand/comm/img_thumb4.png) no-repeat;content:"";background-size:120px 120px;}
.section_function3 .txt_group.active{animation-delay:0.2s;}
.section_function3 .img_group.active .img_bg{animation:fadeIn 0.2s forwards;animation-delay:0.3s;}
.section_function3 .img_group.active .card_item1{animation:fadeIn 1s cubic-bezier(0.175,0.885,0.32,1) forwards;animation-delay:0.45s;}
.section_function3 .img_group.active .card_item2{animation:slideDown 0.25s cubic-bezier(0.175,0.885,0.32,1) forwards;animation-delay:0.6s;}
.section_function3 .img_group.active .card_item3{animation:slideDown 0.3s cubic-bezier(0.175,0.885,0.32,1) forwards;animation-delay:0.65s;}
.section_function3 .img_group.active .ico_emoji1{animation:floating1 1s infinite alternate linear;animation-delay:0.65s;}
.section_function3 .img_group.active .ico_emoji2{animation:floating 1s infinite alternate linear;animation-delay:0.65s;}
.section_function3 .img_group.active .ico_emoji3{animation:floating 1s infinite alternate linear;animation-delay:0.65s;}
.section_function3 .img_group.active .ico_emoji4{animation:floating1 1s infinite alternate linear;animation-delay:0.65s;}
.section_function3 .img_group.active .card_item4{animation:slideDown 0.4s cubic-bezier(0.175,0.885,0.32,1) forwards;animation-delay:0.7s;}
/* section_function4 */
.section_function4 .tit_group .img_g{width:360px;height:120px;}
.section_function4 .txt_group{margin-top:3px;}
.section_function4 .txt_group .img_g{width:312px;height:82px;}
.section_function4 .img_group{position:relative;margin-top:-16px;}
.section_function4 .img_group .img_bg{opacity:0;width:656px;height:570px;margin-left:-58px;}
.section_function4 .wrap_card{position:absolute;top:80px;left:50%;transform:translateX(-50%);width:335px;margin:-6px;}
.section_function4 .item_card{opacity:0;position:relative;margin:6px;}
.section_function4 .item_card .img_g{width:335px;height:72px;}
.section_function4 .card_item3{margin-top:15px;}
.section_function4 .wrap_card .card_dot{opacity:1;width:100%;height:72px;}
.section_function4 .card_dot .inner_card{height:72px;box-shadow:none;}
.section_function4 .card_dot .emph_dot{opacity:0;display:block;width:5px;height:5px;background-color:#fff;margin:15px auto 0;border-radius:50%;}
.section_function4 .txt_group.active{animation-delay:0.2s;}
.section_function4 .img_group.active .img_bg{animation:fadeIn 0.2s forwards;animation-delay:0.4s;}
.section_function4 .img_group.active .card_item1{animation:slideRight 0.25s forwards;animation-delay:0.5s;}
.section_function4 .img_group.active .card_item2{animation:slideLeft 0.25s forwards;animation-delay:0.55s;}
.section_function4 .img_group.active .card_dot .dot1{animation:fadeIn 0.25s forwards;animation-delay:0.6s;}
.section_function4 .img_group.active .card_dot .dot2{animation:fadeIn 0.25s forwards;animation-delay:0.65s;}
.section_function4 .img_group.active .card_dot .dot3{animation:fadeIn 0.25s forwards;animation-delay:0.7s;}
.section_function4 .img_group.active .card_item3{animation:slideRight 0.25s forwards;animation-delay:0.75s;}
.section_function4 .img_group.active .card_item4{animation:slideLeft 0.25s forwards;animation-delay:0.8s;}
/* section_qmenu */
.section_qmenu{background:#262223;padding-top:140px;}
.section_qmenu .tit_group{opacity:1;margin-top:5px;}
.section_qmenu .tit_group .img_g{width:432px;height:149px;}
.section_qmenu .group_txt1{opacity:1;margin-top:74px;}
.section_qmenu .group_txt1 .img_g{width:226px;height:16px;}
.section_qmenu .link_table{display:inline-block;margin-top:14px;vertical-align:top;}
.section_qmenu .link_table .img_g{width:275px;height:60px;}
.section_qmenu.active .tit_group,.section_qmenu.active .txt_group{animation:none;opacity:1;}
.section_qmenu .group_txt2{margin-top:36px;}
.section_qmenu .group_txt2 .img_g{width:134px;height:22px;}
.list_share{display:inline-block;overflow:hidden;margin:6px auto 0;vertical-align:top;}
.list_share li{float:left;}
.list_share .link_share{display:block;padding:10px;}
.list_share .link_share .img_g{width:48px;height:48px;}
.section_qmenu .txt_info{display:block;margin-top:62px;}
.section_qmenu .txt_info .img_g{width:340px;height:41px;}
.txt_copyright{display:block;margin:38px 0 -10px;}
.txt_copyright .link_kakao{display:inline-block;padding:10px;margin:0 auto;vertical-align:top;}
.txt_copyright .link_kakao .img_g{width:99px;height:16px;}
@-webkit-keyframes slideUp{0%{transform:translateY(10px);    opacity:0;}
	100%{transform:translateY(0);    opacity:1;} }
@keyframes slideUp{0%{transform:translateY(10px);    opacity:0;}
	100%{transform:translateY(0);    opacity:1;} }
@-webkit-keyframes slideDown{0%{transform:translateY(-40%);    opacity:0;}
	100%{transform:translateY(0);    opacity:1;} }
@keyframes slideDown{0%{transform:translateY(-40%);    opacity:0;}
	100%{transform:translateY(0);    opacity:1;} }
@-webkit-keyframes slideLeft{0%{margin-left:15px;    opacity:.7;}
	100%{margin-left:0;    opacity:1;} }
@keyframes slideLeft{0%{margin-left:15px;    opacity:.7;}
	100%{margin-left:0;    opacity:1;} }
@-webkit-keyframes slideRight{0%{margin-left:-15px;    opacity:.7;}
	100%{margin-left:0;    opacity:1;} }
@keyframes slideRight{0%{margin-left:-30%;opacity:.7;} 100%{margin-left:0;opacity:1;} } 
@-webkit-keyframes fadeIn{0%{opacity:0;}
	100%{opacity:1;} }
@keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;} } 
@-webkit-keyframes floating{0%{opacity:1;    transform:translate(0,0);}
	100%{opacity:1;    transform:translate(0,5px);} }
@keyframes floating{0%{opacity:1;transform:translate(0,0);} 100%{opacity:1;transform:translate(0,5px);} } 
@-webkit-keyframes floating1{0%{opacity:1;    transform:translateY(0);}
	100%{opacity:1;    transform:translateY(-5px);} }
@keyframes floating1{0%{opacity:1;transform:translate(0,0);} 100%{opacity:1;transform:translate(0,-10px);} }