.navbar .navbar-nav > li:nth-child(3) .dropdown-menu { border-left:1px solid rgba(0,0,0,0.1) !important; }
#mb-icon {display:none;}
#pc-icon {display:inline-block;}

/* 서브페이지 관련 css */

/* 픽업배송 가이드 타이틀 */
.sub_title01 { position: relative; display:block; margin:150px auto 0; height:450px; }
.sub_title01 h1 { position: absolute; color:#000; top:50%; left:0; transform: translate( 0, -50%); display:block; font-size:80px; line-height:90px; }
.sub_title01 p { position: absolute; z-index:1; top:50%; left:50%; transform: translate( 0, -50%); display:inline-block; }

.sub_top_cate_wrap { border-bottom:1px solid #ccc; }
.sub_top_cate { display:block; margin-top:20px; padding-top:30px; padding-bottom:0px; white-space:nowrap; overflow: hidden; }
.sub_top_cate ul { font-size:0; padding-bottom:30px; margin:0; overflow-x:auto; text-align: center; }
.sub_top_cate ul li { display:inline-block; width:20%; font-size:22px; line-height:54px; text-align:center; padding:0 20px; }
.sub_top_cate ul li a { display:block; color:#999; font-weight:bold; }
.sub_top_cate ul li a:hover { color:#2b3991; }
.sub_top_cate ul li.on a { color:#fff; background-color:#2b3991; border-radius:30px; }

.all_sub_container { display:block; margin:0 auto 0; font-size:0; overflow:hidden; }


.all_sub_container { display:block; margin:80px auto; font-size:0; }
.all_sub_container .left { display:inline-block; width:510px; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }
.all_sub_container .right { display:inline-block; width:890px; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }

.box_content_detail{display:block!important;}
.box_content_detail .shipping_options{display:block!important;font-weight:500!important}
.box_content_detail .newQue{font-weight:600;font-size:1em!important;;}
/*******************/
/* 픽업 배송 가이드 css */
/*******************/

/* 애니메이션 1번 css */
.om_guide01 .section_01 { display:block; margin-bottom:140px; }
.om_guide01 .section_01 .paging { display:inline-block; margin:0 auto; font-family: 'NEXON Lv2 Gothic Bold'; }
.om_guide01 .section_01 .paging ul { font-size:0; padding:0; margin:0; }
.om_guide01 .section_01 .paging ul li { display:inline-block; }
.om_guide01 .section_01 .paging ul li a { font-size:28px; line-height:40px; padding:0 10px; color:#c8c8c8; font-family: 'NEXON Lv2 Gothic Bold'; }
.om_guide01 .section_01 .paging ul li a:hover { color:#000; }
.om_guide01 .section_01 .paging ul li.on a { color:#000; font-family: 'NEXON Lv2 Gothic Bold'; }

.om_guide01 .section_01 .con_text { display:block; text-align:center; }
.om_guide01 .section_01 .con_text h1 { display:block; font-size:42px; line-height:50px; color:#343c7b; font-weight:bold; margin:30px 0; }
.om_guide01 .section_01 .con_text p { font-size:18px; line-height:30px; }

.om_guide01 .section_01 .ani_img_wrap { position: relative; display:block; width:878px; height:628px; margin:6px auto; box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2); background:url('/theme/omv/pages/img/guide01/section_01_ani01.jpg') no-repeat center center; overflow:hidden; }
.om_guide01 .section_01 .ani_img_wrap .img_mask { position: absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,0.35); }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con { position: relative; top:0; left:0; display:block; z-index:2; width:100%; height:100%; }

/* 회원정보와 동일 css */
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input01 { opacity:0; position: absolute; top:85px; left:25px; text-align:left; animation : section_01_ani_input01 3s 1s; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input01 .input_con { display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 10px; border-radius:25px; font-size:16px; line-height:35px; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input01 .input_info { position: relative; top:0; left:10px; display:inline-block; background-color:#343c7b; font-size:15px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_01_ani_input01_01 3s 1s; } 
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input01 .input_info:before { position: absolute; top:50%; left:-12px; content:""; display:inline-block; margin-top:-4px; border-bottom: 8px solid #343c7b; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -90deg ); }

@keyframes section_01_ani_input01 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input01_01 { 0% { opacity:0; transform : translateX(30px); } 5% { opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(30px); }}

/* 이름 css */
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input02 { opacity:0; position: absolute; top:125px; left:25px; text-align:left; animation : section_01_ani_input02 3s 4s; animation-fill-mode: forwards; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input02 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_01_ani_input02_01 4s 4s; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input02 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 15px; border-radius:25px; font-size:12px; line-height:35px; margin-left:55px; animation : section_01_ani_input02_02 4s 4s; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input02 .input_info { opacity:0; position: relative; top:2px; left:10px; display:inline-block; background-color:#343c7b; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_01_ani_input02_03 4s 4s; } 
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input02 .input_info:before { position: absolute; top:50%; left:-12px; content:""; display:inline-block; margin-top:-4px; border-bottom: 8px solid #343c7b; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -90deg ); }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input02 .input_gif { opacity:0; position: absolute; top:13px; left:155px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:175px; animation : section_01_ani_input02_04 3.5s 4.5s; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input02 .input_gif:before { content: "김영수"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_01_ani_input02_04_typing 1s 4.5s steps(7); }
@keyframes section_01_ani_input02_04_typing { 0% { width: 0%;	border-right:1px solid #000; } 100% { width: 23%; border-right:1px solid #000; }}

.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input02 .input_after { position: absolute; top:2px; left:145px; z-index:-1; display:inline-block; font-size:13px; line-height:35px; background-color:#a6a6a6; width:300px; }

@keyframes section_01_ani_input02 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_01_ani_input02_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input02_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input02_03 { 0% { opacity:0; transform : translateX(30px); } 5% {	opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(30px); }}
@keyframes section_01_ani_input02_04 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

/* 연락처 css */
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input03 { opacity:0; position: absolute; top:170px; left:25px; text-align:left; animation : section_01_ani_input03 4s 8s; animation-fill-mode: forwards; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input03 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_01_ani_input03_01 4s 8s; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input03 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 15px; border-radius:25px; font-size:12px; line-height:35px; margin-left:40px; animation : section_01_ani_input03_02 4s 8s; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input03 .input_info { opacity:0; position: relative; top:10px; left:150px; display:inline-block; background-color:#343c7b; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_01_ani_input03_03 4s 8s; } 
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input03 .input_info:before { position: absolute; top:-7px; left:10px; content:""; display:inline-block; border-bottom: 8px solid #343c7b; border-left: 8px solid transparent; border-right: 8px solid transparent; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input03 .input_gif { opacity:0; position: absolute; top:13px; left:155px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:220px; animation : section_01_ani_input03_04 4s 8s; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input03 .input_gif:before { content: "01012345678"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_01_ani_input03_04_typing 2s 8s steps(20); }
@keyframes section_01_ani_input03_04_typing { 0% { width: 0%;	border-right:1px solid #000; } 100% { width: 50%; border-right:1px solid #000; }}

.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input03 .input_after { position: absolute; top:7px; left:145px; z-index:-1; display:inline-block; font-size:13px; line-height:35px; background-color:#a6a6a6; width:400px;}

@keyframes section_01_ani_input03 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_01_ani_input03_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input03_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input03_03 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes section_01_ani_input03_04 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

/* 주소 css */
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input04 { opacity:0; position: absolute; top:256px; left:25px; text-align:left; animation : section_01_ani_input04 4s 9s; animation-fill-mode: forwards; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_01_ani_input04_01 13s 12s; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 15px; border-radius:25px; font-size:12px; line-height:35px; margin-left:55px; width:300px; animation : section_01_ani_input04_02 10s 12s; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_con3 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px; border-radius:25px; font-size:12px; line-height:35px; margin-left:278px; animation : section_01_ani_input04_03 13s 12s; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_con3 > .img04 { opacity:0; position: absolute; top:-21px; right:38px; z-index:1; display:inline-block; animation : section_01_ani_input04_03_01 2s 12s; }

.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_info { opacity:0; position: relative; top:-78px; left:485px; display:inline-block; background-color:#343c7b; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_01_ani_input04_04 13s 12s; } 
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_info:before { position: absolute; bottom:-7px; right:10px; content:""; display:inline-block; border-bottom: 8px solid #343c7b; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -180deg ); }

.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_img01 { opacity:0; position: relative; top:-23px; left:102px; display:inline-block; border:2px solid #eee; padding:3px; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_01_ani_input04_05 8s 14s; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_img01 .img01 { opacity:0; position: relative; top:0; left:0; z-index:1; display:inline-block; animation : section_01_ani_input04_05_01 2s 14s; animation-fill-mode: forwards; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_img01 .img02 { opacity:0; position: absolute; top:80px; left:25px; z-index:2; display:inline-block; animation : section_01_ani_input04_05_02 3s 19s; animation-fill-mode: forwards; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_img01 .img03 { opacity:0; position: absolute; top:39px; left:15px; z-index:3; font-size:20px; line-height:22px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:400px; animation : section_01_ani_input04_05_03 3s 15s; animation-fill-mode: forwards; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_img01 .img03:before { content: "신반포로 270"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_01_ani_input04_05_03_typing 1.5s 15s steps(20); }
@keyframes section_01_ani_input04_05_03_typing { 0% { width: 0%;	border-right:1px solid #000; } 100% { width: 29%; border-right:1px solid #000; }}


.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_img01 .img04 { opacity:0; position: absolute; top:7px; right:-5px; z-index:4; display:inline-block; animation : section_01_ani_input04_05_04 2s 18s; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_img01 .img05 { opacity:0; position: absolute; top:130px; left:300px; z-index:5; display:inline-block; animation : section_01_ani_input04_05_05 2s 20s; }

.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_after { opacity:0; position: absolute; top:2px; left:140px; z-index:-1; background-color:transparent; display:block; border-radius:5px; overflow:hidden; padding:5px; animation : section_01_ani_input04_06 2.8s 22s; animation-fill-mode: forwards; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_after > span { opacity:0; display:block; font-size:13px; line-height:31px;  width:400px; background-color:#fff; margin-bottom:4px; animation : section_01_ani_input04_06_01 2.8s 22s; animation-fill-mode: forwards; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_after > .img01 { opacity:0; position: absolute; top:78px; left:5px; z-index:3; display:inline-block; font-size:20px; line-height:22px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:400px; animation : section_01_ani_input04_06_02 2.8s 22s; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_after > .img01:before { content: "XX동 XX호"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_01_ani_input04_06_02_typing 1.5s 22s steps(15); }
@keyframes section_01_ani_input04_06_02_typing { 0% { width: 0%;	border-right:1px solid #000; } 100% { width: 25%; border-right:1px solid #000; }}


@keyframes section_01_ani_input04 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_01_ani_input04_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input04_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input04_03 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input04_03_01 { 0% { opacity:0; transform : translateY(30px); } 10% { opacity:0.8; transform : translateY(0px); } 90% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}

@keyframes section_01_ani_input04_04 { 0% { opacity:0; transform : translateY(-30px); } 2% { opacity:1; transform : translateY(0px); } 98% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(-30px); }}

@keyframes section_01_ani_input04_05 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes section_01_ani_input04_05_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_01_ani_input04_05_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_01_ani_input04_05_03 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_01_ani_input04_05_04 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:0.8; transform : translateY(0px); } 95% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes section_01_ani_input04_05_05 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:0.8; transform : translateY(0px); } 95% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}

@keyframes section_01_ani_input04_06 { 0% { opacity:0; background-color:transparent; transform : translateY(30px); } 5% { opacity:1; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); transform : translateY(0px); } 95% { opacity:1; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); transform : translateY(0px); } 100% { opacity:1; background-color:transparent; transform : translateY(0); }}
@keyframes section_01_ani_input04_06_01 { 0% { opacity:0; background-color:transparent; } 5% { opacity:1; background-color:#fff; } 95% { opacity:1; background-color:#fff; } 100% { opacity:1; background-color:#a6a6a6; }}
@keyframes section_01_ani_input04_06_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

/* 현금영수증 -소득공제 css */
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input05 { opacity:0; position: absolute; top:460px; left:25px; text-align:left; animation : section_01_ani_input05 4s 25s; animation-fill-mode: forwards; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input05 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_01_ani_input05_01 4s 25s; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input05 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px 0 10px; border-radius:25px; font-size:12px; line-height:35px; margin-left:5px; animation : section_01_ani_input05_02 4s 25s; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input05 .input_con2 b { display:inline-block; font-size:16px; line-height:35px; padding:0 6px; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input05 .input_info { opacity:0; position: relative; top:2px; left:10px; display:inline-block; background-color:#343c7b; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_01_ani_input05_03 4s 25s; } 
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input05 .input_info:before { position: absolute; top:50%; left:-12px; content:""; display:inline-block; margin-top:-4px; border-bottom: 8px solid #343c7b; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -90deg ); }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input05 .input_gif { opacity:0; position: absolute; top:11px; left:224px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:140px; animation : section_01_ani_input05_04 3.5s 25.5s; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input05 .input_gif:before { content: "01012345678"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_01_ani_input05_04_typing 1.5s 25.5s steps(20); }
@keyframes section_01_ani_input05_04_typing { 0% { width: 0%;	border-right:1px solid #000; } 100% { width: 70%; border-right:1px solid #000; }}


.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input05 .input_after { position: absolute; top:8px; left:209px; z-index:-1; display:inline-block; font-size:13px; line-height:35px; background-color:#a6a6a6; width:400px;}

@keyframes section_01_ani_input05 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_01_ani_input05_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input05_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input05_03 { 0% { opacity:0; transform : translateX(30px); } 5% { opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(30px); }}
@keyframes section_01_ani_input05_04 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

/* 현금영수증 -지출증빙 css */
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input06 { opacity:0; position: absolute; top:500px; left:152px; text-align:left; animation : section_01_ani_input06 5s 29s; animation-fill-mode: forwards; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px 0 10px; border-radius:25px; font-size:12px; line-height:35px; margin-left:5px; animation : section_01_ani_input06_02 5s 29s; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_con2 b { display:inline-block; font-size:16px; line-height:35px; padding:0 6px; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_info { opacity:0; position: relative; top:-80px; left:10px; display:inline-block; background-color:#343c7b; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_01_ani_input06_03 5s 29s; } 
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_info:before { position: absolute; bottom:-7px; left:10px; content:""; display:inline-block; border-bottom: 8px solid #343c7b; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -180deg ); }

.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_gif { opacity:0; position: absolute; top:12px; left:96px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:140px; animation : section_01_ani_input06_04 5s 29s; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_gif:before { content: "1298802272"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_01_ani_input06_04_typing 1.5s 29s steps(20); }
@keyframes section_01_ani_input06_04_typing { 0% { width: 0%;	border-right:1px solid #000; } 100% { width: 50%; border-right:1px solid #000; }}

.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_gif2 { opacity:0; position: absolute; top:12px; left:355px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:200px; animation : section_01_ani_input06_05 4s 30s; }
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_gif2:before { content: "XXX"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_01_ani_input06_05_typing 1.5s 30s steps(10); }
@keyframes section_01_ani_input06_05_typing { 0% { width: 0%;	border-right:1px solid #000; } 100% { width: 19%; border-right:1px solid #000; }}

.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_after { position: absolute; top:4px; left:82px; z-index:-1; display:inline-block; font-size:13px; line-height:35px; background-color:#a6a6a6; width:150px;}
.om_guide01 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_after2 { position: absolute; top:4px; left:315px; z-index:-1; display:inline-block; font-size:13px; line-height:35px; background-color:#a6a6a6; width:145px;}

@keyframes section_01_ani_input06 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_01_ani_input06_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input06_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input06_03 { 0% { opacity:0; transform : translateY(-30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(-30px); }}
@keyframes section_01_ani_input06_04 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input06_05 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}



/* 애니메이션 2번 css */
.om_guide01 .section_02 { display:block; margin-bottom:140px; }
.om_guide01 .section_02 .paging { display:inline-block; margin:0 auto; font-family: 'NEXON Lv2 Gothic Bold'; }
.om_guide01 .section_02 .paging ul { font-size:0; padding:0; margin:0; }
.om_guide01 .section_02 .paging ul li { display:inline-block; }
.om_guide01 .section_02 .paging ul li a { font-size:28px; line-height:40px; padding:0 10px; color:#c8c8c8; }
.om_guide01 .section_02 .paging ul li a:hover { color:#000; }
.om_guide01 .section_02 .paging ul li.on a { color:#000; }

.om_guide01 .section_02 .con_text { display:block; text-align:center; }
.om_guide01 .section_02 .con_text h1 { display:block; font-size:42px; line-height:50px; color:#343c7b; font-weight:bold; margin:30px 0; }
.om_guide01 .section_02 .con_text p { font-size:18px; line-height:30px; }

.om_guide01 .section_02 .ani_img_wrap { position: relative; display:block; width:878px; height:720px; margin:6px auto; box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2); background:url('/theme/omv/pages/img/guide01/section_02_ani01.jpg') no-repeat center center; overflow:hidden; }
.om_guide01 .section_02 .ani_img_wrap .img_mask { position: absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,0.35); }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con { position: relative; top:0; left:0; display:block; z-index:2; width:100%; height:100%; }

/* 수취인정보 불러오기 css */
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input01 { opacity:0; position: absolute; top:24px; left:150px; text-align:left; animation : section_02_ani_input01 3s 1s; }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input01 .input_con { display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px; border-radius:25px; font-size:16px; line-height:35px; }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input01 .input_con2 { display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px; border-radius:25px; font-size:16px; line-height:35px; margin-left:5px; }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input01 .input_info { position: relative; top:12px; left:10px; display:inline-block; background-color:#343c7b; font-size:15px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_02_ani_input01_01 3s 1s; } 
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input01 .input_info:before { position: absolute; top:-7px; left:10px; content:""; display:inline-block; border-bottom: 8px solid #343c7b; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -360deg ); }

@keyframes section_02_ani_input01 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input01_01 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}

/* 배송국가 css */
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input02 { opacity:0; position: absolute; top:90px; left:25px; text-align:left; animation : section_02_ani_input02 5s 4s; animation-fill-mode: forwards; }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_02_ani_input02_01 4s 4s; }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 38px; border-radius:25px; font-size:14px; line-height:35px; margin-left:12px; animation : section_02_ani_input02_02 4s 4s; }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_info { opacity:0; position: relative; top:2px; left:15px; display:inline-block; background-color:#343c7b; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_02_ani_input02_03 4s 4s; } 
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_info:before { position: absolute; top:50%; left:-12px; content:""; display:inline-block; margin-top:-4px; border-bottom: 8px solid #343c7b; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -90deg ); }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_gif { opacity:0; position: absolute; top:-20px; left:270px; z-index:1; display:inline-block; animation : section_02_ani_input02_04 1.5s 4.5s; }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_gif2 { opacity:0; position: absolute; top:-8px; left:125px; z-index:1; display:inline-block; background-color:#fff; padding:5px; border-radius:10px; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); animation : section_02_ani_input02_05 2.8s 6s; }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_gif2 .input_gif2_title { position: absolute; top:10px; left:5px; z-index:1; display:inline-block; border:1px solid #ccc; background-color:#fff; padding:0 38px; border-radius:25px; font-size:14px; line-height:35px; }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_gif2 img { opacity:0; display:block; margin-top:48px; animation : section_02_ani_input02_06 2.5s 6.3s; animation-fill-mode: forwards; }

.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_after { position: absolute; top:10px; left:153px; z-index:-1; display:inline-block; font-size:13px; line-height:25px; padding:0 5px; background-color:#a6a6a6; width:135px; }

@keyframes section_02_ani_input02 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_02_ani_input02_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input02_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input02_03 { 0% { opacity:0; transform : translateX(30px); } 5% {	opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(30px); }}
@keyframes section_02_ani_input02_04 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:0.8; transform : translateY(0px); } 95% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes section_02_ani_input02_05 { 0% { opacity:0; } 5% { opacity:1; } 90% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input02_06 { 0% { opacity:0; transform : translateY(-30px) scaleY(0%); transform-origin: top left; } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(-30px) scaleY(100%); }}


/* 수취인정보 css */
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input03 { opacity:0; position: absolute; top:132px; left:25px; text-align:left; animation : section_02_ani_input03 5s 9s; animation-fill-mode: forwards; }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_02_ani_input03_01 5s 9s; }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 15px; border-radius:25px; font-size:12px; line-height:35px; margin-left:10px; animation : section_02_ani_input03_02 5s 9s; }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_con3 { opacity:0; position: absolute; top:50px; left:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_02_ani_input03_01 5s 9s; }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_con4 { opacity:0; position: absolute; top:50px; left:140px; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 15px; border-radius:25px; font-size:12px; line-height:35px; animation : section_02_ani_input03_02 5s 9s; }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_info { opacity:0; position: relative; top:60px; left:150px; display:inline-block; background-color:#343c7b; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_02_ani_input03_03 5s 9s; } 
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_info:before { position: absolute; top:-7px; left:10px; content:""; display:inline-block; border-bottom: 8px solid #343c7b; border-left: 8px solid transparent; border-right: 8px solid transparent; }

.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_gif { opacity:0; position: absolute; top:11px; left:155px; z-index:1; font-size:16px; line-height:20px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:280px; animation : section_02_ani_input03_04 4.5s 9.5s; }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_gif:before { content: "Yeongsu Kim"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_02_ani_input03_04_typing 2s 9.5s steps(20); }
@keyframes section_02_ani_input03_04_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 38%; border-right:1px solid #000; }}

.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_gif2 { opacity:0; position: absolute; top:62px; left:155px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:230px; animation : section_02_ani_input03_05 3.5s 10.5s; }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_gif2:before { content: "01012345678"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_02_ani_input03_05_typing 2s 10.5s steps(20); }
@keyframes section_02_ani_input03_05_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 50%; border-right:1px solid #000; }}

.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_after { position: absolute; top:7px; left:145px; z-index:-1; display:inline-block; font-size:13px; line-height:35px; background-color:#a6a6a6; width:400px;}
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_after2 { position: absolute; top:57px; left:145px; z-index:-1; display:inline-block; font-size:13px; line-height:35px; background-color:#a6a6a6; width:400px;}

@keyframes section_02_ani_input03 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_02_ani_input03_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input03_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input03_03 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes section_02_ani_input03_04 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input03_05 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

/* 주소 css */
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input04 { opacity:0; position: absolute; top:232px; left:25px; text-align:left; animation : section_02_ani_input04 4s 14s; animation-fill-mode: forwards; }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_02_ani_input04_01 7s 14s; }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 { opacity:0; position: relative; display:inline-block; margin-top:3px; vertical-align:top; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 10px; overflow:hidden; border-radius:25px; font-size:12px; line-height:35px; margin-left:47px; animation : section_02_ani_input04_02 7s 14s; }

.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif1 { opacity:0; position: absolute; top:10px; left:14px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:270px; animation : section_02_input_gif1 7s 14s;}
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif1:before { content: "-"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_02_input_gif1_typing 2s 14s steps(2); }
@keyframes section_02_input_gif1_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 5%; border-right:1px solid #000; }}
@keyframes section_02_input_gif1 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif2 { opacity:0; position: absolute; top:82px; left:14px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:283px; animation : section_02_input_gif2 7s 15s;}
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif2:before { content: "3243 Wilshire Blvd"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_02_input_gif2_typing 2s 15s steps(20); }
@keyframes section_02_input_gif2_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 52%; border-right:1px solid #000; }}
@keyframes section_02_input_gif2 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif3 { opacity:0; position: absolute; top:128px; left:14px; z-index:1; font-size:16px; line-height:20px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:285px; animation : section_02_input_gif3 6s 16s;}
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif3:before { content: "Los Angeles"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_02_input_gif3_typing 1.5s 16s steps(15); }
@keyframes section_02_input_gif3_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 33%; border-right:1px solid #000; }}
@keyframes section_02_input_gif3 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif4 { opacity:0; position: absolute; top:180px; left:14px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:270px; animation : section_02_input_gif4 4s 17s;}
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif4:before { content: "USA"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_02_input_gif4_typing 0.5s 17s steps(4); }
@keyframes section_02_input_gif4_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 10%; border-right:1px solid #000; }}
@keyframes section_02_input_gif4 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif5 { opacity:0; position: absolute; top:228px; left:14px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:270px; animation : section_02_input_gif5 5s 18s;}
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif5:before { content: "90010"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_02_input_gif5_typing 1s 18s steps(8); }
@keyframes section_02_input_gif5_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 20%; border-right:1px solid #000; }}
@keyframes section_02_input_gif5 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_info { opacity:0; position: relative; top:12px; left:132px; display:inline-block; background-color:#343c7b; font-size:16px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_02_ani_input04_03 7s 14s; } 
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_info:before { position: absolute; top:-7px; left:10px; content:""; display:inline-block; border-bottom: 8px solid #343c7b; border-left: 8px solid transparent; border-right: 8px solid transparent; }

.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_after { position: absolute; top:2px; left:142px; z-index:-1; display:block; border-radius:5px; overflow:hidden; padding:5px; }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_after .first { margin-bottom:40px; }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_after > span { display:block; font-size:13px; line-height:33px; background-color:#a6a6a6; width:400px; margin-bottom:15px; }

@keyframes section_02_ani_input04 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_02_ani_input04_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input04_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}


@keyframes section_02_ani_input04_03 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

@keyframes ani_input04_04 { 0% { opacity:0; transform : translateY(-30px); } 2% { opacity:1; transform : translateY(0px); } 98% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(-30px); }}

@keyframes ani_input04_05 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes ani_input04_05_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes ani_input04_05_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes ani_input04_05_03 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes ani_input04_05_04 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:0.8; transform : translateY(0px); } 95% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes ani_input04_05_05 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:0.8; transform : translateY(0px); } 95% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}

@keyframes ani_input04_06 { 0% { opacity:0; background-color:transparent; transform : translateY(30px); } 5% { opacity:1; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); transform : translateY(0px); } 95% { opacity:1; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); transform : translateY(0px); } 100% { opacity:1; background-color:transparent; transform : translateY(0); }}
@keyframes ani_input04_06_01 { 0% { opacity:0; background-color:transparent; } 5% { opacity:1; background-color:#fff; } 95% { opacity:1; background-color:#fff; } 100% { opacity:1; background-color:#a6a6a6; }}
@keyframes ani_input04_06_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

/* 이메일 css */
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input05 { opacity:0; position: absolute; bottom:35px; left:25px; text-align:left; animation : section_02_ani_input05 5s 21s; animation-fill-mode: forwards; }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input05 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_02_ani_input05_01 5s 21s; }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input05 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 45px 0 10px; border-radius:25px; font-size:12px; line-height:35px; margin-left:40px; animation : section_02_ani_input05_02 5s 21s; }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input05 .input_info { opacity:0; position: relative; top:2px; left:10px; display:inline-block; background-color:#343c7b; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_02_ani_input05_03 5s 21s; } 
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input05 .input_info:before { position: absolute; top:50%; left:-12px; content:""; display:inline-block; margin-top:-4px; border-bottom: 8px solid #343c7b; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -90deg ); }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input05 .input_gif { opacity:0; position: absolute; top:13px; left:150px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:150px; animation : section_02_ani_input05_04 4.5s 21.5s; }
.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input05 .input_gif:before { content: "ysk@example.com"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_02_ani_input05_04_typing 2s 21.5s steps(20); }
@keyframes section_02_ani_input05_04_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 90%; border-right:1px solid #000; }}

.om_guide01 .section_02 .ani_img_wrap .ani_img_con .ani_input05 .input_after { position: absolute; top:0px; left:147px; z-index:-1; display:inline-block; font-size:13px; line-height:35px; background-color:#a6a6a6; width:165px;}

@keyframes section_02_ani_input05 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_02_ani_input05_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input05_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input05_03 { 0% { opacity:0; transform : translateX(30px); } 5% { opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(30px); }}
@keyframes section_02_ani_input05_04 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}



/* 애니메이션 3번 css */
.om_guide01 .section_03 { display:block; margin-bottom:140px; }
.om_guide01 .section_03 .paging { display:inline-block; margin:0 auto; font-family: 'NEXON Lv2 Gothic Bold'; }
.om_guide01 .section_03 .paging ul { font-size:0; padding:0; margin:0; }
.om_guide01 .section_03 .paging ul li { display:inline-block; }
.om_guide01 .section_03 .paging ul li a { font-size:28px; line-height:40px; padding:0 10px; color:#c8c8c8; }
.om_guide01 .section_03 .paging ul li a:hover { color:#000; }
.om_guide01 .section_03 .paging ul li.on a { color:#000; }

.om_guide01 .section_03 .con_text { display:block; text-align:center; }
.om_guide01 .section_03 .con_text h1 { display:block; font-size:42px; line-height:50px; color:#343c7b; font-weight:bold; margin:30px 0; }
.om_guide01 .section_03 .con_text p { font-size:18px; line-height:30px; }

.om_guide01 .section_03 .ani_img_wrap { position: relative; display:block; width:878px; height:540px; margin:6px auto; box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2); background:url('/theme/omv/pages/img/guide01/section_03_ani01.jpg') no-repeat center center; overflow:hidden; }
.om_guide01 .section_03 .ani_img_wrap .img_mask { position: absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,0.35); }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con { position: relative; top:0; left:0; display:block; z-index:2; width:100%; height:100%; }

/* 박스개수 css */
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input01 { opacity:0; position: absolute; top:90px; left:25px; text-align:left; animation : section_03_ani_input01 5s 1s; animation-fill-mode: forwards; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input01 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_03_ani_input01_01 4s 1s; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input01 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:14px; line-height:35px; margin-left:12px; animation : section_03_ani_input01_02 4s 1s; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input01 .input_info { opacity:0; position: relative; top:2px; left:15px; display:inline-block; background-color:#343c7b; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_03_ani_input01_03 4s 1s; } 
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input01 .input_info:before { position: absolute; top:50%; left:-12px; content:""; display:inline-block; margin-top:-4px; border-bottom: 8px solid #343c7b; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -90deg ); }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input01 .input_gif { opacity:0; position: absolute; top:-20px; left:270px; z-index:1; display:inline-block; animation : section_03_ani_input01_04 1.5s 1.5s; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input01 .input_gif2 { opacity:0; position: absolute; top:-8px; left:125px; z-index:1; display:inline-block; background-color:#fff; padding:5px; border-radius:10px; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); animation : section_03_ani_input01_05 2.8s 3s; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input01 .input_gif2 .input_gif2_title { position: absolute; top:10px; left:5px; z-index:1; display:inline-block; border:1px solid #ccc; background-color:#fff; padding:0 25px; border-radius:25px; font-size:14px; line-height:35px; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input01 .input_gif2 img { opacity:0; display:block; margin-top:48px; animation : section_03_ani_input01_06 2.5s 3.3s; animation-fill-mode: forwards; }

.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input01 .input_after { position: absolute; top:7px; left:153px; z-index:-1; display:inline-block; font-size:13px; line-height:25px; padding:0 5px; background-color:#a6a6a6; width:135px; }

@keyframes section_03_ani_input01 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_03_ani_input01_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input01_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input01_03 { 0% { opacity:0; transform : translateX(30px); } 5% {	opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(30px); }}
@keyframes section_03_ani_input01_04 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:0.8; transform : translateY(0px); } 95% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes section_03_ani_input01_05 { 0% { opacity:0; } 5% { opacity:1; } 90% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input01_06 { 0% { opacity:0; transform : translateY(-30px) scaleY(0%); transform-origin: top left; } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(-30px) scaleY(100%); }}


/* 픽업 날짜 css */
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input02 { opacity:0; position: absolute; top:135px; left:25px; text-align:left; animation : section_03_ani_input02 5s 6s; animation-fill-mode: forwards; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input02 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_03_ani_input02_01 4s 6s; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input02 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:14px; line-height:35px; margin-left:12px; animation : section_03_ani_input02_02 4s 6s; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input02 .input_info { opacity:0; position: relative; top:2px; left:15px; display:inline-block; background-color:#343c7b; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_03_ani_input02_03 4s 6s; } 
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input02 .input_info:before { position: absolute; top:50%; left:-12px; content:""; display:inline-block; margin-top:-4px; border-bottom: 8px solid #343c7b; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -90deg ); }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input02 .input_gif { opacity:0; position: absolute; top:-20px; left:330px; z-index:1; display:inline-block; animation : section_03_ani_input02_04 1.5s 6.5s; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input02 .input_gif2 { opacity:0; position: absolute; top:-8px; left:125px; z-index:1; display:inline-block; background-color:#fff; padding:5px; border-radius:10px; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); animation : section_03_ani_input02_05 2.8s 8s; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input02 .input_gif2 .input_gif2_title { position: absolute; top:10px; left:5px; z-index:1; display:inline-block; border:1px solid #ccc; background-color:#fff; padding:0 25px; border-radius:25px; font-size:14px; line-height:35px; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input02 .input_gif2 img { opacity:0; opacity:0; display:block; margin-top:48px; animation : section_03_ani_input02_06 2.5s 8.3s; animation-fill-mode: forwards; }

.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input02 .input_after { position: absolute; top:6px; left:135px; z-index:-1; display:inline-block; font-size:13px; line-height:25px; padding:0 5px; background-color:#a6a6a6; width:200px; }

@keyframes section_03_ani_input02 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_03_ani_input02_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input02_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input02_03 { 0% { opacity:0; transform : translateX(30px); } 5% {	opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(30px); }}
@keyframes section_03_ani_input02_04 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:0.8; transform : translateY(0px); } 95% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes section_03_ani_input02_05 { 0% { opacity:0; } 5% { opacity:1; } 90% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input02_06 { 0% { opacity:0; transform : translateY(-30px) scaleY(0%); transform-origin: top left; } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(-30px) scaleY(100%); }}


/* 발송 품목 css */
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 { opacity:0; position: absolute; top:212px; left:25px; width:100%; text-align:left; animation : section_03_ani_input03 4s 1s; animation-fill-mode: forwards; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 i { display:inline-block; line-height:35px; }

.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_03_ani_input03_01 24s 11s; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con2 { opacity:0; position: absolute; top:12px; left:765px; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px; border-radius:25px; font-size:20px; line-height:35px; animation : section_03_ani_input03_02 3s 11s; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con3 { opacity:0; position: absolute; top:12px; left:765px; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px; border-radius:25px; font-size:20px; line-height:35px; animation : section_03_ani_input03_03 3s 14s; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con4 { opacity:0; position: absolute; top:120px; color:#ff0000; left:765px; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px; border-radius:25px; font-size:20px; line-height:35px; animation : section_03_ani_input03_04 3s 17s; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con5 { opacity:0; position: absolute; top:180px; left:430px; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px; border-radius:25px; font-size:20px; line-height:24px; animation : section_03_ani_input03_05 3s 20s; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con5 .ex_btn { display:inline-block; font-size:12px; line-height:24px; background-color:#2b357a; color:#fff; padding:0 5px; margin:7px 0;  }

.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con6 { opacity:0; position: absolute; top:20px; left:370px; display:inline-block; border:2px solid #eee; background: #fff url('/theme/omv/pages/img/guide01/section_03_ani04.jpg') no-repeat center center; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); font-size:16px; line-height:16px; font-weight:bold; color: transparent; padding:0 20px; border-radius:25px; width:230px; height:39px; animation : section_03_ani_input03_06 4s 23s; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con6:after { content: "15"; display:inline-block; position: absolute; top: 8px; left: 80px; width:100px; background-color:#fff; z-index:1; animation : section_03_ani_input03_06_01 4s 23s; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con6:before { content: "15"; position: absolute; top: 8px; left: 120px; width: 20%; height:16px; color: #000; z-index:2; overflow: hidden; animation: section_03_ani_input03_06_typing 0.8s 23s steps(5); }
@keyframes section_03_ani_input03_06_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 10%; border-right:1px solid #000; }}

.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con7 { opacity:0; position: absolute; top:60px; left:125px; display:inline-block; border:2px solid #eee; background-color: #fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); font-size:16px; line-height:16px; font-weight:bold; color: transparent; padding:5px; border-radius:10px; animation : section_03_ani_input03_07 7s 27s; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con7:after { content: "라면"; display:inline-block; position: absolute; top: 74px; left: 30px; width:160px; background-color:#fff; z-index:1; animation : section_03_ani_input03_07_01 7s 27s; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con7:before { content: "라면"; position: absolute; top: 74px; left: 30px; width: 5%; height:16px; color: #000; z-index:2; overflow: hidden; animation: section_03_ani_input03_07_typing 0.8s 27s steps(5); }
@keyframes section_03_ani_input03_07_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 5%; border-right:1px solid #000; }}

.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con8 { opacity:0; display:inline-block; position: absolute; top: 137px; left: 469px; width:60px; font-size:16px; line-height:16px; font-weight:bold; color: transparent; background-color:#fff; z-index:1; animation : section_03_ani_input03_08 6.5s 27.5s; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con8:before { content: "5"; position: absolute; top: 0; left: 0; width: 20%; height:16px; color: #000; z-index:2; overflow: hidden; animation: section_03_ani_input03_08_typing 0.3s 27.5s steps(2); }
@keyframes section_03_ani_input03_08_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 10%; border-right:1px solid #000; }}

.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con9 { opacity:0; display:inline-block; position: absolute; top: 137px; left: 570px; width:60px; font-size:16px; line-height:16px; font-weight:bold; color: transparent; background-color:#fff; z-index:1; animation : section_03_ani_input03_09 4.9s 29s; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con9_1 { opacity:0; display:inline-block; position: absolute; top: 132px; left: 562px; width:73px; z-index:1; animation : section_03_ani_input03_09_01 1s 29s; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_gif { opacity:0; position: absolute; top:103px; left:584px; z-index:5; display:inline-block; animation : section_03_ani_input03_11 1s 28s; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con9:before { content: "₩"; position: absolute; top: 0; left: 0; width: 22%; height:16px; color: #000; z-index:2; overflow: hidden; animation: section_03_ani_input03_09_typing 0s 30s steps(2); }
@keyframes section_03_ani_input03_09_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 10%; border-right:1px solid #000; }}

.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con10 { opacity:0; display:inline-block; position: absolute; top: 137px; left: 665px; width:90px; font-size:16px; line-height:16px; font-weight:bold; color: transparent; background-color:#fff; z-index:1; animation : section_03_ani_input03_10 2.8s 31s; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con10:before { content: "4000"; position: absolute; top: 0; left: 0; width: 45%; height:16px; color: #000; z-index:2; overflow: hidden; animation: section_03_ani_input03_10_typing 0.5s 31s steps(5); }
@keyframes section_03_ani_input03_10_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 45%; border-right:1px solid #000; }}

.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info_wrap { position: absolute; top:0; left:0; display:block; width:100%; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info { opacity:0; position: absolute; top:17px; left:495px; display:inline-block; background-color:#343c7b; font-size:16px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_03_ani_input03_02_info 3s 11s; } 
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info:before { position: absolute; top:50%; right:-12px; margin-top:-4px; content:""; display:inline-block; border-bottom: 8px solid #343c7b; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 90deg ); }

.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info2 { opacity:0; position: absolute; top:17px; left:474px; display:inline-block; background-color:#343c7b; font-size:16px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_03_ani_input03_03_info 3s 14s; } 
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info2:before { position: absolute; top:50%; right:-12px; margin-top:-4px; content:""; display:inline-block; border-bottom: 8px solid #343c7b; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 90deg ); }

.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info3 { opacity:0; position: absolute; top:124px; left:370px; display:inline-block; background-color:#343c7b; font-size:16px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_03_ani_input03_04_info 3s 17s; } 
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info3:before { position: absolute; top:50%; right:-12px; margin-top:-4px; content:""; display:inline-block; border-bottom: 8px solid #343c7b; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 90deg ); }

.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info4 { opacity:0; position: absolute; top:136px; left:455px; display:inline-block; background-color:#343c7b; font-size:16px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_03_ani_input03_05_info 3s 20s; } 
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info4:before { position: absolute; bottom:0; left:10px; margin-bottom:-8px; content:""; display:inline-block; border-bottom: 8px solid #343c7b; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 180deg ); }

.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info5 { opacity:0; position: absolute; top:-25px; left:375px; display:inline-block; background-color:#343c7b; font-size:16px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_03_ani_input03_06_info 4s 23s; } 
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info5:before { position: absolute; bottom:0; left:10px; margin-bottom:-8px; content:""; display:inline-block; border-bottom: 8px solid #343c7b; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 180deg ); }

.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info6 { opacity:0; position: absolute; top:15px; left:125px; display:inline-block; background-color:#343c7b; font-size:16px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_03_ani_input03_07_info 7s 27s; } 
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info6:before { position: absolute; bottom:0; left:10px; margin-bottom:-8px; content:""; display:inline-block; border-bottom: 8px solid #343c7b; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 180deg ); }

.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after { opacity:0; position: absolute; top:24px; left:448px; z-index:-1; display:block; border-radius:5px; overflow:hidden; padding:5px; animation : section_03_ani_input03_06_02 4s 26s; animation-fill-mode: forwards; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after > span { display:block; text-align:center; font-size:16px; line-height:20px; background-color:#a6a6a6; width:100px; }

.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after2 { opacity:0; position: absolute; top:127px; left:162px; z-index:-1; display:block; border-radius:5px; overflow:hidden; padding:5px; animation : section_03_ani_input03_07_02 4s 28s; animation-fill-mode: forwards; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after2 > span { display:block; text-align:left; font-size:14px; line-height:20px; background-color:#a6a6a6; width:180px; padding:0 5px; }

.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after3 { opacity:0; position: absolute; top:127px; left:475px; z-index:-1; display:block; border-radius:5px; overflow:hidden; padding:5px; animation : section_03_ani_input03_07_02 4s 28s; animation-fill-mode: forwards; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after3 > span { display:block; text-align:left; font-size:14px; line-height:20px; background-color:#a6a6a6; width:60px; padding:0 5px; }

.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after4 { opacity:0; position: absolute; top:127px; left:579px; z-index:-1; display:block; border-radius:5px; overflow:hidden; padding:5px; animation : section_03_ani_input03_07_02 4s 28s; animation-fill-mode: forwards; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after4 > span { display:block; text-align:left; font-size:14px; line-height:20px; background-color:#a6a6a6; width:60px; padding:0 5px; }

.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after5 { opacity:0; position: absolute; top:127px; left:667px; z-index:-1; display:block; border-radius:5px; overflow:hidden; padding:5px; animation : section_03_ani_input03_07_02 4s 28s; animation-fill-mode: forwards; }
.om_guide01 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after5 > span { display:block; text-align:left; font-size:14px; line-height:20px; background-color:#a6a6a6; width:97px; padding:0 5px; }

@keyframes section_03_ani_input03 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_03_ani_input03_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_02_info { 0% { opacity:0; transform : translateX(-30px); } 5% { opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(-30px); }}
@keyframes section_03_ani_input03_03 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_03_info { 0% { opacity:0; transform : translateX(-30px); } 5% { opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(-30px); }}
@keyframes section_03_ani_input03_04 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_04_info { 0% { opacity:0; transform : translateX(-30px); } 5% { opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(-30px); }}
@keyframes section_03_ani_input03_05 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_05_info { 0% { opacity:0; transform : translateY(-30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(-30px); }}
@keyframes section_03_ani_input03_06 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_06_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_06_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_03_ani_input03_06_info { 0% { opacity:0; transform : translateY(-30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(-30px); }}

@keyframes section_03_ani_input03_07 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_07_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_07_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_03_ani_input03_07_info { 0% { opacity:0; transform : translateY(-30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(-30px); }}

@keyframes section_03_ani_input03_08 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_09 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_09_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_10 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

@keyframes section_03_ani_input03_11 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:0.8; transform : translateY(0px); } 95% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}



/* 애니메이션 4번 css */
.om_guide01 .section_04 { display:block; margin-bottom:100px; }
.om_guide01 .section_04 .paging { display:inline-block; margin:0 auto; font-family: 'NEXON Lv2 Gothic Bold'; }
.om_guide01 .section_04 .paging ul { font-size:0; padding:0; margin:0; }
.om_guide01 .section_04 .paging ul li { display:inline-block; }
.om_guide01 .section_04 .paging ul li a { font-size:28px; line-height:40px; padding:0 10px; color:#c8c8c8; }
.om_guide01 .section_04 .paging ul li a:hover { color:#000; }
.om_guide01 .section_04 .paging ul li.on a { color:#000; }

.om_guide01 .section_04 .con_text { display:block; text-align:center; }
.om_guide01 .section_04 .con_text h1 { display:block; font-size:42px; line-height:50px; color:#343c7b; font-weight:bold; margin:30px 0; }
.om_guide01 .section_04 .con_text p { font-size:18px; line-height:30px; }

.om_guide01 .section_04 .ani_img_wrap { position: relative; display:block; width:878px; height:700px; margin:6px auto; box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2); background:url('/theme/omv/pages/img/guide01/section_04_ani01.jpg') no-repeat center center; overflow:hidden; }
.om_guide01 .section_04 .ani_img_wrap .img_mask { position: absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,0.35); }
.om_guide01 .section_04 .ani_img_wrap .ani_img_con { position: relative; top:0; left:0; display:block; z-index:2; width:100%; height:100%; }

/* 픽업 배송정보 css */
.om_guide01 .section_04 .ani_img_wrap .ani_img_con .ani_input01 { opacity:0; position: absolute; top:46px; left:257px; text-align:left; animation : section_04_ani_input01 3s 1s; }
.om_guide01 .section_04 .ani_img_wrap .ani_img_con .ani_input01 .input_con { display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:10px; border-radius:25px; overflow:hidden; }
.om_guide01 .section_04 .ani_img_wrap .ani_img_con .ani_input01 .input_info { position: relative; top:10px; left:10px; display:inline-block; background-color:#343c7b; font-size:15px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_04_ani_input01_01 3s 1s; } 
.om_guide01 .section_04 .ani_img_wrap .ani_img_con .ani_input01 .input_info:before { position: absolute; top:0; left:10px; content:""; display:inline-block; margin-top:-8px; border-bottom: 8px solid #343c7b; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 360deg ); }

@keyframes section_04_ani_input01 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_04_ani_input01_01 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}


/* 보유적립금 css */
.om_guide01 .section_04 .ani_img_wrap .ani_img_con .ani_input02 { opacity:0; position: absolute; top:265px; left:268px; text-align:left; animation : section_04_ani_input02 3s 4s; }
.om_guide01 .section_04 .ani_img_wrap .ani_img_con .ani_input02 .input_con { display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:10px; border-radius:25px; overflow:hidden; }
.om_guide01 .section_04 .ani_img_wrap .ani_img_con .ani_input02 .input_info { position: relative; top:10px; left:10px; display:inline-block; background-color:#343c7b; font-size:15px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_04_ani_input02_01 3s 4s; } 
.om_guide01 .section_04 .ani_img_wrap .ani_img_con .ani_input02 .input_info:before { position: absolute; top:0; left:10px; content:""; display:inline-block; margin-top:-8px; border-bottom: 8px solid #343c7b; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 360deg ); }

@keyframes section_04_ani_input02 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_04_ani_input02_01 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}


/* 약관동의 css */
.om_guide01 .section_04 .ani_img_wrap .ani_img_con .ani_input03 { opacity:0; position: absolute; top:458px; left:259px; text-align:left; animation : section_04_ani_input03 5s 7s; }
.om_guide01 .section_04 .ani_img_wrap .ani_img_con .ani_input03 .input_con { opacity:0; position: relative; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:10px; border-radius:25px; overflow:hidden; animation : section_04_ani_input03_02 3s 7s; }
.om_guide01 .section_04 .ani_img_wrap .ani_img_con .ani_input03 .input_con2 { opacity:0; position: absolute; top:0; left:0; display:inline-block; border:2px solid #eee; background-color:#fff; padding:10px; border-radius:25px; overflow:hidden; animation : section_04_ani_input03_03 3s 8s; }
.om_guide01 .section_04 .ani_img_wrap .ani_img_con .ani_input03 .input_con3 { opacity:0; position: absolute; top:0; left:0; display:inline-block; border:2px solid #eee; background-color:#fff; padding:10px; border-radius:25px; overflow:hidden; animation : section_04_ani_input03_04 3s 9s; }
.om_guide01 .section_04 .ani_img_wrap .ani_img_con .ani_input03 .input_info { position: relative; top:-180px; left:0px; display:inline-block; background-color:#343c7b; font-size:15px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_04_ani_input03_01 5s 7s; } 
.om_guide01 .section_04 .ani_img_wrap .ani_img_con .ani_input03 .input_info:before { position: absolute; bottom:0; left:10px; content:""; display:inline-block; margin-bottom:-8px; border-bottom: 8px solid #343c7b; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 180deg ); }

@keyframes section_04_ani_input03 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_04_ani_input03_01 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes section_04_ani_input03_02 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_04_ani_input03_03 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_04_ani_input03_04 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}


/* 신청버튼 css */
.om_guide01 .section_04 .ani_img_wrap .ani_img_con .ani_input04 { opacity:0; position: absolute; top:590px; left:349px; text-align:left; animation : section_04_ani_input04 3s 12s; }
.om_guide01 .section_04 .ani_img_wrap .ani_img_con .ani_input04 .input_con { display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:10px 20px; border-radius:25px; overflow:hidden; }
.om_guide01 .section_04 .ani_img_wrap .ani_img_con .ani_input04 .input_con .ex_btn { display:inline-block; background-color:#2b357a; border-radius:25px; color:#fff; font-size:14px; padding:10px 30px; }
.om_guide01 .section_04 .ani_img_wrap .ani_img_con .ani_input04 .input_info { position: relative; top:-113px; left:12px; display:inline-block; background-color:#343c7b; font-size:15px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_04_ani_input04_01 3s 12s; } 
.om_guide01 .section_04 .ani_img_wrap .ani_img_con .ani_input04 .input_info:before { position: absolute; bottom:0; left:10px; content:""; display:inline-block; margin-bottom:-8px; border-bottom: 8px solid #343c7b; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 180deg ); }

@keyframes section_04_ani_input04 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_04_ani_input04_01 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}












/*******************/
/* SMPD 배송 가이드 css */
/*******************/

.sub_title02 { position: relative; display:block; margin:150px auto 0; height:450px; }
.sub_title02 h1 { position: absolute; z-index:2; color:#000; top:50%; left:0; transform: translate( 0, -50%); display:block; font-size:80px; line-height:90px; }
.sub_title02 p { position: absolute; z-index:1; top:50%; left:50%; transform: translate( 0, -50%); display:inline-block; }

/* 애니메이션 0번 css */
.om_guide02 .section_00 { display:block; margin-bottom:150px; }
.om_guide02 .section_00 .paging { display:inline-block; margin:0 auto; font-family: 'NEXON Lv2 Gothic Bold'; }
.om_guide02 .section_00 .paging ul { font-size:0; padding:0; margin:0; }
.om_guide02 .section_00 .paging ul li { display:inline-block; }
.om_guide02 .section_00 .paging ul li a { font-size:28px; line-height:40px; padding:0 10px; color:#c8c8c8; font-family: 'NEXON Lv2 Gothic Bold'; }
.om_guide02 .section_00 .paging ul li a:hover { color:#000; }
.om_guide02 .section_00 .paging ul li.on a { color:#000; font-family: 'NEXON Lv2 Gothic Bold'; }

.om_guide02 .section_00 .con_text { display:block; text-align:center; }
.om_guide02 .section_00 .con_text h1 { display:block; font-size:42px; line-height:50px; color:#0b877c; font-weight:bold; margin:30px 0; }
.om_guide02 .section_00 .con_text p { font-size:18px; line-height:30px; }

.om_guide02 .section_00 .ani_img_wrap { position: relative; display:block; width:878px; height:740px; margin:6px auto; box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2); background:url('/theme/omv/pages/img/guide02/section_00_ani01.jpg') no-repeat center center; overflow:hidden; }
.om_guide02 .section_00 .ani_img_wrap .img_mask { position: absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,0.35); }
.om_guide02 .section_00 .ani_img_wrap .ani_img_con { position: relative; top:0; left:0; display:block; z-index:2; width:100%; height:100%; }


/* 패키지 개수 버튼 설명 css */
.om_guide02 .section_00 .ani_img_wrap .ani_img_con .ani_input01 { opacity:0; position: absolute; bottom:45px; left:295px; text-align:left; animation : section_00_ani_input01 15s 1s; }
.om_guide02 .section_00 .ani_img_wrap .ani_img_con .ani_input01 .input_con { display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:5px 10px; border-radius:25px; }
.om_guide02 .section_00 .ani_img_wrap .ani_img_con .ani_input01 .input_info { opacity:0; position: absolute; width:102%; top:-70px; left:10px; display:block; background-color:#0b877c; font-size:15px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_00_ani_input01_01 7s 1s; } 
.om_guide02 .section_00 .ani_img_wrap .ani_img_con .ani_input01 .input_info:before { position: absolute; bottom:-8px; left:10px; content:""; display:inline-block; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 180deg ); }
.om_guide02 .section_00 .ani_img_wrap .ani_img_con .ani_input01 .img01 { opacity:0; position: absolute; top:-20px; left:90px; z-index:4; display:inline-block; animation : section_00_ani_input01_02 2s 5s; }

.om_guide02 .section_00 .ani_img_wrap .ani_img_con .ani_input01 .input_con2 { opacity:0; position: absolute; bottom:0; left:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:5px 10px; border-radius:25px; animation : section_00_ani_input01_05 10s 7s; }

.om_guide02 .section_00 .ani_img_wrap .ani_img_con .ani_input01 .input_info3 { opacity:0; position: absolute; width:102%; top:-70px; right:10px; display:block; background-color:#0b877c; font-size:15px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_00_ani_input01_06 5s 8s; } 
.om_guide02 .section_00 .ani_img_wrap .ani_img_con .ani_input01 .input_info3:before { position: absolute; bottom:-8px; right:10px; content:""; display:inline-block; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 180deg ); }

@keyframes section_00_ani_input01 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_00_ani_input01_01 { 0% { opacity:0; transform : translateX(30px); } 5% { opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(30px); }}
@keyframes section_00_ani_input01_02 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:0.8; transform : translateY(0px); } 95% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes section_00_ani_input01_03 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}

@keyframes section_00_ani_input01_04 { 0% { opacity:0; transform : translateX(30px); } 5% { opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(30px); }}

@keyframes section_00_ani_input01_05 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

@keyframes section_00_ani_input01_06 { 0% { opacity:0; transform : translateX(30px); } 5% { opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(30px); }}




/* 애니메이션 1번 css */
.om_guide02 .section_01 { display:block; margin-bottom:140px; }
.om_guide02 .section_01 .paging { display:inline-block; margin:0 auto; font-family: 'NEXON Lv2 Gothic Bold'; }
.om_guide02 .section_01 .paging ul { font-size:0; padding:0; margin:0; }
.om_guide02 .section_01 .paging ul li { display:inline-block; }
.om_guide02 .section_01 .paging ul li a { font-size:28px; line-height:40px; padding:0 10px; color:#c8c8c8; font-family: 'NEXON Lv2 Gothic Bold'; }
.om_guide02 .section_01 .paging ul li a:hover { color:#000; }
.om_guide02 .section_01 .paging ul li.on a { color:#000; font-family: 'NEXON Lv2 Gothic Bold'; }

.om_guide02 .section_01 .con_text { display:block; text-align:center; }
.om_guide02 .section_01 .con_text h1 { display:block; font-size:42px; line-height:50px; color:#0b877c; font-weight:bold; margin:30px 0; }
.om_guide02 .section_01 .con_text p { font-size:18px; line-height:30px; }

.om_guide02 .section_01 .ani_img_wrap { position: relative; display:block; width:878px; height:628px; margin:6px auto; box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2); background:url('/theme/omv/pages/img/guide02/section_01_ani01.jpg') no-repeat center center; overflow:hidden; }
.om_guide02 .section_01 .ani_img_wrap .img_mask { position: absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,0.35); }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con { position: relative; top:0; left:0; display:block; z-index:2; width:100%; height:100%; }

/* 회원정보와 동일 css */
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input01 { opacity:0; position: absolute; top:85px; left:25px; text-align:left; animation : section_01_ani_input01 3s 1s; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input01 .input_con { display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 10px; border-radius:25px; font-size:16px; line-height:35px; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input01 .input_info { position: relative; top:0; left:10px; display:inline-block; background-color:#0b877c; font-size:15px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_01_ani_input01_01 3s 1s; } 
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input01 .input_info:before { position: absolute; top:50%; left:-12px; content:""; display:inline-block; margin-top:-4px; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -90deg ); }

@keyframes section_01_ani_input01 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input01_01 { 0% { opacity:0; transform : translateX(30px); } 5% { opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(30px); }}

/* 이름 css */
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input02 { opacity:0; position: absolute; top:125px; left:25px; text-align:left; animation : section_01_ani_input02 3s 4s; animation-fill-mode: forwards; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input02 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_01_ani_input02_01 4s 4s; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input02 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 15px; border-radius:25px; font-size:12px; line-height:35px; margin-left:55px; animation : section_01_ani_input02_02 4s 4s; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input02 .input_info { opacity:0; position: relative; top:2px; left:10px; display:inline-block; background-color:#0b877c; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_01_ani_input02_03 4s 4s; } 
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input02 .input_info:before { position: absolute; top:50%; left:-12px; content:""; display:inline-block; margin-top:-4px; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -90deg ); }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input02 .input_gif { opacity:0; position: absolute; top:13px; left:155px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:175px; animation : section_01_ani_input02_04 3.5s 4.5s; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input02 .input_gif:before { content: "김영수"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_01_ani_input02_04_typing 1s 4.5s steps(7); }
@keyframes section_01_ani_input02_04_typing { 0% { width: 0%;	border-right:1px solid #000; } 100% { width: 23%; border-right:1px solid #000; }}

.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input02 .input_after { position: absolute; top:2px; left:145px; z-index:-1; display:inline-block; font-size:13px; line-height:35px; background-color:#a6a6a6; width:300px; }

@keyframes section_01_ani_input02 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_01_ani_input02_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input02_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input02_03 { 0% { opacity:0; transform : translateX(30px); } 5% {	opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(30px); }}
@keyframes section_01_ani_input02_04 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

/* 연락처 css */
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input03 { opacity:0; position: absolute; top:170px; left:25px; text-align:left; animation : section_01_ani_input03 4s 8s; animation-fill-mode: forwards; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input03 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_01_ani_input03_01 4s 8s; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input03 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 15px; border-radius:25px; font-size:12px; line-height:35px; margin-left:40px; animation : section_01_ani_input03_02 4s 8s; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input03 .input_info { opacity:0; position: relative; top:10px; left:150px; display:inline-block; background-color:#0b877c; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_01_ani_input03_03 4s 8s; } 
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input03 .input_info:before { position: absolute; top:-7px; left:10px; content:""; display:inline-block; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input03 .input_gif { opacity:0; position: absolute; top:13px; left:155px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:220px; animation : section_01_ani_input03_04 4s 8s; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input03 .input_gif:before { content: "01012345678"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_01_ani_input03_04_typing 2s 8s steps(20); }
@keyframes section_01_ani_input03_04_typing { 0% { width: 0%;	border-right:1px solid #000; } 100% { width: 50%; border-right:1px solid #000; }}

.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input03 .input_after { position: absolute; top:7px; left:145px; z-index:-1; display:inline-block; font-size:13px; line-height:35px; background-color:#a6a6a6; width:400px;}

@keyframes section_01_ani_input03 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_01_ani_input03_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input03_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input03_03 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes section_01_ani_input03_04 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

/* 주소 css */
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input04 { opacity:0; position: absolute; top:256px; left:25px; text-align:left; animation : section_01_ani_input04 4s 9s; animation-fill-mode: forwards; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_01_ani_input04_01 13s 12s; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 15px; border-radius:25px; font-size:12px; line-height:35px; margin-left:55px; width:300px; animation : section_01_ani_input04_02 10s 12s; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_con3 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px; border-radius:25px; font-size:12px; line-height:35px; margin-left:278px; animation : section_01_ani_input04_03 13s 12s; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_con3 > .img04 { opacity:0; position: absolute; top:-21px; right:38px; z-index:1; display:inline-block; animation : section_01_ani_input04_03_01 2s 12s; }

.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_info { opacity:0; position: relative; top:-78px; left:485px; display:inline-block; background-color:#0b877c; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_01_ani_input04_04 13s 12s; } 
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_info:before { position: absolute; bottom:-7px; right:10px; content:""; display:inline-block; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -180deg ); }

.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_img01 { opacity:0; position: relative; top:-23px; left:102px; display:inline-block; border:2px solid #eee; padding:3px; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_01_ani_input04_05 8s 14s; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_img01 .img01 { opacity:0; position: relative; top:0; left:0; z-index:1; display:inline-block; animation : section_01_ani_input04_05_01 2s 14s; animation-fill-mode: forwards; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_img01 .img02 { opacity:0; position: absolute; top:80px; left:25px; z-index:2; display:inline-block; animation : section_01_ani_input04_05_02 3s 19s; animation-fill-mode: forwards; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_img01 .img03 { opacity:0; position: absolute; top:39px; left:15px; z-index:3; font-size:20px; line-height:22px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:400px; animation : section_01_ani_input04_05_03 3s 15s; animation-fill-mode: forwards; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_img01 .img03:before { content: "신반포로 270"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_01_ani_input04_05_03_typing 1.5s 15s steps(20); }
@keyframes section_01_ani_input04_05_03_typing { 0% { width: 0%;	border-right:1px solid #000; } 100% { width: 29%; border-right:1px solid #000; }}


.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_img01 .img04 { opacity:0; position: absolute; top:7px; right:-5px; z-index:4; display:inline-block; animation : section_01_ani_input04_05_04 2s 18s; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_img01 .img05 { opacity:0; position: absolute; top:130px; left:300px; z-index:5; display:inline-block; animation : section_01_ani_input04_05_05 2s 20s; }

.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_after { opacity:0; position: absolute; top:2px; left:140px; z-index:-1; background-color:transparent; display:block; border-radius:5px; overflow:hidden; padding:5px; animation : section_01_ani_input04_06 2.8s 22s; animation-fill-mode: forwards; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_after > span { opacity:0; display:block; font-size:13px; line-height:31px;  width:400px; background-color:#fff; margin-bottom:4px; animation : section_01_ani_input04_06_01 2.8s 22s; animation-fill-mode: forwards; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_after > .img01 { opacity:0; position: absolute; top:78px; left:5px; z-index:3; display:inline-block; font-size:20px; line-height:22px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:400px; animation : section_01_ani_input04_06_02 2.8s 22s; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_after > .img01:before { content: "XX동 XX호"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_01_ani_input04_06_02_typing 1.5s 22s steps(15); }
@keyframes section_01_ani_input04_06_02_typing { 0% { width: 0%;	border-right:1px solid #000; } 100% { width: 25%; border-right:1px solid #000; }}


@keyframes section_01_ani_input04 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_01_ani_input04_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input04_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input04_03 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input04_03_01 { 0% { opacity:0; transform : translateY(30px); } 10% { opacity:0.8; transform : translateY(0px); } 90% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}

@keyframes section_01_ani_input04_04 { 0% { opacity:0; transform : translateY(-30px); } 2% { opacity:1; transform : translateY(0px); } 98% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(-30px); }}

@keyframes section_01_ani_input04_05 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes section_01_ani_input04_05_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_01_ani_input04_05_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_01_ani_input04_05_03 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_01_ani_input04_05_04 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:0.8; transform : translateY(0px); } 95% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes section_01_ani_input04_05_05 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:0.8; transform : translateY(0px); } 95% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}

@keyframes section_01_ani_input04_06 { 0% { opacity:0; background-color:transparent; transform : translateY(30px); } 5% { opacity:1; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); transform : translateY(0px); } 95% { opacity:1; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); transform : translateY(0px); } 100% { opacity:1; background-color:transparent; transform : translateY(0); }}
@keyframes section_01_ani_input04_06_01 { 0% { opacity:0; background-color:transparent; } 5% { opacity:1; background-color:#fff; } 95% { opacity:1; background-color:#fff; } 100% { opacity:1; background-color:#a6a6a6; }}
@keyframes section_01_ani_input04_06_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

/* 현금영수증 -소득공제 css */
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input05 { opacity:0; position: absolute; top:460px; left:25px; text-align:left; animation : section_01_ani_input05 4s 25s; animation-fill-mode: forwards; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input05 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_01_ani_input05_01 4s 25s; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input05 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px 0 10px; border-radius:25px; font-size:12px; line-height:35px; margin-left:5px; animation : section_01_ani_input05_02 4s 25s; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input05 .input_con2 b { display:inline-block; font-size:16px; line-height:35px; padding:0 6px; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input05 .input_info { opacity:0; position: relative; top:2px; left:10px; display:inline-block; background-color:#0b877c; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_01_ani_input05_03 4s 25s; } 
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input05 .input_info:before { position: absolute; top:50%; left:-12px; content:""; display:inline-block; margin-top:-4px; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -90deg ); }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input05 .input_gif { opacity:0; position: absolute; top:11px; left:224px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:140px; animation : section_01_ani_input05_04 3.5s 25.5s; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input05 .input_gif:before { content: "01012345678"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_01_ani_input05_04_typing 1.5s 25.5s steps(20); }
@keyframes section_01_ani_input05_04_typing { 0% { width: 0%;	border-right:1px solid #000; } 100% { width: 70%; border-right:1px solid #000; }}


.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input05 .input_after { position: absolute; top:8px; left:209px; z-index:-1; display:inline-block; font-size:13px; line-height:35px; background-color:#a6a6a6; width:400px;}

@keyframes section_01_ani_input05 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_01_ani_input05_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input05_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input05_03 { 0% { opacity:0; transform : translateX(30px); } 5% { opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(30px); }}
@keyframes section_01_ani_input05_04 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

/* 현금영수증 -지출증빙 css */
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input06 { opacity:0; position: absolute; top:500px; left:152px; text-align:left; animation : section_01_ani_input06 5s 29s; animation-fill-mode: forwards; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px 0 10px; border-radius:25px; font-size:12px; line-height:35px; margin-left:5px; animation : section_01_ani_input06_02 5s 29s; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_con2 b { display:inline-block; font-size:16px; line-height:35px; padding:0 6px; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_info { opacity:0; position: relative; top:-80px; left:10px; display:inline-block; background-color:#0b877c; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_01_ani_input06_03 5s 29s; } 
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_info:before { position: absolute; bottom:-7px; left:10px; content:""; display:inline-block; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -180deg ); }

.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_gif { opacity:0; position: absolute; top:12px; left:96px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:140px; animation : section_01_ani_input06_04 5s 29s; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_gif:before { content: "1298802272"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_01_ani_input06_04_typing 1.5s 29s steps(20); }
@keyframes section_01_ani_input06_04_typing { 0% { width: 0%;	border-right:1px solid #000; } 100% { width: 50%; border-right:1px solid #000; }}

.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_gif2 { opacity:0; position: absolute; top:12px; left:355px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:200px; animation : section_01_ani_input06_05 4s 30s; }
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_gif2:before { content: "XXX"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_01_ani_input06_05_typing 1.5s 30s steps(10); }
@keyframes section_01_ani_input06_05_typing { 0% { width: 0%;	border-right:1px solid #000; } 100% { width: 19%; border-right:1px solid #000; }}

.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_after { position: absolute; top:4px; left:82px; z-index:-1; display:inline-block; font-size:13px; line-height:35px; background-color:#a6a6a6; width:150px;}
.om_guide02 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_after2 { position: absolute; top:4px; left:315px; z-index:-1; display:inline-block; font-size:13px; line-height:35px; background-color:#a6a6a6; width:145px;}

@keyframes section_01_ani_input06 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_01_ani_input06_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input06_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input06_03 { 0% { opacity:0; transform : translateY(-30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(-30px); }}
@keyframes section_01_ani_input06_04 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input06_05 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}



/* 애니메이션 2번 css */
.om_guide02 .section_02 { display:block; margin-bottom:140px; }
.om_guide02 .section_02 .paging { display:inline-block; margin:0 auto; font-family: 'NEXON Lv2 Gothic Bold'; }
.om_guide02 .section_02 .paging ul { font-size:0; padding:0; margin:0; }
.om_guide02 .section_02 .paging ul li { display:inline-block; }
.om_guide02 .section_02 .paging ul li a { font-size:28px; line-height:40px; padding:0 10px; color:#c8c8c8; }
.om_guide02 .section_02 .paging ul li a:hover { color:#000; }
.om_guide02 .section_02 .paging ul li.on a { color:#000; }

.om_guide02 .section_02 .con_text { display:block; text-align:center; }
.om_guide02 .section_02 .con_text h1 { display:block; font-size:42px; line-height:50px; color:#0b877c; font-weight:bold; margin:30px 0; }
.om_guide02 .section_02 .con_text p { font-size:18px; line-height:30px; }

.om_guide02 .section_02 .ani_img_wrap { position: relative; display:block; width:878px; height:720px; margin:6px auto; box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2); background:url('/theme/omv/pages/img/guide02/section_02_ani01.jpg') no-repeat center center; overflow:hidden; }
.om_guide02 .section_02 .ani_img_wrap .img_mask { position: absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,0.35); }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con { position: relative; top:0; left:0; display:block; z-index:2; width:100%; height:100%; }

/* 수취인정보 불러오기 css */
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input01 { opacity:0; position: absolute; top:24px; left:150px; text-align:left; animation : section_02_ani_input01 3s 1s; }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input01 .input_con { display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px; border-radius:25px; font-size:16px; line-height:35px; }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input01 .input_con2 { display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px; border-radius:25px; font-size:16px; line-height:35px; margin-left:5px; }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input01 .input_info { position: relative; top:12px; left:10px; display:inline-block; background-color:#0b877c; font-size:15px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_02_ani_input01_01 3s 1s; } 
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input01 .input_info:before { position: absolute; top:-7px; left:10px; content:""; display:inline-block; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -360deg ); }

@keyframes section_02_ani_input01 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input01_01 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}

/* 배송국가 css */
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input02 { opacity:0; position: absolute; top:90px; left:25px; text-align:left; animation : section_02_ani_input02 5s 4s; animation-fill-mode: forwards; }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_02_ani_input02_01 4s 4s; }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 38px; border-radius:25px; font-size:14px; line-height:35px; margin-left:12px; animation : section_02_ani_input02_02 4s 4s; }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_info { opacity:0; position: relative; top:2px; left:15px; display:inline-block; background-color:#0b877c; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_02_ani_input02_03 4s 4s; } 
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_info:before { position: absolute; top:50%; left:-12px; content:""; display:inline-block; margin-top:-4px; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -90deg ); }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_gif { opacity:0; position: absolute; top:-20px; left:270px; z-index:1; display:inline-block; animation : section_02_ani_input02_04 1.5s 4.5s; }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_gif2 { opacity:0; position: absolute; top:-8px; left:125px; z-index:1; display:inline-block; background-color:#fff; padding:5px; border-radius:10px; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); animation : section_02_ani_input02_05 2.8s 6s; }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_gif2 .input_gif2_title { position: absolute; top:10px; left:5px; z-index:1; display:inline-block; border:1px solid #ccc; background-color:#fff; padding:0 38px; border-radius:25px; font-size:14px; line-height:35px; }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_gif2 img { opacity:0; display:block; margin-top:48px; animation : section_02_ani_input02_06 2.5s 6.3s; animation-fill-mode: forwards; }

.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_after { position: absolute; top:10px; left:153px; z-index:-1; display:inline-block; font-size:13px; line-height:25px; padding:0 5px; background-color:#a6a6a6; width:135px; }

@keyframes section_02_ani_input02 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_02_ani_input02_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input02_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input02_03 { 0% { opacity:0; transform : translateX(30px); } 5% {	opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(30px); }}
@keyframes section_02_ani_input02_04 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:0.8; transform : translateY(0px); } 95% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes section_02_ani_input02_05 { 0% { opacity:0; } 5% { opacity:1; } 90% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input02_06 { 0% { opacity:0; transform : translateY(-30px) scaleY(0%); transform-origin: top left; } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(-30px) scaleY(100%); }}


/* 수취인정보 css */
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input03 { opacity:0; position: absolute; top:132px; left:25px; text-align:left; animation : section_02_ani_input03 5s 9s; animation-fill-mode: forwards; }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_02_ani_input03_01 5s 9s; }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 15px; border-radius:25px; font-size:12px; line-height:35px; margin-left:10px; animation : section_02_ani_input03_02 5s 9s; }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_con3 { opacity:0; position: absolute; top:50px; left:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_02_ani_input03_01 5s 9s; }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_con4 { opacity:0; position: absolute; top:50px; left:140px; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 15px; border-radius:25px; font-size:12px; line-height:35px; animation : section_02_ani_input03_02 5s 9s; }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_info { opacity:0; position: relative; top:60px; left:150px; display:inline-block; background-color:#0b877c; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_02_ani_input03_03 5s 9s; } 
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_info:before { position: absolute; top:-7px; left:10px; content:""; display:inline-block; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; }

.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_gif { opacity:0; position: absolute; top:11px; left:155px; z-index:1; font-size:16px; line-height:20px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:280px; animation : section_02_ani_input03_04 4.5s 9.5s; }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_gif:before { content: "Yeongsu Kim"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_02_ani_input03_04_typing 2s 9.5s steps(20); }
@keyframes section_02_ani_input03_04_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 38%; border-right:1px solid #000; }}

.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_gif2 { opacity:0; position: absolute; top:62px; left:155px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:230px; animation : section_02_ani_input03_05 3.5s 10.5s; }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_gif2:before { content: "01012345678"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_02_ani_input03_05_typing 2s 10.5s steps(20); }
@keyframes section_02_ani_input03_05_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 50%; border-right:1px solid #000; }}

.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_after { position: absolute; top:7px; left:145px; z-index:-1; display:inline-block; font-size:13px; line-height:35px; background-color:#a6a6a6; width:400px;}
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_after2 { position: absolute; top:57px; left:145px; z-index:-1; display:inline-block; font-size:13px; line-height:35px; background-color:#a6a6a6; width:400px;}

@keyframes section_02_ani_input03 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_02_ani_input03_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input03_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input03_03 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes section_02_ani_input03_04 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input03_05 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

/* 주소 css */
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input04 { opacity:0; position: absolute; top:232px; left:25px; text-align:left; animation : section_02_ani_input04 4s 14s; animation-fill-mode: forwards; }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_02_ani_input04_01 7s 14s; }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 { opacity:0; position: relative; display:inline-block; margin-top:3px; vertical-align:top; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 10px; overflow:hidden; border-radius:25px; font-size:12px; line-height:35px; margin-left:47px; animation : section_02_ani_input04_02 7s 14s; }

.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif1 { opacity:0; position: absolute; top:10px; left:14px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:270px; animation : section_02_input_gif1 7s 14s;}
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif1:before { content: "-"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_02_input_gif1_typing 2s 14s steps(2); }
@keyframes section_02_input_gif1_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 5%; border-right:1px solid #000; }}
@keyframes section_02_input_gif1 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif2 { opacity:0; position: absolute; top:82px; left:14px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:283px; animation : section_02_input_gif2 7s 15s;}
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif2:before { content: "3243 Wilshire Blvd"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_02_input_gif2_typing 2s 15s steps(20); }
@keyframes section_02_input_gif2_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 52%; border-right:1px solid #000; }}
@keyframes section_02_input_gif2 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif3 { opacity:0; position: absolute; top:128px; left:14px; z-index:1; font-size:16px; line-height:20px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:285px; animation : section_02_input_gif3 6s 16s;}
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif3:before { content: "Los Angeles"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_02_input_gif3_typing 1.5s 16s steps(15); }
@keyframes section_02_input_gif3_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 33%; border-right:1px solid #000; }}
@keyframes section_02_input_gif3 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif4 { opacity:0; position: absolute; top:180px; left:14px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:270px; animation : section_02_input_gif4 4s 17s;}
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif4:before { content: "USA"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_02_input_gif4_typing 0.5s 17s steps(4); }
@keyframes section_02_input_gif4_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 10%; border-right:1px solid #000; }}
@keyframes section_02_input_gif4 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif5 { opacity:0; position: absolute; top:228px; left:14px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:270px; animation : section_02_input_gif5 5s 18s;}
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif5:before { content: "90010"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_02_input_gif5_typing 1s 18s steps(8); }
@keyframes section_02_input_gif5_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 20%; border-right:1px solid #000; }}
@keyframes section_02_input_gif5 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_info { opacity:0; position: relative; top:12px; left:132px; display:inline-block; background-color:#0b877c; font-size:16px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_02_ani_input04_03 7s 14s; } 
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_info:before { position: absolute; top:-7px; left:10px; content:""; display:inline-block; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; }

.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_after { position: absolute; top:2px; left:142px; z-index:-1; display:block; border-radius:5px; overflow:hidden; padding:5px; }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_after .first { margin-bottom:40px; }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_after > span { display:block; font-size:13px; line-height:33px; background-color:#a6a6a6; width:400px; margin-bottom:15px; }

@keyframes section_02_ani_input04 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_02_ani_input04_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input04_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}


@keyframes section_02_ani_input04_03 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

@keyframes ani_input04_04 { 0% { opacity:0; transform : translateY(-30px); } 2% { opacity:1; transform : translateY(0px); } 98% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(-30px); }}

@keyframes ani_input04_05 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes ani_input04_05_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes ani_input04_05_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes ani_input04_05_03 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes ani_input04_05_04 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:0.8; transform : translateY(0px); } 95% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes ani_input04_05_05 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:0.8; transform : translateY(0px); } 95% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}

@keyframes ani_input04_06 { 0% { opacity:0; background-color:transparent; transform : translateY(30px); } 5% { opacity:1; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); transform : translateY(0px); } 95% { opacity:1; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); transform : translateY(0px); } 100% { opacity:1; background-color:transparent; transform : translateY(0); }}
@keyframes ani_input04_06_01 { 0% { opacity:0; background-color:transparent; } 5% { opacity:1; background-color:#fff; } 95% { opacity:1; background-color:#fff; } 100% { opacity:1; background-color:#a6a6a6; }}
@keyframes ani_input04_06_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

/* 이메일 css */
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input05 { opacity:0; position: absolute; bottom:35px; left:25px; text-align:left; animation : section_02_ani_input05 5s 21s; animation-fill-mode: forwards; }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input05 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_02_ani_input05_01 5s 21s; }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input05 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 45px 0 10px; border-radius:25px; font-size:12px; line-height:35px; margin-left:40px; animation : section_02_ani_input05_02 5s 21s; }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input05 .input_info { opacity:0; position: relative; top:2px; left:10px; display:inline-block; background-color:#0b877c; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_02_ani_input05_03 5s 21s; } 
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input05 .input_info:before { position: absolute; top:50%; left:-12px; content:""; display:inline-block; margin-top:-4px; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -90deg ); }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input05 .input_gif { opacity:0; position: absolute; top:13px; left:150px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:150px; animation : section_02_ani_input05_04 4.5s 21.5s; }
.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input05 .input_gif:before { content: "ysk@example.com"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_02_ani_input05_04_typing 2s 21.5s steps(20); }
@keyframes section_02_ani_input05_04_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 90%; border-right:1px solid #000; }}

.om_guide02 .section_02 .ani_img_wrap .ani_img_con .ani_input05 .input_after { position: absolute; top:0px; left:147px; z-index:-1; display:inline-block; font-size:13px; line-height:35px; background-color:#a6a6a6; width:165px;}

@keyframes section_02_ani_input05 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_02_ani_input05_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input05_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input05_03 { 0% { opacity:0; transform : translateX(30px); } 5% { opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(30px); }}
@keyframes section_02_ani_input05_04 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}



/* 애니메이션 3번 css */
.om_guide02 .section_03 { display:block; margin-bottom:140px; }
.om_guide02 .section_03 .paging { display:inline-block; margin:0 auto; font-family: 'NEXON Lv2 Gothic Bold'; }
.om_guide02 .section_03 .paging ul { font-size:0; padding:0; margin:0; }
.om_guide02 .section_03 .paging ul li { display:inline-block; }
.om_guide02 .section_03 .paging ul li a { font-size:28px; line-height:40px; padding:0 10px; color:#c8c8c8; }
.om_guide02 .section_03 .paging ul li a:hover { color:#000; }
.om_guide02 .section_03 .paging ul li.on a { color:#000; }

.om_guide02 .section_03 .con_text { display:block; text-align:center; }
.om_guide02 .section_03 .con_text h1 { display:block; font-size:42px; line-height:50px; color:#0b877c; font-weight:bold; margin:30px 0; }
.om_guide02 .section_03 .con_text p { font-size:18px; line-height:30px; }

.om_guide02 .section_03 .ani_img_wrap { position: relative; display:block; width:878px; height:540px; margin:6px auto; box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2); background:url('/theme/omv/pages/img/guide02/section_03_ani01.jpg') no-repeat center center; overflow:hidden; }
.om_guide02 .section_03 .ani_img_wrap .img_mask { position: absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,0.35); }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con { position: relative; top:0; left:0; display:block; z-index:2; width:100%; height:100%; }

/* 박스개수 css */
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input01 { opacity:0; position: absolute; top:90px; left:25px; text-align:left; animation : section_03_ani_input01 5s 1s; animation-fill-mode: forwards; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input01 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_03_ani_input01_01 4s 1s; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input01 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:14px; line-height:35px; margin-left:12px; animation : section_03_ani_input01_02 4s 1s; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input01 .input_info { opacity:0; position: relative; top:2px; left:15px; display:inline-block; background-color:#0b877c; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_03_ani_input01_03 4s 1s; } 
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input01 .input_info:before { position: absolute; top:50%; left:-12px; content:""; display:inline-block; margin-top:-4px; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -90deg ); }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input01 .input_gif { opacity:0; position: absolute; top:-20px; left:270px; z-index:1; display:inline-block; animation : section_03_ani_input01_04 1.5s 1.5s; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input01 .input_gif2 { opacity:0; position: absolute; top:-8px; left:125px; z-index:1; display:inline-block; background-color:#fff; padding:5px; border-radius:10px; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); animation : section_03_ani_input01_05 2.8s 3s; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input01 .input_gif2 .input_gif2_title { position: absolute; top:10px; left:5px; z-index:1; display:inline-block; border:1px solid #ccc; background-color:#fff; padding:0 25px; border-radius:25px; font-size:14px; line-height:35px; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input01 .input_gif2 img { opacity:0; display:block; margin-top:48px; animation : section_03_ani_input01_06 2.5s 3.3s; animation-fill-mode: forwards; }

.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input01 .input_after { position: absolute; top:7px; left:153px; z-index:-1; display:inline-block; font-size:13px; line-height:25px; padding:0 5px; background-color:#a6a6a6; width:135px; }

@keyframes section_03_ani_input01 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_03_ani_input01_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input01_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input01_03 { 0% { opacity:0; transform : translateX(30px); } 5% {	opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(30px); }}
@keyframes section_03_ani_input01_04 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:0.8; transform : translateY(0px); } 95% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes section_03_ani_input01_05 { 0% { opacity:0; } 5% { opacity:1; } 90% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input01_06 { 0% { opacity:0; transform : translateY(-30px) scaleY(0%); transform-origin: top left; } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(-30px) scaleY(100%); }}


/* 픽업 날짜 css */
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input02 { opacity:0; position: absolute; top:135px; left:25px; text-align:left; animation : section_03_ani_input02 5s 6s; animation-fill-mode: forwards; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input02 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_03_ani_input02_01 4s 6s; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input02 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:14px; line-height:35px; margin-left:12px; animation : section_03_ani_input02_02 4s 6s; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input02 .input_info { opacity:0; position: relative; top:2px; left:15px; display:inline-block; background-color:#0b877c; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_03_ani_input02_03 4s 6s; } 
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input02 .input_info:before { position: absolute; top:50%; left:-12px; content:""; display:inline-block; margin-top:-4px; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -90deg ); }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input02 .input_gif { opacity:0; position: absolute; top:-20px; left:330px; z-index:1; display:inline-block; animation : section_03_ani_input02_04 1.5s 6.5s; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input02 .input_gif2 { opacity:0; position: absolute; top:-8px; left:125px; z-index:1; display:inline-block; background-color:#fff; padding:5px; border-radius:10px; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); animation : section_03_ani_input02_05 2.8s 8s; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input02 .input_gif2 .input_gif2_title { position: absolute; top:10px; left:5px; z-index:1; display:inline-block; border:1px solid #ccc; background-color:#fff; padding:0 25px; border-radius:25px; font-size:14px; line-height:35px; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input02 .input_gif2 img { opacity:0; opacity:0; display:block; margin-top:48px; animation : section_03_ani_input02_06 2.5s 8.3s; animation-fill-mode: forwards; }

.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input02 .input_after { position: absolute; top:6px; left:135px; z-index:-1; display:inline-block; font-size:13px; line-height:25px; padding:0 5px; background-color:#a6a6a6; width:200px; }

@keyframes section_03_ani_input02 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_03_ani_input02_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input02_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input02_03 { 0% { opacity:0; transform : translateX(30px); } 5% {	opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(30px); }}
@keyframes section_03_ani_input02_04 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:0.8; transform : translateY(0px); } 95% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes section_03_ani_input02_05 { 0% { opacity:0; } 5% { opacity:1; } 90% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input02_06 { 0% { opacity:0; transform : translateY(-30px) scaleY(0%); transform-origin: top left; } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(-30px) scaleY(100%); }}


/* 발송 품목 css */
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 { opacity:0; position: absolute; top:212px; left:25px; width:100%; text-align:left; animation : section_03_ani_input03 4s 1s; animation-fill-mode: forwards; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 i { display:inline-block; line-height:35px; }

.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_03_ani_input03_01 24s 11s; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con2 { opacity:0; position: absolute; top:12px; left:765px; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px; border-radius:25px; font-size:20px; line-height:35px; animation : section_03_ani_input03_02 3s 11s; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con3 { opacity:0; position: absolute; top:12px; left:765px; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px; border-radius:25px; font-size:20px; line-height:35px; animation : section_03_ani_input03_03 3s 14s; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con4 { opacity:0; position: absolute; top:120px; color:#ff0000; left:765px; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px; border-radius:25px; font-size:20px; line-height:35px; animation : section_03_ani_input03_04 3s 17s; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con5 { opacity:0; position: absolute; top:180px; left:430px; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px; border-radius:25px; font-size:20px; line-height:24px; animation : section_03_ani_input03_05 3s 20s; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con5 .ex_btn { display:inline-block; font-size:12px; line-height:24px; background-color:#2b357a; color:#fff; padding:0 5px; margin:7px 0;  }

.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con6 { opacity:0; position: absolute; top:20px; left:370px; display:inline-block; border:2px solid #eee; background: #fff url('/theme/omv/pages/img/section_03_ani04.jpg') no-repeat center center; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); font-size:16px; line-height:16px; font-weight:bold; color: transparent; padding:0 20px; border-radius:25px; width:230px; height:39px; animation : section_03_ani_input03_06 4s 23s; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con6:after { content: "15"; display:inline-block; position: absolute; top: 8px; left: 80px; width:100px; background-color:#fff; z-index:1; animation : section_03_ani_input03_06_01 4s 23s; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con6:before { content: "15"; position: absolute; top: 8px; left: 120px; width: 20%; height:16px; color: #000; z-index:2; overflow: hidden; animation: section_03_ani_input03_06_typing 0.8s 23s steps(5); }
@keyframes section_03_ani_input03_06_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 10%; border-right:1px solid #000; }}

.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con7 { opacity:0; position: absolute; top:60px; left:125px; display:inline-block; border:2px solid #eee; background-color: #fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); font-size:16px; line-height:16px; font-weight:bold; color: transparent; padding:5px; border-radius:10px; animation : section_03_ani_input03_07 7s 27s; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con7:after { content: "라면"; display:inline-block; position: absolute; top: 74px; left: 30px; width:160px; background-color:#fff; z-index:1; animation : section_03_ani_input03_07_01 7s 27s; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con7:before { content: "라면"; position: absolute; top: 74px; left: 30px; width: 5%; height:16px; color: #000; z-index:2; overflow: hidden; animation: section_03_ani_input03_07_typing 0.8s 27s steps(5); }
@keyframes section_03_ani_input03_07_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 5%; border-right:1px solid #000; }}

.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con8 { opacity:0; display:inline-block; position: absolute; top: 137px; left: 469px; width:60px; font-size:16px; line-height:16px; font-weight:bold; color: transparent; background-color:#fff; z-index:1; animation : section_03_ani_input03_08 6.5s 27.5s; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con8:before { content: "5"; position: absolute; top: 0; left: 0; width: 20%; height:16px; color: #000; z-index:2; overflow: hidden; animation: section_03_ani_input03_08_typing 0.3s 27.5s steps(2); }
@keyframes section_03_ani_input03_08_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 10%; border-right:1px solid #000; }}

.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con9 { opacity:0; display:inline-block; position: absolute; top: 137px; left: 570px; width:60px; font-size:16px; line-height:16px; font-weight:bold; color: transparent; background-color:#fff; z-index:1; animation : section_03_ani_input03_09 4.9s 29s; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con9_1 { opacity:0; display:inline-block; position: absolute; top: 132px; left: 562px; width:73px; z-index:1; animation : section_03_ani_input03_09_01 1s 29s; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_gif { opacity:0; position: absolute; top:103px; left:584px; z-index:5; display:inline-block; animation : section_03_ani_input03_11 1s 28s; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con9:before { content: "₩"; position: absolute; top: 0; left: 0; width: 22%; height:16px; color: #000; z-index:2; overflow: hidden; animation: section_03_ani_input03_09_typing 0s 30s steps(2); }
@keyframes section_03_ani_input03_09_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 10%; border-right:1px solid #000; }}

.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con10 { opacity:0; display:inline-block; position: absolute; top: 137px; left: 665px; width:90px; font-size:16px; line-height:16px; font-weight:bold; color: transparent; background-color:#fff; z-index:1; animation : section_03_ani_input03_10 2.8s 31s; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con10:before { content: "4000"; position: absolute; top: 0; left: 0; width: 45%; height:16px; color: #000; z-index:2; overflow: hidden; animation: section_03_ani_input03_10_typing 0.5s 31s steps(5); }
@keyframes section_03_ani_input03_10_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 45%; border-right:1px solid #000; }}

.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info_wrap { position: absolute; top:0; left:0; display:block; width:100%; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info { opacity:0; position: absolute; top:17px; left:495px; display:inline-block; background-color:#0b877c; font-size:16px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_03_ani_input03_02_info 3s 11s; } 
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info:before { position: absolute; top:50%; right:-12px; margin-top:-4px; content:""; display:inline-block; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 90deg ); }

.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info2 { opacity:0; position: absolute; top:17px; left:474px; display:inline-block; background-color:#0b877c; font-size:16px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_03_ani_input03_03_info 3s 14s; } 
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info2:before { position: absolute; top:50%; right:-12px; margin-top:-4px; content:""; display:inline-block; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 90deg ); }

.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info3 { opacity:0; position: absolute; top:124px; left:370px; display:inline-block; background-color:#0b877c; font-size:16px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_03_ani_input03_04_info 3s 17s; } 
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info3:before { position: absolute; top:50%; right:-12px; margin-top:-4px; content:""; display:inline-block; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 90deg ); }

.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info4 { opacity:0; position: absolute; top:136px; left:455px; display:inline-block; background-color:#0b877c; font-size:16px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_03_ani_input03_05_info 3s 20s; } 
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info4:before { position: absolute; bottom:0; left:10px; margin-bottom:-8px; content:""; display:inline-block; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 180deg ); }

.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info5 { opacity:0; position: absolute; top:-25px; left:375px; display:inline-block; background-color:#0b877c; font-size:16px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_03_ani_input03_06_info 4s 23s; } 
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info5:before { position: absolute; bottom:0; left:10px; margin-bottom:-8px; content:""; display:inline-block; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 180deg ); }

.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info6 { opacity:0; position: absolute; top:15px; left:125px; display:inline-block; background-color:#0b877c; font-size:16px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_03_ani_input03_07_info 7s 27s; } 
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info6:before { position: absolute; bottom:0; left:10px; margin-bottom:-8px; content:""; display:inline-block; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 180deg ); }

.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after { opacity:0; position: absolute; top:24px; left:448px; z-index:-1; display:block; border-radius:5px; overflow:hidden; padding:5px; animation : section_03_ani_input03_06_02 4s 26s; animation-fill-mode: forwards; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after > span { display:block; text-align:center; font-size:16px; line-height:20px; background-color:#a6a6a6; width:100px; }

.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after2 { opacity:0; position: absolute; top:127px; left:162px; z-index:-1; display:block; border-radius:5px; overflow:hidden; padding:5px; animation : section_03_ani_input03_07_02 4s 28s; animation-fill-mode: forwards; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after2 > span { display:block; text-align:left; font-size:14px; line-height:20px; background-color:#a6a6a6; width:180px; padding:0 5px; }

.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after3 { opacity:0; position: absolute; top:127px; left:475px; z-index:-1; display:block; border-radius:5px; overflow:hidden; padding:5px; animation : section_03_ani_input03_07_02 4s 28s; animation-fill-mode: forwards; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after3 > span { display:block; text-align:left; font-size:14px; line-height:20px; background-color:#a6a6a6; width:60px; padding:0 5px; }

.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after4 { opacity:0; position: absolute; top:127px; left:579px; z-index:-1; display:block; border-radius:5px; overflow:hidden; padding:5px; animation : section_03_ani_input03_07_02 4s 28s; animation-fill-mode: forwards; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after4 > span { display:block; text-align:left; font-size:14px; line-height:20px; background-color:#a6a6a6; width:60px; padding:0 5px; }

.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after5 { opacity:0; position: absolute; top:127px; left:667px; z-index:-1; display:block; border-radius:5px; overflow:hidden; padding:5px; animation : section_03_ani_input03_07_02 4s 28s; animation-fill-mode: forwards; }
.om_guide02 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after5 > span { display:block; text-align:left; font-size:14px; line-height:20px; background-color:#a6a6a6; width:97px; padding:0 5px; }

@keyframes section_03_ani_input03 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_03_ani_input03_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_02_info { 0% { opacity:0; transform : translateX(-30px); } 5% { opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(-30px); }}
@keyframes section_03_ani_input03_03 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_03_info { 0% { opacity:0; transform : translateX(-30px); } 5% { opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(-30px); }}
@keyframes section_03_ani_input03_04 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_04_info { 0% { opacity:0; transform : translateX(-30px); } 5% { opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(-30px); }}
@keyframes section_03_ani_input03_05 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_05_info { 0% { opacity:0; transform : translateY(-30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(-30px); }}
@keyframes section_03_ani_input03_06 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_06_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_06_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_03_ani_input03_06_info { 0% { opacity:0; transform : translateY(-30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(-30px); }}

@keyframes section_03_ani_input03_07 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_07_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_07_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_03_ani_input03_07_info { 0% { opacity:0; transform : translateY(-30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(-30px); }}

@keyframes section_03_ani_input03_08 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_09 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_09_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_10 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

@keyframes section_03_ani_input03_11 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:0.8; transform : translateY(0px); } 95% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}



/* 애니메이션 4번 css */
.om_guide02 .section_04 { display:block; margin-bottom:70px; }
.om_guide02 .section_04 .paging { display:inline-block; margin:0 auto; font-family: 'NEXON Lv2 Gothic Bold'; }
.om_guide02 .section_04 .paging ul { font-size:0; padding:0; margin:0; }
.om_guide02 .section_04 .paging ul li { display:inline-block; }
.om_guide02 .section_04 .paging ul li a { font-size:28px; line-height:40px; padding:0 10px; color:#c8c8c8; }
.om_guide02 .section_04 .paging ul li a:hover { color:#000; }
.om_guide02 .section_04 .paging ul li.on a { color:#000; }

.om_guide02 .section_04 .con_text { display:block; text-align:center; }
.om_guide02 .section_04 .con_text h1 { display:block; font-size:42px; line-height:50px; color:#0b877c; font-weight:bold; margin:30px 0; }
.om_guide02 .section_04 .con_text p { font-size:18px; line-height:30px; }

.om_guide02 .section_04 .ani_img_wrap { position: relative; display:block; width:878px; height:700px; margin:6px auto; box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2); background:url('/theme/omv/pages/img/guide02/section_04_ani01.jpg') no-repeat center center; overflow:hidden; }
.om_guide02 .section_04 .ani_img_wrap .img_mask { position: absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,0.35); }
.om_guide02 .section_04 .ani_img_wrap .ani_img_con { position: relative; top:0; left:0; display:block; z-index:2; width:100%; height:100%; }

/* 픽업 배송정보 css */
.om_guide02 .section_04 .ani_img_wrap .ani_img_con .ani_input01 { opacity:0; position: absolute; top:46px; left:257px; text-align:left; animation : section_04_ani_input01 3s 1s; }
.om_guide02 .section_04 .ani_img_wrap .ani_img_con .ani_input01 .input_con { display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:10px; border-radius:25px; overflow:hidden; }
.om_guide02 .section_04 .ani_img_wrap .ani_img_con .ani_input01 .input_info { position: relative; top:10px; left:10px; display:inline-block; background-color:#0b877c; font-size:15px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_04_ani_input01_01 3s 1s; } 
.om_guide02 .section_04 .ani_img_wrap .ani_img_con .ani_input01 .input_info:before { position: absolute; top:0; left:10px; content:""; display:inline-block; margin-top:-8px; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 360deg ); }

@keyframes section_04_ani_input01 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_04_ani_input01_01 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}


/* 보유적립금 css */
.om_guide02 .section_04 .ani_img_wrap .ani_img_con .ani_input02 { opacity:0; position: absolute; top:265px; left:268px; text-align:left; animation : section_04_ani_input02 3s 4s; }
.om_guide02 .section_04 .ani_img_wrap .ani_img_con .ani_input02 .input_con { display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:10px; border-radius:25px; overflow:hidden; }
.om_guide02 .section_04 .ani_img_wrap .ani_img_con .ani_input02 .input_info { position: relative; top:10px; left:10px; display:inline-block; background-color:#0b877c; font-size:15px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_04_ani_input02_01 3s 4s; } 
.om_guide02 .section_04 .ani_img_wrap .ani_img_con .ani_input02 .input_info:before { position: absolute; top:0; left:10px; content:""; display:inline-block; margin-top:-8px; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 360deg ); }

@keyframes section_04_ani_input02 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_04_ani_input02_01 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}


/* 약관동의 css */
.om_guide02 .section_04 .ani_img_wrap .ani_img_con .ani_input03 { opacity:0; position: absolute; top:458px; left:259px; text-align:left; animation : section_04_ani_input03 5s 7s; }
.om_guide02 .section_04 .ani_img_wrap .ani_img_con .ani_input03 .input_con { opacity:0; position: relative; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:10px; border-radius:25px; overflow:hidden; animation : section_04_ani_input03_02 3s 7s; }
.om_guide02 .section_04 .ani_img_wrap .ani_img_con .ani_input03 .input_con2 { opacity:0; position: absolute; top:0; left:0; display:inline-block; border:2px solid #eee; background-color:#fff; padding:10px; border-radius:25px; overflow:hidden; animation : section_04_ani_input03_03 3s 8s; }
.om_guide02 .section_04 .ani_img_wrap .ani_img_con .ani_input03 .input_con3 { opacity:0; position: absolute; top:0; left:0; display:inline-block; border:2px solid #eee; background-color:#fff; padding:10px; border-radius:25px; overflow:hidden; animation : section_04_ani_input03_04 3s 9s; }
.om_guide02 .section_04 .ani_img_wrap .ani_img_con .ani_input03 .input_info { position: relative; top:-180px; left:0px; display:inline-block; background-color:#0b877c; font-size:15px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_04_ani_input03_01 5s 7s; } 
.om_guide02 .section_04 .ani_img_wrap .ani_img_con .ani_input03 .input_info:before { position: absolute; bottom:0; left:10px; content:""; display:inline-block; margin-bottom:-8px; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 180deg ); }

@keyframes section_04_ani_input03 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_04_ani_input03_01 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes section_04_ani_input03_02 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_04_ani_input03_03 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_04_ani_input03_04 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}


/* 신청버튼 css */
.om_guide02 .section_04 .ani_img_wrap .ani_img_con .ani_input04 { opacity:0; position: absolute; top:590px; left:349px; text-align:left; animation : section_04_ani_input04 3s 12s; }
.om_guide02 .section_04 .ani_img_wrap .ani_img_con .ani_input04 .input_con { display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:10px 20px; border-radius:25px; overflow:hidden; }
.om_guide02 .section_04 .ani_img_wrap .ani_img_con .ani_input04 .input_con .ex_btn { display:inline-block; background-color:#2b357a; border-radius:25px; color:#fff; font-size:14px; padding:10px 30px; }
.om_guide02 .section_04 .ani_img_wrap .ani_img_con .ani_input04 .input_info { position: relative; top:-113px; left:12px; display:inline-block; background-color:#0b877c; font-size:15px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_04_ani_input04_01 3s 12s; } 
.om_guide02 .section_04 .ani_img_wrap .ani_img_con .ani_input04 .input_info:before { position: absolute; bottom:0; left:10px; content:""; display:inline-block; margin-bottom:-8px; border-bottom: 8px solid #0b877c; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 180deg ); }

@keyframes section_04_ani_input04 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_04_ani_input04_01 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}












/*******************/
/* 온시어지 배송 가이드 css */
/*******************/

.sub_title03 { position: relative; display:block; margin:150px auto 0; height:450px; }
.sub_title03 h1 { position: absolute; color:#000; top:50%; left:0; transform: translate( 0, -50%); display:block; font-size:80px; line-height:90px; }
.sub_title03 p { position: absolute; z-index:1; top:50%; left:60%; transform: translate( 0, -50%); display:inline-block; }

/* 애니메이션 1번 css */
.om_guide03 .section_01 { display:block; margin-bottom:140px; }
.om_guide03 .section_01 .paging { display:inline-block; margin:0 auto; font-family: 'NEXON Lv2 Gothic Bold'; }
.om_guide03 .section_01 .paging ul { font-size:0; padding:0; margin:0; }
.om_guide03 .section_01 .paging ul li { display:inline-block; }
.om_guide03 .section_01 .paging ul li a { font-size:28px; line-height:40px; padding:0 10px; color:#c8c8c8; font-family: 'NEXON Lv2 Gothic Bold'; }
.om_guide03 .section_01 .paging ul li a:hover { color:#000; }
.om_guide03 .section_01 .paging ul li.on a { color:#000; font-family: 'NEXON Lv2 Gothic Bold'; }

.om_guide03 .section_01 .con_text { display:block; text-align:center; }
.om_guide03 .section_01 .con_text h1 { display:block; font-size:42px; line-height:50px; color:#e86d27; font-weight:bold; margin:30px 0; }
.om_guide03 .section_01 .con_text p { font-size:18px; line-height:30px; }

.om_guide03 .section_01 .ani_img_wrap { position: relative; display:block; width:878px; height:628px; margin:6px auto; box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2); background:url('/theme/omv/pages/img/guide03/section_01_ani01.jpg') no-repeat center center; overflow:hidden; }
.om_guide03 .section_01 .ani_img_wrap .img_mask { position: absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,0.35); }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con { position: relative; top:0; left:0; display:block; z-index:2; width:100%; height:100%; }

/* 회원정보와 동일 css */
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input01 { opacity:0; position: absolute; top:85px; left:25px; text-align:left; animation : section_01_ani_input01 3s 1s; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input01 .input_con { display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 10px; border-radius:25px; font-size:16px; line-height:35px; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input01 .input_info { position: relative; top:0; left:10px; display:inline-block; background-color:#e86d27; font-size:15px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_01_ani_input01_01 3s 1s; } 
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input01 .input_info:before { position: absolute; top:50%; left:-12px; content:""; display:inline-block; margin-top:-4px; border-bottom: 8px solid #e86d27; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -90deg ); }

@keyframes section_01_ani_input01 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input01_01 { 0% { opacity:0; transform : translateX(30px); } 5% { opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(30px); }}

/* 이름 css */
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input02 { opacity:0; position: absolute; top:125px; left:25px; text-align:left; animation : section_01_ani_input02 3s 4s; animation-fill-mode: forwards; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input02 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_01_ani_input02_01 4s 4s; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input02 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 15px; border-radius:25px; font-size:12px; line-height:35px; margin-left:55px; animation : section_01_ani_input02_02 4s 4s; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input02 .input_info { opacity:0; position: relative; top:2px; left:10px; display:inline-block; background-color:#e86d27; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_01_ani_input02_03 4s 4s; } 
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input02 .input_info:before { position: absolute; top:50%; left:-12px; content:""; display:inline-block; margin-top:-4px; border-bottom: 8px solid #e86d27; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -90deg ); }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input02 .input_gif { opacity:0; position: absolute; top:13px; left:155px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:175px; animation : section_01_ani_input02_04 3.5s 4.5s; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input02 .input_gif:before { content: "김영수"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_01_ani_input02_04_typing 1s 4.5s steps(7); }
@keyframes section_01_ani_input02_04_typing { 0% { width: 0%;	border-right:1px solid #000; } 100% { width: 23%; border-right:1px solid #000; }}

.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input02 .input_after { position: absolute; top:2px; left:145px; z-index:-1; display:inline-block; font-size:13px; line-height:35px; background-color:#a6a6a6; width:300px; }

@keyframes section_01_ani_input02 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_01_ani_input02_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input02_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input02_03 { 0% { opacity:0; transform : translateX(30px); } 5% {	opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(30px); }}
@keyframes section_01_ani_input02_04 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

/* 연락처 css */
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input03 { opacity:0; position: absolute; top:170px; left:25px; text-align:left; animation : section_01_ani_input03 4s 8s; animation-fill-mode: forwards; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input03 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_01_ani_input03_01 4s 8s; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input03 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 15px; border-radius:25px; font-size:12px; line-height:35px; margin-left:40px; animation : section_01_ani_input03_02 4s 8s; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input03 .input_info { opacity:0; position: relative; top:10px; left:150px; display:inline-block; background-color:#e86d27; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_01_ani_input03_03 4s 8s; } 
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input03 .input_info:before { position: absolute; top:-7px; left:10px; content:""; display:inline-block; border-bottom: 8px solid #e86d27; border-left: 8px solid transparent; border-right: 8px solid transparent; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input03 .input_gif { opacity:0; position: absolute; top:13px; left:155px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:220px; animation : section_01_ani_input03_04 4s 8s; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input03 .input_gif:before { content: "01012345678"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_01_ani_input03_04_typing 2s 8s steps(20); }
@keyframes section_01_ani_input03_04_typing { 0% { width: 0%;	border-right:1px solid #000; } 100% { width: 50%; border-right:1px solid #000; }}

.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input03 .input_after { position: absolute; top:7px; left:145px; z-index:-1; display:inline-block; font-size:13px; line-height:35px; background-color:#a6a6a6; width:400px;}

@keyframes section_01_ani_input03 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_01_ani_input03_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input03_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input03_03 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes section_01_ani_input03_04 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

/* 주소 css */
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input04 { opacity:0; position: absolute; top:256px; left:25px; text-align:left; animation : section_01_ani_input04 4s 9s; animation-fill-mode: forwards; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_01_ani_input04_01 13s 12s; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 15px; border-radius:25px; font-size:12px; line-height:35px; margin-left:55px; width:300px; animation : section_01_ani_input04_02 10s 12s; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_con3 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px; border-radius:25px; font-size:12px; line-height:35px; margin-left:278px; animation : section_01_ani_input04_03 13s 12s; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_con3 > .img04 { opacity:0; position: absolute; top:-21px; right:38px; z-index:1; display:inline-block; animation : section_01_ani_input04_03_01 2s 12s; }

.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_info { opacity:0; position: relative; top:-78px; left:485px; display:inline-block; background-color:#e86d27; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_01_ani_input04_04 13s 12s; } 
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_info:before { position: absolute; bottom:-7px; right:10px; content:""; display:inline-block; border-bottom: 8px solid #e86d27; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -180deg ); }

.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_img01 { opacity:0; position: relative; top:-23px; left:102px; display:inline-block; border:2px solid #eee; padding:3px; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_01_ani_input04_05 8s 14s; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_img01 .img01 { opacity:0; position: relative; top:0; left:0; z-index:1; display:inline-block; animation : section_01_ani_input04_05_01 2s 14s; animation-fill-mode: forwards; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_img01 .img02 { opacity:0; position: absolute; top:80px; left:25px; z-index:2; display:inline-block; animation : section_01_ani_input04_05_02 3s 19s; animation-fill-mode: forwards; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_img01 .img03 { opacity:0; position: absolute; top:39px; left:15px; z-index:3; font-size:20px; line-height:22px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:400px; animation : section_01_ani_input04_05_03 3s 15s; animation-fill-mode: forwards; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_img01 .img03:before { content: "신반포로 270"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_01_ani_input04_05_03_typing 1.5s 15s steps(20); }
@keyframes section_01_ani_input04_05_03_typing { 0% { width: 0%;	border-right:1px solid #000; } 100% { width: 29%; border-right:1px solid #000; }}


.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_img01 .img04 { opacity:0; position: absolute; top:7px; right:-5px; z-index:4; display:inline-block; animation : section_01_ani_input04_05_04 2s 18s; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_img01 .img05 { opacity:0; position: absolute; top:130px; left:300px; z-index:5; display:inline-block; animation : section_01_ani_input04_05_05 2s 20s; }

.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_after { opacity:0; position: absolute; top:2px; left:140px; z-index:-1; background-color:transparent; display:block; border-radius:5px; overflow:hidden; padding:5px; animation : section_01_ani_input04_06 2.8s 22s; animation-fill-mode: forwards; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_after > span { opacity:0; display:block; font-size:13px; line-height:31px;  width:400px; background-color:#fff; margin-bottom:4px; animation : section_01_ani_input04_06_01 2.8s 22s; animation-fill-mode: forwards; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_after > .img01 { opacity:0; position: absolute; top:78px; left:5px; z-index:3; display:inline-block; font-size:20px; line-height:22px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:400px; animation : section_01_ani_input04_06_02 2.8s 22s; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input04 .input_after > .img01:before { content: "XX동 XX호"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_01_ani_input04_06_02_typing 1.5s 22s steps(15); }
@keyframes section_01_ani_input04_06_02_typing { 0% { width: 0%;	border-right:1px solid #000; } 100% { width: 25%; border-right:1px solid #000; }}


@keyframes section_01_ani_input04 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_01_ani_input04_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input04_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input04_03 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input04_03_01 { 0% { opacity:0; transform : translateY(30px); } 10% { opacity:0.8; transform : translateY(0px); } 90% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}

@keyframes section_01_ani_input04_04 { 0% { opacity:0; transform : translateY(-30px); } 2% { opacity:1; transform : translateY(0px); } 98% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(-30px); }}

@keyframes section_01_ani_input04_05 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes section_01_ani_input04_05_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_01_ani_input04_05_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_01_ani_input04_05_03 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_01_ani_input04_05_04 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:0.8; transform : translateY(0px); } 95% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes section_01_ani_input04_05_05 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:0.8; transform : translateY(0px); } 95% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}

@keyframes section_01_ani_input04_06 { 0% { opacity:0; background-color:transparent; transform : translateY(30px); } 5% { opacity:1; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); transform : translateY(0px); } 95% { opacity:1; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); transform : translateY(0px); } 100% { opacity:1; background-color:transparent; transform : translateY(0); }}
@keyframes section_01_ani_input04_06_01 { 0% { opacity:0; background-color:transparent; } 5% { opacity:1; background-color:#fff; } 95% { opacity:1; background-color:#fff; } 100% { opacity:1; background-color:#a6a6a6; }}
@keyframes section_01_ani_input04_06_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

/* 현금영수증 -소득공제 css */
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input05 { opacity:0; position: absolute; top:460px; left:25px; text-align:left; animation : section_01_ani_input05 4s 25s; animation-fill-mode: forwards; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input05 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_01_ani_input05_01 4s 25s; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input05 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px 0 10px; border-radius:25px; font-size:12px; line-height:35px; margin-left:5px; animation : section_01_ani_input05_02 4s 25s; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input05 .input_con2 b { display:inline-block; font-size:16px; line-height:35px; padding:0 6px; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input05 .input_info { opacity:0; position: relative; top:2px; left:10px; display:inline-block; background-color:#e86d27; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_01_ani_input05_03 4s 25s; } 
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input05 .input_info:before { position: absolute; top:50%; left:-12px; content:""; display:inline-block; margin-top:-4px; border-bottom: 8px solid #e86d27; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -90deg ); }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input05 .input_gif { opacity:0; position: absolute; top:11px; left:224px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:140px; animation : section_01_ani_input05_04 3.5s 25.5s; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input05 .input_gif:before { content: "01012345678"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_01_ani_input05_04_typing 1.5s 25.5s steps(20); }
@keyframes section_01_ani_input05_04_typing { 0% { width: 0%;	border-right:1px solid #000; } 100% { width: 70%; border-right:1px solid #000; }}


.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input05 .input_after { position: absolute; top:8px; left:209px; z-index:-1; display:inline-block; font-size:13px; line-height:35px; background-color:#a6a6a6; width:400px;}

@keyframes section_01_ani_input05 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_01_ani_input05_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input05_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input05_03 { 0% { opacity:0; transform : translateX(30px); } 5% { opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(30px); }}
@keyframes section_01_ani_input05_04 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

/* 현금영수증 -지출증빙 css */
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input06 { opacity:0; position: absolute; top:500px; left:152px; text-align:left; animation : section_01_ani_input06 5s 29s; animation-fill-mode: forwards; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px 0 10px; border-radius:25px; font-size:12px; line-height:35px; margin-left:5px; animation : section_01_ani_input06_02 5s 29s; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_con2 b { display:inline-block; font-size:16px; line-height:35px; padding:0 6px; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_info { opacity:0; position: relative; top:-80px; left:10px; display:inline-block; background-color:#e86d27; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_01_ani_input06_03 5s 29s; } 
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_info:before { position: absolute; bottom:-7px; left:10px; content:""; display:inline-block; border-bottom: 8px solid #e86d27; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -180deg ); }

.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_gif { opacity:0; position: absolute; top:12px; left:96px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:140px; animation : section_01_ani_input06_04 5s 29s; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_gif:before { content: "1298802272"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_01_ani_input06_04_typing 1.5s 29s steps(20); }
@keyframes section_01_ani_input06_04_typing { 0% { width: 0%;	border-right:1px solid #000; } 100% { width: 50%; border-right:1px solid #000; }}

.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_gif2 { opacity:0; position: absolute; top:12px; left:355px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:200px; animation : section_01_ani_input06_05 4s 30s; }
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_gif2:before { content: "XXX"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_01_ani_input06_05_typing 1.5s 30s steps(10); }
@keyframes section_01_ani_input06_05_typing { 0% { width: 0%;	border-right:1px solid #000; } 100% { width: 19%; border-right:1px solid #000; }}

.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_after { position: absolute; top:4px; left:82px; z-index:-1; display:inline-block; font-size:13px; line-height:35px; background-color:#a6a6a6; width:150px;}
.om_guide03 .section_01 .ani_img_wrap .ani_img_con .ani_input06 .input_after2 { position: absolute; top:4px; left:315px; z-index:-1; display:inline-block; font-size:13px; line-height:35px; background-color:#a6a6a6; width:145px;}

@keyframes section_01_ani_input06 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_01_ani_input06_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input06_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input06_03 { 0% { opacity:0; transform : translateY(-30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(-30px); }}
@keyframes section_01_ani_input06_04 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_01_ani_input06_05 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}



/* 애니메이션 2번 css */
.om_guide03 .section_02 { display:block; margin-bottom:140px; }
.om_guide03 .section_02 .paging { display:inline-block; margin:0 auto; font-family: 'NEXON Lv2 Gothic Bold'; }
.om_guide03 .section_02 .paging ul { font-size:0; padding:0; margin:0; }
.om_guide03 .section_02 .paging ul li { display:inline-block; }
.om_guide03 .section_02 .paging ul li a { font-size:28px; line-height:40px; padding:0 10px; color:#c8c8c8; }
.om_guide03 .section_02 .paging ul li a:hover { color:#000; }
.om_guide03 .section_02 .paging ul li.on a { color:#000; }

.om_guide03 .section_02 .con_text { display:block; text-align:center; }
.om_guide03 .section_02 .con_text h1 { display:block; font-size:42px; line-height:50px; color:#e86d27; font-weight:bold; margin:30px 0; }
.om_guide03 .section_02 .con_text p { font-size:18px; line-height:30px; }

.om_guide03 .section_02 .ani_img_wrap { position: relative; display:block; width:878px; height:720px; margin:6px auto; box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2); background:url('/theme/omv/pages/img/guide03/section_02_ani01.jpg') no-repeat center center; overflow:hidden; }
.om_guide03 .section_02 .ani_img_wrap .img_mask { position: absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,0.35); }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con { position: relative; top:0; left:0; display:block; z-index:2; width:100%; height:100%; }

/* 수취인정보 불러오기 css */
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input01 { opacity:0; position: absolute; top:24px; left:150px; text-align:left; animation : section_02_ani_input01 3s 1s; }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input01 .input_con { display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px; border-radius:25px; font-size:16px; line-height:35px; }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input01 .input_con2 { display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px; border-radius:25px; font-size:16px; line-height:35px; margin-left:5px; }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input01 .input_info { position: relative; top:12px; left:10px; display:inline-block; background-color:#e86d27; font-size:15px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_02_ani_input01_01 3s 1s; } 
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input01 .input_info:before { position: absolute; top:-7px; left:10px; content:""; display:inline-block; border-bottom: 8px solid #e86d27; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -360deg ); }

@keyframes section_02_ani_input01 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input01_01 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}

/* 배송국가 css */
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input02 { opacity:0; position: absolute; top:90px; left:25px; text-align:left; animation : section_02_ani_input02 5s 4s; animation-fill-mode: forwards; }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_02_ani_input02_01 4s 4s; }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 38px; border-radius:25px; font-size:14px; line-height:35px; margin-left:12px; animation : section_02_ani_input02_02 4s 4s; }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_info { opacity:0; position: relative; top:2px; left:15px; display:inline-block; background-color:#e86d27; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_02_ani_input02_03 4s 4s; } 
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_info:before { position: absolute; top:50%; left:-12px; content:""; display:inline-block; margin-top:-4px; border-bottom: 8px solid #e86d27; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -90deg ); }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_gif { opacity:0; position: absolute; top:-20px; left:270px; z-index:1; display:inline-block; animation : section_02_ani_input02_04 1.5s 4.5s; }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_gif2 { opacity:0; position: absolute; top:-8px; left:125px; z-index:1; display:inline-block; background-color:#fff; padding:5px; border-radius:10px; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); animation : section_02_ani_input02_05 2.8s 6s; }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_gif2 .input_gif2_title { position: absolute; top:10px; left:5px; z-index:1; display:inline-block; border:1px solid #ccc; background-color:#fff; padding:0 38px; border-radius:25px; font-size:14px; line-height:35px; }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_gif2 img { opacity:0; display:block; margin-top:48px; animation : section_02_ani_input02_06 2.5s 6.3s; animation-fill-mode: forwards; }

.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input02 .input_after { position: absolute; top:10px; left:153px; z-index:-1; display:inline-block; font-size:13px; line-height:25px; padding:0 5px; background-color:#a6a6a6; width:135px; }

@keyframes section_02_ani_input02 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_02_ani_input02_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input02_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input02_03 { 0% { opacity:0; transform : translateX(30px); } 5% {	opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(30px); }}
@keyframes section_02_ani_input02_04 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:0.8; transform : translateY(0px); } 95% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes section_02_ani_input02_05 { 0% { opacity:0; } 5% { opacity:1; } 90% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input02_06 { 0% { opacity:0; transform : translateY(-30px) scaleY(0%); transform-origin: top left; } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(-30px) scaleY(100%); }}


/* 수취인정보 css */
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input03 { opacity:0; position: absolute; top:132px; left:25px; text-align:left; animation : section_02_ani_input03 5s 9s; animation-fill-mode: forwards; }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_02_ani_input03_01 5s 9s; }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 15px; border-radius:25px; font-size:12px; line-height:35px; margin-left:10px; animation : section_02_ani_input03_02 5s 9s; }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_con3 { opacity:0; position: absolute; top:50px; left:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_02_ani_input03_01 5s 9s; }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_con4 { opacity:0; position: absolute; top:50px; left:140px; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 15px; border-radius:25px; font-size:12px; line-height:35px; animation : section_02_ani_input03_02 5s 9s; }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_info { opacity:0; position: relative; top:60px; left:150px; display:inline-block; background-color:#e86d27; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_02_ani_input03_03 5s 9s; } 
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_info:before { position: absolute; top:-7px; left:10px; content:""; display:inline-block; border-bottom: 8px solid #e86d27; border-left: 8px solid transparent; border-right: 8px solid transparent; }

.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_gif { opacity:0; position: absolute; top:11px; left:155px; z-index:1; font-size:16px; line-height:20px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:280px; animation : section_02_ani_input03_04 4.5s 9.5s; }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_gif:before { content: "Yeongsu Kim"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_02_ani_input03_04_typing 2s 9.5s steps(20); }
@keyframes section_02_ani_input03_04_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 38%; border-right:1px solid #000; }}

.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_gif2 { opacity:0; position: absolute; top:62px; left:155px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:230px; animation : section_02_ani_input03_05 3.5s 10.5s; }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_gif2:before { content: "01012345678"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_02_ani_input03_05_typing 2s 10.5s steps(20); }
@keyframes section_02_ani_input03_05_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 50%; border-right:1px solid #000; }}

.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_after { position: absolute; top:7px; left:145px; z-index:-1; display:inline-block; font-size:13px; line-height:35px; background-color:#a6a6a6; width:400px;}
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input03 .input_after2 { position: absolute; top:57px; left:145px; z-index:-1; display:inline-block; font-size:13px; line-height:35px; background-color:#a6a6a6; width:400px;}

@keyframes section_02_ani_input03 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_02_ani_input03_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input03_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input03_03 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes section_02_ani_input03_04 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input03_05 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

/* 주소 css */
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input04 { opacity:0; position: absolute; top:232px; left:25px; text-align:left; animation : section_02_ani_input04 4s 14s; animation-fill-mode: forwards; }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_02_ani_input04_01 7s 14s; }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 { opacity:0; position: relative; display:inline-block; margin-top:3px; vertical-align:top; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 10px; overflow:hidden; border-radius:25px; font-size:12px; line-height:35px; margin-left:47px; animation : section_02_ani_input04_02 7s 14s; }

.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif1 { opacity:0; position: absolute; top:10px; left:14px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:270px; animation : section_02_input_gif1 7s 14s;}
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif1:before { content: "-"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_02_input_gif1_typing 2s 14s steps(2); }
@keyframes section_02_input_gif1_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 5%; border-right:1px solid #000; }}
@keyframes section_02_input_gif1 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif2 { opacity:0; position: absolute; top:82px; left:14px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:283px; animation : section_02_input_gif2 7s 15s;}
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif2:before { content: "3243 Wilshire Blvd"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_02_input_gif2_typing 2s 15s steps(20); }
@keyframes section_02_input_gif2_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 52%; border-right:1px solid #000; }}
@keyframes section_02_input_gif2 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif3 { opacity:0; position: absolute; top:128px; left:14px; z-index:1; font-size:16px; line-height:20px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:285px; animation : section_02_input_gif3 6s 16s;}
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif3:before { content: "Los Angeles"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_02_input_gif3_typing 1.5s 16s steps(15); }
@keyframes section_02_input_gif3_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 33%; border-right:1px solid #000; }}
@keyframes section_02_input_gif3 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif4 { opacity:0; position: absolute; top:180px; left:14px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:270px; animation : section_02_input_gif4 4s 17s;}
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif4:before { content: "USA"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_02_input_gif4_typing 0.5s 17s steps(4); }
@keyframes section_02_input_gif4_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 10%; border-right:1px solid #000; }}
@keyframes section_02_input_gif4 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif5 { opacity:0; position: absolute; top:228px; left:14px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:270px; animation : section_02_input_gif5 5s 18s;}
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_con2 .input_gif5:before { content: "90010"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_02_input_gif5_typing 1s 18s steps(8); }
@keyframes section_02_input_gif5_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 20%; border-right:1px solid #000; }}
@keyframes section_02_input_gif5 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_info { opacity:0; position: relative; top:12px; left:132px; display:inline-block; background-color:#e86d27; font-size:16px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_02_ani_input04_03 7s 14s; } 
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_info:before { position: absolute; top:-7px; left:10px; content:""; display:inline-block; border-bottom: 8px solid #e86d27; border-left: 8px solid transparent; border-right: 8px solid transparent; }

.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_after { position: absolute; top:2px; left:142px; z-index:-1; display:block; border-radius:5px; overflow:hidden; padding:5px; }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_after .first { margin-bottom:40px; }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input04 .input_after > span { display:block; font-size:13px; line-height:33px; background-color:#a6a6a6; width:400px; margin-bottom:15px; }

@keyframes section_02_ani_input04 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_02_ani_input04_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input04_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}


@keyframes section_02_ani_input04_03 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

@keyframes ani_input04_04 { 0% { opacity:0; transform : translateY(-30px); } 2% { opacity:1; transform : translateY(0px); } 98% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(-30px); }}

@keyframes ani_input04_05 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes ani_input04_05_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes ani_input04_05_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes ani_input04_05_03 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes ani_input04_05_04 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:0.8; transform : translateY(0px); } 95% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes ani_input04_05_05 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:0.8; transform : translateY(0px); } 95% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}

@keyframes ani_input04_06 { 0% { opacity:0; background-color:transparent; transform : translateY(30px); } 5% { opacity:1; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); transform : translateY(0px); } 95% { opacity:1; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); transform : translateY(0px); } 100% { opacity:1; background-color:transparent; transform : translateY(0); }}
@keyframes ani_input04_06_01 { 0% { opacity:0; background-color:transparent; } 5% { opacity:1; background-color:#fff; } 95% { opacity:1; background-color:#fff; } 100% { opacity:1; background-color:#a6a6a6; }}
@keyframes ani_input04_06_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

/* 이메일 css */
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input05 { opacity:0; position: absolute; bottom:35px; left:25px; text-align:left; animation : section_02_ani_input05 5s 21s; animation-fill-mode: forwards; }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input05 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_02_ani_input05_01 5s 21s; }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input05 .input_con2 { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 45px 0 10px; border-radius:25px; font-size:12px; line-height:35px; margin-left:40px; animation : section_02_ani_input05_02 5s 21s; }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input05 .input_info { opacity:0; position: relative; top:2px; left:10px; display:inline-block; background-color:#e86d27; font-size:16px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_02_ani_input05_03 5s 21s; } 
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input05 .input_info:before { position: absolute; top:50%; left:-12px; content:""; display:inline-block; margin-top:-4px; border-bottom: 8px solid #e86d27; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( -90deg ); }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input05 .input_gif { opacity:0; position: absolute; top:13px; left:150px; z-index:1; font-size:16px; line-height:16px; font-weight:bold; white-space: nowrap; color: transparent; background-color:#fff; width:150px; animation : section_02_ani_input05_04 4.5s 21.5s; }
.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input05 .input_gif:before { content: "ysk@example.com"; position: absolute; top: 0; left: 0; width: 100%; height:100%; color: #000; overflow: hidden; animation: section_02_ani_input05_04_typing 2s 21.5s steps(20); }
@keyframes section_02_ani_input05_04_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 90%; border-right:1px solid #000; }}

.om_guide03 .section_02 .ani_img_wrap .ani_img_con .ani_input05 .input_after { position: absolute; top:0px; left:147px; z-index:-1; display:inline-block; font-size:13px; line-height:35px; background-color:#a6a6a6; width:165px;}

@keyframes section_02_ani_input05 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_02_ani_input05_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input05_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_02_ani_input05_03 { 0% { opacity:0; transform : translateX(30px); } 5% { opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(30px); }}
@keyframes section_02_ani_input05_04 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}



/* 애니메이션 3번 css */
.om_guide03 .section_03 { display:block; margin-bottom:140px; }
.om_guide03 .section_03 .paging { display:inline-block; margin:0 auto; font-family: 'NEXON Lv2 Gothic Bold'; }
.om_guide03 .section_03 .paging ul { font-size:0; padding:0; margin:0; }
.om_guide03 .section_03 .paging ul li { display:inline-block; }
.om_guide03 .section_03 .paging ul li a { font-size:28px; line-height:40px; padding:0 10px; color:#c8c8c8; }
.om_guide03 .section_03 .paging ul li a:hover { color:#000; }
.om_guide03 .section_03 .paging ul li.on a { color:#000; }

.om_guide03 .section_03 .con_text { display:block; text-align:center; }
.om_guide03 .section_03 .con_text h1 { display:block; font-size:42px; line-height:50px; color:#e86d27; font-weight:bold; margin:30px 0; }
.om_guide03 .section_03 .con_text p { font-size:18px; line-height:30px; }

.om_guide03 .section_03 .ani_img_wrap { position: relative; display:block; width:878px; height:540px; margin:6px auto; box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2); background:url('/theme/omv/pages/img/guide03/section_03_ani01.jpg') no-repeat center center; overflow:hidden; }
.om_guide03 .section_03 .ani_img_wrap .img_mask { position: absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,0.35); }
.om_guide03 .section_03 .ani_img_wrap .ani_img_con { position: relative; top:0; left:0; display:block; z-index:2; width:100%; height:100%; }


/* 발송 품목 css */
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 { opacity:0; position: absolute; top:90px; left:25px; width:100%; text-align:left; animation : section_03_ani_input03 4s 1s; animation-fill-mode: forwards; }
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 i { display:inline-block; line-height:35px; }

.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con { opacity:0; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 25px; border-radius:25px; font-size:16px; line-height:35px; animation : section_03_ani_input03_01 18s 1s; }
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con2 { opacity:0; position: absolute; top:58px; color:#e86d27; left:765px; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px; border-radius:25px; font-size:20px; line-height:35px; animation : section_03_ani_input03_02 3s 1s; }
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con3 { opacity:0; position: absolute; top:58px; color:#e86d27; left:750px; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px; border-radius:25px; font-size:20px; line-height:35px; animation : section_03_ani_input03_03 3s 4s; }
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con4 { opacity:0; position: absolute; top:228px; color:#e86d27; left:765px; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:0 20px; border-radius:25px; font-size:20px; line-height:35px; animation : section_03_ani_input03_04 3s 7s; }

.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con5 { opacity:0; position: absolute; top:96px; left:8px; display:inline-block; border:2px solid #eee; background-color: #fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); font-size:14px; line-height:16px; font-weight:bold; color: transparent; padding:5px 10px; border-radius:10px; animation : section_03_ani_input03_05 8s 10s; }
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con5:after { content: "XX라면"; display:inline-block; position: absolute; top: 27px; left: 15px; width:130px; background-color:#fff; z-index:1; animation : section_03_ani_input03_07_01 8s 10s; }
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con5:before { content: "XX라면"; position: absolute; top: 27px; left: 15px; width: 6%; height:14px; color: #000; z-index:2; overflow: hidden; animation: section_03_ani_input03_05_typing 0.8s 10s steps(8); }
@keyframes section_03_ani_input03_05_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 6%; border-right:1px solid #000; }}

.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con6 { opacity:0; display:inline-block; position: absolute; top: 125px; left: 173px; width:145px; font-size:14px; line-height:16px; font-weight:bold; color: transparent; background-color:#fff; z-index:1; animation : section_03_ani_input03_06 7.5s 10.5s; }
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con6:before { content: "example.com"; position: absolute; top: 0; left: 0; width: 67%; height:16px; color: #000; z-index:2; overflow: hidden; animation: section_03_ani_input03_06_typing 1.5s 10.5s steps(12); }
@keyframes section_03_ani_input03_06_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 67%; border-right:1px solid #000; }}

.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con7 { opacity:0; display:inline-block; position: absolute; top: 125px; left: 345px; width:65px; font-size:14px; line-height:16px; font-weight:bold; color: transparent; background-color:#fff; z-index:1; animation : section_03_ani_input03_07 5.7s 12s; }
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con7:before { content: "순한맛"; position: absolute; top: 0; left: 0; width: 72%; height:16px; color: #000; z-index:2; overflow: hidden; animation: section_03_ani_input03_07_typing 0.3s 12s steps(6); }
@keyframes section_03_ani_input03_07_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 72%; border-right:1px solid #000; }}

.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con8 { opacity:0; display:inline-block; position: absolute; top: 125px; left: 625px; width:140px; font-size:14px; line-height:16px; font-weight:bold; color: transparent; background-color:#fff; z-index:1; animation : section_03_ani_input03_08 2s 15.5s; }
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con8:before { content: "12345678987654321"; position: absolute; top: 0; left: 0; width: 100%; height:16px; color: #000; z-index:2; overflow: hidden; animation: section_03_ani_input03_08_typing 0.7s 15.5s steps(10); }
@keyframes section_03_ani_input03_08_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 100%; border-right:1px solid #000; }}

.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con9 { opacity:0; display:inline-block; position: absolute; top: 125px; left: 437px; width:60px; font-size:14px; line-height:16px; font-weight:bold; color: transparent; background-color:#fff; z-index:1; animation : section_03_ani_input03_09 5.2s 12.5s; }
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con9_1 { opacity:0; display:inline-block; position: absolute; top: 120px; left: 510px; z-index:1; animation : section_03_ani_input03_09_01 1s 14s; }

.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_gif { opacity:0; position: absolute; top:94px; left:557px; z-index:5; display:inline-block; animation : section_03_ani_input03_11 1s 13s; }

.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con9:before { content: "10"; position: absolute; top: 0; left: 0; width: 80%; height:16px; color: #000; z-index:2; overflow: hidden; animation: section_03_ani_input03_09_typing 0s 12.5s steps(4); }
@keyframes section_03_ani_input03_09_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 80%; border-right:1px solid #000; }}

.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con10 { opacity:0; display:inline-block; position: absolute; top: 125px; left: 525px; width:80px; font-size:14px; line-height:16px; font-weight:bold; color: transparent; background-color:#fff; z-index:1; animation : section_03_ani_input03_10 2.5s 15s; }
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_con10:before { content: "CJ대한통운"; position: absolute; top: 0; left: 0; width: 95%; height:16px; color: #000; z-index:2; overflow: hidden; animation: section_03_ani_input03_10_typing 0s 15s steps(5); }
@keyframes section_03_ani_input03_10_typing { 0% { width: 0%; border-right:1px solid #000; } 100% { width: 95%; border-right:1px solid #000; }}

.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info_wrap { position: absolute; top:0; left:0; display:block; width:100%; }
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info { opacity:0; position: absolute; top:62px; left:495px; display:inline-block; background-color:#e86d27; font-size:16px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_03_ani_input03_02_info 3s 1s; } 
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info:before { position: absolute; top:50%; right:-12px; margin-top:-4px; content:""; display:inline-block; border-bottom: 8px solid #e86d27; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 90deg ); }

.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info2 { opacity:0; position: absolute; top:62px; left:354px; display:inline-block; background-color:#e86d27; font-size:16px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_03_ani_input03_03_info 3s 4s; } 
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info2 i { font-size:16px; line-height:24px; }
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info2:before { position: absolute; top:50%; right:-12px; margin-top:-4px; content:""; display:inline-block; border-bottom: 8px solid #e86d27; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 90deg ); }

.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info3 { opacity:0; position: absolute; top:232px; left:365px; display:inline-block; background-color:#e86d27; font-size:16px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_03_ani_input03_04_info 3s 7s; } 
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info3:before { position: absolute; top:50%; right:-12px; margin-top:-4px; content:""; display:inline-block; border-bottom: 8px solid #e86d27; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 90deg ); }

.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info4 { opacity:0; position: absolute; top:50px; left:11px; display:inline-block; background-color:#e86d27; font-size:16px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_03_ani_input03_05_info 3s 10s; } 
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info4:before { position: absolute; bottom:0; left:10px; margin-bottom:-8px; content:""; display:inline-block; border-bottom: 8px solid #e86d27; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 180deg ); }

.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info5 { opacity:0; position: absolute; top:50px; left:11px; display:inline-block; background-color:#e86d27; font-size:16px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_03_ani_input03_06_info 5s 13s; } 
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_info5:before { position: absolute; bottom:0; left:10px; margin-bottom:-8px; content:""; display:inline-block; border-bottom: 8px solid #e86d27; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 180deg ); }

.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after { opacity:0; position: absolute; top:119px; left:20px; z-index:-1; display:block; border-radius:5px; overflow:hidden; padding:5px; animation : section_03_ani_input03_07_02 4s 16s; animation-fill-mode: forwards; }
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after > span { display:block; text-align:left; font-size:13px; line-height:20px; background-color:#a6a6a6; width:125px; }

.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after2 { opacity:0; position: absolute; top:119px; left:165px; z-index:-1; display:block; border-radius:5px; overflow:hidden; padding:5px; animation : section_03_ani_input03_07_02 4s 16s; animation-fill-mode: forwards; }
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after2 > span { display:block; text-align:left; font-size:13px; line-height:20px; background-color:#a6a6a6; width:150px; padding:0 5px; }

.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after3 { opacity:0; position: absolute; top:119px; left:340px; z-index:-1; display:block; border-radius:5px; overflow:hidden; padding:5px; animation : section_03_ani_input03_07_02 4s 16s; animation-fill-mode: forwards; }
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after3 > span { display:block; text-align:left; font-size:13px; line-height:20px; background-color:#a6a6a6; width:60px; padding:0 5px; }

.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after4 { opacity:0; position: absolute; top:119px; left:435px; z-index:-1; display:block; border-radius:5px; overflow:hidden; padding:5px; animation : section_03_ani_input03_07_02 4s 16s; animation-fill-mode: forwards; }
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after4 > span { display:block; text-align:left; font-size:13px; line-height:20px; background-color:#a6a6a6; width:60px; padding:0 5px; }

.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after5 { opacity:0; position: absolute; top:119px; left:623px; z-index:-1; display:block; border-radius:5px; overflow:hidden; padding:5px; animation : section_03_ani_input03_07_02 4s 16s; animation-fill-mode: forwards; }
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after5 > span { display:block; text-align:left; font-size:13px; line-height:20px; background-color:#a6a6a6; width:145px; padding:0 5px; }

.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after6 { opacity:0; position: absolute; top:119px; left:525px; z-index:-1; display:block; border-radius:5px; overflow:hidden; padding:5px; animation : section_03_ani_input03_07_02 4s 16s; animation-fill-mode: forwards; }
.om_guide03 .section_03 .ani_img_wrap .ani_img_con .ani_input03 .input_after6 > span { display:block; text-align:left; font-size:13px; line-height:20px; background-color:#a6a6a6; width:75px; padding:0 5px; }

@keyframes section_03_ani_input03 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_03_ani_input03_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_02_info { 0% { opacity:0; transform : translateX(-30px); } 5% { opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(-30px); }}
@keyframes section_03_ani_input03_03 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_03_info { 0% { opacity:0; transform : translateX(-30px); } 5% { opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(-30px); }}
@keyframes section_03_ani_input03_04 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_04_info { 0% { opacity:0; transform : translateX(-30px); } 5% { opacity:1; transform : translateX(0px); } 95% { opacity:1; transform : translateX(0px); } 100% { opacity:0; transform : translateX(-30px); }}



@keyframes section_03_ani_input03_05 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_05_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_05_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}
@keyframes section_03_ani_input03_05_info { 0% { opacity:0; transform : translateY(-30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(-30px); }}

@keyframes section_03_ani_input03_06 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_06_info { 0% { opacity:0; transform : translateY(-30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(-30px); }}

@keyframes section_03_ani_input03_07 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_07_02 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:1; }}

@keyframes section_03_ani_input03_08 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

@keyframes section_03_ani_input03_09 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_03_ani_input03_09_01 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

@keyframes section_03_ani_input03_10 { 0% { opacity:0; } 5% { opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}

@keyframes section_03_ani_input03_11 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:0.8; transform : translateY(0px); } 95% { opacity:0.8; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}



/* 애니메이션 4번 css */
.om_guide03 .section_04 { display:block; margin-bottom:70px; }
.om_guide03 .section_04 .paging { display:inline-block; margin:0 auto; font-family: 'NEXON Lv2 Gothic Bold'; }
.om_guide03 .section_04 .paging ul { font-size:0; padding:0; margin:0; }
.om_guide03 .section_04 .paging ul li { display:inline-block; }
.om_guide03 .section_04 .paging ul li a { font-size:28px; line-height:40px; padding:0 10px; color:#c8c8c8; }
.om_guide03 .section_04 .paging ul li a:hover { color:#000; }
.om_guide03 .section_04 .paging ul li.on a { color:#000; }

.om_guide03 .section_04 .con_text { display:block; text-align:center; }
.om_guide03 .section_04 .con_text h1 { display:block; font-size:42px; line-height:50px; color:#e86d27; font-weight:bold; margin:30px 0; }
.om_guide03 .section_04 .con_text p { font-size:18px; line-height:30px; }

.om_guide03 .section_04 .ani_img_wrap { position: relative; display:block; width:878px; height:700px; margin:6px auto; box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2); background:url('/theme/omv/pages/img/guide03/section_04_ani01.jpg') no-repeat center center; overflow:hidden; }
.om_guide03 .section_04 .ani_img_wrap .img_mask { position: absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,0.35); }
.om_guide03 .section_04 .ani_img_wrap .ani_img_con { position: relative; top:0; left:0; display:block; z-index:2; width:100%; height:100%; }

/* 픽업 배송정보 css */
.om_guide03 .section_04 .ani_img_wrap .ani_img_con .ani_input01 { opacity:0; position: absolute; top:46px; left:257px; text-align:left; animation : section_04_ani_input01 3s 1s; }
.om_guide03 .section_04 .ani_img_wrap .ani_img_con .ani_input01 .input_con { display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:10px; border-radius:25px; overflow:hidden; }
.om_guide03 .section_04 .ani_img_wrap .ani_img_con .ani_input01 .input_info { position: relative; top:10px; left:10px; display:inline-block; background-color:#e86d27; font-size:15px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_04_ani_input01_01 3s 1s; } 
.om_guide03 .section_04 .ani_img_wrap .ani_img_con .ani_input01 .input_info:before { position: absolute; top:0; left:10px; content:""; display:inline-block; margin-top:-8px; border-bottom: 8px solid #e86d27; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 360deg ); }

@keyframes section_04_ani_input01 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_04_ani_input01_01 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}


/* 보유적립금 css */
.om_guide03 .section_04 .ani_img_wrap .ani_img_con .ani_input02 { opacity:0; position: absolute; top:265px; left:268px; text-align:left; animation : section_04_ani_input02 3s 4s; }
.om_guide03 .section_04 .ani_img_wrap .ani_img_con .ani_input02 .input_con { display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:10px; border-radius:25px; overflow:hidden; }
.om_guide03 .section_04 .ani_img_wrap .ani_img_con .ani_input02 .input_info { position: relative; top:10px; left:10px; display:inline-block; background-color:#e86d27; font-size:15px; line-height:24px; padding:5px 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_04_ani_input02_01 3s 4s; } 
.om_guide03 .section_04 .ani_img_wrap .ani_img_con .ani_input02 .input_info:before { position: absolute; top:0; left:10px; content:""; display:inline-block; margin-top:-8px; border-bottom: 8px solid #e86d27; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 360deg ); }

@keyframes section_04_ani_input02 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_04_ani_input02_01 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}


/* 약관동의 css */
.om_guide03 .section_04 .ani_img_wrap .ani_img_con .ani_input03 { opacity:0; position: absolute; top:458px; left:259px; text-align:left; animation : section_04_ani_input03 5s 7s; }
.om_guide03 .section_04 .ani_img_wrap .ani_img_con .ani_input03 .input_con { opacity:0; position: relative; display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:10px; border-radius:25px; overflow:hidden; animation : section_04_ani_input03_02 3s 7s; }
.om_guide03 .section_04 .ani_img_wrap .ani_img_con .ani_input03 .input_con2 { opacity:0; position: absolute; top:0; left:0; display:inline-block; border:2px solid #eee; background-color:#fff; padding:10px; border-radius:25px; overflow:hidden; animation : section_04_ani_input03_03 3s 8s; }
.om_guide03 .section_04 .ani_img_wrap .ani_img_con .ani_input03 .input_con3 { opacity:0; position: absolute; top:0; left:0; display:inline-block; border:2px solid #eee; background-color:#fff; padding:10px; border-radius:25px; overflow:hidden; animation : section_04_ani_input03_04 3s 9s; }
.om_guide03 .section_04 .ani_img_wrap .ani_img_con .ani_input03 .input_info { position: relative; top:-180px; left:0px; display:inline-block; background-color:#e86d27; font-size:15px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_04_ani_input03_01 5s 7s; } 
.om_guide03 .section_04 .ani_img_wrap .ani_img_con .ani_input03 .input_info:before { position: absolute; bottom:0; left:10px; content:""; display:inline-block; margin-bottom:-8px; border-bottom: 8px solid #e86d27; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 180deg ); }

@keyframes section_04_ani_input03 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_04_ani_input03_01 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}
@keyframes section_04_ani_input03_02 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_04_ani_input03_03 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_04_ani_input03_04 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}


/* 신청버튼 css */
.om_guide03 .section_04 .ani_img_wrap .ani_img_con .ani_input04 { opacity:0; position: absolute; top:590px; left:349px; text-align:left; animation : section_04_ani_input04 3s 12s; }
.om_guide03 .section_04 .ani_img_wrap .ani_img_con .ani_input04 .input_con { display:inline-block; border:2px solid #eee; background-color:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); padding:10px 20px; border-radius:25px; overflow:hidden; }
.om_guide03 .section_04 .ani_img_wrap .ani_img_con .ani_input04 .input_con .ex_btn { display:inline-block; background-color:#2b357a; border-radius:25px; color:#fff; font-size:14px; padding:10px 30px; }
.om_guide03 .section_04 .ani_img_wrap .ani_img_con .ani_input04 .input_info { position: relative; top:-113px; left:12px; display:inline-block; background-color:#e86d27; font-size:15px; line-height:30px; padding:0 10px; color:#fff; font-weight:bold; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8); border-radius:5px; animation : section_04_ani_input04_01 3s 12s; } 
.om_guide03 .section_04 .ani_img_wrap .ani_img_con .ani_input04 .input_info:before { position: absolute; bottom:0; left:10px; content:""; display:inline-block; margin-bottom:-8px; border-bottom: 8px solid #e86d27; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: rotate( 180deg ); }

@keyframes section_04_ani_input04 { 0% { opacity:0; } 5% {	opacity:1; } 95% { opacity:1; } 100% { opacity:0; }}
@keyframes section_04_ani_input04_01 { 0% { opacity:0; transform : translateY(30px); } 5% { opacity:1; transform : translateY(0px); } 95% { opacity:1; transform : translateY(0px); } 100% { opacity:0; transform : translateY(30px); }}

























/* 배송 주의사항 관련 css */

/* 배송주의사항 가이드 타이틀 */
.sub_title04 { position: relative; display:block; margin:150px auto 0; height:450px; }
.sub_title04 h1 { position: absolute; top:50%; left:0; transform: translate( 0, -50%); display:block; font-size:80px; line-height:90px; }
.sub_title04 p { position: absolute; z-index:1; top:50%; left:55%; transform: translate( 0, -50%); display:inline-block; }

.sub_container_wide { display:block; width:100%; }

/* 1번 섹션 css */
.guide04_section_01 { display:block; width:100%; background-color:#f4f5f9; padding:80px 0; }

.guide04_section_01 .img_con_wrap { display:inline-block; width:50%; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }
.guide04_section_01 .img_con_wrap .img_con { display:block; }

.guide04_section_01 .text_con_wrap { display:inline-block; width:48%; font-size:12px; box-sizing: border-box; text-align:left; vertical-align:middle; }
.guide04_section_01 .text_con_wrap .text_con { display:block; font-size:19px; letter-spacing:-0.5px; }
.guide04_section_01 .text_con_wrap .text_con p.title { display:block; font-size:37px; color:#152b54; font-family: 'NEXON Lv2 Gothic Bold'; }
.guide04_section_01 .text_con_wrap .text_con span { display:block; margin:40px 0; line-height:34px; }
.guide04_section_01 .text_con_wrap .text_con p.info { font-weight:bold; color:#152b54; font-size:18px; }
.guide04_section_01 .text_con_wrap .text_con p.info b { display:inline-block; background-color:#474c56; width:30px; height:30px; border-radius:100%; text-align:center; overflow:hidden; vertical-align:middle; margin-right:5px; }
.guide04_section_01 .text_con_wrap .text_con p.info b i { color:#fff; font-size:14px; line-height:30px; }


/* 2번 섹션 css */
.guide04_section_02 { display:block; width:100%; background-color:#fff; padding:80px 0; }

.guide04_section_02 .img_con_wrap { display:inline-block; width:50%; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }
.guide04_section_02 .img_con_wrap .img_con { display:block; }

.guide04_section_02 .text_con_wrap { display:inline-block; width:48%; font-size:12px; box-sizing: border-box; text-align:left; vertical-align:middle; }
.guide04_section_02 .text_con_wrap .text_con { display:block; font-size:19px; letter-spacing:-0.5px; }
.guide04_section_02 .text_con_wrap .text_con p.title { display:block; font-size:37px; color:#152b54; font-family: 'NEXON Lv2 Gothic Bold'; }
.guide04_section_02 .text_con_wrap .text_con span { display:block; margin:40px 0; line-height:34px; }
.guide04_section_02 p.info { position: relative; font-weight:bold; color:#152b54; padding-left:40px; font-size:18px; margin-top:40px; }
.guide04_section_02 p.info b { position: absolute; top:7px; left:0; display:inline-block; background-color:#474c56; width:30px; height:30px; border-radius:100%; text-align:center; overflow:hidden; vertical-align:middle; margin-right:5px; }
.guide04_section_02 p.info b i { color:#fff; font-size:14px; line-height:30px; }


/* 3번 섹션 css */
.guide04_section_03 { display:block; width:100%; background-color:#f4f5f9; padding:80px 0; }

.guide04_section_03 .img_con_wrap { display:inline-block; width:50%; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }
.guide04_section_03 .img_con_wrap .img_con { display:block; }

.guide04_section_03 .text_con_wrap { display:inline-block; width:48%; font-size:12px; box-sizing: border-box; text-align:left; vertical-align:middle; }
.guide04_section_03 .text_con_wrap .text_con { display:block; font-size:18px; letter-spacing:-0.5px; }
.guide04_section_03 .text_con_wrap .text_con p.title { display:block; font-size:37px; color:#152b54; font-family: 'NEXON Lv2 Gothic Bold'; }
.guide04_section_03 .text_con_wrap .text_con span { display:block; margin:40px 0; line-height:34px; }
.guide04_section_03 .text_con_wrap .text_con p.info { font-weight:bold; color:#152b54; }
.guide04_section_03 .text_con_wrap .text_con p.info b { display:inline-block; background-color:#474c56; width:30px; height:30px; border-radius:100%; text-align:center; overflow:hidden; vertical-align:middle; margin-right:5px; }
.guide04_section_03 .text_con_wrap .text_con p.info b i { color:#fff; font-size:14px; line-height:30px; }


/* 4번 섹션 css */
.guide04_section_04 { display:block; width:100%; background-color:#fff; padding:80px 0; }

.guide04_section_04 .img_con_wrap { display:inline-block; width:50%; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }
.guide04_section_04 .img_con_wrap .img_con { display:block; }

.guide04_section_04 .text_con_wrap { display:inline-block; width:48%; font-size:12px; box-sizing: border-box; text-align:left; vertical-align:middle; }
.guide04_section_04 .text_con_wrap .text_con { display:block; font-size:18px; letter-spacing:-0.5px; }
.guide04_section_04 .text_con_wrap .text_con p.title { display:block; font-size:37px; color:#152b54; font-family: 'NEXON Lv2 Gothic Bold'; }
.guide04_section_04 .text_con_wrap .text_con span { display:block; margin:40px 0; line-height:34px; }
.guide04_section_04 p.info { font-weight:bold; color:#152b54; font-size:18px; letter-spacing:-0.7px; margin-top:40px; }
.guide04_section_04 p.info b { display:inline-block; background-color:#474c56; width:30px; height:30px; border-radius:100%; text-align:center; overflow:hidden; vertical-align:middle; margin-right:5px; }
.guide04_section_04 p.info b i { color:#fff; font-size:14px; line-height:30px; }





/* 세금안내 관련 css */

.sub_title05 { position: relative; display:block; margin:150px auto 0; height:450px; }
.sub_title05 h1 { position: absolute; top:50%; left:0; transform: translate( 0, -50%); display:block; font-size:80px; line-height:90px; }
.sub_title05 p { position: absolute; z-index:1; top:50%; left:55%; transform: translate( 0, -50%); display:inline-block; }

.sub_container_wide { display:block; width:100%; }

/* 1번 섹션 css */
.guide05_section_01 { display:block; width:100%; background-color:#f4f5f9; padding:80px 0; }

.guide05_section_01 .img_con_wrap { display:inline-block; width:50%; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }
.guide05_section_01 .img_con_wrap .img_con { display:block; }

.guide05_section_01 .text_con_wrap { display:inline-block; width:48%; font-size:12px; box-sizing: border-box; text-align:left; vertical-align:middle; }
.guide05_section_01 .text_con_wrap .text_con { display:block; font-size:19px; letter-spacing:-0.5px; }
.guide05_section_01 .text_con_wrap .text_con p.title { display:block; font-size:37px; color:#152b54; font-family: 'NEXON Lv2 Gothic Bold'; }
.guide05_section_01 .text_con_wrap .text_con span { display:block; margin:40px 0; line-height:34px; }
.guide05_section_01 .text_con_wrap .text_con p.info { position: relative; font-weight:bold; color:#152b54; padding-left:40px; font-size:16px; }
.guide05_section_01 .text_con_wrap .text_con p.info b { position: absolute; top:7px; left:0; display:inline-block; background-color:#474c56; width:30px; height:30px; border-radius:100%; text-align:center; overflow:hidden; vertical-align:middle; margin-right:5px; }
.guide05_section_01 .text_con_wrap .text_con p.info b i { color:#fff; font-size:14px; line-height:30px; }


/* 2번 섹션 css */
.guide05_section_02 { display:block; width:100%; background-color:#fff; padding:20px 0; }

.guide05_section_02 .img_con_wrap { display:inline-block; width:50%; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }
.guide05_section_02 .img_con_wrap .img_con { display:block; }

.guide05_section_02 .text_con_wrap { display:inline-block; width:48%; font-size:12px; box-sizing: border-box; text-align:left; vertical-align:middle; }
.guide05_section_02 .text_con_wrap .text_con { display:block; font-size:19px; letter-spacing:-0.5px; }
.guide05_section_02 .text_con_wrap .text_con p.title { display:block; font-size:37px; color:#152b54; font-family: 'NEXON Lv2 Gothic Bold'; }
.guide05_section_02 .text_con_wrap .text_con span { display:block; margin:40px 0; line-height:34px; }
.guide05_section_02 .text_con_wrap .text_con p.info { font-weight:bold; color:#152b54; font-size:18px; }
.guide05_section_02 .text_con_wrap .text_con p.info b { display:inline-block; background-color:#474c56; width:30px; height:30px; border-radius:100%; text-align:center; overflow:hidden; vertical-align:middle; margin-right:5px; }
.guide05_section_02 .text_con_wrap .text_con p.info b i { color:#fff; font-size:14px; line-height:30px; }

/* 3번 섹션 css */
.guide05_section_03 { display:block; width:100%; background-color:#f4f5f9; padding:80px 0; }

.guide05_section_03 .img_con_wrap { display:inline-block; width:50%; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }
.guide05_section_03 .img_con_wrap .img_con { display:block; }

.guide05_section_03 .text_con_wrap { display:inline-block; width:48%; font-size:12px; box-sizing: border-box; text-align:left; vertical-align:middle; }
.guide05_section_03 .text_con_wrap .text_con { display:block; font-size:18px; letter-spacing:-0.5px; }
.guide05_section_03 .text_con_wrap .text_con p.title { display:block; font-size:37px; color:#152b54; font-family: 'NEXON Lv2 Gothic Bold'; }
.guide05_section_03 .text_con_wrap .text_con span { display:block; margin:40px 0; line-height:34px; }
.guide05_section_03 .text_con_wrap .text_con p.info { position: relative; font-weight:bold; color:#152b54; padding-left:40px; font-size:16px; margin-bottom: 8px;}
.guide05_section_03 .text_con_wrap .text_con p.info b { position: absolute; left:0; display:inline-block; background-color:#474c56; width:30px; height:30px; border-radius:100%; text-align:center; overflow:hidden; vertical-align:middle; margin-right:5px; }
.guide05_section_03 .text_con_wrap .text_con p.info b i { color:#fff; font-size:14px; line-height:30px; }
.guide05_section_03 .text_con_wrap .text_con p.info b i { color:#fff; font-size:14px; line-height:30px; }
.guide05_section_03 .text_con_wrap .text_con p.info span { margin: 0; line-height: 30px; }
.guide05_section_03 .text_con_wrap .text_con p.info .align-top { position: relative; top: -7px; }



/* 제한품목 안내 관련 css */

.sub_title06 { position: relative; display:block; margin:150px auto 0; height:450px; }
.sub_title06 h1 { position: absolute; top:50%; left:0; transform: translate( 0, -50%); display:block; font-size:80px; line-height:90px; }
.sub_title06 p { position: absolute; z-index:1; top:50%; left:55%; transform: translate( 0, -50%); display:inline-block; }

.sub_container_wide { display:block; width:100%; }

/* 1번 섹션 css */
.guide06_section_01 { display:block; width:100%; background-color:#f4f5f9; padding:80px 0; }

.guide06_section_01 .img_con_wrap { display:inline-block; width:50%; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }
.guide06_section_01 .img_con_wrap .img_con { display:block; }

.guide06_section_01 .text_con_wrap { display:inline-block; width:48%; font-size:12px; box-sizing: border-box; text-align:left; vertical-align:middle; }
.guide06_section_01 .text_con_wrap .text_con { display:block; font-size:19px; letter-spacing:-0.5px; }
.guide06_section_01 .text_con_wrap .text_con p.title { display:block; font-size:37px; color:#152b54; font-family: 'NEXON Lv2 Gothic Bold'; }
.guide06_section_01 .text_con_wrap .text_con span { display:block; margin:40px 0; line-height:34px; }
.guide06_section_01 .text_con_wrap .text_con p.info { font-weight:bold; color:#152b54; font-size:18px; }
.guide06_section_01 .text_con_wrap .text_con p.info b { display:inline-block; background-color:#474c56; width:30px; height:30px; border-radius:100%; text-align:center; overflow:hidden; vertical-align:middle; margin-right:5px; }
.guide06_section_01 .text_con_wrap .text_con p.info b i { color:#fff; font-size:14px; line-height:30px; }


/* 2번 섹션 css */
.guide06_section_02 { display:block; width:100%; background-color:#fff; }

.guide06_section_02 .img_con_wrap { display:inline-block; width:50%; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }
.guide06_section_02 .img_con_wrap .img_con { display:block; }

.guide06_section_02 .text_con_wrap { display:inline-block; width:48%; font-size:12px; box-sizing: border-box; text-align:left; vertical-align:middle; }
.guide06_section_02 .text_con_wrap .text_con { display:block; font-size:19px; letter-spacing:-0.5px; }
.guide06_section_02 .text_con_wrap .text_con p.title { display:block; font-size:37px; color:#152b54; font-family: 'NEXON Lv2 Gothic Bold'; }
.guide06_section_02 .text_con_wrap .text_con span { display:block; margin:40px 0; line-height:34px; }
.guide06_section_02 .text_con_wrap .text_con p.info { font-weight:bold; color:#152b54; font-size:18px; }
.guide06_section_02 .text_con_wrap .text_con p.info b { display:inline-block; background-color:#474c56; width:30px; height:30px; border-radius:100%; text-align:center; overflow:hidden; vertical-align:middle; margin-right:5px; }
.guide06_section_02 .text_con_wrap .text_con p.info b i { color:#fff; font-size:14px; line-height:30px; }

/* 3번 섹션 css */
.guide06_section_03 { display:block; width:100%; background-color:#f4f5f9; }

.guide06_section_03 .img_con_wrap { display:inline-block; width:50%; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }
.guide06_section_03 .img_con_wrap .img_con { display:block; }

.guide06_section_03 .text_con_wrap { display:inline-block; width:48%; font-size:12px; box-sizing: border-box; text-align:left; vertical-align:middle; }
.guide06_section_03 .text_con_wrap .text_con { display:block; font-size:18px; letter-spacing:-0.5px; }
.guide06_section_03 .text_con_wrap .text_con p.title { display:block; font-size:37px; color:#152b54; font-family: 'NEXON Lv2 Gothic Bold'; }
.guide06_section_03 .text_con_wrap .text_con span { display:block; margin:40px 0; line-height:34px; }
.guide06_section_03 .text_con_wrap .text_con p.info { font-weight:bold; color:#152b54; }
.guide06_section_03 .text_con_wrap .text_con p.info b { display:inline-block; background-color:#474c56; width:30px; height:30px; border-radius:100%; text-align:center; overflow:hidden; vertical-align:middle; margin-right:5px; }
.guide06_section_03 .text_con_wrap .text_con p.info b i { color:#fff; font-size:14px; line-height:30px; }


/* 4번 섹션 css */
.guide06_section_04 { display:block; width:100%; background-color:#fff; }

.guide06_section_04 .img_con_wrap { display:inline-block; width:50%; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }
.guide06_section_04 .img_con_wrap .img_con { display:block; }

.guide06_section_04 .text_con_wrap { display:inline-block; width:48%; font-size:12px; box-sizing: border-box; text-align:left; vertical-align:middle; }
.guide06_section_04 .text_con_wrap .text_con { display:block; font-size:18px; letter-spacing:-0.5px; }
.guide06_section_04 .text_con_wrap .text_con p.title { display:block; font-size:37px; color:#152b54; font-family: 'NEXON Lv2 Gothic Bold'; }
.guide06_section_04 .text_con_wrap .text_con span { display:block; margin:40px 0; line-height:34px; }
.guide06_section_04 p.info { font-weight:bold; color:#152b54; font-size:18px; }
.guide06_section_04 p.info b { display:inline-block; background-color:#474c56; width:30px; height:30px; border-radius:100%; text-align:center; overflow:hidden; vertical-align:middle; margin-right:5px; }
.guide06_section_04 p.info b i { color:#fff; font-size:14px; line-height:30px; }


/* 5번 섹션 css */
.guide06_section_05 { display:block; width:100%; background-color:#f4f5f9; }

.guide06_section_05 .img_con_wrap { display:inline-block; width:50%; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }
.guide06_section_05 .img_con_wrap .img_con { display:block; }

.guide06_section_05 .text_con_wrap { display:inline-block; width:48%; font-size:12px; box-sizing: border-box; text-align:left; vertical-align:middle; }
.guide06_section_05 .text_con_wrap .text_con { display:block; font-size:18px; letter-spacing:-0.5px; }
.guide06_section_05 .text_con_wrap .text_con p.title { display:block; font-size:37px; color:#152b54; font-family: 'NEXON Lv2 Gothic Bold'; }
.guide06_section_05 .text_con_wrap .text_con span { display:block; margin:40px 0; line-height:34px; }
.guide06_section_05 .text_con_wrap .text_con p.info { font-weight:bold; color:#152b54; }
.guide06_section_05 .text_con_wrap .text_con p.info b { display:inline-block; background-color:#474c56; width:30px; height:30px; border-radius:100%; text-align:center; overflow:hidden; vertical-align:middle; margin-right:5px; }
.guide06_section_05 .text_con_wrap .text_con p.info b i { color:#fff; font-size:14px; line-height:30px; }


/* 6번 섹션 css */
.guide06_section_06 { display:block; width:100%; background-color:#fff; }

.guide06_section_06 .img_con_wrap { display:inline-block; width:50%; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }
.guide06_section_06 .img_con_wrap .img_con { display:block; }

.guide06_section_06 .text_con_wrap { display:inline-block; width:48%; font-size:12px; box-sizing: border-box; text-align:left; vertical-align:middle; }
.guide06_section_06 .text_con_wrap .text_con { display:block; font-size:18px; letter-spacing:-0.5px; }
.guide06_section_06 .text_con_wrap .text_con p.title { display:block; font-size:37px; color:#152b54; font-family: 'NEXON Lv2 Gothic Bold'; }
.guide06_section_06 .text_con_wrap .text_con span { display:block; margin:40px 0; line-height:34px; }
.guide06_section_06 p.info { font-weight:bold; color:#152b54; font-size:18px; }
.guide06_section_06 p.info b { display:inline-block; background-color:#474c56; width:30px; height:30px; border-radius:100%; text-align:center; overflow:hidden; vertical-align:middle; margin-right:5px; }
.guide06_section_06 p.info b i { color:#fff; font-size:14px; line-height:30px; }




/* 포장 안내 관련 css */

.sub_title07 { position: relative; display:block; margin:150px auto 0; height:450px; }
.sub_title07 h1 { position: absolute; top:50%; left:0; transform: translate( 0, -50%); display:block; font-size:80px; line-height:90px; }
.sub_title07 p { position: absolute; z-index:1; top:50%; left:55%; transform: translate( 0, -50%); display:inline-block; }

.sub_container_wide { display:block; width:100%; }

/* 1번 섹션 css */
.guide07_section_01 { display:block; width:100%; background-color:#f4f5f9; }

.guide07_section_01 .img_con_wrap { display:inline-block; width:50%; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }
.guide07_section_01 .img_con_wrap .img_con { display:block; }

.guide07_section_01 .text_con_wrap { display:inline-block; width:48%; font-size:12px; box-sizing: border-box; text-align:left; vertical-align:middle; }
.guide07_section_01 .text_con_wrap .text_con { display:block; font-size:19px; letter-spacing:-0.5px; }
.guide07_section_01 .text_con_wrap .text_con p.title { display:block; font-size:37px; color:#152b54; font-family: 'NEXON Lv2 Gothic Bold'; }
.guide07_section_01 .text_con_wrap .text_con span { display:block; margin:40px 0; line-height:34px; }
.guide07_section_01 .text_con_wrap .text_con p.info { font-weight:bold; color:#152b54; font-size:18px; }
.guide07_section_01 .text_con_wrap .text_con p.info b { display:inline-block; background-color:#474c56; width:30px; height:30px; border-radius:100%; text-align:center; overflow:hidden; vertical-align:middle; margin-right:5px; }
.guide07_section_01 .text_con_wrap .text_con p.info b i { color:#fff; font-size:14px; line-height:30px; }


/* 2번 섹션 css */
.guide07_section_02 { display:block; width:100%; background-color:#fff; }

.guide07_section_02 .img_con_wrap { display:inline-block; width:50%; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }
.guide07_section_02 .img_con_wrap .img_con { display:block; }

.guide07_section_02 .text_con_wrap { display:inline-block; width:48%; font-size:12px; box-sizing: border-box; text-align:left; vertical-align:middle; }
.guide07_section_02 .text_con_wrap .text_con { display:block; font-size:19px; letter-spacing:-0.5px; }
.guide07_section_02 .text_con_wrap .text_con p.title { display:block; font-size:37px; color:#152b54; font-family: 'NEXON Lv2 Gothic Bold'; }
.guide07_section_02 .text_con_wrap .text_con span { display:block; margin:40px 0; line-height:34px; }
.guide07_section_02 .text_con_wrap .text_con p.info { font-weight:bold; color:#152b54; font-size:18px; }
.guide07_section_02 .text_con_wrap .text_con p.info b { display:inline-block; background-color:#474c56; width:30px; height:30px; border-radius:100%; text-align:center; overflow:hidden; vertical-align:middle; margin-right:5px; }
.guide07_section_02 .text_con_wrap .text_con p.info b i { color:#fff; font-size:14px; line-height:30px; }

/* 3번 섹션 css */
.guide07_section_03 { display:block; width:100%; background-color:#f4f5f9; padding:30px 0; }

.guide07_section_03 .img_con_wrap { display:inline-block; width:50%; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }
.guide07_section_03 .img_con_wrap .img_con { display:block; }

.guide07_section_03 .text_con_wrap { display:inline-block; width:48%; font-size:12px; box-sizing: border-box; text-align:left; vertical-align:middle; }
.guide07_section_03 .text_con_wrap .text_con { display:block; font-size:18px; letter-spacing:-0.5px; }
.guide07_section_03 .text_con_wrap .text_con p.title { display:block; font-size:37px; color:#152b54; font-family: 'NEXON Lv2 Gothic Bold'; }
.guide07_section_03 .text_con_wrap .text_con span { display:block; margin:40px 0; line-height:34px; }
.guide07_section_03 .text_con_wrap .text_con p.info { font-weight:bold; color:#152b54; }
.guide07_section_03 .text_con_wrap .text_con p.info b { display:inline-block; background-color:#474c56; width:30px; height:30px; border-radius:100%; text-align:center; overflow:hidden; vertical-align:middle; margin-right:5px; }
.guide07_section_03 .text_con_wrap .text_con p.info b i { color:#fff; font-size:14px; line-height:30px; }


/* 4번 섹션 css */
.guide07_section_04 { display:block; width:100%; background-color:#fff; padding:20px 0; }

.guide07_section_04 .img_con_wrap { display:inline-block; width:50%; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }
.guide07_section_04 .img_con_wrap .img_con { display:block; }

.guide07_section_04 .text_con_wrap { display:inline-block; width:48%; font-size:12px; box-sizing: border-box; text-align:left; vertical-align:middle; }
.guide07_section_04 .text_con_wrap .text_con { display:block; font-size:18px; letter-spacing:-0.5px; }
.guide07_section_04 .text_con_wrap .text_con p.title { display:block; font-size:37px; color:#152b54; font-family: 'NEXON Lv2 Gothic Bold'; }
.guide07_section_04 .text_con_wrap .text_con span { display:block; margin:40px 0; line-height:34px; }
.guide07_section_04 p.info { font-weight:bold; color:#152b54; font-size:18px; }
.guide07_section_04 p.info b { display:inline-block; background-color:#474c56; width:30px; height:30px; border-radius:100%; text-align:center; overflow:hidden; vertical-align:middle; margin-right:5px; }
.guide07_section_04 p.info b i { color:#fff; font-size:14px; line-height:30px; }




/* 배송 옵션 관련 css */

.sub_title08 { position: relative; display:block; margin:150px auto 0; height:450px; }
.sub_title08 h1 { position: absolute; top:50%; left:0; transform: translate( 0, -50%); display:block; font-size:80px; line-height:90px; }
.sub_title08 p { position: absolute; z-index:1; top:50%; left:55%; transform: translate( 0, -50%); display:inline-block; }

.sub_container_wide { display:block; width:100%; }

/* 1번 섹션 css */
.guide08_section_01 { display:block; width:100%; background-color:#f4f5f9; }

.guide08_section_01 .img_con_wrap { display:inline-block; width:50%; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }
.guide08_section_01 .img_con_wrap .img_con { display:block; }

.guide08_section_01 .text_con_wrap { display:inline-block; width:48%; font-size:12px; box-sizing: border-box; text-align:left; vertical-align:middle; }
.guide08_section_01 .text_con_wrap .text_con { display:block; font-size:19px; letter-spacing:-0.5px; }
.guide08_section_01 .text_con_wrap .text_con p.title { display:block; font-size:37px; color:#152b54; font-family: 'NEXON Lv2 Gothic Bold'; }
.guide08_section_01 .text_con_wrap .text_con span { display:block; margin:40px 0; line-height:34px; }
.guide08_section_01 .text_con_wrap .text_con p.info { font-weight:bold; color:#152b54; font-size:18px; }
.guide08_section_01 .text_con_wrap .text_con p.info b { display:inline-block; background-color:#474c56; width:30px; height:30px; border-radius:100%; text-align:center; overflow:hidden; vertical-align:middle; margin-right:5px; }
.guide08_section_01 .text_con_wrap .text_con p.info b i { color:#fff; font-size:14px; line-height:30px; }


/* 2번 섹션 css */
.guide08_section_02 { display:block; width:100%; background-color:#fff; padding:0px 0; }

.guide08_section_02 .img_con_wrap { display:inline-block; width:50%; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }
.guide08_section_02 .img_con_wrap .img_con { display:block; }

.guide08_section_02 .text_con_wrap { display:inline-block; width:48%; font-size:12px; box-sizing: border-box; text-align:left; vertical-align:middle; }
.guide08_section_02 .text_con_wrap .text_con { display:block; font-size:18px; letter-spacing:-0.5px; }
.guide08_section_02 .text_con_wrap .text_con p.title { display:block; font-size:37px; color:#152b54; font-family: 'NEXON Lv2 Gothic Bold'; }
.guide08_section_02 .text_con_wrap .text_con span { display:block; margin:40px 0; line-height:34px; }
.guide08_section_02 .text_con_wrap .text_con p.info { position: relative; font-weight:bold; color:#152b54; padding-left:40px; font-size:16px; }
.guide08_section_02 .text_con_wrap .text_con p.info b { position: absolute; top:7px; left:0; display:inline-block; background-color:#474c56; width:30px; height:30px; border-radius:100%; text-align:center; overflow:hidden; vertical-align:middle; margin-right:5px; }
.guide08_section_02 .text_con_wrap .text_con p.info b i { color:#fff; font-size:14px; line-height:30px; }


/* 3번 섹션 css */
.guide08_section_03 { display:block; width:100%; background-color:#f4f5f9; padding:0px 0; }

.guide08_section_03 .img_con_wrap { display:inline-block; width:50%; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }
.guide08_section_03 .img_con_wrap .img_con { display:block; }

.guide08_section_03 .text_con_wrap { display:inline-block; width:48%; font-size:12px; box-sizing: border-box; text-align:left; vertical-align:middle; }
.guide08_section_03 .text_con_wrap .text_con { display:block; font-size:18px; letter-spacing:-0.5px; }
.guide08_section_03 .text_con_wrap .text_con p.title { display:block; font-size:37px; color:#152b54; font-family: 'NEXON Lv2 Gothic Bold'; }
.guide08_section_03 .text_con_wrap .text_con span { display:block; margin:40px 0; line-height:34px; }
.guide08_section_03 .text_con_wrap .text_con p.info { font-weight:bold; color:#152b54; }
.guide08_section_03 .text_con_wrap .text_con p.info b { display:inline-block; background-color:#474c56; width:30px; height:30px; border-radius:100%; text-align:center; overflow:hidden; vertical-align:middle; margin-right:5px; }
.guide08_section_03 .text_con_wrap .text_con p.info b i { color:#fff; font-size:14px; line-height:30px; }



/* 서브 배송신청04 css 처리 */
.container .delivery01_con01 { display:block; width:100%; margin-bottom:100px; text-align:center; }
.container .delivery01_con01 h2 { display:block; font-size: 48px; font-family:'NEXON Lv2 Gothic', sans-serif !important; font-weight:bold; margin:200px 0 60px;}
.container .delivery01_con01 h2 p { font-size: 68px; font-family:'NEXON Lv2 Gothic Bold', sans-serif !important; color:#2b357a; }
.container .delivery01_con01 ul { font-size:0; padding:0; margin:0; }

.container .delivery01_con01 li { display:inline-block; width:25%; vertical-align:top; }

.container .delivery01_con01 li .block > strong { display:inline-block; margin-top:10px; width:50%; }
.container .delivery01_con01 li .block > strong a { display:block; padding:10px 0; text-align:center; font-size:18px; font-weight:bold; line-height:30px; color:#fff; border-top-right-radius:30px; border-bottom-right-radius:30px; transition: all 0.8s;}
.container .delivery01_con01 li .block > strong a:hover { color:#fff; background-color:#000 !important; } 

.container .delivery01_con01 li .block > span { display:inline-block; font-size:18px; width:50%; line-height:50px; font-weight:bold; text-align:center; }

.container .delivery01_con01 li:nth-child(1) .block strong a { background-color:#2b357a; }
.container .delivery01_con01 li:nth-child(2) .block strong a { background-color:#0b877c; }
.container .delivery01_con01 li:nth-child(3) .block strong a { background-color:#e86d27; }
.container .delivery01_con01 li:nth-child(4) .block strong a { background-color:#f0a321; }

.container .delivery01_con01 li .block { display:block; padding:15px; text-align:left; margin:7px; color:#fff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); border-radius:25px; background-color:#fff; }
.container .delivery01_con01 li .block .bg { display:block; border-radius:15px; padding:15px 15px 30px; min-height:376px; text-align:center; }
.container .delivery01_con01 li:nth-child(1) .block .bg { background-color:#2b357a; }
.container .delivery01_con01 li:nth-child(2) .block .bg { background-color:#0b877c; }
.container .delivery01_con01 li:nth-child(3) .block .bg { background-color:#e86d27; }
.container .delivery01_con01 li:nth-child(4) .block .bg { background-color:#f0a321; }

.container .delivery01_con01 li .block p { display:block; margin:20px 0; }

.container .delivery01_con01 li .block .bg h3 { display:block; font-size:28px; line-height:40px; margin:20px 0 0; font-family:'NEXON Lv2 Gothic Bold', sans-serif !important; }
.container .delivery01_con01 li .block .bg h3:after { content:""; display:block; border-bottom:1px solid #fff; width:50px; margin:10px auto 0; }
.container .delivery01_con01 li .block .bg .block_text { display:block; font-size:24px; padding-top:30px; font-family:'NEXON Lv2 Gothic Bold', sans-serif !important; }
.container .delivery01_con01 li .block .bg b { display:block; font-size:12px; line-height:30px; font-weight:bold; text-align:left; }





/* 서브 smpd 배송신청 1페이지 css 처리 */
.delivery_con01 { padding:200px 0 100px; min-height:650px; text-align:center; background-color:#f2f7f7; }
.delivery_con01 .title { text-align:center; }
.delivery_con01 .title > h1 { display: block; font-size: 54px; color:#0b877b; line-height: 85px; font-family: 'NEXON Lv2 Gothic Bold', sans-serif !important; }
.delivery_con01 .title > p { font-size:32px; line-height: 35px; }

.delivery_con01 .smpd_sub_02 { position: relative; margin:20px auto 0; background-color:#f2f7f7; padding:0 0 30px; }
.delivery_con01 .smpd_sub_02 > h1 { display:block; font-size:48px; font-family: 'NEXON Lv2 Gothic Bold', sans-serif !important; color:#0b877b; line-height:50px; margin-bottom:50px; }



.delivery_con01 .smpd_sub_02 .smpd_sub_02_con { background-color:#fff; border-radius:50px; padding:40px 0 20px; width:1000px; }

.delivery_con01 .smpd_sub_02 .smpd_sub_02_info { display:block; margin:0 auto; text-align:left; color:#046459; font-size:18px; line-height:38px; padding-top:10px; letter-spacing:-0.5px; }
.delivery_con01 .smpd_sub_02 .smpd_sub_02_info span { display:block; margin:30px auto; padding-left:40px; width:80%; background:url("/theme/omv/pages/img/info_icon.png") no-repeat 3px 3px; }


/* 서브 smpd 배송신청 1페이지 버튼영역 css 처리 */
.delivery_con01 .smpd_sub_02_box { position: absolute; top:0; left:50%; margin-left:350px; display:block; width:350px; min-height:500px; background-image: linear-gradient( #129589 50%, #ffffff 50% ); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); border-radius:15px; padding:20px; }
.delivery_con01 .smpd_sub_02_box.fixed { position: fixed; margin-top:110px; transition: all ease 1s; }


.delivery_con01 .smpd_sub_02_box .smpd_info_wrap { display:block; text-align:left; margin-bottom:15px; color:#fff; padding:0 15px; }
.delivery_con01 .smpd_sub_02_box .smpd_info_wrap .star { display:block; font-size:24px; line-height:30px; }
.delivery_con01 .smpd_sub_02_box .smpd_info_wrap .title { display:inline-block; color:#fff; font-size:26px; line-height:30px; font-weight:bold; }
.delivery_con01 .smpd_sub_02_box .smpd_info_wrap .title img { display:inline-block; vertical-align:middle; }
.delivery_con01 .smpd_sub_02_box .smpd_info_wrap .info_text { display:block; font-size:13px; line-height:20px; margin-top:5px; }

.delivery_con01 .smpd_sub_02_box .smpd_tip_wrap { display:block; background-color:#fff; text-align:left; padding:2% 5%; border-top:2px solid #11d4c0; margin-bottom:15px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); }
.delivery_con01 .smpd_sub_02_box .smpd_tip_wrap .title { display:inline-block; color:#119388; font-size:18px; line-height:40px; font-weight:bold; padding:0 0 0px 8px; }
.delivery_con01 .smpd_sub_02_box .smpd_tip_wrap .info_text { position: relative; display:block; font-size:13px; line-height:20px; margin-bottom:5px; padding-left:20px; }
.delivery_con01 .smpd_sub_02_box .smpd_tip_wrap .info_text:before { position: absolute; top:5px; left:8px; content:""; display:inline-block; background-color:#0b877b; width:7px; height:7px; border-radius:100%; } 

.delivery_con01 .smpd_sub_02_box .smpd_select_wrap { display:block; background-color:#fff; text-align:left; padding:2% 5% 5%; border-top:2px solid #11d4c0; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); }
.delivery_con01 .smpd_sub_02_box .smpd_select_wrap .title { display:inline-block; color:#119388; font-size:18px; line-height:40px; font-weight:bold; padding:0 0 8px 8px; }
.delivery_con01 .smpd_sub_02_box .smpd_select_wrap .info_text { position: relative; display:block; font-size:13px; line-height:20px; margin-bottom:10px; padding-left:20px; }
.delivery_con01 .smpd_sub_02_box .smpd_select_wrap .info_text:before { position: absolute; top:5px; left:8px; content:""; display:inline-block; background-color:#0b877b; width:7px; height:7px; border-radius:100%; } 

.delivery_con01 .smpd_sub_02_box .smpd_select_wrap .smpd_select { display:inline-block; width:48%; box-sizing: border-box; }
.delivery_con01 .smpd_sub_02_box .smpd_select_wrap .smpd_select select { display:block; appearance: none; text-align:center; width:100%; font-size:14px; line-height:30px; background-color: #fff; color: #0b877b; border-radius: 25px; border: 2px solid #129388; cursor: pointer; box-sizing: border-box; }
.delivery_con01 .smpd_sub_02_box .smpd_select_wrap .smpd_select #box_cnt1 { font-size:14px; margin:10px 0; width:100%; line-height:30px; padding:15px 0; background-color: #f1f1f1; border-radius: 25px; }
.delivery_con01 .smpd_sub_02_box .smpd_select_wrap .smpd_next_btn { display:inline-block; width:48%; }
.delivery_con01 .smpd_sub_02_box .smpd_select_wrap .smpd_next_btn button { background-color:#0b877b; outline: none; text-align:center; width:100%; font-size:14px; line-height:34px; border:0; border-radius: 5px; color:#fff; }


.delivery_con01 .smpd_sub_02_box .smpd_select_wrap .box_cnt_tag { width:50%; display:inline-block; vertical-align:top; }
.delivery_con01 .smpd_sub_02_box .smpd_select_wrap .box_cnt_tag input { width:60px; text-align:center; font-size:13px; line-height:34px; }
.delivery_con01 .smpd_sub_02_box .smpd_select_wrap .box_cnt_tag input::placeholder { color:#000; text-align:center; }
.delivery_con01 .smpd_sub_02_box .smpd_select_wrap .box_cnt_tag i { width:34px; line-height:34px; text-align:Center; cursor:pointer; color:#138b7f; }
.delivery_con01 .smpd_sub_02_box .smpd_select_wrap .box_cnt_tag .fa-minus { border-right:none; }
.delivery_con01 .smpd_sub_02_box .smpd_select_wrap .box_cnt_tag .fa-plus { border-left:none; }
.delivery_con01 .smpd_sub_02_box .smpd_select_wrap .box_cnt_tag i, .box_cnt_tag input { vertical-align:top; height:34px; box-sizing:border-box; border:1px solid #138b7f; background:#fff; }


/* 서브 배송신청 입력 */
.container .delivery_con02 { margin-top:200px; text-align:left; width:1400px; display: flex; flex-direction: column;}
.container .delivery_con02 > .title { text-align:center; margin-bottom:30px; }
.container .delivery_con02 > .title h1 { display: block; font-size: calc(0.51vw + 30.22px); margin:0; line-height: 45px; font-family: 'NEXON Lv2 Gothic Bold', sans-serif !important; }
.container .delivery_con02 > .title p { font-size: calc(0.51vw + 30.22px); line-height: calc(1.49vw + 11.43px); }

.container .delivery_con02 .step { display:block; margin:30px 0; color:#000; }
.container .delivery_con02 .step p { display:inline-block; font-size:18px; line-height:40px; }
.container .delivery_con02 .step i { display:inline-block; margin:0 10px; font-size:18px; line-height:40px; }
.container .delivery_con02 .step span { display:inline-block; font-size:18px; line-height:40px; font-weight:bold; }

.container .delivery_con02 caption { caption-side: top; font-size:20px; line-height:40px; color:#000; border-bottom:2px solid #000; margin-bottom:10px; padding: 5px 0; }
.container .delivery_con02 caption span { display:inline-block; font-size:14px; margin-left:20px; }

.container .delivery_con02 .tbl_frm01 h2 { border-bottom:1px solid #000; text-align:left; font-size:calc(0.38vw + 16.66px); line-height:calc(1.91vw + 23.31px); font-family:'NEXON Lv2 Gothic Bold', sans-serif !important; }
.container .delivery_con02 .tbl_wrap table { border:0; }
.container .delivery_con02 .tbl_frm01 th { min-width:160px; width:10%; border:0; background:#fff; color:#000; vertical-align:top; padding:17px 0 0 !important; font-size:14px; }
.container .delivery_con02 .tbl_frm01 td { position: relative; border:0; padding: 7px 0 7px 0; }

.container .delivery_con02 .tbl_frm01 td .frm_input { border:0; border-bottom:1px solid #d5d5d5; border-radius: 0; box-shadow:none; height:40px; }
.container .delivery_con02 .tbl_frm01 td .frm_label { padding: 0 20px; height: 40px; line-height:36px; color:#000; border:2px solid #3c3c3c; background: #fff; border-radius: 20px; text-decoration: none; vertical-align: top; cursor:pointer; }
.container .delivery_con02 .tbl_frm01 td .input_hidden { display:inline-block; position: relative; overflow:hidden; width:calc(3.18vw + 238.85px); height:40px; }
.container .delivery_con02 .tbl_frm01 td .input_hidden input[type="file"] { position: absolute; top:0; left:-77px; }











/* 배송신청서 레이아웃 2022-10-12 */
.container .delivery_con02 .delivery_wrap { position: relative; display:block; }
.container .delivery_con02 .delivery_wrap > ul { font-size:0; padding:0; margin:0; }

.container .delivery_con02 .delivery_wrap > ul > li.delivery_left { display:inline-block; width:1140px; vertical-align:top; }
.container .delivery_con02 .delivery_wrap > ul > li.delivery_right { position: absolute; top:0; left:50%; margin-left:350px; display:inline-block; width:350px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05); border-radius:15px; padding:0 20px; background-color: rgba(255,255,255,1); vertical-align:top; }
.container .delivery_con02 .delivery_wrap > ul > li.delivery_right.fixed {z-index: 9; position: fixed; margin-top:110px; transition: all ease 1s; }


.container .delivery_con02 .delivery_wrap table td { color:#000; }


.container .delivery_con02 .type_con { display:inline-block; width:100%; vertical-align:top; margin-bottom:50px; }
.container .delivery_con02 .type_con label { color:#0e1e51; }
.container .delivery_con02 .type_con select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width:200px; padding:7px 15px 5px; background-color:#0e1e51; color:#fff; border-radius:25px; cursor:pointer; }
.container .delivery_con02 .type_con select option { background-color:#fff; color:#000; }


.container .delivery_con02 .member_con { display:inline-block; width:100%; }
.container .delivery_con02 .member_con th { min-width:130px; }
.container .delivery_con02 .member_con td { text-align:right; }


.container .delivery_con02 .delivery_con { display:inline-block; width:100%; vertical-align:top; margin-bottom:50px; }
.container .delivery_con02 .delivery_con select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width:200px; padding:7px 15px 5px; background-color:#fff; color:#000; border-radius:25px; border:2px solid #3c3c3c; cursor:pointer; }
.container .delivery_con02 .delivery_con .BoxCnt_info { display:inline-block; padding:3px; line-height:18px; font-size: 13px; color:#2b357a; font-weight:bold; }

#modalAddressBookForm select { -webkit-appearance: none; -moz-appearance: none; font-size:14px; appearance: none; width:170px; padding:3px 15px 2px; background-color:#fff; color:#000; border-radius:25px; border:2px solid #3c3c3c; cursor:pointer; }

.delivery_01 .pick_info { display:block; padding:3px; line-height:20px; font-size: 13px; color:#2b357a; font-weight:bold; }
.delivery_01 .pick_info .que_icon { position: relative; top:-2px; display:inline-block; cursor:pointer; line-height:16px; font-size:11px; padding:1px 10px 0; border-radius:9px; background-color:#151d50; color:#fff; margin-left:5px; }
.delivery_01 .pick_info .que_icon .que_view { display:none; position: absolute; top:25px; left:0; z-index:100; white-space:nowrap; background-color:#fff; color:#151d50; box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.3); padding:10px; border-radius:5px; font-size:13px; line-height:18px; font-weight:normal; }
.delivery_01 .pay_info .pay_info_text { display: block; padding: 3px; line-height: 20px; font-size: 13px; color: #2b357a; font-weight: bold; }

.delivery_02 .pick_info { display:block; padding:3px; line-height:20px; font-size: 13px; color:#0b877b; font-weight:bold; }
.delivery_02 .pick_info .que_icon { position: relative; top:-2px; display:inline-block; cursor:pointer; line-height:16px; font-size:11px; padding:1px 10px 0; border-radius:9px; background-color:#0b877b; color:#fff; margin-left:5px; }
.delivery_02 .pick_info .que_icon .que_view { display:none; position: absolute; top:25px; left:0; z-index:100; white-space:nowrap; background-color:#fff; color:#0b877b; box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.3); padding:10px; border-radius:5px; font-size:13px; line-height:18px; font-weight:normal; }
.delivery_02 .pay_info .pay_info_text { display: block; padding: 3px; line-height: 20px; font-size: 13px; color: #0b877b; font-weight: bold; }


.delivery_03 .pick_info { display:block; padding:3px; line-height:20px; font-size: 13px; color:#e86d27; font-weight:bold; }
.delivery_03 .pick_info .que_icon { position: relative; top:-2px; display:inline-block; cursor:pointer; line-height:16px; font-size:11px; padding:1px 10px 0; border-radius:9px; background-color:#e86d27; color:#fff; margin-left:5px; }
.delivery_03 .pick_info .que_icon .que_view { display:none; position: absolute; top:25px; left:0; z-index:100; white-space:nowrap; background-color:#fff; color:#e86d27; box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.3); padding:10px; border-radius:5px; font-size:13px; line-height:18px; font-weight:normal; }
.delivery_03 .pay_info .pay_info_text { display: block; padding: 3px; line-height: 20px; font-size: 13px; color: #e86d27; font-weight: bold; }

.pick_info { display:block; padding:3px; line-height:20px; font-size: 13px; color:#2b357a; font-weight:bold; }
.pick_info .que_icon { position: relative; top:-2px; display:inline-block; cursor:pointer; line-height:16px; font-size:11px; padding:1px 10px 0; border-radius:9px; background-color:#151d50; color:#fff; margin-left:5px; }
.pick_info .que_icon .que_view { display:none; position: absolute; top:25px; left:0; z-index:100; white-space:nowrap; background-color:#fff; color:#151d50; box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.3); padding:10px; border-radius:5px; font-size:13px; line-height:18px; font-weight:normal; }
.pay_info .pay_info_text { display: block; padding: 3px; line-height: 20px; font-size: 13px; color: #2b357a; font-weight: bold; }



/* 배송신청서 세관신고서 스와이프 영역 */
.delivery_01 .shipping_options { display:inline-block;line-height:20px; font-size: 13px; color:#2b357a; font-weight:bold; }
.delivery_01 .shipping_options .que_icon { position: relative; top:-2px; display:inline-block; cursor:pointer; line-height:16px; font-size:11px; padding:1px 10px 0; border-radius:9px; background-color:#151d50; color:#fff; margin-left:5px; }
/*.delivery_01 .shipping_options .que_icon .que_view { display:none; position: absolute; top:25px; left:0; z-index:100; white-space:nowrap; background-color:#fff; color:#151d50; box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.3); padding:10px; border-radius:5px; font-size:13px; line-height:18px; font-weight:normal; }*/
.delivery_01 .shipping_options .que_icon .que_view { display:none; position: absolute; top:25px; left:0; z-index:100; width: 310px; background-color:#fff; color:#151d50; box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.3); padding:10px; border-radius:5px; font-size:13px; line-height:18px; font-weight:normal; }
.delivery_01 .shipping_options .que_icon .que_view_last {top: -155px!important; left: -80px!important; width: 390px!important;}

.delivery_02 .shipping_options { display:block; padding:3px; line-height:20px; font-size: 13px; color:#0b877b; font-weight:bold; }
.delivery_02 .shipping_options .que_icon { position: relative; top:-2px; display:inline-block; cursor:pointer; line-height:16px; font-size:11px; padding:1px 10px 0; border-radius:9px; background-color:#0b877b; color:#fff; margin-left:5px; }
/*.delivery_02 .shipping_options .que_icon .que_view { display:none; position: absolute; top:25px; left:0; z-index:100; white-space:nowrap; background-color:#fff; color:#0b877b; box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.3); padding:10px; border-radius:5px; font-size:13px; line-height:18px; font-weight:normal; }*/
.delivery_02 .shipping_options .que_icon .que_view { display:none; position: absolute; top:25px; left:0; z-index:100; width: 310px; background-color:#fff; color:#0b877b; box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.3); padding:10px; border-radius:5px; font-size:13px; line-height:18px; font-weight:normal; }
.delivery_02 .shipping_options .que_icon .que_view_last {top: -155px!important; left: -80px!important; width: 390px!important;}


.delivery_03 .shipping_options { display:inline-block; line-height:20px; font-size: 13px; color:#e86d27; font-weight:bold; }
.delivery_03 .shipping_options .que_icon { position: relative; top:-2px; display:inline-block; cursor:pointer; line-height:16px; font-size:11px; padding:1px 10px 0; border-radius:9px; background-color:#e86d27; color:#fff; margin-left:5px; }
/*.delivery_03 .shipping_options .que_icon .que_view { display:none; position: absolute; top:25px; left:0; z-index:100; white-space:nowrap; background-color:#fff; color:#e86d27; box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.3); padding:10px; border-radius:5px; font-size:13px; line-height:18px; font-weight:normal; }*/
.delivery_03 .shipping_options .que_icon .que_view { display:none; position: absolute; top:25px; left:0; z-index:100; width: 310px; background-color:#fff; color:#e86d27; box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.3); padding:10px; border-radius:5px; font-size:13px; line-height:18px; font-weight:normal; }
.delivery_03 .shipping_options .que_icon .que_view_last {top: -155px!important; left: -80px!important; width: 390px!important;}




/* 배송신청서 요금기준 설명영역 */
.pay_img { display:inline-block; }
.pay_info { display:inline-block; vertical-align:middle; margin-left:20px; }
.pay_info .pay_info_calculation { display:block; box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.2); border-radius:10px; margin-bottom:20px; overflow:hidden; padding:10px; width:250px; }
.pay_info .pay_info_text { display: block; padding: 3px; line-height: 20px; font-size: 13px; color: #2b357a; font-weight: bold; }


.container .delivery_con02 .delivery_con select option { background-color:#fff; color:#000; }
.container .delivery_con02 .delivery_con tr > td > div { display:block; margin-top:10px; }
.container .delivery_con02 .delivery_con tr > td > div > li { display:inline-block; }
.container .delivery_con02 .delivery_con tr > td > div > li > i { display:block; font-size:35px; color:#ff0000; }






/* 발송품목 div 코딩 css 2022-10-11 */
.container .delivery_01 .delivery_con .box_list { position: relative; display:block; width:100%; border:1px solid #dcdcdc; }

.container .delivery_01 .delivery_con .box_list .delivery_box_wrap { display:block; }

.container .delivery_01 .delivery_con .box_count { margin:20px 0 10px; text-align:center; font-size:16px; font-weight:bold; }
.container .delivery_01 .delivery_con .box_count span { display:inline-block; margin:0 5px; font-size:14px; }
.container .delivery_01 .delivery_con .box_count b.clsBoxNum { display:inline-block; color:#000; width:auto; font-size:16px; line-height:40px; padding:0; border:0; overflow:hidden; }
.container .delivery_01 .delivery_con .box_count b.clsBoxNum option { font-weight:bold; }
.container .delivery_01 .delivery_con .box_count span > input::placeholder { color:#000; text-align:center; }



/* 발송품목 박스 생성 코딩 css 2022-10-13 */
.container .delivery_01 .delivery_con .box_count_btn { position: absolute; top:28px; right:11px; display:inline-block; }
.container .delivery_01 .delivery_con .box_count_btn .box_Add { display:inline-block; font-size:14px; line-height:32px; height:31px; width:auto; padding:0 10px; border:1px solid #ccc; text-align:center; }
.container .delivery_01 .delivery_con .box_count_btn .box_Remove { display:inline-block; font-size:14px; line-height:32px; height:31px; width:auto; padding:0 10px; border:1px solid #ccc; text-align:center; margin-left:3px; }

.container .delivery_01 .delivery_con .delivery_box_table li .btnRemove { display:inline-block; font-size:14px; line-height:32px; height:31px; width:31px; border:1px solid #ccc; text-align:center; margin-left:3px; vertical-align:middle; }

.container .delivery_01 .delivery_con .delivery_box_title { display:block; width:100%; padding:0 10px; }
.container .delivery_01 .delivery_con .delivery_box_title ul { font-size:0; padding:0; margin:0; }
.container .delivery_01 .delivery_con .delivery_box_title li { display:inline-block; font-size:15px; line-height:45px; font-weight:bold; border-left:1px solid #fff; text-align:center; box-sizing: border-box; background-color:#e3e3e3; }
.container .delivery_01 .delivery_con .delivery_box_title li:nth-child(1) { border:0; width:45%; }
.container .delivery_01 .delivery_con .delivery_box_title li:nth-child(2) { width:15%; }
.container .delivery_01 .delivery_con .delivery_box_title li:nth-child(3) { width:15%; }
.container .delivery_01 .delivery_con .delivery_box_title li:nth-child(4) { width:25%; }


.container .delivery_01 .delivery_con .delivery_box_table { display:block; width:100%; padding:0 10px; }
.container .delivery_01 .delivery_con .delivery_box_table ul { font-size:0; padding:0; margin:0; display: flex;}
.container .delivery_01 .delivery_con .delivery_box_table li { font-size: 13px; height: 47px; padding: 7px; font-weight: bold; border-bottom: 1px solid #dcdcdc; border-right: 0; text-align: center; box-sizing: border-box; border-left: 1px solid #dcdcdc;}
.container .delivery_01 .delivery_con .delivery_box_table li:nth-child(1) { width:45%; }
.container .delivery_01 .delivery_con .delivery_box_table li:nth-child(1) button {padding: 5px 8px; border: 1px solid #ccc;}
.container .delivery_01 .delivery_con .delivery_box_table li:nth-child(2) { width:15%; }
.container .delivery_01 .delivery_con .delivery_box_table li:nth-child(3) { width: 15%; display: flex; align-items: center; gap: 10px; }
.container .delivery_01 .delivery_con .delivery_box_table li:nth-child(4) { width: 25%; border-right: 1px solid #dcdcdc; text-align: left; display: flex; gap: 10px; align-items: center; }
.container .delivery_01 .delivery_con .delivery_box_table li:nth-child(4) .frm_input { width:80%; }


.container .delivery_01 .delivery_con .delivery_box_table li > .frm_input { border:1px solid #ddd; height:31px; width:100%; color:#000; }
.container .delivery_01 .delivery_con .delivery_box_table li > input::placeholder { color:#000; }

.container .delivery_01 .delivery_con .btn_wrap { text-align:center; margin:0 0 45px; }
.container .delivery_01 .delivery_con .btn_wrap .btnAdd { display:inline-block; background-color:#2b357a; color:#fff; padding:0 10px; line-height:30px; font-size:13px; cursor:pointer; border-radius: 8px; }
.container .delivery_02 .delivery_con .btn_wrap .btnAdd { display:inline-block; background-color:#0b877b; color:#fff; padding:0 10px; line-height:30px; font-size:13px; cursor:pointer; border-radius: 8px; }
.container .delivery_03 .delivery_con .btn_wrap .btnAdd { display:inline-block; background-color:#e86d27; color:#fff; padding:0 10px; line-height:30px; font-size:13px; cursor:pointer; border-radius: 8px; }

.container .delivery_01 .delivery_con .info { color:#0e1e51; font-weight:bold; line-height:26px; }

.custom-ksw .swiper-pagination { width:70% !important; left:50% !important; transform: translate( -50%, 0); line-height:7px; }






/* 발송품목 div 코딩 css 2022-10-26 */
.container .delivery_03 .delivery_con .box_list { position: relative; display:block; width:100%; }

.container .delivery_03 .delivery_con .box_list .delivery_box_wrap { display:block; }

/* 발송품목 박스 생성 코딩 css 2022-10-26 */
.container .delivery_03 .delivery_con .box_count_btn { position: absolute; top:28px; right:11px; display:inline-block; }
.container .delivery_03 .delivery_con .box_count_btn .box_Add { display:inline-block; font-size:14px; line-height:32px; height:31px; width:31px; border:1px solid #ccc; text-align:center; }
.container .delivery_03 .delivery_con .box_count_btn .box_Remove { display:inline-block; font-size:14px; line-height:32px; height:31px; width:31px; border:1px solid #ccc; text-align:center; margin-left:3px; }

.container .delivery_03 .delivery_con .delivery_box_table li .btnRemove { display:inline-block; font-size:14px; line-height:32px; height:31px; width:31px; border:1px solid #ccc; text-align:center; margin-left:3px; vertical-align:middle; }

.container .delivery_03 .delivery_con .delivery_box_title { display:block; width:100%; }
.container .delivery_03 .delivery_con .delivery_box_title ul { font-size:0; padding:0; margin:0; }
.container .delivery_03 .delivery_con .delivery_box_title li { display:inline-block; font-size:15px; line-height:45px; font-weight:bold; border-left:1px solid #fff; text-align:center; box-sizing: border-box; background-color:#e3e3e3; }
.container .delivery_03 .delivery_con .delivery_box_title li:nth-child(1) { border:0; width:18%; }
.container .delivery_03 .delivery_con .delivery_box_title li:nth-child(2) { width:20%; }
.container .delivery_03 .delivery_con .delivery_box_title li:nth-child(3) { width:10%; }
.container .delivery_03 .delivery_con .delivery_box_title li:nth-child(4) { width:10%; }
.container .delivery_03 .delivery_con .delivery_box_title li:nth-child(5) { width:15%; }
.container .delivery_03 .delivery_con .delivery_box_title li:nth-child(6) { width:27%; }

.container .delivery_03 .delivery_con .delivery_box_title li .all_btn { display:inline-block; font-size:0; float:right; height:45px; margin-right:3px;}
.container .delivery_03 .delivery_con .delivery_box_title li .all_btn i { display:inline-block; font-size:14px; margin-right:5px; line-height:25px; width:25px; background-color:#fff; color:#e86d27; vertical-align:middle; }

.container .delivery_03 .delivery_con .delivery_box_table li .all_btn i { display:inline-block; font-size:14px; margin-left:5px; line-height:25px; height:25px; width:25px; text-align:center; background-color:#fff; border:1px solid #dedede; color:#e86d27; vertical-align:middle; }


.container .delivery_03 .delivery_con .delivery_box_table { display:block; width:100%; }
.container .delivery_03 .delivery_con .delivery_box_table ul { font-size:0; padding:0; margin:0; }
.container .delivery_03 .delivery_con .delivery_box_table li { display: inline-block;  font-size: 13px;  height: 47px;  padding: 7px 7px 0;  font-weight: bold; border-bottom: 1px solid #dcdcdc;  border-left: 1px solid #dcdcdc;  text-align: center;  box-sizing: border-box;  vertical-align: top;}
.container .delivery_03 .delivery_con .delivery_box_table li:nth-child(1) { width:18%; }
.container .delivery_03 .delivery_con .delivery_box_table li:nth-child(2) { width:20%; }
.container .delivery_03 .delivery_con .delivery_box_table li:nth-child(3) { width:10%; }
.container .delivery_03 .delivery_con .delivery_box_table li:nth-child(4) { width:10%; }
.container .delivery_03 .delivery_con .delivery_box_table li:nth-child(5) { width:15%; }
.container .delivery_03 .delivery_con .delivery_box_table li:nth-child(6) { width:27%; border-right:1px solid #dcdcdc; text-align:left; }
.container .delivery_03 .delivery_con .delivery_box_table li:nth-child(6) .frm_input { width:84%; height:31px; border: 1px solid #ddd; }


.container .delivery_03 .delivery_con .delivery_box_table li > .frm_input { border:1px solid #ddd; height:31px; width:100%; color:#000; }
.container .delivery_03 .delivery_con .delivery_box_table li > div > .frm_input { border:1px solid #ddd; height:31px; width:100%; color:#000; }
.container .delivery_03 .delivery_con .delivery_box_table li > input::placeholder { color:#000; }




.delivery_wrap > ul > li.delivery_right .type_con { display:block; padding-bottom:20px; margin:0; }
.delivery_wrap > ul > li.delivery_right .type_con .title { border-bottom:2px solid #000; text-align:left; font-size:20px; line-height:50px; color:#000; font-weight: bold; text-align: left; }

.delivery_wrap > ul > li.delivery_right .type_con ul { font-size:0; margin:0; padding-top:20px; }
.delivery_wrap > ul > li.delivery_right .type_con li { display:block; padding:0; font-size:14px; }
.delivery_wrap > ul > li.delivery_right .type_con li span { display:inline-block; font-size:15px; line-height:32px; }
.delivery_wrap > ul > li.delivery_right .type_con li span.left { width:43%; }
.delivery_wrap > ul > li.delivery_right .type_con li span.left button.btn_frmline { padding: 0 10px; font-size:12px; height: 32px; line-height:30px; color:#000; border:2px solid #3c3c3c; background-color: #fff; border-radius: 20px; text-decoration: none; vertical-align: middle; float:right; }
.delivery_wrap > ul > li.delivery_right .type_con li span.right { width:55%; text-align:right; font-weight:bold; }


.delivery_wrap > ul > li.delivery_right .member_con { display:block; border-top:1px solid #000; padding:20px 0; }
.delivery_wrap > ul > li.delivery_right .member_con .title { text-align:left; font-size:20px; line-height:50px; color:#000; font-weight: bold; text-align: left; }

.delivery_wrap > ul > li.delivery_right .member_con ul { font-size:0; padding:0; margin:0; }
.delivery_wrap > ul > li.delivery_right .member_con li { display:block; padding:0; font-size:14px; }
.delivery_wrap > ul > li.delivery_right .member_con li span { display:inline-block; font-size:15px; line-height:40px; }
.delivery_wrap > ul > li.delivery_right .member_con li span.left { width:43%; }
.delivery_wrap > ul > li.delivery_right .member_con li span.left button.btn_frmline { padding: 0 10px; margin:4px 0; font-size:12px; height: 32px; line-height:30px; color:#000; border:2px solid #3c3c3c; background-color: #fff; border-radius: 20px; text-decoration: none; vertical-align: middle; float:right; }
.delivery_wrap > ul > li.delivery_right .member_con li span.right { width:55%; text-align:right;  font-weight:bold;border-bottom:1px solid #878787; }
.delivery_wrap > ul > li.delivery_right .member_con li span.right #usePoints{text-align:right;}

.delivery_wrap > ul > li.delivery_right .delivery_terms { display:block; border-top:1px solid #000; padding:20px 0; }
.delivery_wrap > ul > li.delivery_right .delivery_terms .title { text-align:left; font-size:20px; line-height:50px; color:#000; font-weight: bold; text-align: left; }
.delivery_wrap > ul > li.delivery_right .delivery_terms .title em { color:#ff4337; }

.delivery_wrap > ul > li.delivery_right .delivery_terms ul { font-size:0; padding:0; margin:0; }
.delivery_wrap > ul > li.delivery_right .delivery_terms li { display:block; padding:0; font-size:14px; }

.delivery_wrap > ul > li.delivery_right .delivery_terms li span { display:block; font-size:14px; font-weight:bold; line-height:40px; letter-spacing:-1px; }
.delivery_wrap > ul > li.delivery_right .delivery_terms li.bAgree { position: relative; }
.delivery_wrap > ul > li.delivery_right .delivery_terms li.cAgree { position: relative; }
.delivery_wrap > ul > li.delivery_right .delivery_terms li.dAgree { position: relative; }
.delivery_wrap > ul > li.delivery_right .delivery_terms li.eAgree { position: relative; }

.delivery_wrap > ul > li.delivery_right .delivery_terms li .textarea01 { display:none; top:40px; left:0; z-index:100; width:100%; padding:10px; min-height:200px; font-size:13px; line-height:18px; letter-spacing:-0.8px; box-shadow:none; border:1px solid #ddd; background-color:#fff; }
.delivery_wrap > ul > li.delivery_right .delivery_terms li .textarea02 { display:none; top:40px; left:0; z-index:100; width:100%; padding:10px; min-height:200px; font-size:13px; line-height:18px; letter-spacing:-0.8px; box-shadow:none; border:1px solid #ddd; background-color:#fff;}
.delivery_wrap > ul > li.delivery_right .delivery_terms li .textarea03 { display:none; top:40px; left:0; z-index:100; width:100%; padding:10px; min-height:200px; font-size:13px; line-height:18px; letter-spacing:-0.8px; box-shadow:none; border:1px solid #ddd; background-color:#fff;}
.delivery_wrap > ul > li.delivery_right .delivery_terms li .textarea04 { display:none; top:40px; left:0; z-index:100; width:100%; padding:10px; min-height:200px; font-size:13px; line-height:18px; letter-spacing:-0.8px; box-shadow:none; border:1px solid #ddd; background-color:#fff;}

.delivery_01 .delivery_wrap > ul > li.delivery_right .delivery_terms li span input[type="checkbox"] { margin-right:5px; width:22px; height:22px; border-radius: 50%; background:url("/theme/omv/img/terms_none.jpg") no-repeat center center; appearance: none; cursor: pointer; transition: background 0.2s; }
.delivery_01 .delivery_wrap > ul > li.delivery_right .delivery_terms li span input[type="checkbox"]:checked { margin-right:5px; background:url("/theme/omv/img/terms_checked.jpg") no-repeat center center ; }
.delivery_01 .delivery_wrap > ul > li.delivery_right .delivery_terms li span input:disabled { opacity:0.3; }

.delivery_02 .delivery_wrap > ul > li.delivery_right .delivery_terms li span input[type="checkbox"] { margin-right:5px; width:22px; height:22px; border-radius: 50%; background:url("/theme/omv/img/terms_none.jpg") no-repeat center center; appearance: none; cursor: pointer; transition: background 0.2s; }
.delivery_02 .delivery_wrap > ul > li.delivery_right .delivery_terms li span input[type="checkbox"]:checked { margin-right:5px; background:url("/theme/omv/img/terms_smpd_checked.jpg") no-repeat center center ; }
.delivery_02 .delivery_wrap > ul > li.delivery_right .delivery_terms li span input:disabled { opacity:0.3; }

.delivery_03 .delivery_wrap > ul > li.delivery_right .delivery_terms li span input[type="checkbox"] { margin-right:5px; width:22px; height:22px; border-radius: 50%; background:url("/theme/omv/img/terms_none.jpg") no-repeat center center; appearance: none; cursor: pointer; transition: background 0.2s; }
.delivery_03 .delivery_wrap > ul > li.delivery_right .delivery_terms li span input[type="checkbox"]:checked { margin-right:5px; background:url("/theme/omv/img/terms_on_checked.jpg") no-repeat center center ; }
.delivery_03 .delivery_wrap > ul > li.delivery_right .delivery_terms li span input:disabled { opacity:0.3; }


.delivery_wrap > ul > li.delivery_right .delivery_terms li span.view_btn { display:inline-block; height:40px; float:right; cursor:pointer; padding:0 5px; }
.delivery_wrap > ul > li.delivery_right .delivery_terms li span.view_btn i { font-size:24px; line-height:40px; }

.delivery_wrap > ul > li.delivery_right .delivery_terms li span.blink01 { animation: blink1 0.2s ease-in-out infinite alternate; }
.delivery_wrap > ul > li.delivery_right .delivery_terms li span.blink01 i { color:#ff0000; }
@keyframes blink1 { 0% {opacity: 0;} 100% {opacity: 1;}}

.delivery_wrap > ul > li.delivery_right .delivery_terms li span.blink02 { animation: blink2 0.2s ease-in-out infinite alternate; }
.delivery_wrap > ul > li.delivery_right .delivery_terms li span.blink02 i { color:#ff0000; }
@keyframes blink2 { 0% {opacity: 1;} 100% {opacity: 0;}}

.delivery_wrap > ul > li.delivery_right .delivery_terms li span.blink03 { animation: blink3 0.2s ease-in-out infinite alternate; }
.delivery_wrap > ul > li.delivery_right .delivery_terms li span.blink03 i { color:#ff0000; }
@keyframes blink3 { 0% {opacity: 1;} 100% {opacity: 0;}}

.delivery_wrap > ul > li.delivery_right .delivery_terms li span.blink04 { animation: blink4 0.2s ease-in-out infinite alternate; }
.delivery_wrap > ul > li.delivery_right .delivery_terms li span.blink04 i { color:#ff0000; }
@keyframes blink3 { 0% {opacity: 1;} 100% {opacity: 0;}}

.delivery_wrap > ul > li.delivery_right .delivery_terms li span.close_btn { display:none; height:40px; float:right; cursor:pointer; padding:0 5px; }
.delivery_wrap > ul > li.delivery_right .delivery_terms li span.close_btn i { font-size:19px; line-height:40px; }

.delivery_01 button.btn_frmline { padding: 0 20px; height: 37px; line-height:34px; color:#000; border:2px solid #3c3c3c; background-color: #fff; border-radius: 25px; text-decoration: none; vertical-align: top; }
.delivery_01 .btn_confirm { text-align:center; width:300px; margin:0 auto; padding:0 0 20px; }
.delivery_01 .btn_confirm .btn_submit { height:50px; width:80%; font-weight:bold; font-size:18px; line-height:48px; background-color:#2b357a; margin-bottom:10px; border-radius:25px; }
.delivery_01 .btn_confirm .btn_submit:hover { background-color:#000; }

.delivery_02 button.btn_frmline { padding: 0 20px; height: 37px; line-height:34px; color:#000; border:2px solid #3c3c3c; background-color: #fff; border-radius: 25px; text-decoration: none; vertical-align: top; }
.delivery_02 .btn_confirm { text-align:center; width:300px; margin:0 auto; padding:0 0 20px; }
.delivery_02 .btn_confirm .btn_submit { height:50px; width:80%; font-weight:bold; font-size:18px; line-height:48px; background-color:#0b877b; margin-bottom:10px; border-radius:25px; }
.delivery_02 .btn_confirm .btn_submit:hover { background-color:#000; }

.delivery_03 button.btn_frmline { padding: 0 20px; height: 37px; line-height:34px; color:#000; border:2px solid #3c3c3c; background-color: #fff; border-radius: 25px; text-decoration: none; vertical-align: top; }
.delivery_03 .btn_confirm { text-align:center; width:300px; margin:0 auto; padding:0 0 20px; }
.delivery_03 .btn_confirm .btn_submit { height:50px; width:80%; font-weight:bold; font-size:18px; line-height:48px; background-color:#e86d27; margin-bottom:10px; border-radius:25px; }
.delivery_03 .btn_confirm .btn_submit:hover { background-color:#000; }

/* 배송신청서 페이지 버튼처리 css */
.recent_btn_wrap { margin-left: 65px !important; }
.cookie_btn_wrap { margin-left: 10px !important; }

.recent_list_btn { border:1px solid #ccc; background-color:#fff; color:#000; }
.recent_list_btn:hover { border:1px solid #2b357a; background-color:#2b357a; color:#fff; }

.recent_list_close { border:1px solid #ccc; background-color:#fff; color:#000; padding:0 30px; }
.recent_list_close:hover { border:1px solid #333; background-color:#333; color:#fff; }






/* 서브 게시판 통합 css 처리 */
.container .board_title { display: block; text-align:center; font-family: 'NEXON Lv2 Gothic Bold', sans-serif !important; padding: calc(3.18vw + 18.85px) 0; }
.container .board_title small { font-size:calc(0.70vw + 18.55px); line-height:calc(0.70vw + 18.55px); }
.container .board_title small p { line-height:calc(0.64vw + 7.77px); }
.container .board_title small span { display:block; font-size: calc(0.38vw + 13.66px); font-family: 'NEXON Lv2 Gothic', sans-serif !important; }

/* 이용후기 게시판 왼쪽메뉴 css 처리 */
.container .review_title { display: block; background-image:url("/theme/omv/img/review_title_img.jpg"); background-repeat:no-repeat; text-align:center; font-family: 'NEXON Lv2 Gothic Bold', sans-serif !important; padding: calc(4.78vw + 28.28px) 0; }
.container .review_title small { font-size:calc(0.70vw + 18.55px); line-height:calc(0.70vw + 18.55px); color:#fff; }
.container .review_title small p { line-height:calc(0.64vw + 7.77px); }
.container .review_title small span { display:block; font-size: calc(0.38vw + 13.66px); font-family: 'NEXON Lv2 Gothic', sans-serif !important; }

.review_left .cate-group h1 { display:block; font-size:calc(0.45vw + 16.44px); color:#555; line-height:calc(3.50vw + 32.74px); background-color:#eee; text-align:center; }
.review_left .cate-group li { cursor: pointer; }


.guide01_con05_bg { display:block; background-color:#f4f5f9; }
.guide01_con05_bg .con { width:1600px; margin:0 auto; }
.guide01_con05_bg .con .guide01_con05 { display:block; overflow:hidden; padding:50px 3%; }
.guide01_con05_bg .con .guide01_con05 ul { font-size:0; margin:0; padding:0; }
.guide01_con05_bg .con .guide01_con05 li.left_con { display:inline-block; text-align:center; vertical-align:top; width:60%; margin-top:50px; }
.guide01_con05_bg .con .guide01_con05 li.right_con { display:inline-block; text-align:center; vertical-align:top; width:40%; }
.guide01_con05_bg .con .guide01_con05 li.left_con img { width:100%; }


.guide01_con05_bg .con .guide01_con05 li.right_con .copy { padding:0; }
.guide01_con05_bg .con .guide01_con05 li.right_con .copy span { display:block; font-size:calc(0.87vw + 11.35px); color:#2b2b2b; padding:10px 0; }

.guide01_con05_bg .con .guide01_con05 li .b_click { display:inline-block; margin:50px auto 0;}
.guide01_con05_bg .con .guide01_con05 li .b_click a { display:block; padding:10px 50px; transition: all 0.8s;}



/* 요금안내 타이틀 */
.cost_title_wrap { box-shadow: 0px 7px 10px -2px rgba(0,0,0,0.08); }
.cost_title { position: relative; display:block; margin:150px auto 0; background:url('/theme/omv/pages/img/cost_title.jpg') no-repeat right center; height:450px; }
.cost_title h1 { position: absolute; top:50%; left:0; transform: translate( 0, -50%); display:block; font-size:80px; line-height:90px; }

/* 1번 섹션 css */
.cost_section_01 { display:block; width:100%; padding:80px 0; }

.cost_section_01 .text_con_wrap { display:block; width:100%; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:top; }
.cost_section_01 .text_con_wrap .text_con { display:block; font-size:19px; letter-spacing:-0.5px; }
.cost_section_01 .text_con_wrap .text_con p.title { display:block; font-size:44px; line-height:58px; color:#152b54; font-family: 'NEXON Lv2 Gothic Bold'; }

.cost_section_01 .text_con_wrap .text_con .cost_table { display:block; width:90%; margin:80px auto 0; }
.cost_section_01 .text_con_wrap .text_con .cost_table ul { font-size:0; padding:0; margin:0; }
.cost_section_01 .text_con_wrap .text_con .cost_table ul li { display:inline-block; width:25%; font-size:14px; }
.cost_section_01 .text_con_wrap .text_con .cost_table ul li img { display:inline-block; margin-bottom:50px; }


/* 2번 섹션 css */
.cost_section_02 { display:block; width:100%; background-color:#f4f5f9; padding:80px 0; }

.cost_section_02 .img_con_wrap { display:inline-block; width:50%; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }
.cost_section_02 .img_con_wrap .img_con { display:block; }

.cost_section_02 .text_con_wrap { display:inline-block; width:48%; font-size:12px; box-sizing: border-box; text-align:left; vertical-align:middle; }
.cost_section_02 .text_con_wrap .text_con { display:block; font-size:19px; letter-spacing:-0.5px; }
.cost_section_02 .text_con_wrap .text_con p.title { display:block; font-size:37px; color:#152b54; font-family: 'NEXON Lv2 Gothic Bold'; }
.cost_section_02 .text_con_wrap .text_con span { display:block; margin:40px 0; line-height:34px; }
.cost_section_02 p.info { font-weight:bold; color:#152b54; font-size:18px; letter-spacing:-0.7px; margin-top:40px; }
.cost_section_02 p.info b { display:inline-block; background-color:#474c56; width:30px; height:30px; border-radius:100%; text-align:center; overflow:hidden; vertical-align:middle; margin-right:5px; }
.cost_section_02 p.info b i { color:#fff; font-size:14px; line-height:30px; }


/* 3번 섹션 css */
.cost_section_03 { display:block; width:100%; background-color:#fff; padding:80px 0; }

.cost_section_03 .img_con_wrap { display:inline-block; width:50%; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }
.cost_section_03 .img_con_wrap .img_con { display:block; }

.cost_section_03 .text_con_wrap { display:inline-block; width:48%; font-size:12px; box-sizing: border-box; text-align:left; vertical-align:middle; }
.cost_section_03 .text_con_wrap .text_con { display:block; font-size:18px; letter-spacing:-0.5px; }
.cost_section_03 .text_con_wrap .text_con p.title { display:block; font-size:37px; color:#152b54; font-family: 'NEXON Lv2 Gothic Bold'; }
.cost_section_03 .text_con_wrap .text_con span { display:block; margin:40px 0; line-height:34px; }
.cost_section_03 .text_con_wrap .text_con p.info { position: relative; font-weight:bold; color:#152b54; padding-left:40px; font-size:16px; margin-top:120px; }
.cost_section_03 .text_con_wrap .text_con p.info b { position: absolute; top:7px; left:0; display:inline-block; background-color:#474c56; width:30px; height:30px; border-radius:100%; text-align:center; overflow:hidden; vertical-align:middle; margin-right:5px; }
.cost_section_03 .text_con_wrap .text_con p.info b i { color:#fff; font-size:14px; line-height:30px; }


/* 4번 섹션 css */
.cost_section_04 { display:block; width:100%; background-color:#f4f5f9; padding:80px 0; }

.cost_section_04 .img_con_wrap { display:inline-block; width:50%; font-size:12px; box-sizing: border-box; text-align:center; vertical-align:middle; }
.cost_section_04 .img_con_wrap .img_con { display:block; }

.cost_section_04 .text_con_wrap { display:inline-block; width:48%; font-size:12px; box-sizing: border-box; text-align:left; vertical-align:middle; }
.cost_section_04 .text_con_wrap .text_con { display:block; font-size:19px; letter-spacing:-0.5px; }
.cost_section_04 .text_con_wrap .text_con p.title { display:block; font-size:37px; color:#152b54; font-family: 'NEXON Lv2 Gothic Bold'; }
.cost_section_04 .text_con_wrap .text_con span { display:block; margin:80px 0 60px; line-height:34px; }
.cost_section_04 .text_con_wrap .text_con p.info { position: relative; font-weight:bold; color:#152b54; padding-left:40px; font-size:16px; }
.cost_section_04 .text_con_wrap .text_con p.info b { position: absolute; top:7px; left:0; display:inline-block; background-color:#474c56; width:30px; height:30px; border-radius:100%; text-align:center; overflow:hidden; vertical-align:middle; margin-right:5px; }
.cost_section_04 .text_con_wrap .text_con p.info b i { color:#fff; font-size:14px; line-height:30px; }

.cost_section_04 .text_con_wrap .text_con p.info2 { color:#152b54; padding-left:40px; font-size:16px; }



/* 마이페이지 배송 조회 모달창 */
.mypage_modal_wrap { display:block; text-align:center; }
.mypage_modal_wrap .mypage_modal_top { display:block; position: relative; margin-bottom:10px; }
.mypage_modal_wrap .mypage_modal_top .logo { display:inline-block; position: absolute; top:50%; left:0;  transform: translate( 0, -50%); width:25%; max-height:45px; text-align:left; }
.mypage_modal_wrap .mypage_modal_top .logo img { width:100%; max-width:106px; max-height:45px; }
.mypage_modal_wrap .mypage_modal_top h3 { display:inline-block; font-size:24px; line-height:45px; font-weight:bold; }
.mypage_modal_wrap .mypage_modal_top .close { display:inline-block; position: absolute; top:0; right:0; width:45px; height:45px; opacity:1;}
.mypage_modal_wrap .mypage_modal_top .close i { display:block; line-height:45px; font-size:26px; color:#000; }

.mypage_modal_wrap .mypage_modal_move { display:block; padding:10px 0; border-bottom:1px solid #ddd; }
.mypage_modal_wrap .mypage_modal_move p { display:block; font-size:24px; line-height:30px; color:#2b357a; font-weight:900; }
.mypage_modal_wrap .mypage_modal_move span { display:block; font-size:14px; line-height:36px; color:#aeaeae; font-weight:500; }
.mypage_modal_wrap .mypage_modal_move .map_zone { display:block; text-align:center; }
.mypage_modal_wrap .mypage_modal_move .map_zone p { display:inline-block; width:180px; height:180px; border:1px solid #eee; border-radius:100%; overflow:hidden; }
.mypage_modal_wrap .mypage_modal_move .map_zone p img { width:100%; }

.mypage_modal_wrap .mypage_sent { display:block; width:100%; padding:10px; border-bottom:1px solid #ddd; }
.mypage_modal_wrap .mypage_sent ul { font-size:0; padding:0; margin:0; text-align:left; }
.mypage_modal_wrap .mypage_sent ul li.left { color:#666; width:30%; vertical-align:top; }
.mypage_modal_wrap .mypage_sent ul li.right { color:#000; width:70%; vertical-align:top; }

.mypage_modal_wrap .mypage_sent ul li { display:inline-block; }
.mypage_modal_wrap .mypage_sent ul li span { display:block; font-size:14px; line-height:26px; letter-spacing:-0.7px; word-break:keep-all; }

.mypage_modal_wrap .mypage_receipt { display:block; width:100%; padding:10px; border-bottom:1px solid #ddd; }
.mypage_modal_wrap .mypage_receipt ul { font-size:0; padding:0; margin:0; text-align:left; }
.mypage_modal_wrap .mypage_receipt ul li.left { color:#666; width:30%; vertical-align:top; }
.mypage_modal_wrap .mypage_receipt ul li.right { color:#000; width:70%; vertical-align:top; }

.mypage_modal_wrap .mypage_receipt ul li { display:inline-block; }
.mypage_modal_wrap .mypage_receipt ul li span { display:block; font-size:14px; line-height:26px; letter-spacing:-0.7px; }


.mypage_modal_wrap .mypage_goods_wrap { display:block; width:100%; padding:10px; border-bottom:1px solid #ddd; }
.mypage_modal_wrap .mypage_goods_wrap .goods_item { display:block; width:100%; border-bottom:1px solid #ccc; }
.mypage_modal_wrap .mypage_goods_wrap .goods_item ul { font-size:0; padding:0; margin:0; }
.mypage_modal_wrap .mypage_goods_wrap .goods_item ul li { display:inline-block; font-size:14px; line-height:28px; font-weight:bold; }
.mypage_modal_wrap .mypage_goods_wrap .goods_item ul li:nth-child(1) { width:10%; }
.mypage_modal_wrap .mypage_goods_wrap .goods_item ul li:nth-child(2) { width:50%; }
.mypage_modal_wrap .mypage_goods_wrap .goods_item ul li:nth-child(3) { width:10%; }
.mypage_modal_wrap .mypage_goods_wrap .goods_item ul li:nth-child(4) { width:20%; }
.mypage_modal_wrap .mypage_goods_wrap .goods_item ul li:nth-child(5) { width:10%; }


.mypage_modal_wrap .mypage_goods_wrap .goods_list { display:block; width:100%; height:140px; overflow:auto; }
.mypage_modal_wrap .mypage_goods_wrap .goods_list ul { font-size:0; padding:0; margin:0; }
.mypage_modal_wrap .mypage_goods_wrap .goods_list ul li { display:inline-block; font-size:13px;  text-align:center; border-bottom:1px solid #ddd; height:50px;line-height:50px;box-sizing:border-box;vertical-align:top}
.mypage_modal_wrap .mypage_goods_wrap .goods_list ul li:nth-child(1) { width:10%; }
.mypage_modal_wrap .mypage_goods_wrap .goods_list ul li:nth-child(2) { width:50%; text-align:center; }
.mypage_modal_wrap .mypage_goods_wrap .goods_list ul li:nth-child(3) { width:10%; }
.mypage_modal_wrap .mypage_goods_wrap .goods_list ul li:nth-child(4) { width:20%; text-align:center; padding-right:20px; }
.mypage_modal_wrap .mypage_goods_wrap .goods_list ul li:nth-child(5) { width:10%; }




/* 각 신청서별 완료페이지 */
.deliveryInsert_wrap { display:block; width:100%; letter-spacing:-0.5px; }
.deliveryInsert_wrap .deliveryInsert_mov { display:block; background-color:#f4f5f9; text-align:center; height:550px; overflow:hidden; padding-top:100px; }
.deliveryInsert_wrap .deliveryInsert_mov video { width:100%; height:100%; }

.deliveryInsert_wrap .deliveryInsert_text { display:block; }
.deliveryInsert_wrap .deliveryInsert_text .inner { display:block; width:1400px; margin:0 auto; padding:45px 0; text-align:center; }
.deliveryInsert_wrap .deliveryInsert_text .inner h1 { display:block; font-size:44px; line-height:50px; font-family: 'NEXON Lv2 Gothic'; }
.deliveryInsert_wrap .deliveryInsert_text .inner h1 b { color:#2b357a; font-family: 'NEXON Lv2 Gothic Bold'; }

.deliveryInsert_wrap .deliveryInsert_text .inner p { font-size:22px; margin:30px 0; color:#363636; line-height:36px; }
.deliveryInsert_wrap .deliveryInsert_text .inner p b { color:#2b357a; }

.deliveryInsert_wrap .deliveryInsert_text .inner .btn_wrap { display:block; margin:0 auto; text-align:center; }
.deliveryInsert_wrap .deliveryInsert_text .inner .btn_wrap .btn01 { display:inline-block; margin-right:20px; }
.deliveryInsert_wrap .deliveryInsert_text .inner .btn_wrap .btn01 a { display:block; font-size:16px; line-height:45px; color:#fff; font-weight:bold; width:230px; border:1px solid #2b3990; background-color:#2b3990; border-radius:10px; transition: all ease 1s; }
.deliveryInsert_wrap .deliveryInsert_text .inner .btn_wrap .btn01 a:hover { background-color:#000; }
.deliveryInsert_wrap .deliveryInsert_text .inner .btn_wrap .btn02 { display:inline-block; }
.deliveryInsert_wrap .deliveryInsert_text .inner .btn_wrap .btn02 a { display:block; font-size:16px; line-height:45px; color:#2b3990; font-weight:bold; width:230px; border:1px solid #2b3990; background-color:#fff; border-radius:10px; transition: all ease 1s; }
.deliveryInsert_wrap .deliveryInsert_text .inner .btn_wrap .btn02 a:hover { border:1px solid #000; color:#000; }



.deliveryInsert_wrap02 { display:block; width:100%; letter-spacing:-0.5px; }
.deliveryInsert_wrap02 .deliveryInsert_mov { display:block; background-color:#f3f9f8; text-align:center; height:550px; overflow:hidden; padding-top:100px; }
.deliveryInsert_wrap02 .deliveryInsert_mov video { width:100%; height:100%; }

.deliveryInsert_wrap02 .deliveryInsert_text { display:block; }
.deliveryInsert_wrap02 .deliveryInsert_text .inner { display:block; width:1400px; margin:0 auto; padding:45px 0; text-align:center; }
.deliveryInsert_wrap02 .deliveryInsert_text .inner h1 { display:block; font-size:44px; line-height:50px; font-family: 'NEXON Lv2 Gothic'; }
.deliveryInsert_wrap02 .deliveryInsert_text .inner h1 b { color:#0b877c; font-family: 'NEXON Lv2 Gothic Bold'; }

.deliveryInsert_wrap02 .deliveryInsert_text .inner p { font-size:22px; margin:30px 0; color:#363636; line-height:36px; }
.deliveryInsert_wrap02 .deliveryInsert_text .inner p b { color:#0b877c; }

.deliveryInsert_wrap02 .deliveryInsert_text .inner .btn_wrap { display:block; margin:0 auto; text-align:center; }
.deliveryInsert_wrap02 .deliveryInsert_text .inner .btn_wrap .btn01 { display:inline-block; margin-right:20px; }
.deliveryInsert_wrap02 .deliveryInsert_text .inner .btn_wrap .btn01 a { display:block; font-size:16px; line-height:45px; color:#fff; font-weight:bold; width:230px; border:1px solid #0b877c; background-color:#0b877c; border-radius:10px; transition: all ease 1s; }
.deliveryInsert_wrap02 .deliveryInsert_text .inner .btn_wrap .btn01 a:hover { background-color:#000; }
.deliveryInsert_wrap02 .deliveryInsert_text .inner .btn_wrap .btn02 { display:inline-block; }
.deliveryInsert_wrap02 .deliveryInsert_text .inner .btn_wrap .btn02 a { display:block; font-size:16px; line-height:45px; color:#0b877c; font-weight:bold; width:230px; border:1px solid #0b877c; background-color:#fff; border-radius:10px; transition: all ease 1s; }
.deliveryInsert_wrap02 .deliveryInsert_text .inner .btn_wrap .btn02 a:hover { border:1px solid #000; color:#000; }



.deliveryInsert_wrap03 { display:block; width:100%; letter-spacing:-0.5px; }
.deliveryInsert_wrap03 .deliveryInsert_mov { display:block; background-color:#fef8f4; text-align:center; height:550px; overflow:hidden; padding-top:100px; }
.deliveryInsert_wrap03 .deliveryInsert_mov video { width:100%; height:100%; }

.deliveryInsert_wrap03 .deliveryInsert_text { display:block; }
.deliveryInsert_wrap03 .deliveryInsert_text .inner { display:block; width:1400px; margin:0 auto; padding:45px 0; text-align:center; }
.deliveryInsert_wrap03 .deliveryInsert_text .inner h1 { display:block; font-size:44px; line-height:50px; font-family: 'NEXON Lv2 Gothic'; }
.deliveryInsert_wrap03 .deliveryInsert_text .inner h1 b { color:#e76e27; font-family: 'NEXON Lv2 Gothic Bold'; }

.deliveryInsert_wrap03 .deliveryInsert_text .inner p { font-size:22px; margin:30px 0; color:#363636; line-height:36px; }
.deliveryInsert_wrap03 .deliveryInsert_text .inner p b { color:#e76e27; }

.deliveryInsert_wrap03 .deliveryInsert_text .inner .btn_wrap { display:block; margin:0 auto; text-align:center; }
.deliveryInsert_wrap03 .deliveryInsert_text .inner .btn_wrap .btn01 { display:inline-block; margin-right:20px; }
.deliveryInsert_wrap03 .deliveryInsert_text .inner .btn_wrap .btn01 a { display:block; font-size:16px; line-height:45px; color:#fff; font-weight:bold; width:230px; border:1px solid #e76e27; background-color:#e76e27; border-radius:10px; transition: all ease 1s; }
.deliveryInsert_wrap03 .deliveryInsert_text .inner .btn_wrap .btn01 a:hover { background-color:#000; }
.deliveryInsert_wrap03 .deliveryInsert_text .inner .btn_wrap .btn02 { display:inline-block; }
.deliveryInsert_wrap03 .deliveryInsert_text .inner .btn_wrap .btn02 a { display:block; font-size:16px; line-height:45px; color:#e76e27; font-weight:bold; width:230px; border:1px solid #e76e27; background-color:#fff; border-radius:10px; transition: all ease 1s; }
.deliveryInsert_wrap03 .deliveryInsert_text .inner .btn_wrap .btn02 a:hover { border:1px solid #000; color:#000; }

#btnCashReceipts {padding: 0 20px; height: 30px; line-height: 29px; color: #000; border: 2px solid #3c3c3c; background-color: #fff; border-radius: 25px; text-decoration: none; vertical-align: top; margin-top: 11px;}
.modal-content {padding: 20px!important;width:1000px;}
.newBtn input:disabled {opacity: 0.3;}
.newBtn input {margin-right: 10px; width: 22px; height: 22px; border-radius: 50%; background: url(/theme/omv/img/terms_none.jpg) no-repeat center center; appearance: none; cursor: pointer; transition: background 0.2s;}
.newBtn2 input {background: url(/theme/omv/img/terms_noneb.png) no-repeat center center!important; }
.newBtn span {font-size: 15px; font-weight: bold; line-height: 40px; letter-spacing: -0.5px;}
.newBtn .fa-angle-down:before {cursor: pointer; font-size: 24px; line-height: 40px; color: #ff0000; position: absolute; top: 0px; left: 10px;}

#price_color {color: #2b357a; font-weight: 600; margin-left: 10px;}
.option-boxset {height:100px; padding: 0 10px;}
.option-boxset ul li {display: flex; gap: 6px;font-size: 13px; font-weight: 600;align-items: center; margin-bottom: 8px;}
.optionTitleB {color: #2b357a;}
.optionTitleG {color: #0b877b;}
.optionTitleO {color: #e86d27;}
.box_content_detail{display:block!important;}

.delivery_01 .shipping_options .newQue .que_view{
	left:100px!important;
	top:-70px!important;
}
.box-radio-input input[type="radio"]{display:none;}
.box-radio-input input[type="radio"] + span{display:inline-block; border-radius: 8px; background:none; border:1px solid #dfdfdf;   padding:0px 10px; text-align:center; height:28px; line-height:28px; font-weight:500; cursor:pointer;}
.delivery_01 .box-radio-input input[type="radio"]:checked + span{border:1px solid #2b357a; background:#2b357a; color:#fff;}
.delivery_02 .box-radio-input input[type="radio"]:checked + span{border:1px solid #0b877b; background:#0b877b; color:#fff;}
.delivery_03 .box-radio-input input[type="radio"]:checked + span{border:1px solid #e86d27; background:#e86d27; color:#fff;}
.mypage_sent>button {padding: 0 20px; height: 37px; line-height: 34px; color: #fff; border: 2px solid #4c4f6f; background-color: #4c4f6f; border-radius: 25px; text-decoration: none; vertical-align: top;}
.won_flex {justify-content: space-between;}
.won_flex .won_info{display: flex; gap: 14px;}
.option_packaging li {margin-bottom: 10px;}
.option_packaging li span:first-child {margin-right: 6px;}
.arrow_ani {animation: blink2 0.2s ease-in-out infinite alternate;}

/* 없음 버튼 */
.checkd-area {display: flex!important; width: 517px;  gap: 14px; align-items: center;}
.checkd-area input[type="text"] {width: 100%;}
.not-input[type="checkbox"] {display: none;}
.not-label {width: 60px; border: 1px solid #ddd; padding: 7px 10px; border-radius: 4px; font-weight: 600; text-align: center; cursor: pointer; height: 35px;}
.delivery_01 .not-input[type="checkbox"]:checked + .not-label  {background: #151d50;color: #fff;border: 1px solid #151d50;}
.delivery_02 .not-input[type="checkbox"]:checked + .not-label  {background: #0b877b;color: #fff;border: 1px solid #0b877b;}
.delivery_03 .not-input[type="checkbox"]:checked + .not-label  {background: #e86d27;color: #fff;border: 1px solid #e86d27;}

.newBtn3 {position: relative;display: block; padding: 0; font-size: 14px;}
.newBtn3 span {display: block; font-size: 15px; font-weight: bold; line-height: 40px; letter-spacing: -0.5px;}
.newBtn3 span input:disabled {opacity: 0.3;}
.newBtn3 span input[type="checkbox"] {margin-right: 5px; width: 22px; height: 22px; border-radius: 50%; background: url(/theme/omv/img/terms_none.jpg) no-repeat center center; appearance: none; cursor: pointer; transition: background 0.2s;}
.newBtn3 span.blink01 {animation: blink1 0.2s ease-in-out infinite alternate;}
.newBtn3 span.view_btn {display: inline-block; height: 40px; cursor: pointer; padding: 0 5px;position: relative}
.newBtn3 span.close_btn {display: none; height: 40px; float: right; cursor: pointer; padding: 0 5px;}
.newBtn3 span.close_btn i {font-size: 19px; line-height: 40px;}
.newBtn3 span input[type="checkbox"]:checked {margin-right: 5px; background: url(/theme/omv/img/terms_checked.jpg) no-repeat center center;}

.addres-table th:nth-child(3) {min-width: 130px;}
.addres-table th:nth-child(7) {min-width: 50px;}
.addres-table th:nth-child(11) {min-width: 80px;}
#fregisterform .tbl_frm01 td .frm_input {font-size: 14px;}
#fregisterform .tbl_frm01 th {font-size: 14px;}
.mbskin button.btn_frmline {font-size: 14px; height: 30px; line-height: 29px; padding: 0 16px; margin-top: 4px; }
#fregisterform .tbl_frm01 td {padding:0;}
.tbl_wrap caption { padding: 5px 0;}

.indo_bt {display: flex;justify-content: center; }
.indo_bt>div {position:relative;}
.delivery_01 .indo_bt b {font-size:13px;line-height:14px; width: 30px; height: 30px; background: #2b357a; color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 2px solid #fff; position: absolute; left: -7px; top: 8px;}
.delivery_01 .indo {background: #2b357a; color: #fff; padding: 4px; width: 460px; border-radius: 20px; text-align: center; padding-right: 15px;}
.delivery_02 .indo_bt b {font-size:13px;line-height:14px; width: 30px; height: 30px; background: #0b877b; color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 2px solid #fff; position: absolute; left: -7px;}
.delivery_02 .indo {background: #0b877b; color: #fff; padding: 4px; width: 430px; border-radius: 20px; text-align: right; padding-right: 16px;}
.delivery_03 .indo_bt b {font-size:13px;line-height:14px; width: 30px; height: 30px; background: #e86d27; color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 2px solid #fff; position: absolute; left: -7px;}
.delivery_03 .indo {background: #e86d27; color: #fff; padding: 4px; width: 430px; border-radius: 20px; text-align: right; padding-right: 16px;}

.classText img {width: 100%;}
.eutitle {background: #3f7c5a; color: #fff; padding: 8px 20px; border-radius: 20px;}
.classText p {font-size: 15px;  color: #1c4e45; font-weight: bold; margin: 0; letter-spacing: -0.8px; word-break: keep-all;margin-top: 14px;padding: 4px 10px 0;}

.price-box div:first-child {height: 30px; width: 120px; font-weight: bold;  background-color: #fff; color: #2b357a; border-radius: 25px; border: 1px solid #2b357a; line-height: 30px;  margin: 0 auto; }
.price-box div:last-child {height: 30px;  width: 120px;  font-weight: bold; background-color: #2b357a;  color: #fff;  border-radius: 25px;  border: none;line-height: 30px;  margin: 10px auto;}

.krow2{height:50px;}

.checkBox_renewal_1[type="checkbox"]:checked{background: url(/theme/omv/img/terms_smpd_checked.jpg) no-repeat center center!important}
.checkBox_renewal_4[type="checkbox"]:checked{background: url(/theme/omv/img/terms_on_checked.jpg) no-repeat center center!important}

.infoClick{
	display: inline-block;
    border: 3px solid #343e7b!important;
    background-color: #343e7b!important;
    padding: 0 25px!important;
    font-size: 17px;
    line-height: 35px;
    font-weight: bold;
    color: #fff!important;
    border-radius: 30px!important;
    margin-right: 10px;
}

.relativeK{position:relative;width:443px;}
.close_btn_ksw{display:none;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);right:-5px;background:#979797;color:#fff;font-size:0.7em;width:18px;height:18px;text-align:center;line-height:18px;border-radius:50%;}

.boxSearchBtn{width:54px;}
.form_ksw_2 .boxSearchBtn{background:white;border:1px solid #2b357a!important; color: #2b357a!important}
.form_ksw_plus .boxSearchBtn{background:white;border:1px solid #e86d27!important; color: #e86d27!important}
.form_ksw_smpd .boxSearchBtn{background:white;border:1px solid #0b877b!important; color: #0b877b!important}

#modalHscode .modal-content{border-radius:15px;}
.modalHscode_ksw_close_btn{position:absolute;top:5px;right:10px;}
.modalHscode_ksw_close_btn i{font-size:24px;}
.listHscodesKsw{width:100%;height:340px;overflow-y:auto;margin-top:10px;}
.listHscodesKsw button{border: 1px solid #ddd; background: #fff; padding: 3px; width: 25px;  border-radius: 50%; height: 25px;transition: background 0s!important;}
.listHscodesKsw button i {color:#ddd}
.listHscodesKsw button:hover{background:#fff!important}
.listHscodesKsw button:hover i {color:#2b357a!important}
	
.kf #keyword, .kf_plus #keyword, .kf_smpd #keyword{border:1px solid #333}
.kf #buttonHscode{background:white;border:1px solid #2b357a!important; color: #2b357a!important;width:40px;}
.kf_plus #buttonHscode{background:white;border:1px solid #e86d27!important; color: #e86d27!important;width:40px;}
.kf_smpd #buttonHscode{background:white;border:1px solid #0b877b!important; color: #0b877b!important;width:40px;}

.listHscodesKsw_plus{width:100%;height:340px;overflow-y:auto;margin-top:10px;}
.listHscodesKsw_plus button{border: 1px solid #ddd; background: #fff; padding: 3px; width: 25px;  border-radius: 50%; height: 25px;transition: background 0s!important;}
.listHscodesKsw_plus button i {color:#ddd}
.listHscodesKsw_plus button:hover{background:#fff!important;border:1px solid #e86d27!important}
.listHscodesKsw_plus button:hover i {color:#e86d27!important}

.listHscodesKsw_smpd{width:100%;height:340px;overflow-y:auto;margin-top:10px;}
.listHscodesKsw_smpd button{border: 1px solid #ddd; background: #fff; padding: 3px; width: 25px;  border-radius: 50%; height: 25px;transition: background 0s!important;}
.listHscodesKsw_smpd button i {color:#ddd}
.listHscodesKsw_smpd button:hover{background:#fff!important;border:1px solid #0b877b!important}
.listHscodesKsw_smpd button:hover i {color:#0b877b!important}

.deliveryInfo_ksw tr:first-child td{background:#f6f6f6;text-align:center;}
.deliveryInfo_ksw td{border:1px solid #d8d8d8; padding:2px 8px;text-align:center;}


.deliveryK01 .indo_bt b { width: 30px; height: 30px; background: #2b357a; color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 2px solid #fff; position: absolute; left: -7px;top:8px;}
.deliveryK01 .indo {font-size:13px;line-height:18px;background: #2b357a; color: #fff; padding: 6px; width: 325px; border-radius: 20px; text-align: right; padding-right: 16px;}
.deliveryK02 .indo_bt b { width: 30px; height: 30px; background: #0b877b; color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 2px solid #fff; position: absolute; left: -7px;top:8px;}
.deliveryK02 .indo {font-size:13px;line-height:18px;background: #0b877b; color: #fff; padding: 6px; width: 325px; border-radius: 20px; text-align: right; padding-right: 16px;}
.deliveryK03 .indo_bt b { width: 30px; height: 30px; background: #e86d27; color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 2px solid #fff; position: absolute; left: -7px;top:8px;}
.deliveryK03 .indo {font-size:13px;line-height:18px;background: #e86d27; color: #fff; padding: 6px; width: 325px; border-radius: 20px; text-align: right; padding-right: 16px;}


.cursorPointer {cursor:pointer;}
.goods_list_ksw input{border: 0;border: 1px solid #d5d5d5;box-shadow: none;height: 30px;width:calc(100% - 6px);margin:0 auto;}
.goods_list_ksw .ksw{position:relative;}
.goods_list_ksw .ksw button{position:absolute;top:16px;right:2px;transform:translate(-50%);cursor: pointer;
    
    background: #979797;
    color: #fff;
    font-size: 0.7em;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;border:1px solid #979797}