@charset "utf-8";

.wrap{ margin:0 auto; padding-top:50vw; }

mark{color:#6902b9;}

.rowfull{display:inline-block; width:100%; vertical-align:top;}
.inner{max-width: 800px; margin:0 auto;}
/*.inner1{ max-width:1280px; margin:0 auto; }*/
.inner2{ max-width: 1024px; margin:0 auto; }

img{display:inline-block; vertical-align:top;}

h2{max-width:1024px; margin:3rem auto; padding: 0 1rem; font-size:4rem; font-weight:600; font-family: 'Lora', serif; line-height:1.25; letter-spacing: -0.3px; } 
h2 i{display:block; margin-top:1rem; font-style: italic; font-size:2.1rem; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; }

.inner h2{padding:0;}

p{margin: 3rem 0; font-size:1.55rem; line-height:1.6; font-weight:400;}


sub{display:block; margin: 0.6rem 0 0 0; padding-left: 2rem; color: #3b3b3b; font-size: 1.4rem; font-style:italic; }


.visual{position:fixed; width:51%; height:50vw; left:50%; transform:translate(-50%, 0); top:0; background:url(../img/1.jpg) no-repeat center; background-size:cover; }
.contents{position:relative; padding: 4rem 0; background:#fff; z-index:1;}

.imgs_wrap, .imgs_wrap1{ display: inline-block; padding: 2rem 0 4.5rem 0; }
.imgs_wrap>div{ float: left; }
.imgs_wrap>div:nth-child(1){ width: 58%; margin-right: 2.2%; }
.imgs_wrap>div:nth-child(2){ width: 39.8%; }
.imgs_wrap>div:nth-child(2)>img:nth-child(1) + sub{ margin-bottom: 2rem; }
.imgs_wrap::after{ display: block; content: ''; clear: both; }

.imgs_wrap1>div{ float: left; width: 47.5%; }
.imgs_wrap1>div>img{ width: 100%; }
.imgs_wrap1>div:nth-child(1){ margin-right: 5rem; }


.m_title{ font-style: italic; font-weight: 700; }
.fw700{ font-weight: 700; }
.mtm40px{ margin-top: -4rem; }
.v_none{ display: none; }
.logo{ width: 13%; min-width: 120px; margin-right: -10rem;}

@media(max-width:1400px){
    .wrap{padding-top:60vw;}
    .visual{width: 100%; height:60vw; background:url(../img/1.jpg) no-repeat center top;  background-size:contain; }
    .logo{ margin-right: 0; }
}


@media(max-width:960px){
   
    h2{ font-size:3rem; }
    .inner{max-width:100%; margin:0 1rem;}
    .contents{padding:2rem 0; }
    .imgs_wrap, .imgs_wrap1{ padding: 0 0 2rem 0; }
    .imgs_wrap>div, .imgs_wrap1>div,
    .imgs_wrap>div:nth-child(1), .imgs_wrap>div:nth-child(2),
    .imgs_wrap1>div:nth-child(1), .imgs_wrap1>div:nth-child(1){ float: none; width: 100%; margin: 1.5rem 0 0 0; }
    .logo{ margin-right: 1rem; }
    
}

@media(max-width:640px){ 
    .wrap{ padding-top: 70vw; }
    .visual{ height: 70vw; }
    .logo{ min-width: 88px; }
 }