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

.dda3 { width: 40px; margin-bottom:45px;}
.dda4 { width: 40px; margin-top:45px; }

/*#main-1 { background:url(http://seouldream.org/UserData/sdream/Layouts/sdream_Layout/Images/ms1-bg.png); background-position:top center; background-repeat:no-repeat; width:100%; height:100vh; position:relative; background-size:100% 100%; background-attachment:fixed;} */
#main-1 { background:url(../images/main__section01.png); background-position:top center; background-repeat:no-repeat; width:100%; height:100vh; position:relative; background-size:100% 100%;}
.ms1-cont { position: absolute; text-align:center; bottom: 0px; background-color:rgba(0,0,0,0.8); width:100%; color:#fff; padding:50px 0px;}
.ms1-cont p { font-size: 24px; margin:0px;}
.ms1-cont h3 { font-size: 32px; font-weight:bold; margin-top:5px;}


#main-2 {background-image:url(http://seouldream.org/UserData/sdream/Layouts/sdream_Layout/Images/ms2-bg.jpg); background-size:cover; background-position:center; background-repeat:no-repeat; width:100%; position:relative;}
#main-2 a { position:absolute; top:0; left:0; width:100%;height:100%; background-color:#fff; opacity:0; font-size:35px; color:#000;}
#main-2 a:hover { background-color:rgba(255,255,255,0.6); opacity:1; transition:0.3s;}
#main-2 a h5 { position: absolute; left: 41%; top: 54%; margin-left: -50px; margin-top: -50px; font-size: 35px; color: #000; text-align: center;}
#main-2-bg { background-color:rgba(0,0,0,0.1); height:100%;}
.ms2-title { text-align:left; color:#fff; background-color:rgba(0,0,0,0.6); padding:350px 0px;}
.ms2-title h4 { font-size: 31px; font-weight:400; margin:0px 0px 20px;}
.ms2-title h4:nth-child(2) { font-weight:500; border-top:1px solid #fff; display:inline-block; padding-top:15px;}
.ms2-title p { font-size: 47px; margin:0px; line-height:85px; font-weight:600; margin-top:80px;}
.ms2-vision {position:relative; margin-top: 90px;}
.ms2-vision hr { width:50px; border-bottom:4px solid #fff; display:inline-block; margin-bottom:10px; margin-top:0px;}
.ms2-vision li { padding-bottom:40px; }
.ms2-vision-title { font-size: 25px; color:#fff; font-weight:500;}
.ms2-vision-cont { font-size:19px; color:#fff;}
.ms2-cont { padding:0px 55px;}
.ms2-left { padding:0px; }
.ms2-rigth { padding: 38px 0px 38px 80px;}


.ms2-img, .ms3-left, .ms4-left { padding-left:0px; }

.ms3-right, .ms5-right { padding-right:0px; }

#main-3 {background-color:#fff; position:relative; padding:150px 0px; background-attachment:fixed; width:100%; background-size: cover; background-position: center;}
#main-3 table td { vertical-align:top;  text-align: left;}
.ms3-left h2 {font-weight:bold; font-size:45px; display:inline-block; border-bottom: 2px solid #000; padding-bottom:12px; margin:0px; margin-bottom:15px;}
.ms3-left span { font-size:23px; font-weight:500;}
.ms3-left table { font-size: 26px; font-weight:500; border:none; text-align:left; font-family: 'NotoSansCJKkr-Bold', sans-serif;}
.ms3-left table td { padding: 10px 7px 10px 0px;}
.ms3-left table span { font-size:22px; font-weight:400;}
.ms3-left .bolder { font-weight:bolder; font-family: 'NotoSansCJKkr-Black', sans-serif;}
.ms3-left a { color:#000; text-decoration:none; }
.ms3-left h2:hover { color:#00abe1; transition:0.3s; border-bottom: 2px solid #00abe1;}

#main-4 {background-color:#F8F8F8; position:relative; padding:150px 0px; background-attachment:fixed; width:100%; background-size: cover; background-position: center;}
#main-4 table td { vertical-align:top; }
.ms4-right { padding:0px 0px 0px 105px; }
.ms4-right h2 {font-weight:bold; font-size:45px; display:inline-block; border-bottom: 2px solid #000; padding-bottom:12px; margin:0px; margin-bottom:15px;}
.ms4-right table { font-size: 1.7em; font-weight:500; border:none; text-align:left; margin-top:15px;}
.ms4-right table td { padding: 7px 15px;}
.ms4-right table .ms4-title { font-size: 24px; font-weight:bolder;}
.ms4-right table .ms4-sub { font-size: 17px;}
.ms4-right table .ms4-border { }
.ms4-right .time-table .ms4-title { font-size: 24px; font-weight:bolder;}
.ms4-right .time-table .ms4-sub { font-size: 17px;}
.ms4-right .time-table .ms4-main { font-size: 1.7em; font-weight:500;}
.ms4-right .time-table .ms4-border { border-left:1px solid #000;}
.ms4-right a { color:#000; text-decoration:none; }
.ms4-right h2:hover { color:#00abe1; transition:0.3s; border-bottom: 2px solid #00abe1;}

#main-5 {background-color:#fff; position:relative; padding:150px 0px; background-attachment:fixed; width:100%; background-size: cover; background-position: center;}
.ms5-left { padding: 35px 0px;}
.ms5-left h2 {font-weight:bold; font-size:45px; display:inline-block; border-bottom: 2px solid #000; padding-bottom:15px; margin-top:0px;}
.ms5-left span { font-size:23px; font-weight:500;}
.ms5-title { font-weight:bolder!important; padding-right:45px!important;}
.ms5-left table { font-size: 29px; border:none; text-align:left;}
.ms5-left table td { padding: 20px 0px; padding-right:40px; font-weight: 500; }

#main-6 {background-color:#fff; position:relative; padding:120px 0px; background-attachment:fixed; width:100%; background-size: 100% 100%; background-position: center;}
#main-6 h4 { color:#000;font-size:45px; font-weight:bold; display:inline-block; margin-bottom:20px; border-bottom:2px solid #000; padding-bottom:15px;}
.ms6-cont { padding-top: 0px;}
#main-6 p { font-size: 26px; font-weight:500;}
#main-6 b {opacity: 0;}
#main-6 span { font-size: 19px; font-weight:400;}
#main-6 li { padding:25px 0px;}
.ms6-right { padding:160px 0px 0px 88px;}
.ms6-left { text-align:center; padding:50px;}
.ms6-left p { text-align:center; margin-top:10px;}
#main-6 hr { width: 150px; border-bottom: 2px solid #000; margin: 0px auto; }
#main-6 a { color:#000; text-decoration:none; }
#main-6 h4:hover { color:#00abe1; transition:0.3s; border-bottom: 2px solid #00abe1;}
.letter { letter-spacing: 1px; }

#main-7 { background-color:#f8f8f8; padding:120px 0px; }
.ms7-right h2 {font-weight:bold; font-size:45px; display:inline-block; border-bottom: 2px solid #000; padding-bottom:15px; margin-top:0px;}
.ms7-right span { font-size:23px; font-weight:500;}
.ms7-right { float:right; display:inline-block; padding:50px 0px;}
.ms7-right h4 { margin:15px 0px; font-size:29px; font-weight:600;}
.ms7-right h4 > span { font-weight:500; font-size:29px;}
.ms7-right table { font-size: 29px; border:none; text-align:left;}
.ms7-right table td { padding: 10px 0px; padding-right:40px; font-weight: 500; }
.ms7-img { padding:0px; }
.ms7-right a { color:#000; text-decoration:none; }
.ms7-right h2:hover { color:#00abe1; transition:0.3s; border-bottom: 2px solid #00abe1;}

@media (min-width:1200px) and (max-width:1499px) {
	.ms2-title { padding:300px 0px; }
.dda3 { width: 30px; margin-bottom:30px; }
.dda4 { width: 30px;  margin-bottom:30px;}
	/*#main-1 { background:url(http://seouldream.org/UserData/sdream/Layouts/sdream_Layout/Images/ms1-bg.png); background-position:top center; background-repeat:no-repeat; width:100%; height:100vh; position:relative; background-size:auto 100%; background-attachment:fixed; }*/
	#main-1 { background:url(http://seouldream.org/UserData/sdream/Layouts/sdream_Layout/Images/ms1-bg.png); background-position:top center; background-repeat:no-repeat; width:100%; height:100vh; position:relative; background-size:100% 100%; }
    .ms2-title h4 { font-size:23px; margin:0px 0px 20px;}
    .ms2-title p {font-size:33px; margin-top:40px;  line-height:65px;}
    .ms4-right table td { padding: 6px 15px; }
    .ms3-left table span { font-size:19px;}
    .ms2-vision-title { font-size:1.8em;}
    .ms2-vision-cont { font-size:1.2em;}
    .ms2-vision li { padding-bottom:18px;}
    .ms2-vision hr { margin-bottom:8px;}
    .ms3-left h2 { font-size:2.6em;}
    .ms3-left span { font-size:20px;}
    .ms3-left table td { padding: 14px 10px 14px 0px;}
    .ms3-left table { font-size:1.8em;}
    .ms4-right h2 { font-size:2.6em;}
    .ms4-right table { font-size:1.3em; margin:0px;}
    .ms4-right table .ms4-title { font-size:20px;}
    .ms5-left h2 { font-size:2.6em;}
    .ms5-left span { font-size:20px;}
    .ms5-left table { font-size:1.8em;}
    .ms5-left table td   {  padding: 15px 66px 15px 0px; }
    .ms5-title { font-weight:bolder!important; padding-right:30px!important;}
    #main-6 h4 { font-size:2.6em;}
    #main-6 p { font-size:1.7em;}
    #main-6 span { font-size:16px;}
    .ms6-right {padding: 160px 0px 0px 43px;}
    #main-6 li { padding:12px 0px;}
    .ms4-right { padding:0px 0px 0px 60px;}
    .ms4-right table .ms4-sub { font-size:15px; }
    .ms7-right h2 {font-weight:bold; font-size:2.6em; display:inline-block; border-bottom: 2px solid #000; padding-bottom:15px; margin-top:0px;}
.ms7-right span { font-size:20px; font-weight:500;}
.ms7-right { float:right; display:inline-block; padding:25px 0px;}
.ms7-right h4 { margin:15px 0px; font-size:1.8em; font-weight:600;}
.ms7-right h4 > span { font-weight:500; font-size:22px;}
.ms7-right table { font-size: 1.8em; border:none; text-align:left;}
.ms7-right table td { padding: 10px 0px; padding-right:40px; font-weight: 500; }
.ms2-rigth {     padding: 43px 0px 43px 95px;}
}

@media (min-width:993px) and (max-width:1199px) {
		.ms2-title { padding: 140px 0px 200px; }
.dda3 { width: 20px; margin-bottom:25px;}
.dda4 { width: 20px; margin-top:25px;}
		/*#main-1 { background:url(http://seouldream.org/UserData/sdream/Layouts/sdream_Layout/Images/ms1-bg.png); background-position:top center; background-repeat:no-repeat; width:100%; height:100vh; position:relative; background-size:auto 100%; background-attachment:fixed; }*/
		#main-1 { background:url(http://seouldream.org/UserData/sdream/Layouts/sdream_Layout/Images/ms1-bg.png); background-position:top center; background-repeat:no-repeat; width:100%; height:100vh; position:relative; background-size:cover; }
    .ms1-cont p { font-size:21px;}
    .ms1-cont h3 {font-size:24px;}
	.ms3-left table span {font-size: 15px; font-weight: 400; } 
	.ms2-vision-title { font-size:1.5em;}
	.ms2-vision-cont { font-size:1.0em;}
	.ms2-vision li { padding-bottom:18px;}
	.ms2-vision hr { margin-bottom:8px;}
	.ms2-vision-cont { margin-bottom:5px;}
	.ms3-left h2 { font-size:2.0em;}
	.ms3-left span { font-size:15px;}
	.ms3-left table td { padding:5px 10px 5px 0px;}
	.ms3-left table { font-size:1.4em;}
	.ms4-right h2 { font-size:2.0em;}
	.ms4-right table { font-size:1.2em; margin:0px;}
	.ms4-right table .ms4-title { font-size:20px;}
	.ms4-right table td { padding: 4px 10px;}
.ms4-right table .ms4-sub { font-size: 14px; }
	.ms5-left { padding:40px 0px;}
	.ms5-left h2 { font-size:2.0em;}
	.ms5-left span { font-size:15px;}
	.ms5-left table { font-size:1.4em;}
	.ms5-left table td {padding: 10px 30px 10px 0px;}
	.ms5-title { font-weight:bolder!important; padding-right:30px!important;}
	#main-6 h4 { font-size:2.0em;}
	#main-6 p { font-size:1.4em;}
	#main-6 span { font-size:15px;}
	.ms6-right {padding: 145px 0px 0px 15px;}
	#main-6 li { padding:12px 0px;}
	.ms2-title h4 { font-size:22px; margin:0px 0px 15px; }
	.ms2-title p { font-size:30px; line-height:60px; margin-top:50px;}
    #main-6 hr { width:100px;}
    .ms4-right { padding:0px 0px 0px 55px;}
        .ms7-right h2 {font-weight:bold; font-size:2.0em; display:inline-block; border-bottom: 2px solid #000; padding-bottom:15px; margin-top:0px;}
.ms7-right span { font-size:15px; font-weight:500;}
.ms7-right { float:right; display:inline-block; padding:20px 0px;}
.ms7-right h4 { margin:15px 0px; font-size:1.4em; font-weight:600;}
.ms7-right h4 > span { font-weight:500; font-size:17px;}
.ms7-right table { font-size: 1.4em; border:none; text-align:left;}
.ms7-right table td { padding: 10px 0px; padding-right:40px; font-weight: 500; }
.ms2-rigth { padding: 28px 0px 28px 95px;}

}


@media (min-width:768px) and (max-width:992px) {
	.dda3 { width: 20px; margin-bottom:25px;}
.dda4 { width: 20px; margin-top:25px;}
	.ms2-title { padding:200px 0px; }
		/*#main-1 { background:url(http://seouldream.org/UserData/sdream/Layouts/sdream_Layout/Images/ms1-bg.png); background-position:top center; background-repeat:no-repeat; width:100%; height:100vh; position:relative; background-size:auto 100%; background-attachment:fixed; }*/
    #main-1 { background:url(http://seouldream.org/UserData/sdream/Layouts/sdream_Layout/Images/ms1-bg.png); background-position:top center; background-repeat:no-repeat; width:100%; height:100vh; position:relative; background-size:cover; }
    .ms3-left table span { font-size:19px;}
    .ms2-title h4 { font-size:26px; margin:0px 0px 15px;}
    .ms2-title p { font-size:32px; margin-top :65px;  line-height: 65px;}
    .ms2-vision-cont { font-size:18px;}
    .ms2-vision-title { font-size:22px;}
    .ms2-cont { padding:15px; margin-top:30px; text-align:left;}
    .ms3-left { text-align:center;}
    .ms3-left h2 { font-size:3.0em;}
    .ms3-left span { font-size:23px;}
    .ms3-left table td { padding:10px 0px;}
    .ms3-left table { font-size:2.0em; width:100%; text-align:center;}
    .ms3-right { text-align:center; margin-top:30px; padding:0px;}
    .ms4-left { text-align:center; padding:0px;}
    .ms4-right { padding:15px 30px; margin-top:30px; text-align:center;}
    .ms4-right table { width:100%; font-size:1.5em; margin-top:30px; margin-left:38px;}
    .ms4-right table td { text-align:left; padding:10px 20px;}    
    .ms5-left { padding:15px 30px; text-align:center;}
    .ms5-left h2 { font-size:3.0em;}
    .ms5-left span { font-size:23px;}
    .ms5-left table { font-size:2.0em; width:100%; margin-top:30px;}
    .ms5-left table td { text-align:left; width:initial;}
    .ms5-title { font-weight:bolder!important; padding-right:30px!important;}
    .ms5-right { text-align:center; margin-top:20px; padding:0px;}
    .ms6-right { padding:15px; }
    #main-6 h4 { font-size:3.5em;}
    .ms4-right h2 {font-size:3.0em;}
    .ms5-left table td { padding: 20px 30px 20px 75px; }
    .ms5-title { font-weight: bolder!important; padding-right: 0px!important; }
#main-6 { padding:150px 0px 70px; }
        .ms7-right h2 {font-weight:bold; font-size:3.0em; display:inline-block; border-bottom: 2px solid #000; padding-bottom:15px; margin-top:0px;}
.ms7-right span { font-size:23px; font-weight:500;}
.ms7-right { float:right; display:inline-block; padding:20px 0px;}
.ms7-right h4 { margin:15px 0px; font-size:2.0em; font-weight:600;}
.ms7-right h4 > span { font-weight:500; font-size:24px;}
.ms7-right table { font-size: 2.0em; border:none; text-align:center; margin:0 auto;}
.ms7-right table td { padding: 20px 90px;font-weight: 500; }
.ms7-right { margin: 35px auto; float:none;  width:100%; text-align:center;}
.ms7-img { padding :0px 15px; }
.ms2-left { padding: 0px 15px; text-align:center; }
.ms2-left img { width:100%; }
.ms2-rigth { padding:60px 15px; }
}

@media (max-width:767px) {
	.letter { letter-spacing: 0.5px; }
	.ms2-left { padding:0px 30px; }
	.ms2-rigth { padding:50px 30px; }
    .ms2-title h4:nth-child(2) { padding-bottom:15px;}
		.dda3 { width: 20px; margin-bottom:25px;}
.dda4 { width: 20px; margin-top:25px;}
	.ms2-title { padding:150px 0px 130px; }
	.side-line.one { background-size: 1px 15px; }
	.ms4-right table .ms4-sub { font-size:12px; }
	.ms2-img { padding:0px 30px; }
	.ms6-left { padding:0px;}
    .ms2-cont { padding:15px 0px; margin-top:30px;}
    #main-2-bg {text-align:center;}
     .ms2-vision-title { font-size:1.5em;}
    .ms2-vision-cont { font-size:1.15em;}
    .ms2-vision li { padding-bottom:30px; text-align:left; padding:0px 30px 20px 30px;}
    .ms2-vision hr { margin-bottom:15px;}
    .ms2-vision-cont { margin-bottom:5px;}
    .ms1-cont p { font-size:1.8em;}
    .ms1-cont h3 { font-size:1.9em;}
    .ms2-title h4 { font-size:1.5em; margin:0px 0px 15px;}
    .ms2-title p { font-size:1.75em; line-height:40px; margin-top:35px;}
    .ms3-left { text-align:center; padding:0px 30px;}
    .ms3-left h2 { font-size:2.2em; text-align:center;}
    .ms3-left span { font-size:18px;}
    .ms3-left table span { font-size:13px;}
    .ms3-left table td {padding:5px 0px;}
    .ms3-left table { font-size:1.3em; width:100%; text-align:center;}
    .ms3-right { text-align:center; margin-top:30px; padding:0px 30px;}
    .ms4-left { text-align:center; padding:0px 30px;}
    .ms4-right { padding:15px 30px; margin-top:30px; text-align:center;}
    .ms4-right table { width:100%; font-size:12px; margin-top:30px; padding:0px 30px; margin-left:15px;}
    .ms4-right table td { text-align:left; padding:5px 10px;}
    .ms4-right h2 { font-size:2.2em;}
    .ms4-right table .ms4-title { font-size:15px;}
    .ms5-left { padding:15px 30px; text-align:center;}
    .ms5-left h2 { font-size:2.2em;}
    .ms5-left span { font-size:18px;}
    .ms5-left table { font-size:1.3em; width:100%; margin-top:30px;}
    .ms5-left table td { padding:5px 10px 5px 22px; text-align:left;}
    .ms5-title { font-weight:bolder!important; padding-right:0px!important;}
    .ms5-right { text-align:center; margin-top:20px; padding:0px 30px;}
    #main-6 h4 { font-size:2.2em;}
    .ms6-cont {padding-top:30px;}
    #main-3, #main-4, #main-5 { padding:80px 0px;}
	#main-3 td{font-size: 14px;}
    .ms6-left { text-align:center;}
    #main-6 p { font-size:1.4em;}
    #main-6 span { font-size:13px;}
    .ms6-right { padding:30px; }
    #main-6 li { padding:5px 0px;}
    #main-1 { background:url(http://seouldream.org/UserData/sdream/Layouts/sdream_Layout/Images/ms1-bg-moible.png); background-position:top center; background-repeat:no-repeat; width:100%; height:100vh; position:relative; background-size:100% 100%; }
    #main-6 { padding:80px 0px 0px;}
            .ms7-right h2 {font-weight:bold; font-size:2.2em; display:inline-block; border-bottom: 2px solid #000; padding-bottom:15px; margin-top:0px;}
.ms7-right span { font-size:18px; font-weight:500;}
.ms7-right { float:right; display:inline-block; padding:20px 0px;}
.ms7-right h4 { margin:15px 0px 30px; font-size:1.3em; font-weight:600;}
.ms7-right h4 > span { font-weight:500; font-size:16px;}
.ms7-right table { font-size: 1.3em; border:none; text-align:center; margin:0 auto;}
.ms7-right table td { padding: 10px 30px;font-weight: 500; }
.ms7-right { margin: 35px auto; float:none;  width:100%; text-align:center;}
.ms7-img { padding :0px 30px; }
#main-7 { padding:80px 0px; }
}