.wrap { width:1200px; margin:0 auto; }

@media screen and (max-width:1280px) {
    .wrap { width:980px; }
}

@media screen and (max-width:1024px) {
    .wrap { width:auto; padding:0 20px; }
}

@media screen and (max-width:768px) {
    .wrap { padding:0 15px; }
}

@media screen and (max-width:640px) {
    .wrap { padding:0 10px; }
}





#main article { background-repeat:no-repeat; background-size:cover; background-position:center; overflow:hidden; padding:120px 0; } 
#main article .wrap { position:relative; }

@media screen and (max-width:1280px) {
    #main article { padding:100px 0; } 
}

@media screen and (max-width:1024px) {
    #main article { padding:80px 0; } 
}

@media screen and (max-width:768px) {
    #main article { padding:60px 0; } 
}

@media screen and (max-width:640px) {
    #main article { padding:40px 0; } 
}





#main .visual { background-image:url('../img/main/visual_bg.png'); padding:0 !important; height:100%; }
#main .visual .wrap { height:100vh; min-height:100%; max-height:100%; }
#main .visual .wrap .txt { position:absolute; top:calc((100% - (120px + 30px)) / 2); left:0; transform:translate(0, -50%); z-index:10; }
#main .visual .wrap .txt h2 { font-size:30px; font-weight:500; color:#eec3b4; font-weight:500; text-indent:25px; }
#main .visual .wrap .txt strong { display:block; color:#ffffff; font-size:90px; font-weight:900; margin:5px 0 0; text-shadow:0 0 16px rgba(22, 22, 22, 0.57); }
#main .visual .wrap .txt strong span { font-family:'BinggraeSamanco-Bold'; }
#main .visual .wrap .txt strong span.s { margin:0 5px 0 0; }
#main .visual .wrap .txt strong span.e { margin:0 0 0 5px; }
#main .visual .wrap .txt p { font-size:48px; color:#ffffff; text-indent:25px; margin:5px 0 0; }
#main .visual .wrap .img { position:absolute; bottom:0; right:0; }
#main .visual .wrap .img img { max-width:50vw; max-height:100vh; }

@media screen and (max-width:1280px) {
    #main .visual .wrap .txt { top:calc((100% - (100px + 25px)) / 2); }
    #main .visual .wrap .txt h2 { font-size:27px; text-indent:21px; }
    #main .visual .wrap .txt strong { font-size:75px; margin:4px 0 0; text-shadow:0 0 15px rgba(22, 22, 22, 0.57); }
    #main .visual .wrap .txt strong span.s { margin:0 4px 0 0; }
    #main .visual .wrap .txt strong span.e { margin:0 0 0 4px; }
    #main .visual .wrap .txt p { font-size:42px; text-indent:21px; margin:4px 0 0; }
    #main .visual .wrap .img img { max-width:40vw; max-height:90vh; }
}

@media screen and (max-width:1024px) {
    #main .visual .wrap .txt { top:calc((100% - (80px + 20px)) / 2); left:20px; }
    #main .visual .wrap .txt h2 { font-size:24px; text-indent:17px; }
    #main .visual .wrap .txt strong { font-size:60px; margin:3px 0 0; text-shadow:0 0 14px rgba(22, 22, 22, 0.57); }
    #main .visual .wrap .txt strong span.s { margin:0 3px 0 0; }
    #main .visual .wrap .txt strong span.e { margin:0 0 0 3px; }
    #main .visual .wrap .txt p { font-size:36px; text-indent:17px; margin:3px 0 0; }
    #main .visual .wrap .img img { max-width:50vw; max-height:80vh; }
}

@media screen and (max-width:768px) {
    #main .visual .wrap .txt { top:200px; left:15px; }
    #main .visual .wrap .txt h2 { font-size:21px; text-indent:13px; }
    #main .visual .wrap .txt strong { font-size:45px; margin:2px 0 0; text-shadow:0 0 13px rgba(22, 22, 22, 0.57); }
    #main .visual .wrap .txt strong span.s { margin:0 2px 0 0; }
    #main .visual .wrap .txt strong span.e { margin:0 0 0 2px; }
    #main .visual .wrap .txt p { font-size:30px; text-indent:13px; margin:2px 0 0; }
    #main .visual .wrap .img img { max-width:60vw; max-height:70vh; }
}

