.container-doc{width:100%;min-width:320px;height:100%;}
.doc-main{width:100%;height:100%;padding-top:48px;background:#0078D7;box-sizing:border-box;}
.content-article{width:100%;height:100%;}
/* header */
.doc-header{position:fixed;top:0;left:0;width:100%;min-width:320px;height:48px;background:#0078D7;z-index:9999;}
.doc-header:after{display:block;clear:both;content:"";}
.doc-title{float:left;margin-left:10px;}
.gnb_comm{float:right;margin-right:12px;}
.list_gnb li{float:left;}
.link_gnb{display:block;padding:6px 12px 0;font-size:14px;line-height:42px;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{font-weight:700;color:#D40304;}
/* main */
.wrap_group{width:100%;height:100%;}
.group_section{position:relative;width:100%;background:#F3F3F3;box-sizing:border-box;}
.inner_group{overflow:hidden;height:100%;}
.box_group{position:relative;padding:80px 0 80px;text-align:center;}
.tit_group,.txt_group{display:block;opacity:0;}
.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:516px;text-align:center;z-index:10;}
/* section_intro */
.section_intro{height:100%;font-size:0;background:#0078D7;}
.section_intro:before{display:inline-block;height:100%;vertical-align:middle;content:'';}
.section_intro .inner_group{position:relative;display:inline-block;overflow:hidden;overflow-x:hidden;width:100%;height:auto;vertical-align:middle;box-sizing:border-box;}
.section_intro .box_group{overflow:visible;width:100%;padding:10px 0;}
.section_intro .tit_group .img_g{width:275px;height:62px;}
.section_intro .txt_group{margin-top:12px;}
.section_intro .txt_group .img_g{width:273px;height:66px;}
.section_intro .img_group{max-width:295px;margin:13px auto 0;}
.section_intro .img_group .inner_img{left:auto;transform:none;max-width:516px;}
.section_intro .img_group .img_bg{opacity:0;position:relative;left:0px;width:516px;height:360px;}
.section_intro .img_group .img_g1{opacity:0;position:absolute;left:72%;top:-51px;width:90px;height:100px;}
.section_intro .img_group .img_g2{opacity:0;position:absolute;left:-40px;top:126px;width:90px;height:100px;}
.section_intro .img_group .img_g3{opacity:0;position:absolute;left:140px;bottom:-36px;width:130px;height:140px;}
.section_intro .inner_border{position:absolute;left:0;right:0;bottom:-1px;}
.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 .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;}
.section_info .txt_name{display:block;opacity:0;padding-bottom:25px;text-align:center;}
.section_info .txt_name .img_g{width:50px;height:20px;}
.section_info .txt_group{margin-top:40px;}
.section_info .group_tit1 .img_g{width:206px;height:36px;}
.section_info .group_tit2{margin-top:4px;}
.section_info .group_tit3{margin-top:20px;}
.section_info .group_tit4{margin-top:8px;}
.section_info .group_tit2 .img_g{width:78px;height:28px;}
.section_info .group_tit3 .img_g{width:96px;height:28px;}
.section_info .group_tit4 .img_g{width:190px;height:27px;}
.section_info .txt_group .img_g{width:188px;height:88px;}
.section_info .img_group{opacity:0;margin-top:12px;}
.section_info .img_group .img_g{width:280px;height:308px;}
.section_info .active .txt_name{animation:fadeIn 0.2s forwards;}
.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_tit4{animation-delay:0.55s;}
.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_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:295px;height:76px;}
.section_function1 .txt_group{margin-top:12px;}
.section_function1 .txt_group{animation-delay:0.2s;}
.section_function1 .txt_group .img_g{width:218px;height:66px;}
.section_function1 .img_group .inner_img{max-width:100%;}
.section_function1 .img_group{position:relative;margin-top:60px;height:420px;}
.section_function1 .img_group .img_bg{opacity:0;position:absolute;max-width:516px;width:460px;height:420px;left:calc(50% - 123px);top:0;}
.section_function1 .wrap_card{opacity:0;width:100%;position:absolute;top:122px;margin:-10px -10px -10px 0;}
.section_function1 .inner_scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 0 40px 96px;}
/*;*/
.inner_scroll::-webkit-scrollbar{display:none;}
.section_function1 .card_col{display:flex;flex-direction:row;}
.section_function1 .card_col:last-child{padding-left:63px;}
.item_card{float:left;margin:10px;cursor:pointer;}
.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_col:last-child .item_card:last-child{padding-right:50px;}
.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 .inner_scroll.obj_move{animation:ping-pong 1s linear forwards alternate;animation-delay:1s;}
@keyframes ping-pong{0%{margin-left:0px;}
	25%{margin-left:-6px;}
	50%{margin-left:0px;}
	75%{margin-left:-6px;}
	100%{margin-left:0px;} }
/* section_function2 */
.section_function2 .tit_group .img_g{width:298px;height:76px;}
.section_function2 .txt_group{margin-top:12px;}
.section_function2 .txt_group{animation-delay:0.2s;}
.section_function2 .txt_group .img_g{width:233px;height:66px;}
.section_function2 .img_group{position:relative;margin-top:60px;height:420px;}
.section_function2 .img_group .inner_img{position:relative;height:420px;max-width:100%;}
.section_function2 .img_group .img_bg{width:501px;height:420px;position:absolute;top:0;left:calc(50vw - 337px);opacity:0;}
.section_function2 .wrap_card{position:absolute;top:122px;left:0;width:100vw;overflow-x:scroll;-webkit-overflow-scrolling:touch;padding:0 calc(50vw - 160px);padding-bottom:40px;margin:-10px 0;box-sizing:border-box;white-space:nowrap;z-index:20;transition:all 0.3s ease;}
.section_function2 .wrap_card .item_card{opacity:0;float:none;display:inline-block;vertical-align:top;}
.section_function2 .wrap_card .img_g{width:300px;height:210px;}
.section_function2 .img_group.active .img_bg{animation:fadeIn 0.2s 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.6s;}
.section_function2 .img_group.active .card_item3{animation:fadeIn 0.2s forwards;animation-delay:0.7s;}
/* section_function3 */
.section_function3 .tit_group .img_g{width:298px;height:80px;}
.section_function3 .txt_group{margin-top:4px;}
.section_function3 .txt_group .img_g{width:266px;height:66px;}
.section_function3 .img_group{position:relative;margin-top:34px;}
.section_function3 .img_group .img_bg{width:510px;height:490px;opacity:0;}
.section_function3 .wrap_card{position:absolute;top:158px;left:50%;width:353px;margin:-10px 0;transform:translateX(-50%);}
.section_function3 .item_card{position:relative;opacity:0;}
.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 .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 .card_item4{animation:slideDown 0.4s cubic-bezier(0.175,0.885,0.32,1) forwards;animation-delay:0.7s;}
/* section_function4 */
.section_function4 .inner_border{position:absolute;left:0;right:0;bottom:-1px;}
.section_function4 .inner_border svg{vertical-align:bottom;}
.section_function4 .tit_group .img_g{width:238px;height:79px;}
.section_function4 .txt_group{margin-top:9px;}
.section_function4 .txt_group .img_g{width:242px;height:58px;}
.section_function4 .img_group{position:relative;margin-top:-16px;}
.section_function4 .img_group .img_bg{opacity:0;width:656px;height:570px;margin-left:-188px;}
.section_function4 .wrap_card{position:absolute;top:80px;left:50%;transform:translateX(-50%);width:335px;}
.section_function4 .wrap_card .item_card{position:relative;margin:6px;opacity:0;}
.section_function4 .wrap_card .img_g{width:335px;height:72px;}
.section_function4 .wrap_card .card_dot{opacity:1;width:335px;height:72px;}
.section_function4 .card_dot .inner_card{box-shadow:none;}
.section_function4 .card_dot .emph_dot{opacity:0;display:block;width:5px;height:5px;margin:15px auto 0;background-color:#fff;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 .dot1{animation:fadeIn 0.25s forwards;animation-delay:0.6s;}
.section_function4 .img_group.active .dot2{animation:fadeIn 0.25s forwards;animation-delay:0.65s;}
.section_function4 .img_group.active .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_qmenu */
.section_qmenu{background:#262223;}
.section_qmenu .tit_group,.section_qmenu .txt_group{opacity:1;}
.section_qmenu .tit_group .img_g{width:288px;height:108px;}
.section_qmenu .group_txt1{margin-top:40px;}
.section_qmenu .group_txt1 .img_g{width:198px;height:22px;}
.section_qmenu .link_table{display:inline-block;margin-top:16px;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:40px;}
.section_qmenu .group_txt2 .img_g{width:119px;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:70px;}
.section_qmenu .txt_info .img_g{width:298px;height:44px;}
.txt_copyright{display:block;margin:31px 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:-15px;    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;} }
/* 세로 811px 이하 */
@media screen and (max-height:811px){
	.group_section .box_group{transform:scale(0.9);overflow:visible;}
	.section_intro:after{display:none;}
	.section_intro .inner_border{display:none;}
	.section_intro .img_group{max-width:236px;margin-top:18px;}
	.section_intro .img_group .inner_img{max-width:435px;}
	.section_intro .img_group .img_bg{transform:translateX(-30px);}
	.section_intro .img_group .img_g1{left:190px;top:-47px;}
	.section_intro .img_group .img_g2{left:-60px;top:107px;}
	.section_intro .img_group .img_g3{left:118px;bottom:-24px;}
	.section_function1 .wrap_card{transform:scale(1.11);}
	.section_function1 .card_col{transform:scale(0.9);}
	.section_function1 .card_col:last-of-type{transform:scale(0.9) translateY(-10px);}
	.section_function2 .wrap_card{transform:scale(1.11);padding:20px calc(50vw - 145px);padding-bottom:40px;}
	.section_function2 .wrap_card .img_g{width:270px;height:189px;}
}
/* 320대응 break point ~375px */
@media screen and (max-width:374px){
	.link_logo{width:42px;background-size:42px auto;}
	.link_gnb{font-size:12px;}
}
@media screen and (max-width:320px){
	.section_intro {height:600px;}
}