/**  À̹ÌÇö  **/

/* °øÅë */
#tit{width:100%;padding-bottom:100px;}
.contents{width:900px;margin:0 auto;padding:200px 0;}

/* °³º° */
.top_bg{background-image:url(../img/play2/paly2_bg.jpg);background-repeat:no-repeat;background-position:cover;background-size:100% 100%;}
.top{width:900px;margin:0 auto;padding:150px 0 200px;}
.top img{width:72%;margin:0 auto;}

.con1_bg{background-color:#e8e8e8;background-size:100% 100%;}
.con1{padding:100px 0;}
.con1 .txt1{padding-bottom:50px;}

.con2_bg{background-image:url(../img/play2/paly2_con2_bg.jpg);background-repeat:no-repeat;background-position:cover;background-size:100% 100%;}
.con2 .box img{width:96%;}

.con3_bg{background-image:url(../img/play2/play2_con3_bg.png);background-repeat:no-repeat;background-position:cover;background-size:100% 100%;}

.con4{padding-bottom:150px;}
.con4 .txt1{padding-bottom:50px;}

.con4_sub_bg{background-color:#e0e0e0;background-size:100% 100%;}
.con4_sub{padding-top:100px;}
.con4_sub #tit{padding-bottom:80px;}
.con4_sub .box{padding-bottom:80px;margin-bottom:80px;border-bottom:2px dashed #a0a0a0;}
.con4_sub .box .txt1{padding-bottom:50px;}
.con4_sub .button{
 width:40%;
 background:#838383;
 color:#fff;
 display: block;
 text-align: center;
 margin: 0 auto;
 padding: 18px 0;
 font-size: 22px;
 letter-spacing: 5px;
 transition: 0.3s ease;
}
.con4_sub .button:hover{background:#363636;color:#fff;}

.con5 #tit{padding-bottom:150px;}
.con5 .box .txt1{margin-bottom:150px;}
.con5 .box .txt1 img{width:92%;margin:0 auto;}

.con6_bg{background-color:#646464;background-size:100% 100%;}
.con6_bg p{color:#fff;font-size:27px;font-weight:200;line-height:190%;}
.con6{padding:80px 0;}

/* ¹Ìµð¾îÄõ¸® */
@media (max-width: 1200px) {
.top_bg{background-image:url(../img/play2/paly2_bg_1200.jpg);}
.con2_bg{background-image:url(../img/play2/paly2_con2_bg_1200.jpg);background-size:100%;}
.top img{width:74%;}
}
@media (max-width: 1024px) {
#lnb-wrap{margin:0;}
.top{width:75%;padding:10% 0 15%;}
.contents{width:75%;padding:13% 0;}
.con6_bg p{font-size:1.8em;font-weight:300;}
}
@media (max-width: 800px) {
#tit{padding-bottom:70px;}
.top{width:80%;padding:10% 0 15%;}
.top img{width:77%;}
.contents{width:80%;padding:15% 0;}
.con1 .txt1{padding-bottom:30px;}
.con4{padding-bottom:10%;}
.con4_sub{padding-top:10%;}
.con4_sub #tit{padding-bottom:5%;}
.con4_sub .box .txt1{padding-bottom:5%;}
.con4_sub .button{font-size:1.5em;letter-spacing:3px;}
.con5 #tit{padding-bottom:80px;}
.con5 .box .txt1{margin-bottom:80px;}
.con6{padding:10% 0;}

.con6_bg p{font-size:1.6em;line-height:170%;}
}
@media (max-width: 640px) {
.top{width:85%;}
.top img{width:85%;}
#tit{padding-bottom:50px;}
.contents{width:85%;padding:60px 0;}
.con4_sub .box{padding-bottom:50px;margin-bottom:50px;}
.con4 .txt1{padding-bottom:30px;}
.con4_sub .button{width:43%;font-size:1.4em;}
.con6_bg p{font-size:1.3em;}
}
@media (max-width: 420px) {
.top{width:92%;}
.top_bg{background-position:center;background-size:110% 100%;}
#tit{padding-bottom:40px;}
.contents{width:92%;padding:40px 0;}
.con1 .txt1{padding-bottom:20px;}
.con4 .txt1{padding-bottom:10px;}
.con4_sub .button{width:55%;font-size:1.2em;padding:10px 0;letter-spacing:2px;}
.con4_sub .box{padding-bottom:30px;margin-bottom:30px;}
.con5 #tit{padding-bottom:40px;}
.con5 .box .txt1{margin-bottom:40px;}
.con6_bg p{font-size:1em; font-weight: 400;line-height: 140%;}
}