@media screen and (max-width:640px) {
    #main .visual .wrap .txt { top:200px; left:10px; }
    #main .visual .wrap .txt h2 { font-size:18px; text-indent:9px; }
    #main .visual .wrap .txt strong { font-size:30px; margin:1px 0 0; text-shadow:0 0 12px rgba(22, 22, 22, 0.57); }
    #main .visual .wrap .txt strong span.s { margin:0 1px 0 0; }
    #main .visual .wrap .txt strong span.e { margin:0 0 0 1px; }
    #main .visual .wrap .txt p { font-size:24px; text-indent:9px; margin:1px 0 0; }
    #main .visual .wrap .img img { max-width:70vw; max-height:60vh; }
}





#main .pain { background-image:url('../img/main/pain_bg.png'); padding:240px 0; }
#main .pain .wrap .txt { text-align:center; color:#ffffff; font-size:46px; font-weight:700; line-height:80px; text-shadow:0 0 16px rgba(0, 0, 0, 0.75); }

@media screen and (max-width:1280px) {
    #main .pain { padding:200px 0; }
    #main .pain .wrap .txt { font-size:40px; line-height:69px; text-shadow:0 0 15px rgba(0, 0, 0, 0.75); }
    #main .pain .wrap .txt br { display:none; }
}

@media screen and (max-width:1024px) {
    #main .pain { padding:160px 0; }
    #main .pain .wrap .txt { font-size:34px; line-height:58px; text-shadow:0 0 14px rgba(0, 0, 0, 0.75); }
}

@media screen and (max-width:768px) {
    #main .pain { padding:120px 0; }
    #main .pain .wrap .txt { font-size:28px; line-height:47px; text-shadow:0 0 13px rgba(0, 0, 0, 0.75); }
}

@media screen and (max-width:640px) {
    #main .pain { padding:80px 0; }
    #main .pain .wrap .txt { font-size:22px; line-height:36px; text-shadow:0 0 12px rgba(0, 0, 0, 0.75); }
}





#main .despair { background-color:#5c463e; padding:0; }
#main .despair .wrap { overflow:hidden; }
#main .despair .wrap .img { float:left; width:454px; }
#main .despair .wrap .txt { position:absolute; top:50%; left:calc(454px + 55px); transform:translate(0, -50%); font-size:36px; font-weight:700; color:#ffffff; line-height:56px; box-sizing:border-box; }

@media screen and (max-width:1280px) {
    #main .despair .wrap .img { width:35.46875vw; }
    #main .despair .wrap .txt { left:calc(50% + (35.46875vw / 2)); transform:translate(-50%, -50%); width:calc(100% - 35.46875vw); padding:0 50px; font-size:32px; line-height:50px; }
    #main .despair .wrap .txt br { display:none; }
}

@media screen and (max-width:1024px) {
    #main .despair .wrap .txt { width:calc(100% - 35.46875vw - 40px); padding:0 40px; font-size:27px; line-height:43px; }
}

@media screen and (max-width:768px) {
    #main .despair .wrap .txt { width:calc(100% - 35.46875vw - 30px); padding:0 30px; font-size:23px; line-height:37px; }
}

@media screen and (max-width:640px) {
    #main .despair .wrap .txt { width:calc(100% - 35.46875vw - 20px); padding:0 20px; font-size:18px; line-height:30px; }
}





#main .rome { background-image:url('../img/main/rome_bg.png'); padding:240px 0; }
#main .rome .wrap .txt { text-align:center; color:#000000; font-size:52px; /*font-family:'PuradakGentleGothicR'; */ font-weight:700; line-height:82px; }

@media screen and (max-width:1280px) {
    #main .rome { padding:200px 0; }
    #main .rome .wrap .txt { font-size:46px; line-height:72px; }
}

@media screen and (max-width:1024px) {
    #main .rome { padding:160px 0; }
    #main .rome .wrap .txt { font-size:40px; line-height:62px; }
}

@media screen and (max-width:768px) {
    #main .rome { padding:120px 0; }
    #main .rome .wrap .txt { font-size:34px; line-height:52px; }
}

@media screen and (max-width:640px) {
    #main .rome { padding:80px 0; }
    #main .rome .wrap .txt { font-size:28px; line-height:42px; }
}





