/* section1 */
.main_sec01 { height: 800px; overflow: hidden; padding-top: 80px; background-color: #f2f2f2; margin-top: -96px; } 
.main.auland .ly_inner { width:100%}
.main.auland .main_sec01 { 
 margin-top:0px; } 
.aus .main_sec01 { height: 760px; } 
.aus .main_sec01 .sec_inner>div:nth-child(1){padding-top:70px}
.sec_inner { width: 100%; max-width: 1280px; margin: 0 auto; padding:0px 0px 0px 40px}
.main_sec01 .sec_inner { display: flex; justify-content: space-between; } 
.main_sec01 .sec_inner>div:nth-child(1) { width: 52%; position: relative; } 

.sub.auland.main { padding:0px } 

.main.auland .main-area-aus{width: 1280px;margin: 100px auto;}

.main.auland.aus .sub_contents .type_diagram {
  margin-left: 25px;
  width: 530px;
}

.test_sec02 {margin:80px 0px}

.test_sec02 h3 { font-size:28px } 

.sec_inner03 { width: 100%; max-width: 1280px; margin: 0 auto; padding:80px 20px 50px 30px; background-color: #fcfcfc}
.main_logo { position: relative; width: 380px; height: 99px; background: url(/images/auland/intro/logo_main.png) no-repeat left top; background-size: contain; font-size: 0; z-index: 1; } 
.main_h2_wrap { display: flex; align-items: center; margin-top: 20px; } 
.main_h2_wrap h2 { font-size:30px; font-weight: 700; } 
.main_h2_wrap p { position: relative; margin-left: 10px; font-size: 13px; line-height: 1.5; z-index: 1; } 
.main_desc01 { position: relative; margin-top: 64px; color: #AF0017; font-size: 18px; font-weight: 600; z-index: 1; } 
.main_sec01_left .desc_s_black { position: relative; margin-top: 16px; z-index: 1; width: 92%; word-break: keep-all; } 
.main_diagram { display: flex; align-items: center; position: relative; margin-top: 30px; z-index: 1; } 
.main_diagram ul { display: flex; align-items: center; } 
.main_diagram li { display: flex; justify-content: center; align-items: center; position: relative; width: 56px; height: 56px; margin-right: 34px; border-radius: 50%; color: #fff; font-size: 12px; text-align: center; line-height: 1.3; } 
.main_diagram li:nth-child(1) { background-color: #F6C154; } 
.main_diagram li:nth-child(2) { background-color: #E64F1C; } 
.main_diagram li:nth-child(3) { padding-top: 6px; background-color: #C0272D; } 
.main_diagram li:nth-child(4) { padding-top: 6px; margin-right: 0; background-color: #610D15; } 
.main_diagram li:before { content: ''; display: inline-block; position: absolute; top: -6px; left: -6px; width: 68px; height: 68px; border-radius: 50%; } 
.main_diagram li:nth-child(1):before { background: url(/images/auland/intro/circle_dotted1.png) no-repeat left top; background-size: contain; } 
.main_diagram li:nth-child(2):before { background: url(/images/auland/intro/circle_dotted2.png) no-repeat left top; background-size: contain; } 
.main_diagram li:nth-child(3):before { background: url(/images/auland/intro/circle_dotted3.png) no-repeat left top; background-size: contain; } 
.main_diagram li:nth-child(4):before { background: url(/images/auland/intro/circle_dotted4.png) no-repeat left top; background-size: contain; } 
.main_diagram li:after { content: '+'; position: absolute; right: -25px; top: 9px; color: #CBCBCB; font-size: 30px;}
.main_diagram li:last-child:after { display: none; } 
.main_diagram>div { position: relative; margin-left: 36px; font-size: 18px; font-weight: 600; line-height: 1.3; } 
.main_diagram>div:after { content: '='; position: absolute; left: -24px; top:8px; color: #CBCBCB; font-size: 24px; } 
.main_diagram>div span { font-size: 14px; font-weight: 400; } 
.main_guide { position: relative; padding-left: 10px; margin-top: 55px; } 
.main_guide:before { content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 49px; background-color: #AF0017; } 
.main_guide p:nth-child(2) { margin-top: 12px; } 
.btn_row { display: flex; margin-top: 20px; } 
.btn_row>button:nth-child(2) { margin-left: 12px; } 
.main_sec01_left button { position: relative; z-index: 1; } 
.main_sec01_right { position: relative; width: 48%; height:800px; } 

.main.auland .main_sec01 .main_sec01_right { width:52% } 
.main.auland .main_sec01 .monitor { left:75px } 
.main.auland .main_sec03 { background-color:#fcfcfc; padding-bottom: 100px; } 
.main.auland .main_sec03 .test_sec02 { max-width: 1280px; margin: 0 auto;padding-top: 50px; } 
.mask_img { position: absolute; top :491px; left: -40px; width: 700px; opacity: 0; -webkit-animation: fadeInVisual 0.4s ease-in-out 0.4s forwards; -ms-animation: fadeInVisual 0.4s ease-in-out 0.4s forwards; animation: fadeInVisual 0.4s ease-in-out 0.4s forwards; } 
.main.auland .mask_img {    top: 580px;
  width: 700px;}

.main.auland .mask02{  width: 850px;
  background-size: 850px}
.main.auland .monitor img{width:460px}
.main.auland .aside{top: 80px;right: 40px;}

.main.auland .line {
  margin-left: 330px;}
.main.auland .sec_inner{padding:0px}

.mask_img img { position: absolute; bottom: 0; left: 0; width: 700px; } 
.main.auland .mask_img img{width:810px}
.mask_img img.main_visual { opacity: 0; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } 
.mask_img img.main_visual.visible { opacity: 1; left: 0; } 
.mask_img img.main_visual.move { left: -40px}
@keyframes fadeInVisual { 
 0% { left: -40px; opacity: 0; } 
 100% { left: 0; opacity: 1; } 
 }
@-webkit-keyframes fadeInVisual { 
 0% { left: -40px; opacity: 0; } 
 100% { left: 0; opacity: 1; } 
 }
.mask_cover { position: absolute; bottom: -50px; left: -50px; -webkit-animation: fadeInLeftDown 0.4s ease-in-out 0.4s forwards; -ms-animation: fadeInLeftDown 0.4s ease-in-out 0.4s forwards; animation: fadeInLeftDown 0.4s ease-in-out 0.4s forwards; } 
@keyframes fadeInLeftDown { 
 0% { bottom: -50px; left: -50px; } 
 100% { bottom: -400px; left: -250px; } 
 }
@-webkit-keyframes fadeInLeftDown { 
 0% { bottom: -50px; left: -50px; } 
 100% { bottom: -400px; left: -250px; } 
 }
.mask02 { position: absolute; top: 0px; left: 0px; width: 700px; height: 700px; background: url(/images/auland/intro/mask2.png) no-repeat 60px top; opacity: 0; -webkit-animation: fadeInRightUp 0.4s ease-in-out 1s forwards; -ms-animation: fadeInRightUp 0.4s ease-in-out 1s forwards; animation: fadeInRightUp 0.4s ease-in-out 1s forwards; background-size: 750px; } 
@keyframes fadeInRightUp { 
 0% { opacity: 0; top: 360px; left: -360px; } 
 100% { opacity: 1; top: 60px; left: -160px; } 
 }
@-webkit-keyframes fadeInRightUp { 
 0% { opacity: 0; top: 360px; left: -360px; } 
 100% { opacity: 1; top: 60px; left: -160px; } 
 }
.monitor { position: relative; top: 180px; left: 25px; width: 600px; height: 613px; opacity: 0; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); -webkit-animation: fadeInLeft 0.5s ease-in-out 1.6s forwards; -ms-animation: fadeInLeft 0.5s ease-in-out 1.6s forwards; animation: fadeInLeft 0.5s ease-in-out 1.6s forwards; } 
.monitor img { position: absolute; top: 0; left: 0; width: 420px}
.monitor img.monitor_img { opacity: 0; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } 
.monitor img.monitor_img.visible { left: 0; opacity: 1; } 
.monitor img.monitor_img.move { left: 50px; } 
@keyframes fadeInLeft { 
 0% { opacity: 0; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); } 
 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 
 }
@-webkit-keyframes fadeInLeft { 
 0% { opacity: 0; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); } 
 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 
 }
.line { margin-top: 100px; display: block; margin-left: 220px; right: 50px; bottom: 67px; width: 80px; height: 8px; background-color: #fff; border-radius: 4px; opacity: 0; -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); -webkit-animation: drawLine 0.5s ease-in-out 1.6s forwards; -ms-animation: drawLine 0.5s ease-in-out 1.6s forwards; animation: drawLine 0.5s ease-in-out 1.6s forwards; } 
@keyframes drawLine { 
 0% { right: -91px; bottom: 67px; width: 100px; opacity: 0; } 
 100% { right: -232px; bottom: 148px; width: 288px; opacity: 1; } 
 }
@-webkit-keyframes drawLine { 
 0% { right: -91px; bottom: 67px; width: 100px; opacity: 0; } 
 100% { right: -232px; bottom: 148px; width: 288px; opacity: 1; } 
 }
.aside {position: absolute;top: 110px;right: 0px;width: 132px;height: 132px;opacity: 1;
transform: translateY(50px);}
@keyframes fadeInUp { 
 0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } 
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 
 }
@-webkit-keyframes fadeInUp { 
 0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } 
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 
 }
.aside>p { position: absolute; top: 21px; left: 21px; width: 90px; height: 90px; padding-top: 38px; background: #AF0017 url(/images/auland/intro/ico_crown.png) no-repeat center 10px; background-size: 32px; border-radius: 50%; color: #fff; font-weight: 500; text-align: center; line-height: 1.3; } 
.txt_circle { position: absolute; top: 0; left: 1px; -webkit-animation: rotate 20s linear infinite; -ms-animation: rotate 20s linear infinite; animation: rotate 20s linear infinite; } 
.txt_circle img { width: 130px; } 
@-webkit-keyframes rotate { 
 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 
 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } 
 }
@keyframes rotate { 
 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 
 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } 
 }
.bg_mob,
.scroll_ani { display: none; } 

.desc_mb_black { font-weight: 700; font-size: 16px; } 

.desc_s_gray { font-size:13px } 

/* transition */
.trans02 { -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } 
.trans03 { -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 

/* animation */
@keyframes fadeInRight { 
 0% { -webkit-transform: translateX(-60px); -ms-transform: translateX(-60px); transform: translateX(-60px); } 
 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 
 }
@-webkit-keyframes fadeInRight { 
 0% { -webkit-transform: translateX(-60px); -ms-transform: translateX(-60px); transform: translateX(-60px); } 
 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 
 }

/* button style */
button { -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } 
.btn_white_ico { display: flex; align-items: center; height: 44px; padding: 0 24px; background-color: #fff; border-radius: 22px; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.08); font-size:15px; } 
.btn_white_ico .ico { width: 16px; height: 13px; margin-right: 10px; background: url(/images/auland/intro/ico_arrow.png) no-repeat left top; background-size: cover; } 
.btn_white_ico:hover { background-color: #000; color: #fff; } 
.btn_white_ico:hover .ico { background: url(/images/auland/intro/ico_arrow_white.png) no-repeat left top; background-size: cover; -webkit-transform: translateX(6px); -ms-transform: translateX(6px); transform: translateX(6px); } 
.btn_white_ico b { font-weight: 600; } 
.btn_black { position: relative; height: 48px; padding: 0 45px; background-color: #000; border: 1px solid #000; color: #fff; font-size: 1.6rem; z-index: 2; } 
.btn_black:before { content: ""; position: absolute; background-color: #fff; left: 0; top: 0; width: 0; height: 100%; z-index: -1; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
.btn_black:hover { color: #000; } 
.btn_black:hover:before { width: 100%; } 
.btn_red_s { width: 85px; height: 40px; background-color: #C0272D; border-radius: 2px; color: #fff; font-size: 1.4rem; } 
.btn_red_s:hover { background-color: #A8151A; } 
.btn_trans { width: 85px; height: 40px; margin-left: 10px; border: 1px solid #7B7B7B; border-radius: 2px; font-size: 1.4rem; } 
.btn_trans:hover { background-color: #585858; border-color: #585858; color: #fff; } 

.test_charac { display: flex; justify-content: space-between; margin-top: 30px; } 
.test_charac li { width: 23.5%; } 
.test_img img { width: 100%; } 
.test_desc03 { margin-top: 20px; font-weight: 600; } 
.test_desc04 { margin-top: 10px; color: #53585A; font-size: 1.4rem; line-height: 1.5; } 
.test_desc04 p { margin-bottom: 24px; font-size: 14px; } 
.test_desc04 p:last-child { margin-bottom: 0; } 

.h2_sec { font-family: 'Montserrat'; font-size:80px; font-weight: 700; text-align: center; letter-spacing: 0;font-size:50px}
.h2_sec span { font-weight: 400; } 


.why { display: flex; justify-content: space-between; margin-top: 80px; } 
.why>div:nth-child(1) { width: 36%; } 
.why>div:nth-child(2) { width: 48%; } 
.why_desc01 { font-size: 25px; line-height: 1.6; } 
.why h3 { margin-top: 20px; font-size: 38px; font-weight: 700; } 
.why_desc02 { margin-top: 40px; color: #585858; font-size: 13px; } 
.why_desc02 b { font-weight: 500; } 
.why_desc03 { display: inline-block; margin-top: 13px; padding: 10px 16px; background-color: #fff; border: 1px solid #E8E8E8; border-radius: 2px; color: #7B7B7B; font-size: 12px; } 
.why_list li { min-height: 160px; margin-bottom: 40px; padding: 10px 0 0 184px; } 
.why_list li:nth-child(1) { background: url(/images/auland/intro/con_why1.png) no-repeat left top; background-size: 140px; } 
.why_list li:nth-child(2) { background: url(/images/auland/intro/con_why2.png) no-repeat left top; background-size: 140px; } 
.why_list li:nth-child(3) { margin-bottom: 0; background: url(/images/auland/intro/con_why3.png) no-repeat left top; background-size: 140px; } 
.why_list li .desc_s_gray2 { margin-top: 17px; font-weight: 400; font-size: 13px; line-height: 18px; word-break: keep-all;}
.why_list li .desc_s_gray2 b { font-weight: 600; } 



.main_sec02 { position: relative; width: 100%; padding-bottom: 80px; background: url(/images/auland/intro/bg_wave.svg) no-repeat center 700px; margin-top:80px; text-align: center; } 



.main_sec02 h3 { margin-top: 61px; font-size: 25px; text-align: center; } 

.main_sec02 .desc_ml_black { width: 76%; margin: 20px auto 0; font-size: 15px; line-height: 24px; } 

.clone { display: flex; justify-content: center; margin-top: 41px; } 
.clone>div { width: 40.5%; margin: 0 12px; padding: 20px 36px 40px; background-color: #fff; border-radius: 12px; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.09); } 
.clone>div>p:nth-of-type(2) { margin-top: 17px; color: #585858; line-height: 1.5; } 
.clone_add { margin-top: 20px; } 
.lott_wrap { position: relative; width: 120px; height: 120px; margin: 0 auto 10px; } 
.lott_wrap:after { content: ''; position: absolute; top: 0; left: 0; width: 120px; height: 120px; background: url(/images/auland/intro/ico_clone1.png) no-repeat center center; background-size: 60px 60px; } 
.lott_wrap.lott2:after { background: url(/images/auland/intro/ico_clone2.png) no-repeat center center; background-size: 60px 60px; } 
.clone_slide { margin: 80px -50px 0; } 
.clone_slide .swiper { padding: 60px 50px 60px; } 
.clone_slide .swiper-wrapper { display: flex; justify-content: space-between; } 
.clone_slide .swiper-wrapper .swiper-slide { width: 23.4%; height: 420px; text-align: left; } 
.slide_box { position: relative; width: 100%; height: 420px; padding: 32px 28px; overflow: hidden; background-color: #fff; border-radius: 12px; box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.08); } 
.clone_slide .swiper-wrapper .swiper-slide:nth-child(1) { -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 
.clone_slide .swiper-wrapper .swiper-slide:nth-child(2) { -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); } 
.clone_slide .swiper-wrapper .swiper-slide:nth-child(4) { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 
.clone_monitor { position: absolute; right: -20px; bottom: 0; } 
.clone_slide img { width: 100%; vertical-align: top; } 
.clone_desc01 { color: #F6C154; font-weight: 500; } 
.clone_desc02 { margin-top: 20px; line-height: 1.4; font-size: 19px; } 
.clone_desc02 b { font-weight: 700; } 
.clone_desc03 { margin-top: 20px; color: #585858; font-size: 13px; line-height: 1.5; opacity: 0; } 
.clone_desc03 p { margin-bottom: 10px; } 
.clone_slide .swiper-wrapper .swiper-slide:hover .slide_box { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 
.clone_slide .swiper-wrapper .swiper-slide:hover .clone_desc03 { opacity: 1; } 
.clone_slide .swiper-wrapper .swiper-slide:hover .clone_monitor { opacity: 0; -webkit-transform: translateX(200px); -ms-transform: translateX(200px); transform: translateX(200px); } 
.clone_pagination { display: none; } 

.btn_area { width:100%; position: absolute; z-index: 9; top: 620px; } 


.wrap_modal { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color:rgba(0,0,0,0.4); z-index: 200; align-items: center; min-height: calc(100% - 1rem)}

.wrap_modal.show {display: flex; } 
.wrap_modal.show .cont_modal { transition: transform .3s ease-out; animation: fadeInDown 0.5s } 
.wrap_modal .cont_modal { transition: transform .3s ease-out; animation: fadeInUp 0.5s } 

.cont_modal { position: relative; width: 588px; margin: 0 auto; padding-bottom: 60px; background-color: #fff; overflow: hidden; outline:0; } 
.hd_modal { position: relative; height: 58px; padding: 20px 20px 0; font-size: 2rem; } 
.hd_modal b { color: #C0272D; font-weight: 600; } 
.btn_close { display: inline-block; position: absolute; top: 16px; right: 18px; width: 24px; height: 24px; cursor: pointer; } 
.btn_close:before, 
.btn_close:after { content: ' '; position: absolute; top: 3px; left: 11px; height: 18px; width: 2px; background-color: #000; } 
.btn_close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } 
.btn_close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } 
.body_modal { padding: 20px; } 

/* player modal */
#playerModal .cont_modal { width: 100%; max-width: 1000px; padding-bottom: 0; } 
#playerModal .hd_modal { display: flex; justify-content: space-between; align-items: center; padding: 0 20px; border-bottom: 1px solid #F2F2F2; } 
#playerModal .hd_modal>div:nth-child(1),
#playerModal .hd_modal>div:nth-child(2) { display: flex; align-items: center; } 
.player_tit { position: relative; margin-left: 40px; font-size:18px; } 
.player_tit b { color: #000; font-weight: 600; } 
.player_tit:before { content: ''; position: absolute; top: -2px; left: -18px; width: 1px; height: 24px; background-color: #DEDEDE; } 
.logo_modal img { width: 96px; margin-top: -7px; } 
.player_top { padding-right: 40px; } 
.player_top p { position: relative; margin-left: 50px; color: #7B7B7B; font-size: 14px; } 
.player_top p:first-child { margin-left: 0; } 
.player_top p b { color: #7B7B7B; } 
.player_top p .num { color: #585858; font-weight: 600; } 
.player_top p:nth-child(2):before { content: '|'; position: absolute; top: 0; left: -25px; color: #DEDEDE; } 
.player_bd { display: flex; } 
.video_wrap { width: 71.4%; background-color: #000; } 
.video_box { width: 100%; padding-bottom: 71.8487%; } 
.video_info { display: flex; flex-direction: column; justify-content: space-between; width: 28.6%; padding: 20px; background-color: #FCFCFC; } 
.video_info_tit { padding-bottom: 8px; border-bottom: 1px solid #000; font-weight: 600; } 
.video_list { height: 250px; overflow-x: hidden; overflow-y: auto; } 
.video_list li { padding: 20px 0; border-bottom: 1px solid #F2F2F2; font-size: 1.4rem; cursor: pointer; } 
.video_info_row { display: flex; font-size: 13px; justify-content: space-between; } 
.video_info_row>p { width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.video_info_row>p b { margin-right: 4px; font-family: "Montserrat"; font-weight: 600; } 
.video_info_row span { position: relative; padding-left: 12px; color: #7B7B7B; } 
.video_info_row span:before { content: '|'; position: absolute; top: 0; left: 0; color: #DEDEDE; } 
.video_list li.on { color: #C0272D; } 
.video_list li.on span { color: #C0272D; } 
.btn_video_modal { display: flex; justify-content: space-between; align-items: center; height: 56px; width: 100%; margin-bottom: 8px; padding: 0 14px; border: 1px solid #DEDEDE; border-radius: 2px; color: #000; font-size: 15px; } 
.btn_video_modal b { font-weight: 500; } 
.ico_play { position: relative; width: 24px; height: 24px; background-color: #C0272D; border-radius: 50%; } 
.ico_play:after { content: ''; position: absolute; top: 7px; left: 10px; width: 0; height: 0; border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-left: 7px solid #fff; border-right: 7px solid transparent; } 
.btn_video_modal:hover { background-color: #C0272D; color: #fff; } 
.btn_video_modal:hover .ico_play { background-color: #fff; } 
.btn_video_modal:hover .ico_play:after { border-left: 7px solid #C0272D; } 



@keyframes fadeInDown {0% {opacity: 0;transform: translate3d(0, -20%, 0); } 
to {opacity: 1;transform: translateZ(0); } 
 }

@keyframes fadeInUp {0% {opacity: 1;transform: translateZ(0); } 
to {opacity: 0;transform: translate3d(0, -50%, 0); } 
 }


.help.ing { padding-top:12px; padding-left:5px; font-size:14px; color:red } 
.help.ing img { float:none; margin-right:5px } 

.btn_report { cursor:pointer; display:inline-block; padding:0px 16px 0px 42px; border-radius:3px; border:1px solid #2ca5be; font-weight:500; height:36px; background:#2ca5be url(/images/icon/verified-text-paper.png) 12px center no-repeat; font-size:18px; color:#fff; text-align:center; line-height:35px; letter-spacing:-0.05em; vertical-align: middle; } 
.btn_report:hover { box-shadow:0px 2px 8px #544e4f; transition: all 0.5s; color:#fff } 
.mr15 { margin-right:15px } 
.re-tip { padding-top:18px; font-size:14px; color:red; } 
.re-tip img { float:none; margin-right:10px } 

.aus .main_diagram>div:after { top: -4px; } 

.aus .btn_area { top: 560px; } 

.aus .sub_contents h3 { margin-top: 60px; font-size:36px; font-weight: 700; text-align: center; } 


.aus .sub_contents h4 { margin-bottom: 10px; font-size: 20px; } 
.aus .sub_contents h4 b { font-weight: 700; } 
.aus .sub_contents h5 { margin-bottom: 43px; font-size: 32px}
.aus .sub_contents h5 span { position: relative; top: 1px; color: #C0272D; font-family: 'Montserrat'; font-size:34px; font-weight: 800; } 

.aus .sub_contents .type_conts01 { display: flex; justify-content: space-between; margin-top: 70px; margin-bottom: 50px; } 
.aus .sub_contents .type_conts01>div:nth-child(1) { width: 44%; } 
.aus .sub_contents .type_conts01>div:nth-child(1) img { width: 100%; } 
.aus .sub_contents .type_conts01>div:nth-child(2) { width:52%; } 
.aus .sub_contents .type_desc_bun { margin-top: 40px; } 
.aus .sub_contents .type_desc_bun:first-child { margin-top: 0; } 
.aus .sub_contents .type_desc01 { font-size: 20px; font-weight: 500; } 
.aus .sub_contents .type_desc01 b { font-weight: 700; } 
.aus .sub_contents .type_desc02 { margin-top: 10px; color: #53585A; font-size: 14px; line-height: 1.5; word-break: keep-all; } 
.aus .sub_contents .type_diagram { display: flex; justify-content: space-between; align-items: center; margin-top: 34px; margin-left: -5px; } 
.aus .sub_contents .type_diagram ul { display: flex; } 
.aus .sub_contents .type_diagram ul li { display: flex; justify-content: center; align-items: center; position: relative; width: 90px; height: 90px; margin-right: 10px; border: 12px solid #D2D2D2; border-radius: 50%; color: #585858; font-size: 13px; font-weight: 500; text-align: center; } 
.aus .sub_contents .type_diagram ul li:after { content: '+'; display: flex; justify-content: center; align-items: center; position: absolute; top: 18px; right: -32px; width: 24px; height: 24px; background-color: #fff; border-radius: 50%; color: #585858; font-size: 2rem; z-index: 10; } 
.aus .sub_contents .type_diagram ul li:last-child:after { display: none; } 
.aus .sub_contents .type_diagram>div { position: relative; width: 105px; } 
.aus .sub_contents .type_diagram>div:after { content: ''; position: absolute; left: -24px; top: 19px; width: 18px; height: 24px; background: url(/images/auland/intro/ico_arrow.png) no-repeat left top; background-size: contain; } 
.aus .sub_contents .type_diagram>div>p { display: flex; justify-content: center; align-items: center; width: 100%; height: 56px; border-radius: 30px; color: #fff;font-size: 15px;font-weight: 700;padding: 0px 20px; text-align: center; } 
.aus .sub_contents .type_diagram>div>p:nth-child(1) { background-color: #C0272D; } 
.aus .sub_contents .type_diagram>div>p:nth-child(2) { margin-top: 4px; background-color: #E64F1C; } 
.aus .sub_contents .type_diagram>div>p:nth-child(2) i { display: inline-block; margin-top: 8px; font-size: 1.2rem; font-weight: 400; } 



.type_conts02 { display: flex; justify-content: space-between; } 
.type_desc_box { width: 46.6666%; } 
.type_img_box { width: 49%; padding: 40px 20px 60px; background-color: #fff; border: 1px solid #F2F2F2; text-align: center; box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.04); } 
.type_desc_box01 { margin-bottom: 80px; padding-top: 10px; } 
.type_desc03 { position: relative; font-weight: 600; font-size: 17px; } 
.type_desc03:after { content: ''; position: absolute; top: -10px; left: 0; width: 24px; height: 2px; background-color: #C0272D; } 
.type_desc04 { margin-top: 40px; } 
.type_desc04 li { position: relative; margin-bottom: 18px; padding-left: 22px; color: #53585A; font-size: 15px; } 
.type_desc04 li:before { content: ''; display: inline-block; position: absolute; top: 4px; left: 0; width: 12px; height: 12px; border: 4px solid #D2D2D2; border-radius: 50%; box-sizing: border-box; } 
.type_desc_box02 { margin-bottom: 70px; } 
.type_desc05 { display: flex; flex-wrap: wrap; margin-top: 20px; } 
.type_desc05 li { margin: 0 4px 10px 0; padding: 8px 12px; background-color: #fff; border: 1px solid #DEDEDE; border-radius: 17px; color: #53585A; font-size: 13px; } 
.type_desc06 { margin-top: 20px; color: #53585A; font-size: 14px; line-height: 1.6; word-break: keep-all; } 
.type_img_box img { width: 386px; } 
.type_img_box p { padding: 0 40px; color: #585858; line-height: 1.5; word-break: keep-all; } 
.type_img_box.type_img_box2 img { width: 452px; } 
.type_img_box.type_img_box3 img { width: 380px; } 
.type_img_box.type_img_box4 img { width: 490px; } 
.img_mob { display: none; } 

/* 아우란트 AUS */
.type_diagram.type2_diagram>div { width: 21%; } 
.type_diagram.type2_diagram>div:after { left: -28px; top: 16px; width: 22px; height: 23px; } 
.type02 .type_img_box.type_img_box2 img { width: 430px; } 
/* 아우란트 KEN */
.type_diagram.type3_diagram ul li { width: 115px; height: 115px; line-height: 1.2; } 
.type_diagram.type3_diagram ul li:after { top: 32px; right: -30px; } 
.type_diagram.type3_diagram>div { width: 26.8707%; } 
.type_diagram.type3_diagram>div:after { left: -44px; } 
.type03 .type_img_box.type_img_box2 img { width: 386px; } 
.type03 .type_img_box.type_img_box3 img { width: 396px; } 


.btn_row2 { margin-top: 60px; text-align: center; } 

/* button style */
.btn_gray { position: relative; height: 48px; padding: 0 45px; background-color: #585858; border-radius: 2px; color: #fff; font-size: 16px; z-index: 2; } 
.btn_gray:before { content: ""; position: absolute; background-color: #000; left: 0; top: 0; width: 0; height: 100%; z-index: -1; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
.btn_gray:hover:before { width: 100%; } 

.mt80 { margin-top:80px }