/* BASIC css start */
@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}


.tip-menu {position:relative; width:100%; display:block; margin:30px auto 0 auto; }
.tip-menu ul {width:1400px;  display:block; margin:0 auto; }
.tip-menu ul li {width:19.5%; display:inline-block; text-align:center;  background:#f8f8f8; margin-right:0.3%;}
.tip-menu ul li a { display:block; width:100%; margin:20px auto; font-size:17px; font-family: 'S-CoreDream-3Light';}
.tip-menu ul li a.active {font-family: 'S-CoreDream-4Regular'; font-weight:bold;}
.tip-menu ul li a:hover {font-family: 'S-CoreDream-4Regular'; font-weight:bold;}
.tip-menu ul li:last-child a{border-right:none; margin-right:0;}

.tip-title {width:1100px; padding-top:70px; text-align:center; margin:0 auto;font-family: 'Spoqa Han Sans Neo', 'sans-serif';}
.tip-title .red-box { width:90px; height:35px; background:#cc0000; display:block; position:relative; margin:0 auto; line-height:35px; color:#fff; font-weight:700; font-size:20px;}
.tip-title .menu-title {font-size:60px; font-family: 'Noto Sans KR', sans-serif; font-weight:300; color:#333; margin-top:5px; line-height:100px; letter-spacing:-3px;}
.tip-title .menu-title01 {font-size:20px; font-family: 'Noto Sans KR', sans-serif; color:#777; margin:0 auto; font-weight:300; letter-spacing:-1px; padding-bottom:30px;}


.guide-document {width:1100px; padding-top:20px; text-align:center; margin:0 auto;}
.guide-document h1{font-size:25px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; color:#333; margin-top:20px; letter-spacing:-1px;}
.guide-document h2{font-size:25px; font-family: 'Nanum Gothic', sans-serif; color:#999;margin:0 auto;  }
.guide-document .prd-top{ width:1100px; height:100px; display:inline-block; padding:0 5px;padding-bottom:50px; margin:0 auto; position:relative; display:inline-block; text-align:center;}
.guide-document .prd-top li {display:inline-block; padding:0 5px;}


.foxwig {margin:30px auto; width:1100px;  text-align:center; background:#f9f9f9; display:inline-block;}
.foxwig>li {width:100%; height:100%; margin: 0 auto; display:inline-block;}
.foxwig>li>span{ display:inline-block; width:120px;  background:#333; color:#fff; font-weight:400; font-family: 'Do Hyeon', sans-serif; font-size:25px; line-height:45px; height:45px; padding-top:5px; margin:0 auto; }
.foxwig>li p{font-size:30px; font-family: 'Noto Sans KR', sans-serif; font-weight:400; line-height:60px; color:#993333; padding-top:25px; letter-spacing:-1px;}
.foxwig>li>h3{font-size:20px; font-family: 'Noto Sans KR', sans-serif; font-weight:300; line-height:30px; color:#666; padding-bottom:35px;letter-spacing:-1px;}
.font1{font-size:27px; color:#333; font-weight:500; line-height:70px;}

.fman {width:1070px; heigh:460px;display:block; background:#fff; margin:0 auto; border:1px solid #aaa; margin-bottom:20px;}
.fman .number {font-size:20px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; color:#333; display:inline-block; padding-top:25px; line-height:70px;}

.fwoman {width:1070px; heigh:435px; display:block; background:#fff; margin:0 auto; border:1px solid #aaa; margin-bottom:20px;}
.foxwig-woman .number {font-size:20px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; color:#333; display:inline-block; padding-top:25px; line-height:70px;}

.foxwig-man {width:200px; height:460px; display:inline-block; margin:0px 30px; text-align:center; position:relative;}
.foxwig-man img{width:200px; position:absolute; display:block; text-align:center;}
.foxwig-man a >img:nth-child(2),
.foxwig-man a:hover img:nth-child(1){display:none;}
.foxwig-man a:hover img:nth-child(2){display:block;}
.foxwig-man span {font-size:17px; font-family: 'Nanum Gothic', sans-serif; color:#333; width:100%; line-height:27px;  display:block; margin:10px 0 40px 0;  position:absolute; top:335px;}

.foxwig-woman {width:220px; height:435px; position:relative; display:inline-block; margin:0 20px; text-align:center;}
.foxwig-woman img{width:220px; position:absolute; display:block; text-align:center;}
.foxwig-woman a >img:nth-child(2),
.foxwig-woman a:hover img:nth-child(1){display:none;}
.foxwig-woman a:hover img:nth-child(2){display:block;}
.foxwig-woman span {font-size:17px; font-family: 'Nanum Gothic', sans-serif; color:#333; width:100%; line-height:27px; display:block;margin:10px 0 50px 0;   position:absolute; top:310px;}

/* BASIC css end */