@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Alex+Brush');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
@font-face { font-family: 'RIDIBatang'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {
    font-family: 'Cafe24Dangdanghae';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.2/Cafe24Dangdanghae.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {  margin:0; padding:0; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  box-sizing:border-box;}

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, caption, 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: inherit;	vertical-align: baseline;}
ul, ol {list-style: none; padding:0;}
a, a:hover { color: inherit;  text-decoration: none;  cursor:Pointer;}
table {border-collapse:collapse;}
img{vertical-align:middle;}
b{font-weight:bold;}
.all_wrap{width:100%;height:100%;text-align:center;}

.int_box .bodt {width: 1px;background: #dfdad7;height: 100%;z-index: 1;margin: auto;position: absolute;display: inline;}

.int_box {width: 100%; height: 100%;}
.int {box-sizing: border-box;float: left;width: 50%;height: 100%;/* margin: -2px; */padding: 0;border: 1.3vw solid #f4f1ee;transition: .3s;}
.int a {display: block;padding: 3vw 4vw;top: 50%;}
.int a .txt {position: relative;padding: 19% 0 5% 0;}
.int a .txt .logo {position: absolute; top: 0; right: 0; width: 16%;}
.int a .txt .logo img {width: 100%;}
.int a .txt > span {position: absolute;top: 0;left: 0;right: 0;margin: auto;font-size: 2.5rem;font-weight: bold;color: #656565;text-align: center;font-family: system-ui;display: inline-table;font-family: 'Pretendard-Regular';}
.int a .txt p {text-align: center;text-transform: uppercase;font-size: 1.5rem;line-height: 2;color: #656565;font-family: 'Cormorant Garamond', serif;letter-spacing: 3px;font-weight: 600;}
.int a .txt p span {font-size: 1.5rem;width: 100%;letter-spacing: -0.5px;font-weight: 400;font-family: 'NotoSerifKR'; height:103px; display:inline-block;}
.int a .img {width: 100%;overflow: hidden;text-align: center;}
.int a .img img {width: inherit;}
.int a .img .enter {display: inline-block;text-align: center;text-transform: uppercase;font-size: 15px;padding: 10px 25px;margin: 1.8vw 0 0 0;letter-spacing: 3px;font-weight: bold;transition: background .4s;border-radius: 100px;font-family: 'Pretendard-Regular';}

.int2 a .txt .logo {width: 13%;}

.int1:hover {border-color: #63abc7;}
.int1 a .txt > span::after {content: ''; display: block; position: absolute; bottom: 0; width: 100%; height: 3px; background: #63abc7}
.int1:hover a .txt p {color: #63abc7}
.int1 a .img .enter {color: #63abc7;border: 2px solid #63abc7;}
.int1:hover a .img .enter {background: #63abc7; color: #fff;}

.int2:hover {border-color: #4e7d55;}
.int2  a .txt > span::after {content: ''; display: block; position: absolute; bottom: 0; width: 100%; height: 3px; background: #4e7d55}
.int2:hover a .txt p {color: #4e7d55}
.int2 a .img .enter {color: #4e7d55;border: 2px solid #4e7d55;}
.int2:hover a .img .enter {background: #4e7d55; color: #fff;}

@media (max-width: 1025px) {
	 .int {width: 100%;height: 70%;float: none;}
    .int a .txt p {font-size: 1rem;}
    .int a .txt p span {font-size: 1rem; height: unset;}
	.int a .txt > span{font-size: 2rem; }
	.int a .img .enter{margin: 2.8vw 0 0; font-size: 10px;}
	
	.int_box .bodt {width:100%; height:1px; box-sizing:border-box; left:0;}

.int a .txt {text-align:center; padding:0% 0 5% 0;}
.int a .txt > span {display:inline-block; position:relative;}
.int a .img img { display:block; width:170px; margin: 0 auto;}
}