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



* { margin:0; padding:0;}
li { list-style: none;}
a { text-decoration: none; color:inherit;}
img { vertical-align: top;}
.wrap:after, ul:after, .cl:after { content:""; clear:both; display:block;}
.wrap { width:1200px; margin:0 auto; position:relative; }
.blind { position:absolute; left:-9999px; width:0; height:0; font-size:0; overflow:hidden;}
body {  font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';}

header {font-family: 'NotoSerifKR'; height:100px; position:fixed; z-index:101; width:100%; background:rgba(255, 255, 255, 0.7); overflow:hidden; }
header.on{height:380px;}
header.down{height:380px; background: #fff;}
header.fix{background: #fff;}

header h1 { padding:25px 0; }
header h1 img { height:40px;}
header #gnb { position:absolute; right:0; top:52px;}
header #gnb > li { float:left; margin-left:86px; font-size:20px; font-weight:normal;}
header #gnb ul { margin-top:24px; }
header #gnb ul li { margin-top:8px; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; }
header #snb { position:absolute; right:0; top:16px;}
header #snb li { float:left; margin-left: 26px; font-size:14px;font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';}
header #gnb > li > a:link, header #gnb > li > a:visited { color:#000;}
header #gnb > li > a:hover, header #gnb > li>  a:active, header #gnb > li > a:focus { color:#8a7872; }
header #gnb ul li a:link, header #gnb ul li > a:visited { color:#555; font-size:15px;}
header #gnb ul li a:hover, header #gnb ul li>  a:active, header #gnb ul li  a:focus { color:#8a7872; }


#main {  position:relative;}
#main .slide { position:relative; width:300%; }
#main .slide:after { content:""; clear:both; display:both;}
#main .slide li {float:left; width:33.33%; height:940px;}
#main .slide li:nth-child(1) { background: url(../images/main1.jpg)no-repeat center/cover;}
#main .slide li:nth-child(2) { background: url(../images/main2.jpg)no-repeat center/cover;}
#main .slide li:nth-child(3) { background: url(../images/main3.jpg)no-repeat center/cover;}
#main .text1 { position:relative; top:340px;font-family: 'Nanum Myeongjo', serif;}
#main .text1 h3 { font-size:48px; font-weight:bold; color:#333;}
#main .text1 p { font-size:24px; padding-top:48px; color:#333;}
#main .text1 a {  margin:40px 0; display:inline-block; font-size:20px; }
#main .text1 a:before { content:""; width:20px; display:block; background: #222; border-bottom:2px solid #222; margin-bottom:10px;}
#main .text2 {text-align:center; font-family: 'Nanum Myeongjo', serif; position:relative; top:25%; color:#333;}
#main .text2 p {  font-size:36px; font-weight:bold; font-weight:900; }
#main .text2 a { font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; font-size:16px; border:1px solid #333; padding: 16px 10px; margin-top:36px; display:inline-block;}
#main .text3 { position:relative; top: 40%; color:#333;}
#main .text3 p {font-size:36px; font-weight:bold;}
#main .text3 a {font-size:18px; display:inline-block; border:1px solid #333; padding: 16px 10px; margin-top:36px; }

#main .page { position:absolute; bottom:0; left:50%;}
#main .page li { float:left; margin:20px 8px;}
#main .page li{  width:14px; height:14px; background:#ddd; border-radius: 50px ; display:inline-block;}
#main .page .select { background: #8a7872; border-radius: 50px; width:14px; height:14px;}


#quick { background: #8a7872; padding:40px 0; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';}
#quick p { color:#fff; font-size:24px; }
#quick ul li {float:left; font-size:20px; color:#fff; margin-left:80px;}
#quick ul { position:absolute; right:0; top:0;}

#idea .wrap > img { position:absolute; right:0;top:50%; margin-top:-214px;}
#idea .wrap { font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; height:640px; box-sizing:border-box;}
#idea .text { box-shadow: -8px 4px 10px 4px grey; padding:54px 60px 40px; background: #fff; position:absolute; top:50%; margin-top: -142px; text-align:center; color:#333;}
#idea .text h3 { font-size:26px; font-weight:bold; }
#idea .text p { padding:25px 0; font-size:18px;}
#idea .text a { display:inline-block; font-size:20px; font-weight:300; padding:0 30px; border:1px solid #333; line-height:45px;}


#venue { height:670px; background: url(../images/find.jpg)no-repeat center/cover;}
#venue > img { width:100%; }
#venue .wrap { font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; text-align:center; }
#venue .text { text-align:center; padding-top:6%;}
#venue .text h3 { font-size:24px; font-weight:bold;}
#venue .text p { font-size:20px; padding:25px 0;}
#venue .text a { display:inline-block; font-size:20px; font-weight:300; padding:0 30px; border:1px solid #333; line-height:45px;}

#dress { padding:100px 0; background: #fff5f7;}
#dress .wrap > img { height:700px;}
#dress .text { font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';float:right; background: #fff; width:50%; height:700px; padding:110px 50px; box-sizing:border-box; color:#333;}
#dress .text p { font-size:18px; }
#dress .text h3 { font-size:40px; padding-top:26px;}
#dress .text p:nth-of-type(2) { padding:100px 0 86px; line-height:1.8;}
#dress .text a {display:inline-block; font-size:20px; font-weight:300; padding:0 30px; border:1px solid #333; line-height:45px;}

#offer { padding:100px 0; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';}
#offer a > img { width:50%;}
#offer .of a > img { width:50; height:auto;}
#offer .of a p { position:relative; left:0; top:-118px;  color:#fff; font-size:30px;  display:flex; justify-content: center; align-items: center;  background: rgb(138, 120, 114,0.5); padding:3% 0; width:50%; transition:0.3s;}
#offer .of a:hover p { background: rgba(0,0,0,0.2); color:#222; font-weight:bold;} 

#offer ul {position:absolute; right:0; top:0; width:50%;}
#offer ul li {font-size:18px;font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';}
#offer ul li:first-child { text-align:center; width:100%; margin-left:30px; }
#offer ul li:nth-child(2), #offer ul li:nth-child(3) { text-align:center; float:left; margin-left:50px;margin-top:50px; }
#offer ul li:nth-child(3) { margin-left:80px;}
#offer ul li h3 { padding:10px 0; color:#333;}
#offer ul li p { color:#666;}

#self { background: #eee; padding:100px 0; height:720px; box-sizing:border-box;}
#self .cont { float:left; width: calc(100%/3);}
#self .cont img { width:auto;}
#self .cont:nth-child(2) { background: #fff; padding:86px 3%;font-family: 'NotoSerifKR'; color:#333; text-align:center;box-sizing:border-box; height:535px;}
#self .cont:nth-child(2) h3 { font-size:30px; font-weight:bold;}
#self .cont:nth-child(2) p { padding:70px 0; font-size:20px; line-height:1.6;}
#self .cont:nth-child(2) a { font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';display:inline-block; font-size:20px; border:1px solid #333; padding:10px 30px;}
#self .cont:nth-child(2) span { border-left:1px solid #333; font-size:60px; position:relative; left:-140px; bottom:30px; transition:0.7s; opacity:0; height:0; display:inline-block;}
#self .cont:nth-child(2):hover span { opacity:1; bottom:10px; height:80px;}

footer { padding:50px 0; color:#333;} 
footer h1 img { height:38px;}
footer #sns li { float:left; margin-right:10px; margin-top:50px;}
footer #sns li img { height:30px;}
footer #info { position:absolute; right:0; top:0; font-family: 'NotoSerifKR';}
footer #info li {float:left; font-size:12px; }
footer #info li:after { content:"|"; font-size:12px; margin:0 15px;}
footer #info li:last-child:after { display:none;}
footer address { position:absolute; right:20px; top:40px; font-size:12px; font-family: 'NotoSerifKR'; font-style: normal; line-height:1.6;}

#servies {  border-top:1px solid #ccc; border-bottom:1px solid #ccc; height:80px; box-sizing:border-box;  font-family: 'Nanum Myeongjo', serif; }
#servies h2 { font-size:36px; color:#333; line-height:80px; }
#servies ul { position:absolute; right:0; top:0;}
#servies ul li { float:left; width:160px; height:80px; text-align:center;}
#servies ul li a { display:block; line-height:80px; font-size:18px; font-family: 'NotoSerifKR';}
#servies ul li a:link, #servies ul li a:visited { color:#333; transition:0.3s;}
#servies ul li a:hover, #servies ul li a:active, #servies ul li a:focus { background: #8a7872; color:#fff; }

#subcont { padding: 60px 0;}
#subcont .wrap > h3 {font-size:18px;color:#333; border-top:3px solid #8a7872; width:224px; padding:10px; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';}
#cont1 ul { width:224px; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; box-sizing:border-box;}
#cont1 ul li { border-top:1px solid #ccc;  color:#333; border-right:1px solid #ccc; border-left:1px solid #ccc; font-size:14px; width:224px; background: #eee; }
#cont1 ul li a{ width:224px; height:40px; line-height:40px; padding-left:10px;}
#cont1 ul li:first-child { border-top:1px solid #8a7872; }
#cont1 ul li:last-child { border-bottom:1px solid #ccc;}
#cont1 ul li a:link, #cont1 ul li a:visited { display:block; }
#cont1 ul li a:hover, #cont1 ul li a:active, #cont1 ul li a:focus { background: #fff; color:#8a7872;}

#cont1 #sc { border-top:3px solid #8a7872; padding-top:40px;}

#subcont #banner { position:absolute; right:0; top:0;}
#subcont #banner #cont1{ float:left; }
#subcont #banner #cont1 .sc2 { margin-left:28px;}

#subcont #banner #cont1 #sc > img { position:relative;}
#subcont #banner #cont1 #sc .text { color:#222;}
#subcont #banner #cont1 #sc .text h3 { margin:20px 0 10px; font-size:20px; display:inline-block; text-align:center; width:100%;}
#subcont #banner #cont1 #sc .text a { display:inline-block;text-align:center; width:100%; color:#666;}


#vlist .wrap { border-top: 3px solid #8a7872; padding-top:40px; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';}
#vlist #left { width:765px;}
#vlist #left ul li {float:left;}
#vlist #left ul li:nth-child(1), #vlist #left ul li:nth-child(3) { margin-right:30px;}
#vlist #left ul li:nth-child(1), #vlist #left ul li:nth-child(2) { padding-bottom:70px;}
#vlist div li > p { text-align:center; font-size:14px; color:#333; margin-top:10px; }
#vlist div span { font-size:16px; font-weight:900;}
#vlist #right { position:absolute; right:0; top:0; padding-top:40px;}
#vlist  ul li a { display:block; position:relative;}
#vlist  ul li a img { position:relative; text-align:center;}
#vlist  ul li a p { position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,0.8); color:#fff; font-size:18px; display:flex; align-items: center; justify-content: center; opacity: 0; transition:0.3s;}
#vlist  ul li a:hover p { opacity:1;}


#vlist .wrap { text-align:center; }
#vlist .wrap > a { margin-top:40px; display:inline-block;}

#choose { padding:50px 0; border-bottom:1px solid #ddd;}
#choose .wrap { border-top:3px solid #8a7872;}
#choose #weddinghall { float:left; padding-top:40px;}
#choose .text { margin-top:180px; color:#333; }
#choose .text span { font-size:24px;}
#choose .text h3 { font-size:36px; font-weight:900; margin:20px 0 50px;}
#choose .text p { font-size:17px; font-weight:500;}

#choose #weddinghall ul li {  background: #fff6de; padding:46px 20px; height:260px; color:#333;}
#choose #weddinghall ul li h3 { font-size:20px; font-weight:900; position:relative; top:-40px; right:-60px;}
#choose #weddinghall ul li p { font-size:14px; line-height:1.6;}
#choose #weddinghall ul li:first-child { margin-bottom:26px;}
#choose .left { margin-right:26px; margin-left:40px;}
#choose .right { margin-top:60px;}

.blank { height:100px; background: #fff;}

#s_main {  position:relative; }
#s_main .slide { position:relative; width:400%;}
#s_main .slide:after { content:""; clear:both; display:both;}
#s_main .slide li {float:left; width:25%; height:520px;}
#s_main .slide li:nth-child(1) { background: url(../images/submain1.jpg)no-repeat center/cover;}
#s_main .slide li:nth-child(2) { background: url(../images/main2.jpg)no-repeat center/cover;}
#s_main .slide li:nth-child(3) { background: url(../images/main3.jpg)no-repeat center/cover;}
#s_main .slide li:nth-child(4) { background: url(../images/main3.jpg)no-repeat center/cover;}
#s_main .slide .text1 { position:relative; top:36%; font-family: 'Nanum Myeongjo', serif; }
#s_main .slide .text1 p {font-size:34px; font-weight:900; line-height:1.6; }
#s_main .slide .text1 a { display:inline-block; border:1px solid #333; padding:10px 20px; margin-top:20px;}



#package { padding:130px 0; border-bottom:1px solid #eee;}
#package #frame { width:335px; height:530px; position:relative; overflow:hidden;}
#package #frame .slide { position:relative; width:1005px;}
#package #frame .slide li { float:left; }

#package .left { margin-left:100px; position:relative; width:500px;}
#package .left .text { position:absolute; right:8px; bottom:0; background: #eee; padding:60px 10px 70px;}
#package .left .text p { font-size:16px; margin-top:6px;}
#package .left .page { position:absolute; bottom:0; right:128px;}
#package .left .page li { float:left; background: #8a7872;  margin-left:1px;}
#package .left .page li a { display:inline-block;font-size:24px; color:#fff; width:36px; height:42px; text-align:center;}

#package .right { position:absolute; right:0; top:0; margin-right:130px; margin-top:80px;}
#package .right h3 {font-size:30px; font-weight:bold; line-height:1.7;}
#package .right p { font-size:16px; margin:60px 0; line-height:1.6;}
#package .right a { display:inline-block; background: #8a7872; color:#fff; padding:18px 30px;}

#icon { padding:100px 0;}
#icon ul { text-align:center;}
#icon ul li { float:left; margin:0 62px; font-size:16px;}
#icon ul li:last-child { margin-right:0;}
#icon ul li h3 { margin-top:18px;}
#icon ul li p { margin-top:18px; font-size:15px; line-height:1.6;}

#last { padding-bottom:80px; border-bottom:1px solid #eee;}
#last ul li { width:50%;}
#last .company li { float:left;}
#last ul .text { text-align:center; padding-top:70px; background: #f3f3f3; height:370px; box-sizing: border-box;}
#last ul .text p { font-size:18px;}
#last ul .text h3 { margin:40px 0 60px; font-size:26px; font-weight:900;}
#last ul .text a{ background: #8a7872; padding:16px 20px; color:#fff; display:inline-block;}
#last .review li { float:left;}

@media (max-width:800px) { /* 모바일용 */

    .pc { display:none !important;}
    .wrap { width:100%; height:auto;}
    header {font-family: 'NotoSerifKR'; height:100px; position:static; z-index:0; width:100%; background: #fff;}
    header ul li a img { position:absolute; right:0; top:26%; height:42px;}
    

    #main {  position:relative; }
    #main .slide { position:relative; width:300%;}
    #main .slide:after { content:""; clear:both; display:both;}
    #main .slide li {float:left; width:33.33%; height:480px;}
    #main .slide li:nth-child(1) { background: url(../images/main1.jpg)no-repeat center/cover;}
    #main .slide li:nth-child(2) { background: url(../images/main2.jpg)no-repeat center/cover;}
    #main .slide li:nth-child(3) { background: url(../images/main3.jpg)no-repeat center/cover;}
    #main .text1 { position:relative; top:30%; left:3%;font-family: 'Nanum Myeongjo', serif;}
    #main .text1 h3 { font-size:30px; font-weight:bold; color:#333;}
    #main .text1 p { font-size:18px; padding-top:30px; color:#333;}
    #main .text2 {text-align:center; font-family: 'Nanum Myeongjo', serif; position:relative; top:25%; left:3%; color:#333;}
    #main .text2 p {  font-size:24px; font-weight:bold; font-weight:900; }
    #main .text2 a { font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; font-size:14px; border:1px solid #333; padding: 16px 10px; margin-top:36px; display:inline-block;}
    #main .text3 { position:relative; top: 30%; left:3%; color:#333;}
    #main .text3 p {font-size:24px; font-weight:bold;}
    #main .text3 a {font-size:16px; display:inline-block; border:1px solid #333; padding: 16px 10px; margin-top:36px; }

    
    #quick ul li {float:left; font-size:16px; color:#fff; margin-left:0; width:25%;}
    #quick ul { position:static; text-align:center; width:100%; }

    #idea .wrap > img { position:static; right:0; top:0; margin-top:0; width:100%;}
    #idea .wrap { padding: 0; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; height:auto; box-sizing:border-box;}
    #idea .text { box-shadow: none; background: #eee; position:static; top:0; margin-top: 0; text-align:center; color:#333;}
    #idea .text h3 { font-size:24px; }
    #idea .text p { font-size:16px;}
    #idea .text a {  padding:6% 6%; line-height:0;}

    #venue { height:auto;  position:relative;}
    #venue .wrap > img {width:100%;height:auto;}
    #venue .wrap { font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; text-align:center; }
    #venue .text { text-align:center; width:100%; padding-top:6%; position:absolute; top:10%; left:0; margin-left:0;}
    #venue .text h3 { font-size:20px; font-weight:bold;}
    #venue .text p { font-size:16px; padding:25px 0; text-align:center; }
    #venue .text a { background: #fff; border:0; line-height:50px; margin-top:10%;}

    #dress { padding:0; background: none; height:auto; width:100%;}
    #dress .text { font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';float:right; background: #fff; width:auto; height:auto; padding:10% 0 15%; box-sizing:border-box; text-align:center; background: #fff5f7;}
    #dress .text img { width:46%; height:auto; float:left; }
    #dress .text div { width:54%; float:left;}
    #dress .text p { font-size:16px;  text-align:center; margin-top:10%;}
    #dress .text h3 { font-size:24px; padding:15% 0 20%; text-align:center;}
    #dress .text a {padding:10% 6%; text-align:center; line-height:0; font-size:18px;}
    #dress .text div a img { width:20px; position:relative; right:0;}

    #offer { padding: 0; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';}
    #offer .wrap { width:100%;}
    #offer div a > img { width:100%; height:auto;}
    #offer .of a p { position:relative; left:0; top:-3px;  color:#fff; font-size:30px;  display:flex; justify-content: center; align-items: center;  background: #8a7872; padding:3% 0; width:100%; transition:0;}
    #offer .of a:hover p { background: #8a7872; color:#fff; font-weight:500;} 
    

    #offer ul {position:static; right:0; top:0; width:100%;}
    #offer ul li { text-align:center; font-size:16px;font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';}
    #offer ul li:first-child { text-align:center; width:100%; margin-left:0; margin-top:30px;}
    #offer ul li:nth-child(2), #offer ul li:nth-child(3){ float:left; margin-left:0;margin-top:10px; width:50%; }
    #offer ul li h3 { padding:10px 0; color:#333;}
    #offer ul li p { color:#666;}

    #self { background: none; padding:10% 0; height:auto; box-sizing:border-box;}
    #self .cont { float:none; width:50%; height:auto;}
    #self .cont:nth-child(3) { position:absolute; right:0; top:0;}
    #self .cont img { width:100%; height:auto;}
    #self .cont:nth-child(2) { width:100%; padding:80px 3%;font-family: 'Nanum Myeongjo', serif; color:#333; text-align:center;box-sizing:border-box; height:auto; background: #eee;}
    #self .cont:nth-child(2) h3 { font-size:30px; font-weight:bold;}
    #self .cont:nth-child(2) p { padding:70px 0; font-size:20px; line-height:1.6;}
    #self .cont:nth-child(2) a { text-align:right; display:inline-block; font-size:20px; border:1px solid #333; padding:10px 30px; }
    #self .cont:nth-child(2) span:after { content:""; border-left:1px solid #333; font-size:60px; position:relative; left:-140px; bottom:20px;}

    footer { padding:20 0; } 
    footer .wrap { width:94%;}
    footer h1 img { height:38px;}
    footer #sns { position:absolute; right:0; top:0;}
    footer #sns li { float:left; margin-right:0; margin-left:10px; margin-top:0;}
    footer #sns li img { height:30px;}
    footer #info { position:static; right:0; top:0; margin-top:3%;text-align: center; }
    footer #info li {float:left; font-size:12px; text-align:center;}
    footer address { position:static; right:0; top:0; font-size:14px; font-family: 'Nanum Myeongjo', serif; font-style: normal; line-height:1.6; margin-top:3%;}

    #servies {  border-top:1px solid #ccc; border-bottom:1px solid #ccc; height:80px; box-sizing:border-box;  font-family: 'Nanum Myeongjo', serif; }
    #servies ul { position:static; right:0; top:0;}
    #servies ul li { float:left; width:16.66%; height:80px; text-align:center;}
    #servies ul li a { display:block; line-height:80px; font-size:14px; font-family: 'NotoSerifKR';}
    #servies ul li a:link, #servies ul li a:visited { color:#333; transition:0.3s;}
    #servies ul li a:hover, #servies ul li a:active, #servies ul li a:focus { background: #8a7872; color:#fff; }



    
    #vlist #vmenu li { background: #8a7872; width:50%; float:left; padding:3% 0 ;}
    #vlist #vmenu li a { color:#fff; font-size:16px; }
    #vlist #vmenu li a img { height:16px;}

    #vlist .wrap { border-top: none; padding-top:0; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; }
    #vlist #left { width:100%; box-sizing:border-box;}
    #vlist #left ul li {float:left; width:45%; margin-top:3%; padding:0;}
    #vlist #left ul li:nth-child(1), #vlist #left ul li:nth-child(3) { margin-right:0px;}
    #vlist #left ul li:nth-child(1), #vlist #left ul li:nth-child(2) { padding-bottom:0px;}
    #vlist #left ul li:nth-child(1), #vlist #left ul li:nth-child(3) { padding-right:3%; padding-left:3%;}
    #vlist div li > p { text-align:center; font-size:14px; color:#333; margin-top:10px; }
    #vlist div span { font-size:14px; font-weight:900;}

    #vlist #right { position:static; right:0; top:0; padding-top:40px; width:100%;}
    #vlist #right #cont2 { width:50%; padding-left:3%;}
    #vlist #right #cont2 li a img { width:100%;}
    #vlist  #cont2 li a { display:inline-block; position:relative;}
    #vlist  #cont2 li a > img { position:relative; text-align:center; width:100%;}
    #vlist  #cont2 li a p { position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,0.8); color:#fff; font-size:18px; display:flex; align-items: center; justify-content: center; opacity: 0; transition:0.3s;}
    #vlist  #cont2 li a:hover p { opacity:1;}

    #vlist .wrap { text-align:center;}
    #vlist #right > a {  width: 50%; position:absolute; right:0; bottom:20%;}

    #choose { padding:0 0 10%;}
    #choose .wrap { border-top:none; text-align:center;}
    #choose #weddinghall { float:none; padding-top:0px;}
    #choose .text { margin-top:10%; margin-bottom:10%;color:#333; text-align:center;}
    #choose .text span { font-size:20px;}
    #choose .text h3 { font-size:32px; font-weight:900; margin:20px 0 50px;}
    #choose .text p { font-size:16px; font-weight:500;}

    
    #choose #weddinghall ul li {  background: #fff6de; padding:8% 2%; height:auto; color:#333; margin-top:3%;}
    #choose #weddinghall ul li h3 { font-size:18px; font-weight:900; position:relative; top:-40px; right:-60px;}
    #choose #weddinghall ul li p { font-size:14px; line-height:1.6;}
    #choose #weddinghall ul li:first-child { margin-bottom:0;}

    #choose #wh { width:100%; text-align:left;}
    #choose #wh > div { float:left;}
    #choose .left { margin-right:2%; margin-left:3%; width:45%;}
    #choose .right { margin-right:3%; margin-top:0px; width:45%;}

    #s_main {  position:relative; }
    #s_main .slide { position:relative; width:400%;}
    #s_main .slide:after { content:""; clear:both; display:both;}
    #s_main .slide li {float:left; width:25%; height:200px;}
    #s_main .slide li:nth-child(1) { background: url(../images/submain1.jpg)no-repeat center/cover;}
    #s_main .slide .text1 { position:relative; left:3%; top:20%; font-family: 'Nanum Myeongjo', serif; }
    #s_main .slide .text1 p {font-size:20px; font-weight:900; line-height:1.6; }
    #s_main .slide .text1 a { display:inline-block; border:1px solid #333; padding:10px 20px; margin-top:20px; font-size:14px;}

    #package { padding:3% 0; border-bottom:1px solid #eee;}
    #package #frame { width:335px; height:auto; position:relative; overflow:hidden;}
    #package #frame .slide { position:relative; width:1005px;}
    #package #frame .slide li { float:left; }
    #package #frame .slide li img { width:335px; position:relative;}

    #package .left { position:relative; width:100%; text-align:center; margin:0 3% 0 20%;}
    #package .left .page { position:absolute; bottom:0; right:0; width:100%; text-align:center;}
    #package .left .page li { float:left; background: #8a7872;  margin-left:1px;}
    #package .left .page li a { display:inline-block;font-size:24px; color:#fff; width:36px; height:42px; text-align:center;}

    #package .right { position:static; right:0; top:0; margin-right:0; margin-top:10%; text-align:center;}
    #package .right h3 {font-size:20px; font-weight:bold; line-height:1.7;}
    #package .right p { font-size:16px; margin:3% 0; line-height:1.6;}
    #package .right a { display:inline-block; background: #8a7872; color:#fff; padding:18px 30px;}

    #icon { padding:3% 0;}
    #icon ul { text-align:center;}
    #icon ul li { float:none; margin:0; font-size:16px;}
    #icon ul li:last-child { margin-right:0;}
    #icon ul li h3 { margin-top:18px;}
    #icon ul li p { margin-top:18px; font-size:15px; line-height:1.6;}

    #last { padding-bottom:10%; border-bottom:none;}
    #last ul li { width:50%;}
    #last ul li img { width:100%; height:200px;}
    #last .company li { float:left;}
    #last ul .text { text-align:center; padding-top:5%; background: #f3f3f3; height:200px; box-sizing: border-box;}
    #last ul .text p { font-size:14px;}
    #last ul .text h3 { margin:10%; font-size:16px; font-weight:800;}
    #last ul .text a{ background: #8a7872; padding:6% 10%; color:#fff; display:inline-block;}
    #last .review li { float:left;}

}

@media (min-width:801px) { /* PC용 */
    .mob { display:none !important;}
}