@charset "utf-8";



/* 인트로  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.intro {position:relative; width:100%;}
.intro dl {width:1200px; margin:0 auto; padding-bottom:15px; overflow:hidden;}
.intro dl dt {float:left; padding-top:12px;}
.intro dl dd {float:right; padding-top:10px; text-align:right;}
.intro dl dd p {margin-bottom:10px; padding-right:10px; font-size:12px; font-weight:bold; letter-spacing:-1px; background:url('../images/common/icn_star.gif') 107px 6px no-repeat;}
.intro dl dd div img {height:26px;}
.intro > div {width:100%; height:800px; border-top:#e5e5e5 1px solid; background:url('../images/content/intro_bg.jpg') center top no-repeat;}
.intro > div > p {padding:200px 0 30px 0; text-align:center;}

/* 반응형 ============================================================================================ */
/* 모바일  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (max-width:480px) {
.intro dl {width:100%;}
.intro dl dt {padding:7px 0 0 5%}
.intro dl dd {padding:22px 5% 0 0;}
.intro dl dd p {display:none;}
.intro dl dd div img {height:18px;}
.intro > div {height:400px; background-size:cover;}
.intro > div > p {padding-top:70px;}
.intro > div > p img {width:60%;}
}


/* 테블릿1  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:481px) and (max-width:767px) {
.intro dl {width:100%;}
.intro dl dt {padding:7px 0 0 4%}
.intro dl dd {padding:22px 4% 0 0;}
.intro dl dd p {display:none;}
.intro dl dd div img {height:24px;}
}


/* 테블릿2  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:768px) and (max-width:1199px) {
.intro dl {width:100%;}
.intro dl dt {padding-left:3%}
.intro dl dd {padding:10px 3% 0 0;}
}


/* PC  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:1200px) {

}