@charset "utf-8";

/* sub01 */

h4{line-height:1.5em;}
em{font-style:normal;}
.txt1{color:#00c38a;}
.txt2{color:#0893d8;}
.building_img{display:block;width:100%;background:url("/images/10_youth/sub/sub01/greeting.jpg") no-repeat top center; background-size:contain;}
.building_img img{ margin:0 0 20px 0}
.building{padding:50% 0 0 0;}
.building p{line-height:1.8em;margin:15px 0 15px 0}
.building strong{font-size:20px;}



/* sub02 */

.heart{border:1px solid #e4e4e4;}
.heart span{font-size:22px;font-weight:bold;color:#254064;line-height:1.0em;}
.heart p{padding:160px 30px 30px 30px;font-size:14px;color:#000;line-height:1.8em;text-align:center;}
.heart{font-size:15px;text-align:left;background:url("/images/10_youth/sub/sub02/sub0204.png") #fafafa no-repeat top center;background-position:center 35px;}




/* sub03 */

/* sub04 */

/* sub05 */





.comment{position:absolute;top:-1000px;left:-2000px;}





/* Tablet */
@media all and (min-width:768px) {

/* sub01 */

/* sub02 */

.heart{border:1px solid #e4e4e4;}
.heart span{font-size:22px;font-weight:bold;color:#254064;float:left;padding: 0 0 0 15px;}
.heart p{font-size:18px;padding:10px 0 0 0}
.heart{padding: 40px 30px 40px 190px;font-size:15px;text-align:left;background:url("/images/10_youth/sub/sub02/sub0204.png") #fafafa no-repeat 20px;background-position:60px}


/* sub03 */

/* sub04 */

/* sub05 */
}


/* Desktop */
@media all and (min-width:1023px) {


/* sub01 */

.basic_box .student_01{background: url("/images/10_youth/sub/sub01/sub_student01.png") no-repeat top left;background-position: 8px;height: 120px;padding: 0px 0 0 210px;}
.basic_box .student_01 dl{padding: 15px 0 0 0;}
.basic_box .student_02{background: url("/images/10_youth/sub/sub01/sub_student02.png") no-repeat top left;background-position: 20px;height: 120px;padding: 0 0 0 210px;}
.basic_box .student_02 dl{padding: 15px 0 0 0;}
.basic_box .spring{background: url("/images/10_youth/sub/sub01/sub0101.png") no-repeat top left;background-position: 20px;padding: 0 0 0 170px;background-size:13%;}


/* sub02 */

.basic_box .advice_img{background: url("/images/10_youth/sub/sub02/advice.png") no-repeat top left;background-position: 20px;width: 650px;height: 90px;padding: 0 0 0 150px;}
.basic_box .advice_img p{padding:10px}
.basic_box .f_black{font-size:20px; color:#000;font-weight:600}
.basic_box .cyber_img{background: url("/images/10_youth/sub/sub02/sub0205.png") no-repeat top left;background-position: 20px;height: 83px;padding: 0 0 0 135px;width:680px;}
.basic_box .group_img{background: url("/images/10_youth/sub/sub02/sub0206.png") no-repeat top left;background-position: 20px;height: 83px;padding: 0 0 0 135px;width:680px;}



/* sub03 */

.basic_box .learn_img{background: url("/images/10_youth/sub/sub03/sub0301.png") no-repeat top left;background-position: 20px;height: 83px;padding: 0 0 0 135px;width:680px;}


/* sub04 */

.basic_box .house_img{background: url("/images/10_youth/sub/sub04/sub0401.png") no-repeat top left;background-position: 20px;height: 83px;padding: 0 0 0 135px;width:680px;}

/* sub05 */

.basic_box .culture_img{background: url("/images/10_youth/sub/sub05/sub0501.png") no-repeat top left;background-position: 20px;height: 83px;padding: 0 0 0 135px;width:680px;}





}    

/* 소개 */
.building_vis h5{position: relative;width: 140px;padding: 10px;margin: 0 auto 16px;background:#004fa4;text-align: center;color: #fff;border-radius: 10px;font-size: 18px;}
.building_vis p{margin: 0 0 16px;padding: 26px 20px;border:1px #ddd solid;font-size: 20px;text-align: center;word-break: keep-all;border-radius: 10px;}
.building_vis h5:before{content:'';display:block;width: 16px;height: 16px;position: absolute;bottom: -8px;left: 0;right: 0;transform: rotate(45deg);margin: 0 auto;background:#004fa4;}
.building_vis h5:nth-of-type(1){background:#3579de;}
.building_vis h5:nth-of-type(2){background:#06afb6;}
.building_vis h5:nth-of-type(1):before{background:#3579de;}
.building_vis h5:nth-of-type(2):before{background:#06afb6;}