#main .comfort { background-color:#2c1f1b; padding:0; }
#main .comfort .wrap { overflow:hidden; }
#main .comfort .wrap .img { float:right; width:454px; }
#main .comfort .wrap .txt { position:absolute; top:50%; left:0; transform:translate(0, -50%); font-size:36px; font-weight:500; color:#ffffff; line-height:56px; box-sizing:border-box; }
#main .comfort .wrap .txt span { font-weight:700; color:#f98e68; }

@media screen and (max-width:1280px) {
    #main .comfort .wrap .img { width:35.46875vw; }
    #main .comfort .wrap .txt { width:calc(100% - 35.46875vw); padding:0 50px; font-size:32px; line-height:50px; }
    #main .comfort .wrap .txt br { display:none; }
}

@media screen and (max-width:1024px) {
    #main .comfort .wrap .txt { width:calc(100% - 35.46875vw - 40px); left:20px; padding:0 40px; font-size:27px; line-height:43px; }
}

@media screen and (max-width:768px) {
    #main .comfort .wrap .txt { width:calc(100% - 35.46875vw - 30px); left:15px; padding:0 30px; font-size:23px; line-height:37px; }
}

@media screen and (max-width:640px) {
    #main .comfort .wrap .txt { width:calc(100% - 35.46875vw - 20px); left:10px; padding:0 20px; font-size:18px; line-height:30px; }
}





#main .video { background-color:#f8f3f1; }
#main .video .wrap .tit { text-align:center; }
#main .video .wrap .tit div { font-size:70px; font-weight:900; color:#543629; }
#main .video .wrap .tit div span { color:#ce6d47; }
#main .video .wrap .tit p { margin:15px 0 0; font-size:30px; font-weight:700; color:#7d6459; }
#main .video .wrap .youtube { margin:50px 0 0; position:relative; padding:0 0 62.52%; }
#main .video .wrap .youtube iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:none; background-color:#000000; }

@media screen and (max-width:1280px) {
    #main .video .wrap .tit div { font-size:60px; }
    #main .video .wrap .tit p { margin:14px 0 0; font-size:27px; }
    #main .video .wrap .youtube { margin:45px 0 0; }
}

@media screen and (max-width:1024px) {
    #main .video .wrap .tit div { font-size:50px; }
    #main .video .wrap .tit p { margin:13px 0 0; font-size:24px; }
    #main .video .wrap .youtube { margin:40px 0 0; }
}

@media screen and (max-width:768px) {
    #main .video .wrap .tit div { font-size:40px; }
    #main .video .wrap .tit p { margin:12px 0 0; font-size:21px; }
    #main .video .wrap .youtube { margin:35px 0 0; }
}

@media screen and (max-width:640px) {
    #main .video .wrap .tit div { font-size:30px; }
    #main .video .wrap .tit div span { display:block; }
    #main .video .wrap .tit p { margin:11px 0 0; font-size:18px; }
    #main .video .wrap .youtube { margin:30px 0 0; }
}





#main .letter { background-color:#a79584; }
#main .letter .wrap ul { margin:-50px 0; }
#main .letter .wrap ul li { background-color:#ffffff; margin:50px 0; padding:50px; }
#main .letter .wrap ul li .img { overflow:hidden; }
#main .letter .wrap ul li .img div { float:left; width:calc(100% - 468px); padding:15px; box-sizing:border-box; }
#main .letter .wrap ul li .img div:first-child { width:468px; padding-left:0; padding-right:0; }
#main .letter .wrap ul li .img div span { display:inline-block; color:#543415; font-size:34px; font-weight:900; margin:55px 0 0; }
#main .letter .wrap ul li .img div p { color:#715a45; font-size:24px; font-weight:500; margin:20px 0 0; line-height:36px; }
#main .letter .wrap ul li .img div a { display:inline-block; margin:70px 0 0; line-height:60px; text-align:center; width:270px; background-color:#ce6d47; color:#ffffff; font-size:24px; font-weight:700; }
#main .letter .wrap ul li .img div a img { margin:25px 0 0 9px; width:12px; }
#main .letter .wrap ul li .txt { margin:50px 0 0; background-color:#f6e2da; color:#544435; font-family:'Nanum Myeongjo'; font-size:26px; text-align:center; padding:40px; line-height:50px; display:none; font-weight:500; }
#main .letter .wrap ul li .txt span { display:inline-block; margin:40px 0 0; }

