@charset "UTF-8";

/* 폰트 */
@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Wemakeprice-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Wemakeprice-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Wemakeprice-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Wemakeprice-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 기본세팅 */
html,body,div,span,applet,object,input,textarea,select,button,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{margin:0px;padding:0px;border:0px;font-weight:inherit;font-style:inherit;font-size:100%;font-family: 'Noto Sans KR', "AppleSDGothcNeo","AppleGothic", sans-serif;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,td,div,select,input,textarea {outline: none; word-break: keep-all;margin:0;padding:0;-webkit-text-size-adjust:none;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption {display:block;}
table {border-collapse:collapse; border-spacing:0; width: 100%; table-layout: fixed; text-align: center;}
table caption{display: none;}
table th, table td{vertical-align: middle;}
table img{height: 100%;box-sizing: border-box;width: 100%;}
button {border:0;outline: 0;display: block;padding:0;background: transparent;}
header, footer, nav, aside, section, article {display:block;}
fieldset, img {border:0;}
img {-ms-interpolation-mode:bicubic !important; border:0;}
table {padding:0;border-spacing:0px;border:0;border-collapse: collapse;text-align: left;}
caption { display: none; }
a {text-decoration: none; color:#333; }
a:hover, button:hover, tr:hover, li:hover { text-decoration: none; transition: all 0.2s ease;}
:focus {outline: 0;}
ol, ul {list-style: none; padding:0; }

/* 크루즈모비 홈페이지  */
div { box-sizing: border-box; }
.wrap {width:100%;clear: both;overflow: hidden;}

/* 메뉴 */
header {z-index: 3000;position: fixed;top: 0px;left: 0px;right: 0px;width: 100%;min-height: 100px;box-sizing: border-box;background-color: rgb(249 249 249 / 53%);clear: both;}
.header {max-width: 1920px;min-width: 1200px;height:100%;min-height:100%;margin:0 auto;padding: 27px 8% 0 8%;overflow: hidden;clear: both;}
.logo { float: left;  }
.logo a img { height:50px; }
.topmenu {float: right;text-align: right;line-height: 47px;font-size: 20px;width: 50%;}
.topmenu li { float: left; width:33.3333%; }
.topmenu li a:hover {color:#000;font-weight:500; }
.m_topmenu { display: none; }

/* 비주얼 */
.main_visual {position: relative;height: 95vh;clear: both;width: 100%;}
.visual_wrap {height: 100%;width:100%;position: relative;overflow: hidden;}
.visual {width:100%;height:100%;}
#vs0 {background: url(/image/main_vs1.jpg) center no-repeat;background-size: cover;}
.vs_tit {width: 100%;min-height: 100%;padding: 0px 8%;display: table;max-width: 1920px;min-width: 1200px;margin: 0 auto;position: relative;}
.vs_txt {display: table-cell;vertical-align: middle;color: #fff;text-align: right;}
.vs_txt h2 {font-size: 65px;font-family: 'Wemakeprice-SemiBold';}
.vs_txt p {font-size: 35px;font-family: 'Wemakeprice-Regular';margin-top: 150px;}

/* 소개 */
.main_contents {clear: both;width: 100%;margin: 190px 0;height: 100%;padding: 0 8%;}
.contents_wrap {max-width: 1920px;min-width: 1200px;margin: 0 auto;/* height: 100%; */}
.contents {display: table;table-layout:fixed;/* max-width: 1920px; *//* min-width: 1200px; */margin: 0 auto;height: 500px;width: 100%;}
.con {display: table-cell;vertical-align: middle;direction: ltr;min-height: 500px;width: 50%;}
.con h2 {font-family: 'Wemakeprice-SemiBold';text-align: center;vertical-align: middle;margin: 0 auto;font-size: 34px;color: #fff;line-height: 500px;}
.contents.first .con.left {background: url('/image/con_img1.jpg') center no-repeat; background-size:cover;}
.contents.second .con.right {background: url('/image/con_img2.jpg') center no-repeat; background-size:cover;}
.contents.third .con.left {background: url('/image/con_img3.jpg') center no-repeat; background-size:cover;}
.contents .con.right, .contents.second .con.left {padding: 0 160px;font-size: 21px;font-weight:100;background: #efefef;}
.contents.second .con.left { text-align: right; }
.contents .con.right a, .contents.second .con.left a {display: block;font-weight: bold;margin-top:50px;font-size: 18px;}

/* 하단 */
.bottom_visual {width: 100%;height: 400px;background:url(/image/bottom_img.jpg) center no-repeat;background-size: cover;padding: 0 8%;display: table;table-layout: fixed;}
.bottom_visual p { letter-spacing: 1px; font-family: 'Wemakeprice-Regular'; color: #fff; display: table-cell; vertical-align: middle; font-size: 35px; }
.bottom_visual p b {color: #ffd500;}
footer { width:100%; height:100%; background:#393939; }
.footer { padding:80px 8%; max-width: 1920px; min-width: 1200px; margin:0 auto; color: #fff; height: 100%; font-weight: lighter; font-variant-ligatures: 14px; }
.ft_wrap {display: table;table-layout: fixed;width:100%;font-size: 15px;}
.ft {display: table-cell;vertical-align: middle;width:100%;float: left;}
.ft.first {line-height: 40px;margin-bottom: 60px;}
.ft.first p { float: left; }
.ft.first h2 {float: right;font-size: 37px;font-weight: 700;}
.ft.last p {width: 30%;}
.ft.last p:first-child { float: left; }
.ft.last div {float: left;width: 40%;}
.ft.last div a {color: #fff !important;width: 50%;float: left;text-align: center;font-weight: bold;}
.ft.last div a:hover { color:#aaa !important; }
.ft.last p:last-child { float: right; text-align: right; }


/* 반응형 */
@media ( max-width:1024px ) {

  header {min-height: 65px;border-bottom: 1px solid #e2e2e2;background-color: rgb(255 255 255 / 80%);}
  .header {padding: 17px 5% 0 5%;width: 100%;float: left;display: table-cell;min-width: 100%;}
  .logo a img {display: block;height: 30px;}
  .topmenu { display: none; }
  .m_topmenu {display: block;position: absolute;right: 10px;z-index: 1;/* width: 24px; *//* height: 24px; */font-size: 33px;margin-top: -11px;background: transparent;color: #030000;}
  #vs0 { background: url(/image/main_vs1.jpg) top no-repeat; background-size: cover;}
  .vs_tit {padding: 0 5%;max-width: 100%;float: left;min-width: 100%;}
  .vs_txt { text-align:left; clear: both; }
  .vs_txt h2 { font-size: 35px; }
  .vs_txt p { font-size: 18px; margin-top:50px; }
  .main_contents {margin: 50px 0;padding:0;}
  .contents_wrap { min-width:100%; }
  .contents {height: 420px;}
  .con { width:100%; min-height:210px; height:210px; display: block; }
  .con h2 { line-height: 210px; font-size:26px; text-align: left; padding:0 5%; }
  .con { width:100%; }
  .contents.first .con.right, .contents.second .con.left, .contents.third .con.right { padding:7% 5%; font-size: 16px; }
  .contents.first .con.right a, .contents.second .con.left a, .contents.third .con.right a {font-size: 15px;margin-top: 30px;}
  .contents.second .con.right {display: table-header-group; }
  .contents.second .con.left {text-align: left; }
  .bottom_visual { height: 150px; padding:5%; background-size: 100% 100%; }
  .bottom_visual p { font-size: 17px; letter-spacing: 0; }
  .footer { padding:5%; min-width: 100%; }
  .ft_wrap {font-size: 12px; letter-spacing: -1px;}
  .ft.first h2 { display: none; }
  .ft.first { margin-bottom: 0; }
  .ft.last p:first-child, .ft.last div, .ft.last p:last-child { width:100%; }
  .ft.last div a { width:auto; text-align: left; margin-right: 20px; }
  .ft.last p:last-child { text-align:left; }

}