@import url(common.css);
@import url(sub.css);
@import url(board.css);


@media only screen and (min-width : 1025px){/*피씨사이즈*/

.main #wrap{width:100%;min-width:1220px;overflow:hidden;background:url('/img/main/bg_img.jpg') no-repeat center center;background-size:cover;}
.main #wrap:after{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(19,19,19,.8);}

.main #header{width:100%;position:absolute;left:0;top:0;z-index:5;background:none;}
#header{width:100%;position:absolute;left:0;top:0;z-index:5;background:rgba(24,25,27,.9);}
#header .header_con{width:1220px;margin:0 auto;height:136px;}
#header h1{position:absolute;left:111px;top:60px;}
#header .gnb{width:980px;position:absolute;right:0;top:60px;}
#header .gnb .close{display:none;}
#header .gnb ul{}
#header .gnb ul li{float:left;width:20%;text-align:center;height:80px;}
#header .gnb li a{color:#ededf1;font-size:18px;}
#header .gnb ul li ul{width:100%;position:absolute;left:0;top:76px;background:#687382;display:none;}
#header .gnb ul li ul li{border-bottom:1px solid #36404e;width:100%;height:auto;}
#header .gnb ul li ul li a{color:#fff;font-size:17px;display:block;padding:0 30px;line-height:60px;}
#header .gnb ul li ul{}
#header .gnb ul li ul{}
#header .menu_btn{display:none;}

.main #container{z-index:4;width:1220px;margin:136px auto 0 auto;height:836px;}
#container{z-index:4;width:100%;margin:0 auto;}
#container .visual{width:810px;height:400px;}
#container .visual .visual_con{width:100%;height:400px;}
#container .main_con_block{transition: all .7s;}
#container .main_con_block p{font-size:18px;}
#container .main_con_block a{display:block;height:100%;overflow:hidden;}
#container .main_con_block li{font-size:15px;}
#container .main_con_block .white{color:#fff;}
#container .main_con_block .yellow{color:#ffd117;}

#container .main_con_block h1{font-size:30px;line-height:120%;}
#container .main_con_block h1.white{color:#fff;}
#container .main_con_block h1.brown{color:#3c2d20;}

#container .visual .visual_con.visual01{background:url('/img/main/visual01.png') no-repeat center top;background-size:cover;}
#container .visual .visual_con.visual01 h1{color:#282624;font-size:30px;position:absolute;right:5%;top:250px;text-align:right;line-height:150%;}
#container .visual .visual_con.visual02{background:url('/img/main/visual02.jpg') no-repeat center top;background-size:cover;}
#container .visual .visual_con.visual02 h1{color:#282624;font-size:30px;position:absolute;left:5%;top:100px;line-height:150%;}
#container .visual .visual_con.visual03{background:url('/img/main/visual03.jpg') no-repeat center top;background-size:cover;}
#container .visual .visual_con.visual03 h1{color:#282624;font-size:30px;position:absolute;left:5%;top:100px;line-height:150%;}
#container .visual{width:810px;position:absolute;left:0;top:136px;}
#container .visual .slick-arrow{display:none !important;}
#container .square_block{width:195px;height:195px;text-align:center;}
#container .square_block2{background:#fff;width:400px;height:400px;position:absolute;left:0;top:136px;}
#container .con_block01{position:absolute;left:0;top:136px;background:url('/img/main/icon01.jpg') no-repeat center 110px #353634;}
#container .con_block02{position:absolute;left:0;top:136px;background:url('/img/main/icon02.jpg') no-repeat center 110px #353634;}
#container .con_block03{position:absolute;left:0;top:136px;background:url('/img/main/icon03.jpg') no-repeat center 110px #353634;}
#container .con_block04{position:absolute;left:0;top:136px;background:url('/img/main/icon04.jpg') no-repeat center 110px #353634;}
#container .rectangle_block{width:400px;height:195px;text-align:center;}
#container .con_block05{position:absolute;left:0;top:136px;background:url('/img/main/main_banner_bg01.png') no-repeat center center;background-size:cover;}
#container .time_box{position:absolute;left:0;top:136px;background:url('/img/main/main_banner_bg02.png') no-repeat center center;}
#container .phone_box{position:absolute;left:0;top:136px;background:url('/img/main/main_banner_bg04.png') no-repeat center center;}
#container .phone_number{color:#302e2e;font-size:40px !important;}
#container .phone_number em{color:#ed5048;font-style:normal;}
#container .kakao_box{position:absolute;left:0;top:136px;background:url('/img/main/main_banner_bg03.png') no-repeat center center;}
#container .kakao_box .kakaoId{display:inline-block;height:50px;line-height:50px;background:url('/img/main/kakaoId_bg.png') no-repeat 0px center #ffd117;border-radius:25px;left:0;right:0;top:35px;color:#311918;font-size:18px;padding-left:65px;padding-right:15px;}
#container .board_w{width:400px;height:400px;background:#a2a2a2;}
#container .board_w dt{}
#container .board_w dd{}
#container .board_w dd li{color:#fff;font-size:14px;}
#container .board_w dd li a{color:#fff;font-size:14px;line-height:25px;display:inline;}
#container .counsel_box{margin-top:15px;}
#container .counsel_box ul{width:80%;margin:0 auto;}
#container .counsel_box li{margin-bottom:10px;}
#container .counsel_box li span{display:inline-block;width:55px;color:#302e2e;font-size:17px;text-align:left;}
#container .counsel_box li input[type=text]{width:90%;height:41px;line-height:41px;border:1px solid #302e2e;padding:0 5%;}
#container .counsel_box li input[type=tel]{width:90%;height:41px;line-height:41px;border:1px solid #302e2e;padding:0 5%;}
#container .counsel_box li textarea{width:90%;height:100px;resize:none;border:1px solid #302e2e;vertical-align:top;padding:5px 5%;}
#container .counsel_box li p{color:#302e2e;font-size:14px;}
#container .counsel_box li p a{color:#302e2e;font-size:14px;display:inline;}
#container .counsel_box li p input{border:1px solid #302e2e;width:auto;height:auto;}
#container .counsel_box button{display:block;width:219px;height:37px;line-height:37px;text-align:center;color:#fff;font-size:17px;background:#302e2e;margin:0 auto;}

#footer{background:#27282a;width:100%;padding:40px 0;z-index:11;}
#footer p{text-align:center;color:#fff;font-size:15px;line-height:31px;}

.phone_ico_box{display:none;}

}

