/***common***/
#content_go{width:0; height:0; font-size:0; text-indent:-999999px; overflow:hidden;}
*{box-sizing:border-box;}
.clearfix:after{content: ''; zoom:1; display: block; clear:both;}
.inner{width:1320px; padding:0 20px; margin:0 auto;}
.main_container{padding:30px 0 70px; min-height:500px;}



@keyframes zoom {
from {
transform: scale(1.05, 1.05);
}
to {
transform: scale(1.0, 1.0) rotate(.001deg);
}
}


/*main_container*/
.main_preface{ font-family: NanumSquare-R, µ¸¿ò, µ¸¿òÃ¼, sans-serif; letter-spacing:-1px; font-size:17px; font-weight:800; text-align:center; line-height:2.0;}
.main_preface>div>*{display:block;}
.main_preface strong{margin-bottom:30px;font-size:35px; font-weight:600; color:#2d94d1;}
.main_preface span{margin-left:90%;margin-top:-50px;font-size:18px; font-weight:400; color:#777;line-height:2.0;}
.tnp_service_list{margin-top:30px; text-align:center; background-color:#f8f8f8; padding:40px 0;}
.tnp_service{float:left; width:23.875%; }
div.tnp_service+div{margin-left:1.5%;}
.tnp_service>a{display:block; background:#000;text-decoration:none;overflow:hidden;}
.tnp_service>a>img{display:block;transition:0.6s ease; width:100%; vertical-align:top;}
.tnp_service>a:hover img{transform:scale(1.1); opacity: 0.9;}
.service_txt{padding:20px; color:#333333; height:135px;}
.service_txt>title{font-size:20px; NanumSquare-R, µ¸¿ò, µ¸¿òÃ¼, sans-serif; font-weight:700;}
.service_txt>p{margin-top:10px; font-size:14px; }
.tnp_service:nth-child(1){background-color:#f1f8dd;}
.tnp_service:nth-child(1) em1{font-size:20px; color:#555;}
.tnp_service:nth-child(2){background-color:#fbf4e0;}
.tnp_service:nth-child(2) em1{font-size:20px; color:#555;}
.tnp_service:nth-child(3){background-color:#f2ebe4;}
.tnp_service:nth-child(3) em1{font-size:20px; color:#555;}
.tnp_service:nth-child(4){background-color:#e0f2fb;}
.tnp_service:nth-child(4) em1{font-size:20px; color:#555;}

/*1320ÀÌÇÏ */
@media screen and (max-width:1320px){
/***common***/
.inner{width:100%;}



/*main_container*/
.service_txt{height:155px;}

}



/*1200ÀÌÇÏ*/
@media screen and (max-width:1200px){

}

/*1024ÀÌÇÏ */
@media screen and (max-width:1024px){

/*main_container*/
.main_preface{font-size:15px;font-weight:bold; line-height:1.7;}
.main_preface strong{font-size:28px;font-weight:bold;}
.tnp_service_list{margin-top:40px; padding:30px 0;}
.tnp_service{width:48.5%;}
div.tnp_service+div{margin-left:3%;}
.tnp_service_list div>div:nth-child(2n+1){margin-left:0;}
.tnp_service:nth-child(3n),.tnp_service:nth-child(4n){margin-top:25px;}
.service_txt{padding:15px; height:135px;}
.service_txt>em1{font-size:19px; font-weight:bold;}
.service_txt>p{margin-top:5px;}

}

/*768ÀÌÇÏ */
@media screen and (max-width:768px){

/***common***/
.inner{padding:0 15px;}

/*main_container*/
.main_preface{font-weight:normal; }
.main_preface strong{font-size:26px;}
.main_preface span{font-size:20px; font-weight:400; color:#777;line-height:2.0;}

}


/*600ÀÌÇÏ */
@media screen and (max-width:600px){

/*main_container*/
.main_container {padding: 20px 0 50px;}
.main_preface strong{font-size:26px;}
.main_preface span{font-size:18px; font-weight:400; color:#777;line-height:2.0;}
.main_preface>div>span{display:inline;}
.tnp_service_list{margin-top:30px; padding:20px 0;}
.tnp_service:nth-child(3n),.tnp_service:nth-child(4n){margin-top:15px;}
.service_txt{padding:10px;}
.service_txt>em1{font-size:17px;}
.service_txt>p{margin-top:2px; font-size:13px; letter-spacing:-1px;}

}



/*420ÀÌÇÏ */
@media screen and (max-width:420px){
.main_preface strong{font-size:24px;}
.main_preface span{font-size:15px; font-weight:400; color:#777;line-height:2.0;}
/*main_container*/
.tnp_service_list{margin-top:20px; padding:15px 0;}
.service_txt{height:130px;}
.service_txt>em1{font-size:16px;}
.tnp_service:nth-child(3n),.tnp_service:nth-child(4n){margin-top:10px;}

}

.typo1 { font-size: 2.125em; color:#212121; line-height: 1.4em; }
.typo2 { font-family: 'Wolyeonggyo'; font-size: 2.125em; color:#212121; line-height: 1.4em; }
.stit1 { font-size: 1.625em; color:#212121; margin-bottom: 0.7em; }
.stit2 { font-size: 1.35em; color:#1b4baa; margin-bottom: 0.7em; }
.stxt1 { font-size: 1.125em; color:#212121; line-height: 2em; }
.stxt2 { font-size: 1.125em; color:#212121; line-height: 1.7em; }

@media all and (max-width:1280px){
 .typo1 { font-size: 1.8em; }
}
@media all and (max-width:976px){
 .typo1 { font-size: 1.5em; }
 .typo2 { font-size: 1.8em; }
}


.intro_cont { overflow: hidden;  }
.intro_cont > div { float: left; width: 50%; }
.intro_cont .img img { max-width: 90%; }
.intro_cont .txt { padding-left: 1%; }


@media all and (max-width:976px){
 .intro_cont .img { width: 45%; }
 .intro_cont .txt { width: 55%; }
}
@media all and (max-width:767px){
 .intro_cont .img,
 .intro_cont .txt { width: 100%; }
 .intro_cont .img { text-align: center; margin-bottom: 5%; }
 .intro_cont .img img { max-width: 60%; }
}
@media all and (max-width:767px){
 .intro_cont .img img { width: 100%; max-width: 500px; }
}
#greeting { padding-top: 2%; }
#greeting p { line-height: 2em; }
#greeting .typo1 { line-height: 1.4em; }
#greeting .em { font-size: 1.375em; color:#212121; font-weight: 600; margin-top: 1em; margin-bottom: 0.5em; line-height: 1.3em;}
#greeting .last { margin-top: 2em; }