.detail_top {margin-top:90px; padding:80px 0 60px; background:url(/images/contents/detail_top_bg.jpg) no-repeat center center; background-size:cover;}
.detail_top .container {display:flex;}

.detail_img {width:370px; border:5px solid #fff; box-sizing:Border-box;}
.detail_img > div {width:100%; padding-bottom:122.223%;}
.detail_img img {max-width: 100%; max-height: 100%;}

.detail_top_con {width:calc(100% - 370px); padding-left:100px; box-sizing:Border-box;}
.detail_top_con h3 {padding:0 16px; height:32px; line-height:32px; text-align:center; border-radius:32px 32px 32px 0; background:#242b35; color:#a6bfe3; font-size:16px; display:inline-block;}
.detail_top_con h2 {font-size:38px; color:#222222; font-weight:600; margin-top:20px; margin-bottom:15px; line-height:1;}

.detail_top_con ul {display:flex;}
.detail_top_con ul li {color:#777;font-size:18px; position:relative; padding:0 10px;}
.detail_top_con ul li:not(:first-child)::before {position:absolute; top:6px; left:0; width:1px; height:16px; background:#aaacb5; content:'';}
.detail_top_con ul li:nth-child(1) {color:#222; padding-left:24px; background:url(/images/main/ico_hat.png) no-repeat 0 center;}

.detail_top .mcon03_mw {width:480px; padding-bottom:25px; margin-top:25px; background-position:center bottom -16px;}
.detail_top .mcon03_mw > div {overflow:hidden;}


.detail_body > div.detail_body_con01,.detail_body > div.detail_body_con02 {margin:70px 0;}
.detail_body > div.detail_body_con02 {padding-top:70px; border-top:1px solid #ddd;}

.detail_body_con01 {display:flex; position:relative;}
.detail_body_con01::before {position:absolute; top:0; left:50%; width:1px; height:100%; background:#ddd; content:'';}
.detail_body_con01 section {width:50%; padding:0 50px;}
.detail_body_con01 section:first-child {padding-left:0;}
.detail_body_con01 section:last-child {padding-right:0;}

.detail_body_con_tit {font-size:22px; color:#f32041; font-family: 'Pretendard-Bold'; margin-bottom:15px;}

.detail_body_con01 section p,.detail_body_con01 section ul li {color:#4d4d4d; font-size:18px;}
.detail_body_con01 section ul li:not(:first-child) {margin-top:4px;}


@media screen and (max-width:1024px){
.detail_top .mcon03_mw {width:100%; }
}

@media screen and (max-width:991px){
.detail_top_con {padding-left:30px; width:55%;}
.detail_img {width:45%; }

.detail_img img {width:100%;}

}


@media screen and (min-width:768px) and (max-width:991px){
.detail_top_con ul {flex-wrap:wrap;}
.detail_top_con ul li {padding:0; width:100%;}
.detail_top_con ul li:not(:first-child)::before {display:none;}
}


@media screen and (max-width:767px){
.detail_top {margin-top:12vw; padding:14vw 0 12vw;}

.detail_top .container {flex-wrap:wrap;}
.detail_img {width:100%;}
.detail_top_con {width:100%; padding-left:0; margin-top:6vw;}
.detail_top_con h3 {padding:0 3.6vw; height:7vw; line-height:7vw; border-radius:7vw 7vw 7vw 0; font-size:3.6vw;}
.detail_top_con h2 {font-size:8vw; margin-top:4vw; margin-bottom:3.5vw;}
.detail_top_con ul li {font-size:3.8vw;}

.detail_top_con ul li:nth-child(1) {padding-left:5vw; background-size:4vw auto; background-position: 0 58%;}
.detail_top_con ul li:not(:first-child)::before {top:1.1vw; height:3.6vw;}

.detail_top .mcon03_mw {padding-bottom:4.5vw; margin-top:4.5vw;     background-position: center bottom -3.6vw;}

.detail_body_con01 {flex-wrap:wrap;}
.detail_body_con01 section {padding:0; width:100%;}
.detail_body_con01::before {display:none;}

.detail_body > div.detail_body_con01, .detail_body > div.detail_body_con02 {margin:12vw 0;}
.detail_body > div.detail_body_con02 {padding-top:12vw;}

.detail_body_con01 section:nth-child(n + 2) {margin-top:6vw;}

.detail_body_con_tit {font-size:4.8vw; margin-bottom:3vw;}
.detail_body_con01 section p, .detail_body_con01 section ul li {font-size:4vw;}
.detail_body_con01 section ul li:not(:first-child) {margin-top:1vw;}
}