@media screen and (max-width:1280px) {
    #main .letter .wrap ul { margin:-43px 0; }
    #main .letter .wrap ul li { margin:43px 0; padding:43px; }
    #main .letter .wrap ul li .img div { width:calc(100% - 36.5625vw); padding:14px; }
    #main .letter .wrap ul li .img div:first-child { width:36.5625vw; }
    #main .letter .wrap ul li .img div span { font-size:31px; margin:50px 0 0; }
    #main .letter .wrap ul li .img div p { font-size:22px; margin:18px 0 0; line-height:33px; }
    #main .letter .wrap ul li .img div p br { display:none; }
    #main .letter .wrap ul li .img div a { margin:73px 0 0; line-height:54px; width:245px; font-size:22px; }
    #main .letter .wrap ul li .img div a img { margin:23px 0 0 8px; width:11px; }
    #main .letter .wrap ul li .txt { margin:44px 0 0; font-size:23px; padding:35px; line-height:44px; }
    #main .letter .wrap ul li .txt p br { display:none; }
    #main .letter .wrap ul li .txt span { margin:35px 0 0; }
}

@media screen and (max-width:1024px) {
    #main .letter .wrap ul { margin:-36px 0; }
    #main .letter .wrap ul li { margin:36px 0; padding:36px; }
    #main .letter .wrap ul li .img div { padding:13px; }
    #main .letter .wrap ul li .img div span { font-size:28px; margin:45px 0 0; }
    #main .letter .wrap ul li .img div p { font-size:20px; margin:16px 0 0; line-height:30px; }
    #main .letter .wrap ul li .img div a { margin:66px 0 0; line-height:48px; width:220px; font-size:20px; }
    #main .letter .wrap ul li .img div a img { margin:21px 0 0 7px; width:10px; }
    #main .letter .wrap ul li .txt { margin:38px 0 0; font-size:20px; padding:30px; line-height:38px; }
    #main .letter .wrap ul li .txt span { margin:30px 0 0; }
}

@media screen and (max-width:768px) {
    #main .letter .wrap ul { margin:-29px 0; }
    #main .letter .wrap ul li { margin:29px 0; padding:29px; }
    #main .letter .wrap ul li .img div { width:auto !important; float:none; padding:0; text-align:center; }
    #main .letter .wrap ul li .img div span { font-size:25px; margin:40px 0 0; }
    #main .letter .wrap ul li .img div p { font-size:18px; margin:14px 0 0; line-height:27px; }
    #main .letter .wrap ul li .img div a { margin:59px 0 0; line-height:42px; width:195px; font-size:18px; }
    #main .letter .wrap ul li .img div a img { margin:19px 0 0 6px; width:9px; }
    #main .letter .wrap ul li .txt { margin:32px 0 0; font-size:17px; padding:25px; line-height:32px; }
    #main .letter .wrap ul li .txt span { margin:25px 0 0; }
}

@media screen and (max-width:640px) {
    #main .letter .wrap ul { margin:-22px 0; }
    #main .letter .wrap ul li { margin:22px 0; padding:22px; }
    #main .letter .wrap ul li .img div span { font-size:22px; margin:35px 0 0; }
    #main .letter .wrap ul li .img div p { font-size:16px; margin:12px 0 0; line-height:24px; }
    #main .letter .wrap ul li .img div a { margin:52px 0 0; line-height:36px; width:170px; font-size:16px; }
    #main .letter .wrap ul li .img div a img { margin:17px 0 0 5px; width:8px; }
    #main .letter .wrap ul li .txt { margin:26px 0 0; font-size:14px; padding:20px; line-height:26px; }
    #main .letter .wrap ul li .txt span { margin:20px 0 0; }
}





#main .cheerup { background-image:url('../img/main/cheerup_bg.png'); padding:240px 0; }
#main .cheerup .wrap .txt div { font-size:40px; font-weight:700; color:#f37142; }
#main .cheerup .wrap .txt div br { display:none; }
#main .cheerup .wrap .txt p { font-size:36px; font-weight:700; color:#ffffff; margin:50px 0 0; line-height:60px; }
#main .cheerup .wrap .txt p span { font-weight:900; }
@media screen and (max-width:1280px) {
    #main .cheerup { padding:200px 0; }
    #main .cheerup .wrap .txt div { font-size:36px; }
    #main .cheerup .wrap .txt p { font-size:32px; margin:45px 0 0; line-height:54px; }
    #main .cheerup .wrap .txt p br { display:none; }
}

