@charset "utf-8";
@font-face{font-family:'KHNPHD'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KHNPHD.woff') format('woff'); font-weight: normal; font-style: normal;}

.main-wrap{height:860px; background: url(/images/dumbeong/Main/main-bg.jpg) no-repeat center top; background-attachment:fixed; background-size:cover; text-align:center;}

.main-wrap .txts{position:relative; display:inline-block; margin:90px 0px 60px 0px;}
.main-wrap .txts .btxt{font-size:75px; color:#314c0a; font-weight:500; line-height:120%; margin-bottom:25px; letter-spacing:-0.03em; font-family:'KHNPHD'; text-shadow:3px 3px 0px rgba(255, 255, 255 , 0.8);}
.main-wrap .txts .stxt{font-size:20px; color:#3d3d3d; font-size:20px; line-height:140%; font-weight:500; font-weight:600; letter-spacing:-0.02em; font-family:'NanumSquare',sans-serif; text-shadow:1px 1px 1px rgba(255, 255, 255 , 1);}
.main-wrap .txts:before{position:absolute; bottom:30px; left:-300px; width:153px; height:74px; background: url(/images/dumbeong/Main/leaf.png) no-repeat center top; opacity:0; content:""; -webkit-transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;transition: all 1.5s ease-out;}
.main-wrap .txts:after{position:absolute; bottom:0px; right:-370px; width:153px; height:74px; background: url(/images/dumbeong/Main/leaf.png) no-repeat center top; opacity:0; content:""; transform: rotate(180deg); -webkit-transition: all 1.7s ease-out;-moz-transition: all 1.7s ease-out;-o-transition: all 1.7s ease-out;transition: all 1.7s ease-out;}

.main-wrap .txts.move:before{bottom:-30px; left:-190px; opacity:1;}
.main-wrap .txts.move:after{bottom:-60px; right:-170px; opacity:1;}

.main-wrap .object{}
.main-wrap .object ul{display:inline-block; overflow:hidden; font-family:'NanumSquare',sans-serif; text-align:center; font-size:0px;}
.main-wrap .object ul li{position:relative; width:240px; height:314px; margin-right:40px; background:green; border:10px solid rgba(255,255,255,0.5); display:inline-block; vertical-align:top; overflow:hidden; text-align:left;}
.main-wrap .object ul li:last-child{margin-right:0px;}
.main-wrap .object ul li .btxt{position:absolute; bottom:0px; left:0px; width:100%; padding:60px 10px 25px 10px; font-size:17px; font-weight:500; color:#fff; background:#000; border-top-right-radius:100% 70px; box-sizing:border-box; line-height:140%; letter-spacing:-0.05em;}

.main-wrap .object ul li.item01{position:relative; left:300px; top:0px; margin-top:75px; background:url(/images/dumbeong/Main/object-bg-item01.jpg)no-repeat center top; background-size:cover; border-radius:0px 0px 0px 50px; opacity:0; -webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;}
.main-wrap .object ul li.item01 .btxt{background:#385189;}

.main-wrap .object ul li.item02{position:relative; left:200px; top:0px; margin-top:130px; background:url(/images/dumbeong/Main/object-bg-item02.jpg)no-repeat center top; background-size:cover; border-radius:0px 50px 0px 0px; opacity:0; -webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;}
.main-wrap .object ul li.item02 .btxt{background:#288cb0;}

.main-wrap .object ul li.item03{position:relative; left:50px; top:0px; margin-top:0px; background:url(/images/dumbeong/Main/object-bg-item03.jpg)no-repeat center top; background-size:cover; border-radius:0px 0px 0px 50px; opacity:0; -webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;}
.main-wrap .object ul li.item03 .btxt{background:#2a9400;}

.main-wrap .object ul li.youtube{position:relative; left:-200px; top:0px; margin-top:80px; width:480px; background:url(/images/dumbeong/Main/object-bg-youtube.jpg)no-repeat center center; background-size:cover; border-radius:50px 0px 50px 0px; opacity:0; -webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;}
.main-wrap .object ul li.youtube a{position:relative; width:100%; height:100%; display:block;}
.main-wrap .object ul li.youtube a:before{position:absolute; top:50%; left:50%; width:90px; margin-top:-45px; height:90px; margin-left:-45px; background:url(/images/dumbeong/Main/play-icon.png)no-repeat center center rgba(0,0,0,0.7); border-radius:50%; content:"";}
.main-wrap .object ul li.youtube a .logo{position:absolute; top:40px; left:30px; width:108px; height:24px; display:block; background:url(/images/dumbeong/Main/youtube-logo.png)no-repeat center center;}
.main-wrap .object ul li.youtube a .stxt{position:absolute; top:40px; right:30px; font-size:26px; color:#fff; font-weight:900; line-height:120%; letter-spacing:-0.02em; font-family:'KHNPHD';}

.main-wrap .object.move ul li.item01{left:0px; opacity:1;}
.main-wrap .object.move ul li.item02{left:0px; opacity:1;}
.main-wrap .object.move ul li.item03{left:0px; opacity:1;}
.main-wrap .object.move ul li.youtube{left:0px; opacity:1;}

    @media only screen and (max-width:1400px) {
        .main-wrap{height:auto; padding-bottom:40px}

        .main-wrap .txts:before{display:none;}
        .main-wrap .txts:after{display:none;}

        .main-wrap .object ul li.item01{margin-top:0px;}

        .main-wrap .object ul li.item02{margin-top:0px;}

        .main-wrap .object ul li.item03{margin-top:0px; margin-right:0px;}

        .main-wrap .object ul li.youtube{margin-top:30px;}
    }

    @media only screen and (max-width:1000px) {
        .main-wrap .txts{margin:60px 0px 40px 0px;}
        .main-wrap .txts .btxt{font-size:54px; margin-bottom:20px;}
        .main-wrap .txts .stxt{font-size:18px; padding:0px 20px;}
        .main-wrap .txts .stxt br{display:none}

        .main-wrap .object ul{display:block;}
        .main-wrap .object ul li{position:relative; width:27%; height:280px; margin-right:20px; border:7px solid rgba(255,255,255,0.5);}
        .main-wrap .object ul li .btxt br{display:none;}


    }

    @media only screen and (max-width:680px) {
        .main-wrap .txts{margin:30px 0px 20px 0px;}
        .main-wrap .txts .btxt{font-size:27px; margin-bottom:10px;}
        .main-wrap .txts .stxt{font-size:17px; padding:0px 15px;}

        .main-wrap .object ul{padding:0px 15px;}
        .main-wrap .object ul li{width:100%; height:230px; margin-right:0px; border:5px solid rgba(255,255,255,0.5); box-sizing:border-box; margin-bottom:15px;}
        .main-wrap .object ul li .btxt{padding:30px 10px 25px 10px; font-size:15px; border-top-right-radius:100% 20px;}

        .main-wrap .object ul li.youtube{margin-top:0px; width:100%;}
        .main-wrap .object ul li.youtube a:before{ width:80px; margin-top:-40px; height:80px; margin-left:-40px;}
        .main-wrap .object ul li.youtube a .logo{top:20px; left:30px;}
        .main-wrap .object ul li.youtube a .stxt{top:20px; right:20px; font-size:20px;}


    }

    @media only screen and (max-width:420px) {

    }

/* .layer-pop.prmovie */
.layer-pop.prmovie{z-index:1; width:1400px; display:none; box-sizing:border-box; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.7) ; -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}
.layer-pop.prmovie video{width:100%;}

.layer-pop.prmovie .prmovie-pop-close{position:absolute; top:20px; right:20px; width:30px; height:30px; text-align:center; display:block; background:url(/images/dumbeong/Main/mobile-close-btn.png) no-repeat center;}

    @media all and (max-width:1600px){
        .layer-pop.prmovie{width:90%;}
        .layer-pop.prmovie .prmovie-pop-close{ top:15px; right:15px;}
    }

    @media all and (max-width:1300px){

    }

    @media all and (max-width:1000px){
        .layer-pop.prmovie .prmovie-pop-close{ top:5px; right:5px;}
    }

    @media all and (max-width:680px){

    }

    @media all and (max-width:480px){

    }