@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');

/* visual */
.visual							{position:relative; margin:0 auto; width:100%; *padding-top:100px; z-index:99}
.rslides							{position: relative; list-style: none; overflow: hidden; width:100%; padding: 0; margin: 0;}
.rslides li						{-webkit-backface-visibility: hidden; position: absolute; display: none; width:100%; height:595px; left:0; top:0; background:center 50%; background-size:cover}
.rslides li:first-child			{position: relative; display: block; float:left;}

.rslides_tabs {position:absolute; left:0; top:90%; list-style: none; padding: 0; list-style: none; text-align: center; width: 100%; z-index:5; }
.rslides_tabs li {display: inline; float: none;margin:0 5px; }
.rslides_tabs a {width:18px; height:18px; border-radius:50%; background:rgba(0,191,243,0); display:inline-block; text-indent:-100000px; border:3px solid #00bff3;}
.rslides_tabs li:first-child	{margin-left: 0;}
.rslides_tabs .rslides_here a {background:rgba(0,191,243,1);}

.visualtxtBox {position:absolute; top:0; width:100%;}

.mVisual_text1 {max-width:1200px; width:94%; margin:0 auto; padding:258px 0 0 40px; font-size:33px; letter-spacing:-3px}
.mVisual_text1 span {color:#0b248a; font-size:40px; font-weight:600; letter-spacing:-3px}
.br532 {display:none}

.mVisual_text2 {max-width:1200px; width:94%; margin:0 auto; position:relative; padding:65px 0 0 0; font-size:33px; letter-spacing:-3px}
.mVisual_text2 span {color:#0b248a; font-size:40px; font-weight:600; letter-spacing:-3px}

.rslides li:nth-child(3) {background:50% bottom; background-size: auto 707px}
.mVisual_text3 {max-width:1200px; width:94%; margin:0 auto; position:relative; padding:70px 0 0 130px; font-size:33px; letter-spacing:-3px}
.mVisual_text3 span {color:#0b248a; font-size:40px; font-weight:600}

.mVisual_text4 {max-width:1200px; width:94%; margin:0 auto; position:relative; padding:70px 0 0 0; font-size:33px; letter-spacing:-3px}
.mVisual_text4 span {color:#0b248a; font-size:40px; font-weight:600}





/* =======================================
 *	PC
 * ======================================*/
@media all and (max-width:1550px){
.rslides li {height:38.5vw;}

.mVisual_text3 {padding:5% 0 0 130px;}
.rslides li:nth-child(3) {background:50% bottom; background-size: auto  120%}
}




@media all and (max-width:1220px){
.mVisual_text1 {padding:17% 0 0 7%; font-size:30px}
.mVisual_text1 span { font-size:37px;}

.mVisual_text2 {padding:40px 0 0 0; font-size:30px}
.mVisual_text2 span { font-size:37px;}

.rslides li:nth-child(3) {background:50% bottom; background-size: auto  115%}
.mVisual_text3 {padding:4% 0 0 8%; font-size:30px}
.mVisual_text3 span { font-size:37px;}

.mVisual_text4 {padding:5% 0 0 2.5%; font-size:30px}
.mVisual_text4 span { font-size:37px;}
}




@media all and (max-width:992px){
.rslides li:nth-child(2) {background:25% bottom; background-size:cover}
}



@media all and (max-width:885px){
.mVisual_text1 {padding:17% 0 0 2.5%; font-size:27px}
.mVisual_text1 span { font-size:34px;}

.mVisual_text2 {padding:30px 0 0 0; font-size:27px}
.mVisual_text2 span { font-size:34px;}

.rslides li:nth-child(3) {background:50% bottom; background-size: auto  110%}
.mVisual_text3 {padding:4% 0 0 8%; font-size:27px}
.mVisual_text3 span { font-size:34px;}

.mVisual_text4 {padding:5% 0 0 0; font-size:27px}
.mVisual_text4 span { font-size:34px;}
}





/* =======================================
 *	MOBILE
 * ======================================*/

@media all and (max-width:768px){
.rslides li {height:300px;}
.rslides_tabs {bottom:15px; top:auto}
.rslides_tabs a {width:15px; height:15px;}

.mVisual_text1 {padding:17% 0 0 0}

.mVisual_text3 {padding:4% 0 0 7%; font-size:25px}
.mVisual_text3 span { font-size:32px;}

.rslides li:nth-child(4) {background:30% bottom; background-size:cover}
.mVisual_text4 {padding:5% 0 0 0; font-size:27px}
}



@media all and (max-width:660px){
.mVisual_text1 {padding:20% 0 0 0; font-size:24px}
.mVisual_text1 span { font-size:30px;}

.mVisual_text2 {padding:30px 0 0 0; font-size:24px}
.mVisual_text2 span { font-size:30px;}
.rslides li:nth-child(2) {background:20% bottom; background-size:cover}

.rslides li:nth-child(3) {background:35% bottom; background-size: auto  110%}
.mVisual_text3 {padding:30px 0 0 4%; font-size:24px}
.mVisual_text3 span { font-size:30px;}

.mVisual_text4 {padding:5% 0 0 3%; font-size:24px}
.mVisual_text4 span {font-size:30px;}
}




@media all and (max-width:635px){
.mVisual_text1 {margin-top:5%; padding:20% 0 0 2%;}
.br532 {display:inline-block}
}




@media all and (max-width:532px){
#slider1 > li {background-size:auto 100%;}


.rslides li:nth-child(1) {background:50% bottom; background-size:cover}
.mVisual_text1 {display:block; width:90%; margin-top:8%; background:rgba(255,255,255,0.8); padding:20px 15px; text-align:center}
.br532 {display:none}

.rslides li:nth-child(2) {background:50% bottom; background-size:cover}
.mVisual_text2 {display:block; width:90%; margin-top:8%; background:rgba(255,255,255,0.8); padding:20px 15px; text-align:center}

.rslides li:nth-child(3) {background:50% bottom; background-size:cover}
.mVisual_text3 {display:block; width:90%; margin-top:8%; background:rgba(255,255,255,0.8); padding:20px 15px; text-align:center}

.rslides li:nth-child(4) {background:50% bottom; background-size:cover}
.mVisual_text4 {display:block; width:90%; margin-top:8%; background:rgba(255,255,255,0.8); padding:20px 15px; text-align:center}
}