@charset "utf-8";

/* introArea */
.subCont .introList {}
.subCont .introList:after {display:block;clear:both;content:'';}
.subCont .introList li {position:relative;float:left;width:580px;margin-left:40px;background:#fff;padding:30px;border:1px solid #e3e3e3;box-sizing:border-box;border-bottom:2px solid #b2b2b2;}
.subCont .introList li:first-child {margin-left:0;}
.subCont .introList li a {display:block;}
.subCont .introList li > span {display:block;}
.subCont .introList li > span > a {position:relative;display:block;}
.subCont .introList li > span > a:after {position:absolute;top:0;right:0;bottom:0;left:0;background:#32798f;content:'';opacity:0;transition:all .3s;}
.subCont .introList li > span > a:hover:after {opacity:0.2;}
.subCont .introList li .thumb {position:absolute;top:30px;left:30px;width:220px;height:220px;background:#f4f4f4;overflow:hidden;}
.subCont .introList li .thumb img {width:100%;height:100%;}
.subCont .introList li .info {width:270px;height:220px;margin-left:250px;}
.subCont .introList li .info dt {font-size:25px;font-weight:600;line-height:35px;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid #e3e3e3;}
.subCont .introList li .info dd {font-family:'Noto Sans KR';font-size:15px;line-height:21px;margin-top:15px;}
.subCont .introList li .info dd.btnMore {margin-top:30px;}
.subCont .introList li .info dd.btnMore a {position:relative;display:block;border:1px solid #7f7f7f;padding:10px;text-align:center;z-index:1;}
.subCont .introList li .info dd.btnMore a:before {transition: all 1s ease;position:absolute;left:0;top:0;width:0;height:100%;background:#7f7f7f;display:block;content:'';-webkit-transition:1s cubic-bezier(.165, .84, .44, 1);transition:1s cubic-bezier(.165, .84, .44, 1);z-index:-1;}
.subCont .introList li .info dd.btnMore a:hover {color:#fff;}
.subCont .introList li .info dd.btnMore a:hover:before {width:100%;height:100%;}
.subCont .introList li .info dd .date {display:block;margin-left:67px;}

#productIntro .introList li .info dd {line-height:20px;margin-top:10px;}
#productIntro .introList li .info dd.btnMore {margin-top:28px;}


/* agreeArea */
.agreeArea {margin-bottom:30px;}
.agreeArea textarea {margin-bottom:10px;}


/* mapArea */
.mapArea {width:100%;}
.mapArea:after {display:block;content:'';clear:both;}
.mapArea .mapLeft {width:630px;height:380px;margin-right:60px;background:#f9f9f9;}
.mapArea .mapRight {float:left;}
.mapArea .mapRight:after {display:block;content:'';clear:both;}
.mapArea .mapRight h4 {font-size:30px;color:#9db925;line-height:30px;padding:30px 0;border-bottom:1px solid #e5e5e5;}
.mapArea .mapRight dt, .mapArea .mapRight dd {font-size:19px;}
.mapArea .mapRight dt {font-weight:bold;padding:20px 10px 20px 60px;}
.mapArea .mapRight dt.icon01 {background:url('../imgs/sub/icon_map01.png') no-repeat 0 50%;}
.mapArea .mapRight dt.icon02 {background:url('../imgs/sub/icon_map02.png') no-repeat 0 50%;}
.mapArea .mapRight dt.icon03 {background:url('../imgs/sub/icon_map03.png') no-repeat 0 50%;}
.mapArea .mapRight dt.icon04 {background:url('../imgs/sub/icon_map04.png') no-repeat 0 50%;}


/*모바일*/
@media all and (max-width:478px) {
    .mapArea .mapLeft, div#map {width:100% !important;}
    .mapArea .mapRight {width:100%;padding-top:20px;}
    .mapArea .mapRight dt, .mapArea .mapRight dd {font-size:17px;display:inline-block;}
    .mapArea .mapRight dt {width:18%;background-size:20% !important;padding-left:35px!important;}
    .mapArea .mapRight dd {width:62%;padding:20px 0px;}
}

/*아이패드*/
@media all and (min-width:479px) and (max-width:768px) {
    .mapArea .mapLeft {margin:0 auto;}
    .mapArea .mapLeft, div#map {width:100% !important;}
    .mapArea .mapRight {padding:20px 0px 20px 50px;}
    .mapArea .mapRight dt, .mapArea .mapRight dd {font-size:17px;display:inline-block;}
    .mapArea .mapRight dt {width:25%;padding-left:60px!important;}
    .mapArea .mapRight dd {width:55%;padding:20px 0px;}
}

/*아이패드프로*/
@media all and (min-width:769px) and (max-width:1024px) {
    .mapArea .mapLeft {margin:0 auto;}
    .mapArea .mapRight {padding:20px 00px 20px 190px;}
    .mapArea .mapRight dt, .mapArea .mapRight dd {font-size:17px;display:inline-block;}
    .mapArea .mapRight dt {width:25%;padding-left:60px!important;}
    .mapArea .mapRight dd {width:55%;padding:20px 0px;}
}

@media (min-width:1025px) and (max-width:1200px) {
    .mapArea .mapLeft {margin:0 auto;}
    .mapArea .mapRight {padding:20px 00px 20px 190px;}
    .mapArea .mapRight dt, .mapArea .mapRight dd {font-size:17px;display:inline-block;}
    .mapArea .mapRight dt {width:25%;padding-left:60px!important;}
    .mapArea .mapRight dd {width:55%;padding:20px 0px;}
}

/* PC */
@media all and (min-width:1200px) {
    .mapArea .mapLeft {float:left;}
    .mapArea .mapRight {width:510px;}
    .mapArea .mapRight dt, .mapArea .mapRight dd {float:left;}
    .mapArea .mapRight dt {width:100px;}
    .mapArea .mapRight dd {width:320px;padding:20px 10px;}
}