@media only screen and (min-width : 433px) and (max-width : 1024px) {/*태블릿사이즈*/

#wrap{width:100%;overflow:hidden;}

#header{width:100%;height:42px;background:rgba(24,25,27,.9);position:absolute;left:0;top:0;z-index:10;}
#header .header_con{width:100%;height:42px;}
#header h1{position:absolute;left:50%;margin-left:-32px;top:10px;width:64px;}
#header h1 img{width:100%;}
#header .gnb{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.75);display:none;}
#header .gnb .close{width:44%;height:42px;background:#687382;}
#header .gnb .close .close_btn{display:block;width:20px;position:absolute;left:10%;top:10px;}
#header .gnb .close .close_btn img{width:100%;}
#header .gnb ul{width:44%;}
#header .gnb ul li{width:100%;text-align:left;background:#fff;border-bottom:1px solid #ccc;}
#header .gnb li a{color:#555;font-size:16px;display:block;padding:0 10%;line-height:42px;background:url('/images/common/menu_open.png') no-repeat 95% center;background-size:22px 10px;}
#header .gnb li span{position:absolute;left:0;top:0;display:block;width:100%;height:42px;}
#header .gnb ul li ul{display:none;width:100%;}
#header .gnb ul li ul li{background:#687382;border-bottom:1px solid #36404e;width:100%;}
#header .gnb ul li ul li a{color:#fff;font-size:14px;text-align:left;padding:0 10%;line-height:35px;background:none;pointer-events: auto;}
#header .gnb ul li ul{}
#header .menu_btn{position:absolute;left:5.6%;top:10px;display:block;width:19px;}
#header .menu_btn img{width:100%;}

.main #container{z-index:5;width:100%;height:214vw;}
#container{z-index:5;width:100%;}
#container .visual{width:100%;}
#container .visual .visual_con{width:100%;}
#container .main_con_block{transition: all .7s;}
#container .main_con_block p{font-size:3vw;}
#container .main_con_block a{display:block;height:100%;overflow:hidden;}
#container .main_con_block li{font-size:15px;}
#container .main_con_block .white{color:#fff;}
#container .main_con_block .yellow{color:#ffd117;margin-top:3vw;}

#container .visual .visual_con.visual01{background:url('/img/main/visual01.jpg') no-repeat center center;background-size:cover;height:50vw;}
#container .visual .visual_con.visual01 h1{color:#282624;font-size:30px;position:absolute;right:5%;top:70%;text-align:right;line-height:150%;padding-left:5%;}
#container .visual .visual_con.visual02{background:url('/img/main/visual02.jpg') no-repeat center center;background-size:cover;height:50vw;}
#container .visual .visual_con.visual02 h1{color:#282624;font-size:30px;position:absolute;left:5%;top:30%;line-height:150%;padding-right:5%;}
#container .visual .visual_con.visual03{background:url('/img/main/visual03.jpg') no-repeat center center;background-size:cover;height:50vw;}
#container .visual .visual_con.visual03 h1{color:#282624;font-size:30px;position:absolute;left:5%;top:30%;line-height:150%;padding-right:5%;}
#container .visual .visual_con a{display:block;height:50vw;}
#container .square_block{width:31.5%;height:30vw;text-align:center;}
#container .square_block2{background:#fff;background:#f9f9f9;width:61.3%;height:62vw;position:absolute;left:0;top:0;}
#container .con_block01{position:absolute;left:0;top:0;background:url('/img/main/icon01.jpg') no-repeat center 17vw #353634;background-size:30%;}
#container .con_block02{position:absolute;left:0;top:0;background:url('/img/main/icon02.jpg') no-repeat center 17vw #353634;background-size:30%;}
#container .con_block03{position:absolute;left:0;top:0;background:url('/img/main/icon03.jpg') no-repeat center 17vw #353634;background-size:30%;}
#container .con_block04{position:absolute;left:0;top:0;background:url('/img/main/icon04.jpg') no-repeat center 17vw #353634;background-size:30%;}
#container .con_block05{width:61.5%;height:30vw;background:url('/img/main/main_banner_bg01.png') no-repeat center center;background-size:cover;position:absolute;left:0;top:0;}
#container .con_block05 h1{margin-top:90px;}
#container .main_banner02{width:34.5%;height:30vw;background:url('/img/main/main_banner_bg02.png') no-repeat center center;background-size:cover;position:absolute;right:0;top:0;}
#container .main_con .main_banner03{width:34.5%;height:30vw;background:url('/img/main/main_banner_bg03.png') no-repeat center center;background-size:cover;}
#container .main_con .main_banner04{width:50%;height:30vw;background:#ee6c66;}
#container .main_con .main_banner05{width:50%;height:30vw;background:#f9f9f9;}
#container .main_con h1{font-size:20px;}
#container .main_con h1.white{color:#fff;}
#container .main_con h1.black{color:#302e2e;}
#container .main_con p{font-size:12px;}
#container .main_con p.white{color:#fff;}
#container .main_con p.black{color:#302e2e;}
#container .board_w{background:#a2a2a2;}
#container .board_w dt{}
#container .board_w dt h1{margin-top:60px;}
#container .board_w dt p{font-size:18px;}
#container .board_w dd{margin-top:5vw;}
#container .board_w dd li{color:#fff;font-size:2.5vw;}
#container .board_w dd li a{color:#fff;font-size:2.5vw;line-height:250%;display:inline;}
#container .counsel_box{}
#container .counsel_box ul{margin-left:0 !important;text-align:center;padding:0 5%;}
#container .counsel_box li{margin-bottom:10px;width:100%;}
#container .counsel_box li span{display:inline-block;width:10vw;color:#302e2e;font-size:3vw;text-align:left;}
#container .counsel_box li input[type=text]{width:94%;height:5.5vw;line-height:5.5vw;border:1px solid #302e2e;padding:0 3%;}
#container .counsel_box li input[type=tel]{width:94%;height:5.5vw;line-height:5.5vw;border:1px solid #302e2e;padding:0 3%;}
#container .counsel_box li textarea{width:94%;height:23vw;resize:none;border:1px solid #302e2e;vertical-align:top;padding:5px 3%;}
#container .counsel_box li p{color:#302e2e;font-size:16px; text-align:left;}
#container .counsel_box li p a{color:#302e2e;font-size:16px;display:inline;}
#container .counsel_box li p input{border:1px solid #302e2e;width:auto;height:auto;}
#container .counsel_box button{display:block;width:50vw;height:auto;line-height:200%;text-align:center;color:#fff;font-size:4vw;background:#302e2e;margin:0 auto;}
#container .time_box{position:absolute;left:0;top:0;background:url('/img/main/main_banner_bg02.png') no-repeat center center;background-size:cover;width:61.5%;height:30vw;}
#container .time_box h1{margin-top:90px;}
#container .kakao_box h1{margin-top:90px;}
#container .phone_box{position:absolute;left:0;top:0;background:url('/img/main/main_banner_bg04.png') no-repeat left center;background-size:cover;width:31.5%;height:30vw;}
#container .phone_number{color:#302e2e;font-size:30px !important;}
#container .phone_number em{color:#ed5048;font-style:normal;}
#container .kakao_box{position:absolute;left:0;top:0;background:url('/img/main/main_banner_bg03.png') no-repeat center center;background-size:cover;width:61.5%;height:30vw;}
#container .kakao_box .kakaoId{display:inline-block;height:50px;line-height:50px;background:url('/img/main/kakaoId_bg.png') no-repeat 0px center #ffd117;border-radius:25px;left:50%;transform: translateX(-50%);top:20px;color:#311918;font-size:18px;padding-left:65px;padding-right:15px;}
#container .main_con_block h1{font-size:30px;}
#container .main_con_block h1.white{color:#fff;}
#container .main_con_block h1.brown{color:#3c2d20;}

#footer{background:#27282a;width:100%;padding:20px 0;}
#footer p{text-align:center;color:#fff;font-size:12px;line-height:15px;}

.phone_ico_box{display:block;width: 3vh;position:absolute;top:50%;right:10px;margin-top: -14px;}
.phone_ico_box img{width:100%;}

}