@media screen and (max-width:1024px) {
    #main .cheerup { padding:160px 0; }
    #main .cheerup .wrap .txt div { font-size:32px; }
    #main .cheerup .wrap .txt p { font-size:28px; margin:40px 0 0; line-height:48px; }
}

@media screen and (max-width:768px) {
    #main .cheerup { padding:240px 0 120px; background-position:right 41% center; }
    #main .cheerup .wrap .txt div { font-size:28px; text-align:center; }
    #main .cheerup .wrap .txt div br { display:inline; }
    #main .cheerup .wrap .txt p { font-size:24px; margin:35px 0 0; line-height:42px; text-align:center; }
}

@media screen and (max-width:640px) {
    #main .cheerup { padding:280px 0 80px; background-position:right 31% center; }
    #main .cheerup .wrap .txt div { font-size:24px; }
    #main .cheerup .wrap .txt p { font-size:20px; margin:30px 0 0; line-height:36px; }
}





#main .support { background-image:url('../img/main/support_bg.png'); padding-bottom:240px; }
#main .support .wrap { text-align:center; }
#main .support .wrap ul { font-size:0; }
#main .support .wrap ul li { display:inline-block; margin:0 20px; }
#main .support .wrap ul li a { display:inline-block; width:300px; line-height:100px; border:1px solid #ce6d47; font-size:32px; font-weight:900; color:#ffffff; max-width:35vw; }
#main .support .wrap ul li:first-child a { background-color:#ce6d47; }
#main .support .wrap p { font-size:28px; color:#ffffff; font-family:'Jalnan'; text-shadow:0 0 8px rgba(0, 0, 0, 0.8); margin:20px 0 0; }
#main .support .wrap > a { display:block; margin:170px auto 0; width:500px; line-height:100px; background-color:#53371c; border:1px solid #977a5e; font-size:32px; font-weight:900; color:#ffffff; max-width:100%; }
#main .support .wrap div { font-size:32px; font-weight:700; color:#ffffff; margin:30px 0 0; }

@media screen and (max-width:1280px) {
    #main .support { padding-bottom:200px; }
    #main .support .wrap ul li { margin:0 18px; }
    #main .support .wrap ul li a { width:270px; line-height:88px; font-size:29px; }
    #main .support .wrap p { font-size:25px; text-shadow:0 0 7px rgba(0, 0, 0, 0.8); margin:18px 0 0; }
    #main .support .wrap > a { margin:150px auto 0; width:450px; line-height:88px; font-size:29px; }
    #main .support .wrap div { font-size:29px; margin:27px 0 0; }
}

@media screen and (max-width:1024px) {
    #main .support { padding-bottom:160px; }
    #main .support .wrap ul li { margin:0 16px; }
    #main .support .wrap ul li a { width:240px; line-height:76px; font-size:26px; }
    #main .support .wrap p { font-size:22px; text-shadow:0 0 6px rgba(0, 0, 0, 0.8); margin:16px 0 0; }
    #main .support .wrap > a { margin:130px auto 0; width:400px; line-height:76px; font-size:26px; }
    #main .support .wrap div { font-size:26px; margin:24px 0 0; }
}

@media screen and (max-width:768px) {
    #main .support { padding-bottom:120px; }
    #main .support .wrap ul li { margin:0 14px; }
    #main .support .wrap ul li a { width:210px; line-height:64px; font-size:23px; }
    #main .support .wrap p { font-size:19px; text-shadow:0 0 5px rgba(0, 0, 0, 0.8); margin:14px 0 0; }
    #main .support .wrap > a { margin:110px auto 0; width:350px; line-height:64px; font-size:23px; }
    #main .support .wrap div { font-size:23px; margin:21px 0 0; }
}

@media screen and (max-width:640px) {
    #main .support { padding-bottom:80px; }
    #main .support .wrap ul li { margin:0 12px; }
    #main .support .wrap ul li a { width:180px; line-height:52px; font-size:20px; }
    #main .support .wrap p { font-size:16px; text-shadow:0 0 4px rgba(0, 0, 0, 0.8); margin:12px 0 0; }
    #main .support .wrap > a { margin:90px auto 0; width:300px; line-height:52px; font-size:20px; }
    #main .support .wrap div { font-size:20px; margin:18px 0 0; }
}






























@media screen and (max-width:1280px) {
}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:768px) {
}

@media screen and (max-width:640px) {
}