@charset "UTF-8";


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500;900&display=swap');


/* common */
* {box-sizing: border-box; margin:0; padding:0;}
body, a, input, textarea, select, table, form, fieldset, button {font-family: 'Noto Sans KR', '돋움', 'Arial', sans-serif; letter-spacing:-0.7px; color:#fff;}
img {max-width:100%; height:auto; border:0; vertical-align:top;}
ul, ol, li {list-style:none;}
address, em {font-style:normal}
a, a:hover, a:active, a:focus {text-decoration:none}
a, button {cursor:pointer;}
.blind {visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0;}


/* layout */
#wrap {position:relative; width:100%; background-image:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/bg_wrap_top.png), url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/bg_wrap_bottom.jpg), url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/bg_wrap_middle.png); background-position:50% top, 50% bottom, 50%; background-repeat:no-repeat, no-repeat, repeat-y;}
#header {position:absolute; top:0; left:0; width:100%; background:linear-gradient(#0002, #0000); z-index:10;}
#main {position:relative; width:100%; background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/bg_main.png) 50% 0 no-repeat;}
#footer {position:relative; width:100%; background-color:rgba(0, 0, 0, .2);}

/* header */
.header_con {max-width:1200px; min-height:118px; margin:0 auto;}
.header_con h1.logo {float:left; padding:32px 0 0 0;}
.header_con h1.logo a {display:block; width:295px; height:60px; background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/logo.png) no-repeat;}
.header_con .util {float:right; padding:56px 0 0 0;}
.header_con .util li {float:left; line-height:0;}
.header_con .util li a {display:inline-block; width:20px; height:20px;}
.header_con .util li::after {content:''; display:inline-block; width:2px; height:20px; margin:0 16px; background-color:#fff5;}
.header_con .util li:last-child::after {content:''; width:0; height:0; margin:0;}
.header_con .util .link_kakaoP a {background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/ic_kakao.png) no-repeat 50% 50%;}
.header_con .util .link_facebook a {background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/ic_facebook.png) no-repeat 50% 50%;}


/* main */
.main_con {max-width:1200px; min-height:1338px;  margin:0 auto; transform:translateY(176px);}
.main_con h3.tit {width:100%; height:596px; background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/tit_main.png) no-repeat 50% 0; }
.main_con .subtit {width:100%; height:77px; background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/subtit_main.png) no-repeat 50% 0; margin-top:72px;}
.main_con .btn_signup {display:block; width:648px; height:88px; background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/btn_signup.png) no-repeat 50% 0; margin:96px auto 0;}
.main_con .btns_share {display:block; margin:72px auto 0; text-align: center;}
.main_con .btns_share li {display:inline-block; margin:0 32px;}
.main_con .btns_share li a {display:block; width:105px; height:97px;}
.main_con .btn_s_email a {background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/btn_share_email.png) no-repeat;}
.main_con .btn_s_kakao a {background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/btn_share_kakao.png) no-repeat;}
.main_con .btn_s_facebook a {background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/btn_share_facebook.png) no-repeat;}


/* section:jcu_feature */
#jcu_feature {max-width:1200px; margin:0 auto; padding:112px 0; overflow:hidden; }
#jcu_feature h3.tit {width:100%; height:138px; background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/tit_feature.png) no-repeat 50% 0;}
#jcu_feature .feature_box {display:block; margin-right:-3%; text-align: center; font-size:0;}
#jcu_feature .fb_line1 {margin-top:64px;}
#jcu_feature .feature_box li {display:inline-block; width:30.3%; height:352px; margin:0 3% 3% 0; background-size:contain !important; background-position:center !important;}
#jcu_feature .feature_box li.feature1 {background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/img_feature1.png) no-repeat;}
/* #jcu_feature .feature_box li.feature2 {background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/img_feature2.png) no-repeat;} */
#jcu_feature .feature_box li.feature3 {background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/img_feature3.png) no-repeat;}
#jcu_feature .feature_box li.feature4 {background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/img_feature4.png) no-repeat;}
#jcu_feature .feature_box li.feature5 {background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/img_feature5.png) no-repeat;}
#jcu_feature .feature_box li.feature6 {background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/img_feature6.png) no-repeat;}


