/* ========== font ============== */
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400&display=swap');
@import url(http://font.einet.co.kr/font.css);
@font-face {
    font-family: 'BurfordBase';
    src: url('../font/BurfordBase.eot'); /* IE9 Compat Modes */
    src: url('../font/BurfordBase.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../font/BurfordBase.woff') format('woff'), /* Modern Browsers */
         url('../font/BurfordBase.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../font/BurfordBase.svg#BurfordBase') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/*
    font-family: 'Lora', serif; 400, 700
    font-family: 'BurfordBase', Georgia;
    font-family: RixGoB;
    font-family: 'Poppins', sans-serif;
    font-family: 'Noto Sans KR', sans-serif;
    
*/

/* ========== reset ============== */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: RixGoR;
    font-weight: 400;
	vertical-align: baseline;
    text-decoration: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img{border: none;} 

address{font-style: normal;}
fieldset{border: none;} 
legend{position: absolute;left: -999em;} 
input[type=button],
input[type=submit],
input[type=reset],
input[type=image],
button, a, select{cursor: pointer;} 

label.away{position: absolute;left: -999em;} 

/* 공통 */
body{ font-family: RixGoR; font-size: 14px; font-weight: 600; color: #666; overflow-x: hidden; }
body::-webkit-scrollbar { display: none; }
body > section{ left:0; right:0; margin: 0 auto; width: 100%; height: auto; background-image: url(../img/bg.jpg); background-repeat: repeat-y; background-size: 1920px 2px; background-position: center; position: relative; overflow: hidden; box-sizing: border-box; min-width: 1200px;}
.wrap{ max-width: 1200px; width: 1200px; position: relative; margin: 0 auto; box-sizing: border-box; }
.wrap720{ position: relative; overflow: hidden; max-width: 720px; height: auto; left: 0; right: 0; margin: 0 auto; box-sizing: border-box; }
.wrap720 p{ line-height: 24px; padding-bottom: 20px;  word-break: keep-all;}
.wrap720 p:last-child{ padding-bottom: 0;}


.bu{ font-family: 'Poppins', Georgia; font-weight: lighter;/*  letter-spacing: -5px; */}
.lo{ font-family: 'Poppins', serif; letter-spacing: normal; font-size:12px;}
.popp {font-family: 'Poppins', sans-serif;}
.noto {font-family: 'Noto Sans KR', sans-serif;}
.upp{text-transform: uppercase;}

.fl{ float: left;}
.fr{float: right;}
.clb:after {content:''; display: block; clear:both;}

.pad120{ padding: 120px 0;}

.none-pc{display: none!important;}


.col-1{ width: 100%;}
.col-2{ width: 50%;}
.col-3{ width: 33.3%;}
.col-4{ width: 25%;}

.img{ background-size: 100% 100%; background-position: center; background-repeat: no-repeat; transition: .5s;}
/* swiper */
.swiper-button-next:after, .swiper-button-prev:after{content: ''; left: -999em;}
.swiper-button-next, .swiper-button-prev{ width: 23px; height: 13px; background-position: center; background-size: cover; background-repeat: no-repeat; outline: none; }
.swiper-pagination{ font-weight: lighter; font-size: 14px;}
.swiper-pagination .number{ font-weight: 700;  font-size: 16px;}
.swiper-pagination .bar{padding: 0 3px;}


/* tit */
.con-tit h3{font-size: 50px;/*  letter-spacing: -5px; */ font-weight: 400; position: relative; left: -4px; line-height: 42px; color:#333;}
.con-tit h4{ font-size: 18px; font-weight: 600;  padding-top: 30px; color: #333;letter-spacing: 0.3em;}
.con-text{ line-height: 30px; padding-top: 30px; font-weight: 500;text-align: center; }
.con-text .lo{ color: #aaa; font-weight: 600; line-height: 26px}


/* sub-top */
#sub-bg{ width: 100%; height: auto; position: relative; overflow: hidden; padding-top: 80px; padding-left: 40px;}
#sub-bg .img{ background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 24%; position: relative;}
#sub-bg .img h3{position: absolute; height: auto; width: 100%; text-align: center; color: #fff; font-size: 50px; top: 0; left: 0; top:calc(50% - 20px); letter-spacing: 0;}

/* sub-tit */
.sub-tit {overflow: hidden;}
.sub-tit h4{font-size: 50px; height: 100px; border-left: 2px solid #333; color: #333; padding-left: 20px; box-sizing: border-box; }
.sub-tit p{ line-height: 28px; letter-spacing: 0;}


/* list */
.list{ width: 100%; text-align: center; height: auto; border-bottom: 1px solid #eee;}
.list ul{ display: table; text-align: center; height: 60px; left: 0; right: 0; margin: 0 auto; }
.list ul li{ padding: 0 15px; line-height: 60px; text-align: center; height: 60px;}
.list ul li a{ color: #aaa; }
.list ul li.active a{ color: #333; line-height: 26px; border-bottom: 1px solid #333;}
.list ul li:hover a{ color: #333; line-height: 26px; border-bottom: 1px solid #333;}

/* fac-tit */
.fac-tit{ text-align: left; padding-bottom: 40px;}
.fac-tit h3{ font-size: 26px; padding-bottom: 5px; color:#333; }
.fac-tit h3 span{ font-size: 64px; padding-bottom: 5px; }
.fac-tit p{ font-size: 16px; font-weight: 400; letter-spacing: 0;}



/* =================== 1024px =================== */
@media (max-width: 1024px) {
    html{ font-size: 3.2vw; }
    body{ font-size: 1rem;}
    body > section{ width: 100%; background-image: none; min-width: 100%;}
    body.noscroll{overflow-y: hidden;}

    .wrap{ max-width: 100%; width: 100%; position: relative; margin: 0 auto; box-sizing: border-box; padding: 0 15px;}
    .wrap720{ position: relative; overflow: hidden; max-width: 100%; height: auto; left: 0; right: 0; margin: 0 auto; box-sizing: border-box; padding: 0 15px;}
    .wrap720 p{ line-height: 4.8vw; padding-bottom: 5.33vw;}
    .wrap720 p:last-child{ padding-bottom: 0;}
    
    
    .none-mo{ display: none!important;}
    .none-pc{display: block!important;}
    
    .m-col-1{ width: 100%!important;}
    .m-col-2{ width: 50%!important;}
    .m-col-3{ width: 33.3%!important;}
    .m-col-4{ width: 25%!important;}
    .m-col-5{ width: 20%!important;}
    
    
    
    /* tit */
    .con-tit h3{font-size: 40px; line-height: 8.533vw; }
    .con-tit h4{ font-size: 1.667rem;  padding-top: 4vw;}
    .con-text{ line-height: 6.933vw; padding-top: 4vw;}
    .con-text .lo{ line-height: 5.333vw}
    
    /* sub-top */
    #sub-bg{ width: 100%; height: auto; position: relative; overflow: hidden; padding-top: 60px; padding-left: 15px; padding-right: 15px;}
    #sub-bg .img{ padding-top: 45%; position: relative;}
    #sub-bg .img h3{ font-size: 40px; top: 0; left: 0; top:calc(50% - 20px); }
    
    /* sub-tit */
    .sub-tit h4{font-size: 40px; height: auto; border-left: none; padding-left: 0; box-sizing: border-box; padding-bottom: 2.667vw; text-align: center;}
    .sub-tit p{ line-height: 6.4vw;}
    
    
    /* list */
    .list{ margin: 0 15px; overflow-x: auto; }
    .list::-webkit-scrollbar { display: none; }
    .list ul{ display: inline; width: auto; text-align: center; height: 12vw; white-space: nowrap; margin-right: 15px;}
    .list ul li{ display: inline-block; float: none; padding: 0 2.67vw; line-height: 12vw; text-align: center; height: 12vw;}


    .list ul li:nth-child(1){ padding: 0 2.67vw 0 0; }
    .list ul .tit.active a{ display: block; color: #333; line-height: 11.73vw; border-bottom: 3px solid #333;}
    .list ul li.active a{ display: inline-block; color: #333; line-height: 11.73vw; border-bottom: 3px solid #333;}
    .list ul li:hover a{ display: inline-block; color: #333; line-height: 11.73vw; border-bottom: 3px solid #333;}

    
    /* fac-tit */
    .fac-tit{ text-align: left; padding-bottom: 5.333vw;}
    .fac-tit h3{ font-size: 1.667rem; padding-bottom: 1.333vw; line-height: 10.667vw; }
    .fac-tit p{ font-size:18px; }

}