@media only screen and (max-width : 432px){/*모바일사이즈*/

#wrap{width:100%;overflow:hidden;}

#header{width:100%;height:42px;background:rgba(24,25,27,.9);position:absolute;left:0;top:0;z-index:10;}
#header .header_con{width:100%;height:42px;}
#header h1{position:absolute;left:50%;margin-left:-32px;top:10px;width:64px;}
#header h1 img{width:100%;}
#header .gnb{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.75);display:none;}
#header .gnb .close{width:44%;height:42px;background:#687382;}
#header .gnb .close .close_btn{display:block;width:20px;position:absolute;left:10%;top:10px;}
#header .gnb .close .close_btn img{width:100%;}
#header .gnb ul{width:44%;}
#header .gnb ul li{width:100%;text-align:left;background:#fff;border-bottom:1px solid #ccc;}
#header .gnb li a{color:#555;font-size:16px;display:block;padding:0 10%;line-height:42px;background:url('/images/common/menu_open.png') no-repeat 95% center;background-size:22px 10px;}
#header .gnb li span{position:absolute;left:0;top:0;display:block;width:100%;height:42px;}
#header .gnb ul li ul{display:none;width:100%;}
#header .gnb ul li ul li{background:#687382;border-bottom:1px solid #36404e;width:100%;}
#header .gnb ul li ul li a{color:#fff;font-size:14px;text-align:left;padding:0 10%;line-height:35px;background:none;pointer-events: auto;}
#header .gnb ul li ul{}
#header .menu_btn{position:absolute;left:5.6%;top:10px;display:block;width:19px;}
#header .menu_btn img{width:100%;}

.main #container{z-index:5;width:100%;height:462vw;}
#container{z-index:5;width:100%;}
#container .visual{width:100%;}
#container .visual .visual_con{width:100%;height:65vw;}
#container .main_con_block{transition: all .7s;}
#container .main_con_block p{font-size:4.5vw;}
#container .main_con_block a{display:block;height:100%;overflow:hidden;}
#container .main_con_block li{font-size:15px;}
#container .main_con_block .white{color:#fff;}
#container .main_con_block .yellow{color:#ffd117;}

#container .visual .visual_con.visual01{background:url('/img/main/visual01.jpg') no-repeat center center;background-size:cover;}
#container .visual .visual_con.visual01 h1{color:#282624;font-size:20px;position:absolute;right:5%;top:70%;text-align:right;line-height:150%;padding-left:5%;}
#container .visual .visual_con.visual02{background:url('/img/main/visual02.jpg') no-repeat center center;background-size:cover;}
#container .visual .visual_con.visual02 h1{color:#282624;font-size:20px;position:absolute;left:5%;top:30%;line-height:150%;padding-right:5%;}
#container .visual .visual_con.visual03{background:url('/img/main/visual03.jpg') no-repeat center center;background-size:cover;}
#container .visual .visual_con.visual03 h1{color:#282624;font-size:20px;position:absolute;left:5%;top:30%;line-height:150%;padding-right:5%;}
#container .square_block{width:46%;height:45vw;text-align:center;}
#container .square_block2{background:#fff;background:#f9f9f9;width:94%;height:87vw;position:absolute;left:0;top:0;}
#container .con_block01{position:absolute;left:0;top:0;background:url('/img/main/icon01.jpg') no-repeat center 25vw #353634;background-size:30%;}
#container .con_block02{position:absolute;left:0;top:0;background:url('/img/main/icon02.jpg') no-repeat center 25vw #353634;background-size:30%;}
#container .con_block03{position:absolute;left:0;top:0;background:url('/img/main/icon03.jpg') no-repeat center 25vw #353634;background-size:30%;}
#container .con_block04{position:absolute;left:0;top:0;background:url('/img/main/icon04.jpg') no-repeat center 25vw #353634;background-size:30%;}
#container .con_block05{width:94%;height:45vw;background:url('/img/main/main_banner_bg01.png') no-repeat center center;background-size:cover;position:absolute;left:0;top:0;}
#container .con_block05 h1{margin-top:60px;}
#container .main_banner02{width:34.5%;height:45vw;background:url('/img/main/main_banner_bg02.png') no-repeat center center;background-size:cover;position:absolute;right:0;top:0;}
#container .main_con .main_banner03{width:34.5%;height:45vw;background:url('/img/main/main_banner_bg03.png') no-repeat center center;background-size:cover;}
#container .main_con .main_banner04{width:50%;height:45vw;background:#ee6c66;}
#container .main_con .main_banner05{width:50%;height:45vw;background:#f9f9f9;}
#container .main_con h1{font-size:20px;}
#container .main_con h1.white{color:#fff;}
#container .main_con h1.black{color:#302e2e;}
#container .main_con p{font-size:12px;}
#container .main_con p.white{color:#fff;}
#container .main_con p.black{color:#302e2e;}
#container .board_w{background:#a2a2a2;}
#container .board_w dt{}
#container .board_w dt h1{text-align:center;margin-left:0;}
#container .board_w dt p{font-size:4vw;text-align:center;margin-left:0;}
#container .board_w dd{margin-top:5vw;}
#container .board_w dd li{color:#fff;font-size:4vw;}
#container .board_w dd li a{color:#fff;font-size:4vw;line-height:250%;display:inline;}
#container .counsel_box{}
#container .counsel_box ul{margin-left:0 !important;text-align:center;padding:0 5%;}
#container .counsel_box li{text-align:left;width:100%;margin:0 auto 10px auto}
#container .counsel_box li span{display:inline-block;width:55px;color:#302e2e;font-size:4.5vw;text-align:left;}
#container .counsel_box li input[type=text]{width:96%;height:7vw;line-height:7vw;border:1px solid #302e2e;padding:0 2%;}
#container .counsel_box li input[type=tel]{width:96%;height:7vw;line-height:7vw;border:1px solid #302e2e;padding:0 2%;}
#container .counsel_box li textarea{width:96%;height:25vw;resize:none;border:1px solid #302e2e;vertical-align:top;padding:3px 2%;}
#container .counsel_box li p{color:#302e2e;font-size:12px;margin-top:5px;}
#container .counsel_box li p a{color:#302e2e;font-size:12px;display:inline;}
#container .counsel_box li p input{border:1px solid #302e2e;width:auto;height:auto;}
#container .counsel_box button{display:block;width:219px;height:37px;line-height:37px;text-align:center;color:#fff;font-size:17px;background:#302e2e;margin:0 auto;}
#container .time_box{position:absolute;left:0;top:0;background:url('/img/main/main_banner_bg02.png') no-repeat center center;background-size:cover;width:94%;height:45vw;}
#container .time_box h1{margin-top:60px;}
#container .kakao_box h1{margin-top:60px;}
#container .phone_box{position:absolute;left:0;top:0;background:url('/img/main/main_banner_bg04.png') no-repeat center center;background-size:cover;width:94%;height:45vw;}
#container .phone_number{color:#302e2e;font-size:30px !important;margin-top:30px;}
#container .phone_number em{color:#ed5048;font-style:normal;}
#container .kakao_box{position:absolute;left:0;top:0;background:url('/img/main/main_banner_bg03.png') no-repeat center center;background-size:cover;width:94%;height:45vw;}
#container .kakao_box .kakaoId{display:inline-block;height:50px;line-height:50px;background:url('/img/main/kakaoId_bg.png') no-repeat 5px center #ffd117;border-radius:25px;left:50%;transform: translateX(-50%);top:20px;color:#311918;font-size:18px;padding-left:65px;padding-right:15px;}
#container .main_con_block h1{font-size:6vw;}
#container .main_con_block h1.white{color:#fff;}
#container .main_con_block h1.brown{color:#3c2d20;}

#footer{background:#27282a;width:100%;padding:20px 0;}
#footer p{text-align:center;color:#fff;font-size:11px;line-height:15px;}

.phone_ico_box{display:block;width: 3vh;position:absolute;top:50%;right:10px;margin-top: -14px;}
.phone_ico_box img{width:100%;}

}