/* section:jcu_award */
#jcu_award {position:relative; min-height:697px; z-index:10; margin-bottom:144px;}
#jcu_award .banner {position:absolute; top:0; left:0; right:0; margin:0 auto; width:1200px; height:697px; background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/img_award.png) 50% 0 no-repeat; }
#jcu_award .banner::after {content:''; position:absolute; top:10%; width:100%; height:90%; box-shadow:32px 64px 146px 0 rgba(0, 0, 0, 0.4); z-index:-10;}

/* section:bottom_con */
/* S:: duty 버튼 추가 (2022-01-17 한기쁨) */
#bottom_con {position: relative; width:100%; background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/bg_signup_b.png) 50% 0 no-repeat;}
#bottom_con2 {position: relative; width:100%; background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/bg_duty.png) 50% 0 no-repeat;}
#bottom_con .bottom_link, #bottom_con2 .bottom_link {max-width:1200px; min-height:208px; margin:0 auto;}
#bottom_con .bottom_link .btn_signup_b {float:left; display:block; width:785px; height:60px; background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/btn_signup_b.png) 50% 0 no-repeat; margin:74px 0 0 32px;}
#bottom_con .bottom_link .btns_share_b {float:right; margin:48px 32px 0 0;}
#bottom_con .bottom_link .btns_share_b li a {display:block; width:200px; height:48px; margin-bottom:20px;}
#bottom_con  .btn_s_kakao_b a {background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/btn_share_kakao_b.png) no-repeat;}
#bottom_con  .btn_s_facebook_b a {background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/btn_share_facebook_b.png) no-repeat;}
#bottom_con2 .bottom_link .btn_duty {float:left; display:block; width:809px; height:102px; background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/btn_duty.png) 50% 0 no-repeat; margin:56px 0 0 32px;}
/* E:: duty 버튼 추가 (2022-01-17 한기쁨) */


/* footer */
.footer_con {max-width:1200px; min-height:200px; margin:0 auto; padding:48px 0;}
.footer_con h2.logo_ft {float:left;}
.footer_con h2.logo_ft a {display:block; width:194px; height:40px; background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/logo_ft.png) no-repeat;}
.footer_con .jcu_info {float:right; font-size:13px; opacity:0.5; text-align:right; margin-top:10px;}
.footer_con .jcu_info .call_num {font-size:18px !important;}
.footer_con .jcu_info address {margin-top:32px;}
.footer_con .jcu_info address span::before {content:''; display:inline-block; width:2px; height:10px; background-color:rgba(255, 255, 255, 0.5); margin:0 8px;}
.footer_con .jcu_info address span:first-child::before {content:none;}


