@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


/* 공통 */
.right{
  text-align: right;
}
body{
    color:#3a3a3a;
    font-family: 'Noto Sans KR', sans-serif;
    width: 100%;
    height: 100%;
    position: relative;
}

.clearFix:after{content:''; display: block; clear: both;}
img{vertical-align: bottom; margin-bottom: -3px;}
a{text-decoration: none; color:#333;}
.pcView{display: block;}
.mobileView{display: none;}
.blind{position: absolute; left:-9999em;}


.pcGnb{display: block;}
.mGnbWrap{display: none;}
header{
    width: 100%;
    background-image: url(../images/gnbBg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}
.pcGnbBg{
    position: absolute;
    height: 200px;
    width: 100%;
    top:83px;
    background-color: rgba(122,96,95,0.9);
    z-index: 99;
    display: none;
}
.pcGnb{ width: 1000px; margin:0 auto;}
h1{
    display: inline-block;
    text-indent: -9999em;
    vertical-align: top;
    padding-top:7px;
}
h1>a{
    display:block;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    width: 250px;
    height: 68px;
}

.pcGnb>ul{ display: inline-block; vertical-align: bottom; margin-left: 14%;}
.pcGnb>ul>li {
    float: left;
    padding-top:20px;
    margin-top: 15px;
    width: 180px;
    text-align: center;
}
.pcGnb>ul>li>a:first-child{
    display: block;
    padding-bottom: 26px;
}
.pcGnb li a{
    color: #fff;
    display: block;
    position: relative;
}
.pcGnb span{
    position: absolute;
    bottom:11px;
    font-size: 0.8em;
    left: 19%;
    color: #a09393;
}
.pcGnb ul ul{
    position: absolute;
    z-index: 999;
    width: 180px;
    padding-top: 10px;
    font-size: 0.9em;
    display: none;
}
.pcGnb ul ul li{padding-bottom: 8px;}
footer>.pcView{margin-bottom: 20px;}
footer small{display: inline-block; margin-left: 20px;}
.buttonWrap{text-align: center; margin-top:20px; margin-bottom: 30px;}
.buttonWrap>input{
    background: #ebebeb;
    border: 1px solid #000;
    padding: 3px 25px;
}
.pagerWrap{
    text-align: center;
    margin-top:80px;
    margin-bottom: 30px;
    font-size: 0.9em;
}




/* 메인 */
#showimage{width: 30%; top:85px; left:1%;}
#showimage img{width:100%}
/*#showimage img{width:100%;}*/
#showimage1{width: 30%; top:85px; left:31.3%;}
#showimage1 img{width:100%;}
.img_close{
  width: 20px !important;
  position: absolute;
  top: 16px;
  right: 16px;
}
/* main2nd */
.main2nd{width:100%;}
.main2nd>div{float: left;}
.Slider2ndWrap{width: 66.6666%;}
.main2nd>div:last-child{width: 33.3333%;}
.main2nd>div:last-child img{width: 100%;}

/* main3rd */
.main3rd{width: 100%;}
.main3rd>div{
    width: 33.333%;
    float: left;
    background: #b9ac9b;
    overflow-y: hidden;
}
.Slider3rd{width: 100%;}
.main3rd>div>a>img{
    width: 100%;
    position: relative;
    bottom:1px;

}


/* main4th */
.main4th{width: 100%;}
h2{
    text-align: center;
    padding-top: 30px;
    font-size: 1.4em;
    padding-bottom: 20px;
}
.main4th>div{float: left;}
.iconDiv{width: 72.8%;}
.iconDiv a{
    float: left;
    width: 33.333%;
    display: block;
    text-align: center;
    overflow: hidden;
}
.iconDiv .pcView{display: block;}
.iconDiv .mobileView{display: none;}
.iconDiv a img{width: 100%;}
.main4th>div:last-child{width: 27.2%;}
.main4th>div:last-child img{width: 100%;}







/* 서브 */

/* 공통 */
.sCenter{width: 1200px; margin: 0 auto;}
.wid100{width: 100%;}
.marT50{margin-top: 50px;}
.marB80{margin-bottom: 80px;}
.marB180{margin-bottom: 180px;}
.subTitle{
    width: 100%;
    height: 23vw;
    margin-bottom: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.subTitle>h2{text-indent: -9999em;}


/* about1, about2, about4 */
.ab1SB{background-image: url(../images/ab1Title.jpg);}
.ab2SB{background-image: url(../images/ab2Title2.jpg);}
.ab4SB{background-image: url(../images/ab4Title.jpg);}


/* about3 */
.ab3SB{background-image: url(../images/ab3Title.jpg);}
.ab3>li{
    float: left;
    margin-right: 10px;
    margin-bottom: 11px;
    position: relative
}
li.marR0{margin-right:0px;}
.ab3 p{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 11;
    color: #fff;
    padding: 8px 0px;
    text-align: center;
    background-color: rgba(122,96,95,0.9);
    display: none;
}
.ab3_1{width: 517px; height: 206px;}
.ab3_2{width: 331px; height: 206px;}
.ab3_3{width: 331px; height: 206px;}
.ab3_4{width: 243px; height:315px;}
.ab3_10{width: 264px; height:315px;}
.ab3_5{width: 268px; height:315px;}
.ab3_6{width: 395px; height:152px;}
.ab3_7{width: 395px; height:153px;}
.ab3_8{width: 595px; height:210px;}
.ab3_9{width: 595px; height:210px;}
.ab3>li div{width: 100%; height: 100%;}
.ab3>li img{width: 100%;}
.ab3Over{
    position: absolute;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    display: block;
    top:0;
    left: 0;
    text-align: center;
    display: none;
}
.ab3Over>img{
    width:60%;
    position: fixed;
    top:14%;
    left: 19%;
    display: none;
}


/* about4 */
.ab4Map{
    background-image: url(../images/ab4Bg.jpg);
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: center;
}
.ab4Map p{
    width: 250px;
    margin: 20px auto;
    padding: 8px;
    font-size: 1.2em;
    color: #fff;
    background-color: rgba(122,96,95,0.7);
}
#map{width: 549px; height: 382px; display: inline-block;}
.ab4Map>.sCenter>div{
    width: 49%;
    display: inline-block;
}
.ab4Map>div:last-child{
    font-size: 1.3em;
    font-weight: 500;
    margin-top: 40px;
}

/* about5 yolo4 */
.ab5SB{background-image: url(../images/ab5Title.jpg);}
.yo4SB{background-image: url(../images/yo4Title.jpg);}
.tr4Bg{
    background-position: center top;
    padding-bottom: 3px;
}
.ab5Bg{background-image: url(../images/ab5Pattern.jpg);}
.tr5Bg .trLogoBg>div{padding-top: 190px;}

/* treat */
.trLogoBg{
    background-image: url(../images/trBg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 90px;
    height: 590px;
}
.trLogoBg{text-align: center; line-height: 2.5em;}
.trLogoBg span{font-size: 2em;}


/* treat1 */
.tr1SB{background-image: url(../images/tr1Title.jpg);}
.tr1Bg{
    background-image: url(../images/tr1_2.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}
.tr1st{
    padding-top: 510px;
    text-align: center;
    line-height: 3em;
}
.tr1st>span{font-size: 1.8em;}
.tr1Bg .trLogoBg>div{padding-top: 130px;}

/* treat2 */
.tr2SB{background-image: url(../images/tr2Title.jpg);}
.tr2Bg .trLogoBg>div{padding-top: 195px;}
.tr2BgDiv{
    text-align: center;
    background-image: url(../images/tr2_4Bg.jpg);
    padding: 50px 0px 80px;
    margin-top: 50px;
    font-size: 1.1em;
    line-height: 2em;
}

/* treat3 */
.tr3SB{background-image: url(../images/tr3Title.jpg);}
.tr3Bg{
    background-image: url(../images/tr3_2.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 110px;
}
.tr3st{
    padding-top: 50px;
    text-align: center;
    line-height: 3em;
}
.tr3st>span{
    display: inline-block;
    padding: 0px 30px;
    background: #a18380;
    color: #fff;
    margin-top: 70px;
    margin-bottom: 20px;
}
.tr3Bg .trLogoBg>div{padding-top: 190px;}

/* treat4 */
.tr4SB{background-image: url(../images/tr4Title.jpg);}
.tr4Bg .trLogoBg>div{padding-top: 220px;}

/* treat5 */
.tr5SB{background-image: url(../images/tr5Title.jpg);}
.tr5Bg{
    background-image: url(../images/tr5_2.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 110px;
}
.tr5st{
    padding-top: 50px;
    text-align: center;
    line-height: 3em;
}
.tr5Bg .trLogoBg>div{padding-top: 190px;}

/* yolo1 */
.yo2SB{background-image: url(../images/yo1Title.jpg);}
.protoDiv{ text-align: center; font-size: 1.1em; line-height: 3em;}
.protoDiv>span{font-size: 1.8em; font-weight: 500;}
.protoDiv>p{font-size: 0.8em; font-weight: 400; text-align: right;}

/* yolo2 */
.yo2SB{background-image: url(../images/yo2Title.jpg);}

/* yolo3, new1In, new2In */
.yo3SB{background-image: url(../images/yo3Title.jpg);}
.yo3{text-align: center;}
.yo3 table{
    width:1000px;
    margin: 60px auto 0px;
    border-collapse: collapse;
}
.yo3 th, .yo3 td{border: 1px solid #959595;}
.yo3 th{
    width: 190px;
    text-align: left;
    padding: 5px 0px 5px 20px;
    vertical-align: middle;
    background: #cfbebd;
    font-weight: 500;
}
.yo3 td{text-align: left; padding-left: 5px; vertical-align: middle;}
.yo3 textarea{border: none; width: 99%;}
.yo3 td input[type=text]{width:90%; border:none; }
.yo3 td div{min-height: 300px;}
.yo3 table img{max-width: 900px;}

/* news1 */
.ne1SB{background-image: url(../images/ne1Title.jpg);}
.ne1{text-align: center; min-height: 600px;}
.ne1 table{
    width:1000px; margin: 60px auto 0px; }
.ne1 th{
    background: #7a605f;
    padding: 6px 0px;
    color:#fff;
}
.ne1 td{padding: 3px 0px; border-bottom: 1px solid #c2c2c2;}
.ne1 tr:last-child td{ border-bottom: none;}

/* news2 */
.ne2SB{background-image: url(../images/ne2Title.jpg);}
.ne2{text-align: center; min-height: 600px;}
.ne2 table{
    width:1000px; margin: 60px auto 0px; }
.ne2 th{
    background: #7a605f;
    padding: 6px 0px;
    color:#fff;
}
.ne2 td{
    padding: 8px 0px;
    border-bottom: 1px solid #c2c2c2;
    vertical-align: middle;
}
.ne2 tr:last-child td{ border-bottom: none;}
.ne2 table img{width:200px; height: 71px; }

/* news2In */
.n2IImg{
    min-height:300px;
    padding:10px 0px;
    text-align:center;
}



/* 관리자 페이지 */
/* 공통 */
header{
    width: 100%;
    background-image: url(../images/gnbBg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}
.admGnb{ width: 1000px; margin:0 auto;}
.admGnb h1{
    display: inline-block;
    text-indent: -9999em;
    vertical-align: top;
    padding-top:7px;
}
.admGnb h1>a{
    display:block;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    width: 250px;
    height: 68px;
}
.admGnb>ul{ display: inline-block; vertical-align: bottom;}
.admGnb>ul>li {
    float: left;
    padding-top:20px;
    margin-top: 15px;
    width: 180px;
    text-align: center;
}
.admGnb>ul>li>a:first-child{
    display: block;
    padding-bottom: 26px;
}
.admGnb li a{
    color: #fff;
    display: block;
}
.admGnb ul ul{
    position: absolute;
    z-index: 999;
    width: 180px;
    padding-top: 10px;
    font-size: 0.9em;
    display: none;
}
.admGnb ul ul li{padding-bottom: 8px;}
.admCenter{width: 1200px; margin: 0 auto;}
.admCenter>div{
    display: inline-block;
    vertical-align: top;
    margin-top: 60px;
    min-height: 500px;
    margin-bottom: 70px;
}
.admLeft{width:230px; }
.admLeft li:first-child{
    font-size: 1.2em;
    text-align: right;
    background: #564636;
    padding-top: 20px;
    padding-bottom: 10px;
    color: #fff;
    padding-right: 10px;
}
.admLeft li{ padding: 5px;}
.admOn{background: #f4dca4;}
.admRight{width:870px; margin-left: 90px;}


/* 상담 */
.ay3{text-align: center; min-height: 600px;}
.ay3 table{width:100%; margin: 60px auto 0px; }
.ay3 th{
    background: #564636;
    padding: 6px 0px;
    color:#fff;
    vertical-align: middle;
}
.ay3 td{padding: 3px 0px; border-bottom: 1px solid #c2c2c2; vertical-align: middle;}
.ay3 tr:last-child td{ border-bottom: none;}

.ay3In{text-align: center;}
.ay3In table{
    width:100%;
    margin: 60px auto 0px;
    border-collapse: collapse;
}
.ay3In th, .ay3In td{border: 1px solid #959595; vertical-align: middle;}
.ay3In th{
    width: 190px;
    text-align: left;
    padding: 5px 0px 5px 20px;
    vertical-align: middle;
    background: #e8d8bb;
    font-weight: 500;
}
.ay3In td{text-align: left; padding-left: 5px; vertical-align: middle;}
.ay3In textarea{border: none;}
.ay3In td input[type=text]{width:90%; border:none; }
.ay3In table img{max-width: 900px;}



/* 공지사항 */
.buttonWrap>a{
    display: inline-block;
    float: right;
    padding: 5px 18px;
    background: #564636;
    color:#fff;
}

.an1In{text-align: center;}
.an1In table{
    width:100%;
    margin: 60px auto 0px;
    border-collapse: collapse;
}
.an1In th, .an1In td{border: 1px solid #959595; vertical-align: middle;}
.an1In th{
    width: 190px;
    text-align: left;
    padding: 5px 0px 5px 20px;
    vertical-align: middle;
    background: #e8d8bb;
    font-weight: 500;
}
.an1In td{text-align: left; padding-left: 5px; vertical-align: middle;}
.an1In textarea{border: none;}
.an1In td input[type=text]{width:90%; border:none; }
.an1In table img{max-width: 900px;}


















/* #####  타블렛 시작  ##### */

@media screen and (min-width:768px) and (max-width:1200px){
.sCenter{width: 90%; margin: 0 auto;}
.sCenter img{width: 100%;}
.pcView{display: none;}
.mobileView{display: block;}
.tNOne{display: none;}
.tView{display: block;}


/* gnb */
body{position: relative;}
.mGnbWrap{display: block;}
.pcGnb, .pcGnbBg{display: none;}
.mGnbWrap h1{ display: block; text-align: center; padding: 10px 0px;}
.mGnbWrap h1 a{ width: 60%; margin:0% 20%; background-position: center;}


.btnNav{
    position:absolute;
    top:20px;
    right:20px;
    width:42px;
    height:40px;
    text-indent:-9999em;
    background-image:url(../images/mMenu.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
    z-index:9990;
}
.clo{
    background-image:url(../images/mMenu.png);
}
.mGnb{
    position:fixed;
    top:0;
    right:-62%;
    z-index:9980;
    height:100%;
    width: 50%;
    background-color:#7a605f;
    background-color:rgba(122,96,95,0.95);
    padding:9% 0px 0px 5%;
}
.mGnb li{
    font-size: 1.2em;
    margin-bottom: 2px;
    color: #fff;
}
.mGnb>li{margin-bottom: 25px;}
.mGnb ul{display: none;}
.mGnb ul>li{font-size: 0.9em; font-weight: 300;}
.mGnb ul>li:first-child{margin-top: 10px;}
.mGnb ul>li:last-child{margin-bottom: 20px;}
.mGnb a{color: #fff;}
#overay{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5);
    z-index:9970;
}

/* footer */
footer{margin-bottom: 20px; }
footer small{
    margin-left: 0px;
    width: 100%;
    position: relative;
}
footer a{
    background: #7a605f;
    display: inline-block;
    position: absolute;
    top:0;
    right: 0;
    padding: 5px 20px;
    color:#fff;
}

/* index */
.iconDiv{width: 100%;}
.main4th>div:last-child{width: 100%;}


/* 서브 */
.subTitle{background-size: 150%;}
.marT50{margin-top: 5%;}
.marB80{margin-bottom: 5%;}
.marB180{margin-bottom: 10%;}

/* about4 */
.ab4Map>.sCenter>div{ vertical-align: top;}
.ab4Map>.sCenter img{ width: 95%;}
#map{ width: 95%; height: 28.5vw; }



/* treat1 */
.tr1Bg{background-size:100%;}
.tr1st{
    padding-top: 180px;
    text-align: center;
    line-height: 3em;
}
.tr1Bg>div:last-child{margin-top: 50px;}

/* treat2 */
.tr2BgDiv{font-size: 1em;}

/* yolo1 */
.protoDiv{font-size: 1em; line-height: 2.2em;}
.protoDiv>span{font-size: 1.6em;}

/* yolo3 */
.yo3 img{width: 28%;}
.yo3 table{width:100%;}
.yo3 th{width: 20%; padding: 1% 0px 1% 3%;}
.yo3 td{ padding-left:1%;}
.yo3 td input[type=text]{width:90%; border:none; }
.yo3 table img{min-width: 80%;}

/* news1, news2 */
.ne1 img, .ne2 img{width: 28%;}
.ne1 table, .ne2 table{width:100%;}





}/* #####  타블렛 종료  ##### */
























/* #####  모바일 시작  ##### */
@media screen and (max-width:767px){

.sCenter{width: 96%; margin: 0 auto; font-size: 1.9vw;}
.sCenter img{width: 100%;}
.pcView{display: none;}
.mobileView{display: block;}


/* gnb */
body{position: relative;}
.mGnbWrap{display: block;}
.pcGnb, .pcGnbBg{display: none;}
.mGnbWrap h1{ display: block; text-align: center; padding: 10px 0px;}
.mGnbWrap h1 a{ width: 64%; margin:0% 19%; background-position: center; background-size: 180px;}


.btnNav{
    position:absolute;
    top:32px;
    right:20px;
    width:30px;
    height:27px;
    text-indent:-9999em;
    background-image:url(../images/mMenu.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
    z-index:9990;
}
.clo{
    background-image:url(../images/mMenu.png);
}
.mGnb{
    position:fixed;
    top:0;
    right:-62%;
    z-index:9980;
    height:100%;
    width: 50%;
    background-color:#7a605f;
    background-color:rgba(122,96,95,0.95);
    padding:25% 0px 0px 5%;
}
.mGnb li{
    margin-bottom: 2px;
    color: #fff;
    font-size:4vw;
}
.mGnb>li{margin-bottom: 25px;}
.mGnb span{font-size: 0.6em; color:#d3bfbe;}
.mGnb ul{display: none;}
.mGnb ul>li{font-size: 0.9em; font-weight: 300;}
.mGnb ul>li:first-child{margin-top: 10px;}
.mGnb ul>li:last-child{margin-bottom: 20px;}
.mGnb a{color: #fff;}
#overay{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5);
    z-index:9970;
}

/* footer */
footer{margin-bottom: 20px; }
footer small{
    margin-left: 0px;
    width: 100%;
    position: relative;
}
footer a{
    background: #7a605f;
    display: inline-block;
    position: absolute;
    top:-20px;
    right: 0;
    padding: 5px 10px;
    color:#fff;
}


/* index */
#showimage{width: 94%;}
/* #showimage img{width:100%; top: 85px; left: 9%;} */
#showimage1{width: 71%; top: 103vw;left: 0%;}
#showimage1 img{width:100%;  }
.check_pop .check_pop1{font-size: 0.9em;}
.mNOne{display: none;}
.iconDiv{width: 100%;}
.iconDiv .pcView{display: none;}
.iconDiv .mobileView{display: block;}
.main4th>div:last-child{width: 100%;}
.Slider2ndWrap{width: 100%;}
.Slider2nd img{width: 100%;}
.main2nd>div:last-child{width: 100%;}
.main3rd>div{width: 100%;}
.main3rd .mobileView img{width: 100%;}


/* 서브 */
.subTitle{background-size: 180%; margin-bottom: 5%;}
.marT50{margin-top: 5%;}
.marB80{margin-bottom: 5%;}
.marB180{margin-bottom: 10%;}

/* about4 */
.ab4Map{
    padding-top: 0px;
    padding-bottom: 20px;
    text-align: center;
}
.ab4Map p{ width: 60%; font-size: 1.1em;}
.ab4Map>.sCenter>div{ width: 49%; display: inline-block; vertical-align: top;}
.ab4Map>.sCenter img{ width: 95%; }
.ab4Map>div:last-child{ font-size: 2vw; margin-top: 15px;}
#map{ width: 95%; height: 30vw; }

/* treat */
.trLogoBg{
    margin-top: 10px;
    height: 190px;
    background-size: contain;
}
.trLogoBg>div{line-height: 2em;}
.trLogoBg span{font-size: 1.2em;}

/* treat1 */
.tr1Bg{background-size:100%;}
.tr1st{
    padding-top: 20%;
    text-align: center;
    line-height: 3em;
}
.tr1Bg>div:last-child{margin-top: 50px;}
.tr1Bg .trLogoBg>div{padding-top: 20px; line-height: 1.7em;}

/* treat2 */
.tr2BgDiv{ padding: 30px 10px;}
.tr2Bg .trLogoBg>div{padding-top: 40px;}

/* treat3 */
.tr3Bg{margin-top: 7%; background-size: contain;}
.tr3st{ padding-top: 40px;line-height: 2em;}
.tr3st>span{margin-top: 30px; margin-bottom: 10px;}
.tr3Bg .trLogoBg>div{padding-top: 30px;}

/* treat4 */
.tr4Bg .trLogoBg>div{padding-top: 40px;}

/* treat5 */
.tr5Bg{background-size: contain;}
.tr5Bg .trLogoBg>div{padding-top: 40px;}
.tr5st{padding-top: 5%; }

/* yolo1 */
.protoDiv{font-size: 1em; line-height: 2.2em;}
.protoDiv>span{font-size: 1.6em;}
.protoDiv1{background: #e1cccb; font-size: 0.6em;}

/* yolo3 */
.yo3 img{width: 28%;}
.yo3 table{width:100%; margin-top: 7%;}
.yo3 th{width: 20%; padding: 1% 0px 1% 3%;}
.yo3 td{ padding-left:1%;}
.yo3 td input[type=text]{width:90%; border:none; }
.yo3 table img{min-width: 90%;}
.yo3 table div{min-height: 200px;}
.yo3 div.n2IImg{min-height: 150px;}
.yo3 textarea{width: 98%; }

/* news1, news2 */
.ne1 img, .ne2 img{width: 28%;}
.ne1{min-height: 300px;}
.ne1 table img, .ne2 table img{width: 95%;}
.ne1 table, .ne2 table{width:100%;font-size: 2.9vw;}
.ne2{min-height: 300px;}

}/* #####  모바일 종료  ##### */