@charset "utf-8"; 

.onW {display:block;}
.onM {display:none;}
img {max-width:100%;}

section.noti-box {padding:40px 0; background:#f9f9fb}
ul.noti > li {position:relative; padding-left:15px; line-height:1.7; font-size:14px}
ul.noti.refer > li {margin-bottom:2px; padding-left:18px; line-height:1.6}
ul.noti.refer > li:before {content:'*'; position:absolute; left:0; top:3px}

section {position:relative; margin:0 auto 0;}
section.responsive {max-width:1600px;}
section.responsive .layout {padding:75px 0;}
section.responsive > section {max-width:1200px; padding-left:30px; padding-right:30px}
section.responsive.full > section {max-width:1600px;}
.responsive .layout-2.subLayout .img.auto.img_txt {margin-bottom:5%; max-width:211px; width:10vw;}                
.responsive .layout-2.subLayout .img.auto.img_txt_02 {margin-bottom:2%; max-width:211px; width:18vw;}

.uspCollpase.swiper-slide {text-align:left;}
.uspCollpase section.responsive > .layout-2 {padding:75px 0;}
.uspCollpase .inBody {padding:50px 120px; box-sizing:border-box; max-width:1600px;}
.uspCollpase .responsive .layout-2 {display:table; table-layout:fixed; overflow:hidden; margin:0 auto;}
.uspCollpase .responsive .layout-2.subLayout {max-width:1600px; width:100%;}
.uspCollpase .responsive .layout-2.subLayout > div {display:table-cell; width:50%; vertical-align:middle;}
.uspCollpase .responsive .idx_l {position:relative; padding:0 20px 0 75px; padding-left:7%;}
.uspCollpase .responsive .col_half {padding-right:4.375%; text-align:center;}
.uspCollpase .responsive .info + .col_half {padding-left:6.25%; padding-right:0;}
.uspCollpase .responsive .layout-2.subLayout .info .text .noti.refer {padding-right:10px; text-align:left;}
.uspCollpase .responsive .subLayout ul.noti.refer > li {font-size:16px; text-align:left;}
.uspCollpase .responsive .layout-2.subLayout .img.auto {max-width:100%; width:auto;}
.uspCollpase .responsive .bodyCopyN2 {font-size:46px; font-weight:600; line-height:1.3; letter-spacing:-2px; word-break:keep-all;}
.uspCollpase .responsive .subDescN {margin-top:30px; font-size:24px; line-height:1.6; word-break:keep-all;}
.uspCollpase .responsive .info .subDescN + .noti {margin-top:10px;}
.uspCollpase .contentBody {display:none; border-top:1px solid #d8d8d8;}
.uspCollpase .contentBody .responsive .bodyCopyN2 {font-size:38px;}
.uspCollpase .contentBody .close {position:absolute; bottom:0; left:50%; overflow:hidden; margin-left:-35px;}
.subDetail {font-size:16px; line-height:1.7;}
.uspCollpase .responsive .subLayout .idx_l .index {position:absolute; padding:0; font-weight:bold; top:12px; left:-20%;}
.uspCollpase .responsive .subLayout .idx_l .index:before {content:''; position:static; top:6px; left:-36px; display:inline-block; width:45px; height:1px; margin:0 5px 5px 0; border-bottom:1px solid #b8b8b8;}

.btn_collapse_more {font-size:18px; margin:20px 0 0 0;}
.btn_collapse_more a {display:inline-block; height:33px; padding:0 12px 0 15px; margin:0; text-align:center; line-height:31px; border:1px solid #c61a52; color:#c61a52; border-radius:25%/100%; text-decoration:none;}
.btn_collapse_more a > em {display:inline-block; width:20px; height:20px; margin-top:-4px; border:1px solid #c61a52; border-radius:50%; vertical-align:middle; line-height:16px; text-indent:-1px;}
.bg-f2 {background:#f2f5f6;}
.responsive .info .down_btn {display:block; width:179px; height:33px; margin:20px 0; border:1px solid #000; border-radius:33px; font-size:16px; line-height:31px; text-align:center;} 
.sliderBody .uspCollpase.swiper-slide .subLayout .subTitle > img {width:auto;}
.swipeTip {display:none;}

@media screen and (min-width:768px) {
    .sliderBody  .swiper-wrapper {display:block;}
    .sliderBody .uspCollpase.swiper-slide {display:block;}
	.uspCollpase .contentBody .bodyCopyN2 {position:relative;}	
}

@media screen and (max-width:767px) {
    .onW {display:none;}
    .onM {display:block;}                    
    button, img {outline:none;}
	section.responsive > section {padding-left:0; padding-right:0;}
	section.noti-box {padding:20px 20px 50px 20px;}
	ul.noti.refer {display:block; margin-top:10px; font-size:14px; text-align:left; line-height:1.4; padding:0;}
    ul.noti.refer > li {margin-bottom:0; padding-left:12px; font-size:12px; line-height:1.5;}
	.responsive .layout-2.subLayout .img.auto.img_txt {margin-bottom:5%; width:18vw;}                
    .responsive .layout-2.subLayout .img.auto.img_txt_02 {margin-bottom:2%; width:30vw;}

	section.responsive .layout > .unit {padding:0;}
    section.responsive.full .layout {padding:20px 0 20px 0; text-align:center;}
	section.responsive > .layout-2:nth-child(1) {padding-top:30px;}
    .responsive .info .down_btn {width:119px; height:22px; margin:10px auto; border:1px solid #000; border-radius:22px; font-size:12px; line-height:20px;}

    .uspCollpase .responsive .layout-2.subLayout {display:flex; flex-direction:column;}
    .uspCollpase .responsive .layout-2.subLayout .info {order:1;}
    .uspCollpase .responsive .layout-2.subLayout .col_half {order:2; padding:0 20px; margin-top:20px;}
    .uspCollpase .responsive .layout-2.subLayout > div {display:block; width:100%; vertical-align:middle;}
    .uspCollpase section.responsive > .layout-2 {padding:30px 0;}
    .uspCollpase .responsive .subDescN {font-size:15px; line-height:1.6;}
    .uspCollpase .responsive .subLayout .subDescN {margin:10px 0 20px;}
	.uspCollpase .responsive .layout-2.centerType.subLayout .info .bodyCopyN, .uspCollpase .responsive .layout-2.centerType.subLayout .info .bodyCopyN2 {text-align:center;}
	.uspCollpase .responsive .layout-2.centerType.subLayout .info .headDescN, .uspCollpase .responsive .layout-2.centerType.subLayout .info .subDescN {text-align:center;margin:12px auto 20px;}
	.uspCollpase .responsive .layout-2.centerType.subLayout .info .txt2 {text-align:center;}
	.uspCollpase .responsive .layout-2.subLayout .col_half + .info {margin-top:0;}
	.uspCollpase .responsive .layout-2.subLayout .idx_l {padding:0 20px 0 75px;}
	.uspCollpase .responsive .layout-2.subLayout .idx_l.mNoList {padding:0 20px 0 20px;}
	.uspCollpase .responsive .layout-2.centerType.subLayout .idx_l {padding:50px 20px 0;}
	.uspCollpase .responsive .layout-2.centerType.subLayout .idx_l .index {left:50%; top:-50px;}
	.uspCollpase .responsive .layout-2.centerType.subLayout .idx_l .index:before {display:block;width:1px;height:23px;border-bottom:none;border-left:1px solid #b8b8b8;margin:0 5px;}
	.uspCollpase .responsive .layout-2.subLayout ul.noti {padding:0;}
	.uspCollpase .responsive .layout-2.subLayout ul.noti.refer > li {font-size:12px;}  
    .uspCollpase .bodyCopyN2 {font-size:21px; font-weight:600;}
	.uspCollpase .responsive .layout-2.subLayout.centerType .idx_l {padding:30px 20px 0;}
	.uspCollpase .responsive .layout-2.subLayout.centerType .idx_l .bodyCopyN2 .index {left:50%;top:-20px;text-align:left;}
	.uspCollpase .responsive .contentBody .layout-2.subLayout.centerType .idx_l .index:before {height:18px;}
	.btn_collapse_more {font-size:15px;}
	.btn_collapse_more a > em {text-align:center; width:16px; height:16px; text-indent:-1px;}
	.sliderPage {position:relative; margin:20px 0 0 0;}
	.sliderPage:after {position:absolute; top:0; right:0; width:10vw; height:100%; opacity:1; transition:opacity 0.5s; content:''; background:linear-gradient(to right, rgba(255,255,255,0) 0%, #fff 100%);}
	.sliderPage .sliderBody {margin:0; border-bottom:1px solid #c6c6c6; box-shadow:0px 5px 10px 0px rgba(198,198,198,0.3);}
	.sliderBody .uspCollpase.swiper-slide .contentHead {border:0;}
	.sliderBody .uspCollpase.swiper-slide .contentHead + .btn_collapse_more {padding-top:0;}
	.sliderPage .sliderBody .uspCollpase.swiper-slide .contentBox {visibility:hidden; display:none;} 
	.sliderPage.foldBody .sliderBody .uspCollpase.swiper-slide .contentBox {visibility:visible; display:block;}
	.sliderPage.foldBody .sliderBody .uspCollpase.swiper-slide .contentBody {visibility:hidden; display:none;}
	.sliderPage .sliderBody .contentHead .bodyCopyN2 {font-size:21px;}
	.sliderPage .sliderBody .contentBody .bodyCopyN2 {font-size:18px;}
	.sliderBody .uspCollpase.swiper-slide .contentBody {display:block; padding:0;}
	.sliderPage .swiper-button-prev, .swiper-button-next {width:20px; height:36px; background-size:20px 36px; margin-top:10px;}
	.sliderPage .uspCollpase .btn_collapse_more {position:relative; text-align:center; -webkit-box-ordinal-group:1; box-ordinal-group:1; margin:0; padding:20px 0; }
	.sliderPage .uspCollpase .btn_collapse_more .moreImg {border:0;}
	.sliderPage .uspCollpase .btn_collapse_more .moreImg > img {width:auto; width:122px;}
	.sliderPage .uspCollpase .close {position:static; text-align:center; padding:20px 0; margin-left:0; float:none;}
	.sliderPage .swipeTip {display:none; position:fixed; top:50%; left:50%; margin:-72px 0 0 -127px; z-index:50;}
	.sliderPage .swipeTip img {width:255px;}
	.sliderPage .swipeTip.on {display:block;}
	.sliderPage .uspCollpase .contentBox .close img {width:122px;}
	.sliderNav {position:relative;}
	.sliderNav figure {position:relative; display:flex; flex-direction:column; align-items:center; width:100%; padding-bottom:5px;} 
	.sliderNav figure .thumb {display:inline-block; width:100%; padding:0 4vw; border-right:1px solid #d5d5d5; box-sizing:border-box;}
	.sliderNav figure .thumb > img {width:85px; height:75px;}
	.sliderNav .swiper-slide:last-child figure .thumb {border-right:0;}
	.sliderNav figure > img {display:inline-block;}
	.sliderNav figure:before {content:''; position:absolute; bottom:7px; left:50%; background:#d5d5d5; color:#d5d5d5; width:70%; max-width:110px; height:4px; text-align:center; transform:translateX(-50%);}
	.sliderNav figure img {max-width:100%;}
	.sliderNav figure figcaption {text-align:center; margin:10px 3vw; width:100%; overflow:hidden;}
	.sliderNav figure figcaption .title {font-size:16px; font-weight:800; color:#000; width:100%; word-wrap:break-word;}
	.sliderNav figure figcaption .title.line_two {padding:9.5px 0;}
	.sliderNav .swiper-slide-active figure figcaption .title {color:#c61a52;}
	.sliderNav .swiper-slide-active figure:before {background:#db1e58; color:#c61a52; animation:bar 0.5s forwards;}
	.sliderNav .swiper-slide-active figure:after {display:inline-block; width:0; height:0; border-style:solid; border-width:6px; transition-delay:2s; content:''; position:absolute; bottom:-5px; left:50%; border-color:#db1e58 transparent transparent transparent; transform:translateX(-50%);}
	.sliderNav .swiper-button-prev {position:absolute; left:2px; top:15px; z-index:100; width:10px; background:url(/kr/images/monitors/md08920834/usp/btn_img_slider_arrow_m.png) no-repeat center; background-size:22.5px auto; background-position:0 0;}
	.sliderNav .swiper-button-next {position:absolute; right:2px; top:15px; z-index:100; width:10px; background:url(/kr/images/monitors/md08920834/usp/btn_img_slider_arrow_m.png) no-repeat center; background-size:22.5px auto; background-position:-12px 0;}	
    .sliderPage .uspCollpase .btn_collapse_more {margin:0; padding:20px 0;}
    .sliderPage .uspCollpase .btn_collapse_more .moreImg {height:auto; border:0; border-radius:0;}

	@keyframes bar {0% {width:0;}100% {width:70%;}}
}