/* Tablet */
@media only screen and (max-width : 1024px) {
    #wrap {background-size: cover;}

    .header_con {min-height:104px; padding:0 24px;}
    .header_con h1.logo {padding-top:24px;}
    .header_con .util {padding-top:48px;}

    #main {background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/bg_main_t.png) 50% 0 no-repeat; background-size:cover;}
    .main_con  {max-width:768px; min-height:754px; transform:translateY(132px); padding:0 24px;}
    .main_con h3.tit {height:316px; background-size:contain;}
    .main_con .subtit {height:48px; margin-top:48px; background-size:contain;}
    .main_con .btn_signup {width:388px; height:52px; margin-top:48px; background-size:contain;}
    .main_con .btns_share {margin-top:40px}
    .main_con .btns_share li {margin:0 20px;}
    .main_con .btns_share li a {width:62px; height:57px; background-size:contain;}

    #jcu_feature {max-width:768px; padding:56px 24px;}
    #jcu_feature h3.tit {height:85px; background-size:contain;}
    #jcu_feature .feature_box {margin-right:-2.5%;}
    #jcu_feature .fb_line1 {margin-top:40px;}
    #jcu_feature .fb_line2 {text-align: left;}
    #jcu_feature .feature_box li {width:47.5%; height:320px; margin:0 2.5% 2.5% 0;}

    #jcu_award {min-height:421px; margin-bottom:88px; padding:0 24px;}
    #jcu_award .banner {width:720px; height:421px; background-size:contain;}
    #jcu_award .banner::after {top:9%;}

    /* S:: duty 버튼 추가 (2022-01-17 한기쁨) */
    #bottom_con .bottom_link, #bottom_con2 .bottom_link {max-width:768px; padding:0 24px; }
    #bottom_con .bottom_link .btn_signup_b {max-width:100%; height:48px; margin:40px 0 32px 0; background-size:contain;}
    #bottom_con .bottom_link .btns_share_b {float:left; width:100%; margin:0; text-align: center;}
    #bottom_con .bottom_link .btns_share_b li {display:inline-block;}
    #bottom_con .bottom_link .btns_share_b li a {margin:0 12px;}
    #bottom_con2 .bottom_link .btn_duty {max-width:100%; height:82px; margin:56px 0 0 0; background-size:contain;}
    /* E:: duty 버튼 추가 (2022-01-17 한기쁨) */
    .footer_con {padding:32px 24px;}

    #con_youtube iframe {width:80%;}

}


/* Mobile */
@media only screen and (max-width : 480px) {
    #wrap {background-size:contain;}

    .header_con {min-height:88px; padding:0 16px;}
    .header_con h1.logo {padding-top:24px;}
    .header_con h1.logo a {width:216px; height:44px; background-size:contain;}
    .header_con .util {padding-top:40px;}
    .header_con .util li::after {width:0; margin:0 4px;}

    #main {background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/bg_main_m.png) 50% 0 no-repeat; background-size:cover;}
    .main_con  {min-height:640px; transform:translateY(126px); padding:0 16px;}
    .main_con h3.tit {height:250px; background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/tit_main_m.png) 50% 0 no-repeat;}
    .main_con .subtit {height:32px; margin-top:24px;}
    .main_con .btn_signup {width:100%; height:44px; margin-top:64px;}
    .main_con .btns_share {margin-top:32px}
    .main_con .btns_share li {margin:0 12px;}
    .main_con .btns_share li a {width:52px; height:48px;}

    #jcu_feature {padding:56px 16px;}
    #jcu_feature h3.tit {height:56px;}
    #jcu_feature .feature_box {margin-right:0;}
    #jcu_feature .fb_line1 {margin-top:24px;}
    #jcu_feature .feature_box li {width:100%; height:307px; margin:0 0 16px 0;}

    #jcu_award {min-height:261px; margin-bottom:56px; padding:0 16px;}
    #jcu_award .banner {width:328px; height:261px; background:url(https://www.dreammoa.co.kr/web-resources/clients/dreammoa.co.kr/www/skin1/images/landing/mdmy/img_award_m.png) 50% 0 no-repeat;}

    /* S:: duty 버튼 추가 (2022-01-17 한기쁨) */
    #bottom_con, #bottom_con2 {background-size:cover;}
    #bottom_con .bottom_link {min-height:144px; padding:32px 16px;}
    #bottom_con2 .bottom_link {min-height:118px; padding:32px 16px;}
    #bottom_con .bottom_link .btn_signup_b {height:32px; margin:0 0 16px 0}
    #bottom_con .bottom_link .btns_share_b li a {width:120px; margin:0 4px; background-size:contain;}
    #bottom_con2 .bottom_link .btn_duty {height:54px; margin:0;}
    /* E:: duty 버튼 추가 (2022-01-17 한기쁨) */

    .footer_con {padding:20px 16px;}
    .footer_con .jcu_info {font-size:11px;}
    .footer_con .jcu_info .call_num {font-size:16px !important;}
    .footer_con .jcu_info address {margin-top:16px;}
    .footer_con .jcu_info address span {display:block;}
    .footer_con .jcu_info address span::before {content:none;}

    #con_youtube iframe {width:auto;height:auto;}/*200831 배기민 추가*/

}