@charset "utf-8";
body, html {font-family:'Paperlogy-4Regular'; font-weight:400;}

@font-face {
    font-family: 'Paperlogy';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'HakgyoansimAllimjangTTF-B';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimAllimjangTTF-B.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

/* 레이아웃 공통 */
.inner{max-width:1400px; margin:0 auto; }


body { min-width:320px; position:relative; font-family: 'Paperlogy';  background: url(/manhwalib/img/intro/introbg.png) no-repeat 50% 0; font-size:18px;}
#intro {padding:70px 0 0; position:relative;}

header {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }
header h1 {z-index:1;}

header a.link {background: #2b4176; border-radius:40px; border-radius:40px;  padding: 10px 40px 10px 20px; position:relative; color:#fff; font-size:17px;     box-sizing: border-box;}
header a.link:after {content:''; display:block; width:9px; height:16px; background:url(/manhwalib/img/intro/introicon01.png) no-repeat 0 0; position:absolute; bottom:15px; right:20px;}
header a.link strong:after {content:''; display:inline-block; width:6px; height:11px; background:url(/manhwalib/img/intro/introicon.png) no-repeat -176px 0; margin-left:5px;}
header a.link strong span {font-weight:400;}
header a.link:hover {color:#ffd800; }

.introsear {background:#fff;   margin: 70px auto 0 auto; border-radius:70px; padding:10px 20px; position:relative; height:80px; width:690px; display:flex; flex-wrap:wrap; border:3px solid #333;}
.introsear:before{content:''; display:inline-block; width:69px; height:84px; background-image:url(/manhwalib/img/intro/simg01.png); position:absolute; top: -87px; left: 44px;}
.introsear:after{content:''; display:inline-block; width:64px; height:61px; background-image:url(/manhwalib/img/intro/simg02.png); position:absolute; top: -58px;  right: 70px;}
.introsear label {display:flex; position:relative; align-items:center; font-size:20px; margin:0 15px;}
.introsear label:before {content:''; display:inline-block; width:43px; height:38px; background-image:url(/manhwalib/img/intro/mainicon_off.png); background-repeat:no-repeat;}
.introsear label input[type="radio"] {width:0; height:0; position:absolute; opacity:0;}
.introsear label:has(input:checked):before {background-image:url(/manhwalib/img/intro/mainicon_over.png); }
.introsear label.msearch3 {position: absolute; left: 35%;  top: 36%;  font-weight: 700; color:#333333;}
.introsear label.msearch3 em{color:#4d70b5; font-weight: 700;}
.introsear label.msearch3:before{position: absolute;    left: -13%;    top: 21%;    width: 1px;    height: 20px;    background: #ddd;}

.introsear input[type="text"] { height:100%; padding:0 15px; width:calc(100% - 300px); margin-left:2%;}

.introsear button {width:103px; height:103px; border-radius:50%; overflow:hidden; background: linear-gradient(139deg,rgba(75, 113, 181, 1) 0%, rgba(75, 113, 181, 1) 0%, rgba(123, 84, 196, 1) 100%); position:absolute; top:0px; right:-50px;  text-indent:-9999px; box-shadow:5px 5px 10px rgba(0,0,0,0.2); transition:all .2s;}
.introsear button:before {content:''; width:103px; height:103px; background:url(/manhwalib/img/intro/introicon.png) no-repeat 50% 50%; position:absolute; top:0; left:0;}
.introsear button:hover {transform:translateX(-5px);}


@media(max-width:1480px){
	header .introsear {width:calc(100% - 650px); margin-left:-30px;}
	.inner{padding:0 10px;}
}
@media(max-width:1024px){
	header h1{margin-bottom:15px;}
	#intro {padding:30px 0;}
	header {flex-direction:column;}
	header .introsear {width:calc(100% - 30px); margin:20px 0 20px -30px;}
	header .introsear input[type="text"]::placeholder { font-size:18px;}
	header a.link {width:100%;}
	
}

@media(max-width:768px){
	.introsear {height:auto; justify-content:center; width: 80%; margin-top:50px;}
	.introsear input[type="text"] {width:100%; height:40px;}
	.introsear input[type="text"]::placeholder {text-align:center;}
	.introsear button {top:calc(50% - 50px);}
	.introsear label.msearch3{left: 5%;  top: 58%;}
	.introsear label.msearch3:before{display:none;}
	.introsear button{right:-20px;}
	
	.introsear:after{display:none;}
	.introsear:before{display:none;}
}



.lincon {margin-top:50px; text-align: center;}
.lincon .tit {position:relative; margin-top:50px; }
.lincon .tit p.copy {margin-top:40px; font-size:202px; color:#666; line-height:1.4em;}
.lincon .link {display:flex;}
.lincon .link a {color:#fff;     text-align: left;border-radius:200px 50px 150px 200px; padding:100px 80px 100px 130px; display:block; width:721px; position:relative; overflow:hidden; ;}
.lincon .link a > * {position:relative; z-index:1;}
.lincon .link a:before {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.8); position:absolute; top:0; left:0; opacity:0; transition:all .2s; z-index:0;}
.lincon .link a:after {content:''; display:block; width:84px; height:84px; border-radius:50%;  position: absolute;  right: 80px;  top: 50%; margin-top: -55px; z-index:1; transition:all .2s;}
.lincon .link a:nth-of-type(1) {background:#3252a3 url(/manhwalib/img/intro/lib01.png) no-repeat right 150px top 50%; z-index:2; box-shadow: 28.3px 33.7px 35px 0 rgba(67, 65, 78, 0.2)}
.lincon .link a:nth-of-type(2) {background:#986b40 url(/manhwalib/img/intro/lib02.png) no-repeat right 150px top 50%; margin-left:-80px; z-index:1;}
.lincon .link a:nth-of-type(1):after{background:#fff url(/manhwalib/img/intro/arr_01.png) no-repeat 50% 50%;}
.lincon .link a:nth-of-type(2):after{background:#fff url(/manhwalib/img/intro/arr_02.png) no-repeat 50% 50%;}

.lincon .link a:nth-of-type(1):hover:after{background:#0c2054 url(/manhwalib/img/intro/arr_00.png) no-repeat 50% 50%;}
.lincon .link a:nth-of-type(2):hover:after{background:#724519 url(/manhwalib/img/intro/arr_00.png) no-repeat 50% 50%;}


.lincon .link a > strong {display:block; font-family: 'HakgyoansimAllimjangTTF-B'; font-size:42px;}
.lincon .link a > strong span {color:#fff; font-size:20px; font-weight:500;}
.lincon .link a > span {display:block; line-height:1.4em; margin:10px 0 ;  font-family: 'SBAggro'; font-size:18px; font-weight:200;}


.lincon .link a:hover:after {background:#fff url(/manhwalib/img/intro/introicon.png) no-repeat -364px 19px;}
.lincon .link a:hover > strong span {color:#fff; }

@media(max-width:1024px){
	.lincon {margin-top:50px;}
	.lincon .tit {width:100%; margin-bottom:20px; display:flex; flex-wrap:wrap;     justify-content: center; align-items:flex-end; }
	.lincon .tit p.img {width:40%;}
	.lincon .tit p.copy {width:55%; font-size:18px;}
	.lincon .link {width:100%; gap:20px;}
	.lincon .link a {min-height:auto; width:calc(50% - 10px); border-radius: 30px; padding: 50px 40px;}
	.lincon .link a > span {margin:10px 0 30px 0;}
	.lincon .link a:nth-of-type(2) { transform:translateY(0px); margin-left:0;}
	
	.lincon .link a:after{z-index: 1;
    transition: all .2s;
    left: auto;
    top: auto;
     right:auto;
     margin-top: 0;
    position: relative;}
    
    
    .introsear button{    right: -22px;}
   
}
@media(max-width:768px){

	.lincon .tit img{width:80%;}
	.lincon .tit p.copy {width:100%;}
	.lincon .link{flex-wrap: wrap;}	
	.lincon .link a{width:100%;}
	.lincon .link a > strong{line-height:1em;}
}
@media(max-width:480px){
	.lincon .link {flex-wrap:wrap;}
	.lincon .link a {width:100%;}
}



.int-con2{position:relative;  margin: 100px auto 0 auto; box-sizing: border-box; background: url(/manhwalib/img/intro/map_bg.png) no-repeat 0 bottom; padding-bottom:90px;}
.int-con2 .box{position:relative;margin:0 auto;background: transparent; padding:100px 0 100px 730px; border:0; max-width:1400px; height:650px;  border-radius:0;   box-sizing: border-box;}
.int-con2 .box .tit{margin-bottom:40px;font-size:44px;color:#000;font-weight:300}
.int-con2 .box .tit .txt1{display:block;font-size:20px;color:#839d0c;font-weight:400;}
.int-con2 .box .tit .txt2{font-family: 'GmarketSans';font-weight:400;}
.int-con2 .box > ul > li .mapTit{position:absolute;top:45px;left:0;padding-top:35px;height:580px}
.int-con2 .box > ul > li .mapTit a{position:absolute;display:block;width:130px;font-size:18px;color:#000;line-height:36px;text-align:center;background:#fff;border-radius:18px;box-shadow:4px 4px 0 rgba(0,0,0,0.05);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;z-index:10}
.int-con2 .box > ul > li .mapTit a:hover{text-decoration:none}
.int-con2 .box > ul > li .mapTit img{display:none}
.int-con2 .box > ul > li .mapTit.on a{color:#fff;background:#3252a3;}
.int-con2 .box > ul > li .mapTit.on img{display:block}
.int-con2 .box > ul > li:nth-child(1) .mapTit a{bottom: 220px; left: 206px;}
.int-con2 .box > ul > li:nth-child(2) .mapTit a{bottom: 132px; left: 460px;}
.int-con2 .box > ul > li:nth-child(3) .mapTit a {display:none;}
.int-con2 .box > ul > li .mMapCon::after{display:block;clear:both;content:''}

.int-con2 .box > ul > li .mMapCon dl{padding: 0 0 0 10px;}
.int-con2 .box > ul > li .mMapCon dl dt{position: relative;}
.int-con2 .box > ul > li .mMapCon dl dt span{position: relative;  margin-bottom: 25px; font-family: 'HakgyoansimAllimjangTTF-B';  font-size: 30px;  color: #fff;  line-height: 1;  background: #3252a3;
   padding: 0 30px;
    line-height: 70px;
    border-radius: 50px 50px 50px 0;
    text-align: center; display:inline-block;}
 .int-con2 .box > ul > li .mMapCon dl dt span img{    position: absolute;  margin-left:-20px;}   
.int-con2 .box > ul > li .mMapCon dl dt span {font-size:24px; display:inline-block;}
.int-con2 .box > ul > li .mMapCon dl dd{    border-radius: 0 150px 150px 50px; padding: 70px 40px 50px 40px; box-shadow: 5px 5px 10px rgb(0 0 0 / 20%);  margin-top: -50px;  background: #fff;}
.int-con2 .box > ul > li .mMapCon dl dd ul li{position:relative;margin-bottom:10px;padding-left:70px;min-height:20px; }
.int-con2 .box > ul > li .mMapCon dl dd ul li .name{padding-left:25px; position:absolute;top:3px;left:0;;font-size:18px;color:#3252a3;line-height:1; font-weight: 800; background: url(/manhwalib/img/intro/location.png) no-repeat 0 0;}
.int-con2 .box > ul > li .mMapCon dl dd ul li.last{ background: url(/manhwalib/img/intro/tel.png) no-repeat 0 0;}
.int-con2 .box > ul > li .mMapCon dl dd ul li.last .name{position:relative;top:0;display:block;margin-bottom:10px}
.int-con2 .box > ul > li .mMapCon dl dd ul li .day{display:inline-block;width:48px;font-size:20px;color:#000;line-height:48px;text-align:center;background:#fff;border-radius:5px}




@media all and (max-width:1024px){
	
	.int-con2 .box{padding:00px 0;height:auto}
	.int-con2 .box .tit{margin-bottom: 140px;text-align:center}
	.int-con2 .box > ul{position:relative;}
	.int-con2 .box > ul > li .mapTit{top:-90px;left:50%;padding:0;width:200px;height:auto}
	.int-con2 .box > ul > li .mapTit img{display:none !important}
	.int-con2 .box > ul > li .mapTit a{width:100%;line-height:58px;border:1px solid #dee1e6;border-radius:10px;box-shadow:none;}
	.int-con2 .box > ul > li .mapTit.on a{background:#13998b;z-index:12}
	.int-con2 .box > ul > li:nth-child(1) .mapTit a{position:relative;left:0; bottom:0; }
	.int-con2 .box > ul > li:nth-child(2) .mapTit a{position:relative;left:0;     bottom: 0;}
	.int-con2 .box > ul > li:nth-child(3) .mapTit a {display:block; position:relative;left:0}
	.int-con2 .box > ul > li:nth-child(1) .mapTit{margin-left:-195px}
	.int-con2 .box > ul > li:nth-child(2) .mapTit{margin-left:-5px}
	.int-con2 .box > ul > li:nth-child(3) .mapTit{margin-left:-195px; top:-72px;}
	.int-con2 .box > ul > li .mMapCon .photo{float:none;margin:0 auto 15px;width:auto;max-width:400px}
	.int-con2 .box > ul > li .mMapCon dl{float:none;margin:0 auto;padding:0;width:auto;max-width:620px}
	.int-con2 .box > ul > li .mMapCon dl dt{text-align:center}
	.int-con2 .box > ul > li .mMapCon dl dt::before{display:none}
	.int-con2 .box > ul > li .mMapCon dl dd{position:relative;padding:0 52% 0 0;}
	.int-con2 .box > ul > li .mMapCon dl dd ul li.last{position:absolute;top:0;right:0;width:47%}

	
	
	}
	
	@media all and (max-width:640px){
	
	.int-con2{padding:0 20px}
	.int-con2 .box{padding:50px 0}
	.int-con2 .box .tit{font-size: 28px;}
	.int-con2 .box .tit .txt1{font-size:18px}

	.int-con2 .box > ul > li .mapTit{width:140px}
	.int-con2 .box > ul > li .mapTit a{font-size:18px;line-height:48px}
	.int-con2 .box > ul > li:nth-child(1) .mapTit{margin-left: -135px;}
	.int-con2 .box > ul > li:nth-child(3) .mapTit {margin-left: -135px; top: -82px;}
	.int-con2 .box > ul > li .mMapCon .photo{padding-bottom: 35px;}
	.int-con2 .box > ul > li .mMapCon .photo .btn a{padding-top: 50px;width: 80px;height: 80px;background-size: 20px;background-position:center 20px}
	.int-con2 .box > ul > li .mMapCon dl dt{font-size:28px}
	.int-con2 .box > ul > li .mMapCon dl dt::before{display:block;position:absolute;top:-70px;left:50%;width:0;height:60px;content:'';border-left:1px solid #000}
	.int-con2 .box > ul > li .mMapCon dl dd{padding:0}
	.int-con2 .box > ul > li .mMapCon dl dd ul li.last{position:relative;width:100%}
	
	}
footer {background:#17191c; color:rgba(255,255,255,0.7); padding:60px 0;}
footer > div.inner {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;}

footer .footinfo {display:flex; align-items:center; gap:60px; font-size:16px;}
footer .footinfo div div {display:flex; align-items:center; }
footer .footinfo div div p strong {color:#fff; margin-right:10px;}
footer .footinfo div div p:nth-of-type(1):after {content:''; display:inline-block; width:1px; height:10px; background:rgba(255,255,255,0.4); margin:0 15px;}

footer .footlink a {border:1px solid rgba(255,255,255,0.4); border-radius:50px; padding:15px 30px; display:flex; align-items:center;}
footer .footlink a:after {content:''; display:inline-block; width:29px; height:29px; background:url(/manhwalib/img/intro/footer_arr.png) no-repeat right 0; margin-left:10px; transition:all .2s;}
footer .footlink a:hover {border:1px solid rgba(255,255,255,1); color:rgba(255,255,255,1);}
footer .footlink a:hover:after {transform:translateX(10px);}

@media(max-width:1280px){
	footer .footinfo div div {display:flex; align-items:center; flex-direction:column; align-items:flex-start;}
	footer .footinfo div div p:nth-of-type(1):after {display:none;}
}
@media(max-width:1024px){
	footer {padding:30px 0;}
	footer .footinfo {display:flex; flex-direction:column; align-items:center; width:100%; gap:20px;}
	footer .footlink {margin:10px auto 0;}
}
@media(max-width:768px){
	footer .footinfo { font-size:13px;}	
}