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

.dda3 { width: 15px; vertical-align: top; margin-top: 0px;}
.dda4 { width: 15px; vertical-align: top; margin-top: 0px;}
#main5-top { background-color: #fff; padding:240px 0px 30px;}
#main5-top ul { float:right; }
#main5-top li { display:inline-block; padding: 30px 0px 30px 55px; }
#main5-top li a { color:#808080; font-size: 24px; font-weight:bold; text-decoration:none;}
#main5-top li a:hover { border-bottom:2px solid #000; padding-bottom:10px; color:#000; transition:0.3s;}
#main5-top li .active { border-bottom:2px solid #000; padding-bottom:10px; color:#000; }
.main5-3-1-title span { font-size:24px; }


#main5-4-1 {background-image:url(../../Images/Main5/m_55_0.png); background-size:cover; background-position:center; background-repeat:no-repeat; width:100%; position:relative; aspect-ratio:1920/900; }
#main5-4-1-bg { background-color:rgba(0,0,0,0.4); height:100%; position:relative; padding: 100px 0; }
#main5-4-1 h2 { color:#fff; margin-bottom:40px; font-size:50px; padding:0px; margin-top:0px;}
#main5-4-1 h5 { color:#fff; font-size:27px; margin-bottom:70px;}
#main5-4-1 p {font-size:26px; color:#fff; font-weight:400; line-height:1.7em;}
#main5-4-1 span { color:#dadada; font-weight:400; font-size:34px;}
.main5-3-1-box { padding:20px 0px;}
.main5-3-1-title { color:#fff; padding: 0px; /*border-left: 6px solid #fff;*/ font-weight:600; margin-bottom:0px;}
.main-bg  {background-image:url(../../Images/Main5/bg3.png); background-size:cover; background-position:center; background-repeat:no-repeat; width:100%; position:relative; padding:10px 0px; margin-bottom:0px;}
.main-bg span { color:#fff!important;}

#main5-4-2 { background-color:#fff; padding:140px 0px;}
.main5-4-2-right {padding: 136px 0px 140px 155px;}
.main5-4-2-right h2 { font-size:47px; color:#000; font-weight:bold; margin:0px 0px 30px;}
.main5-4-2-right p { font-size:27px; font-weight:400; line-height:1.3em;}
.main5-4-2-right strong { font-size:30px; font-weight:500;}
.main5-4-2-left { padding:0px; }

#main5-4-3 { background-color:#F8F8F8; padding:140px 0px;}
.main5-4-3-left { padding: 60px 0px 0px 0px;}
.main5-4-3-left h2 { font-size:46px; color:#000; font-weight:bold; margin:0px 0px 30px;}
.main5-4-3-left p { font-size:27px; font-weight:400; line-height:1.5em;}
.main5-4-3-left strong { font-size:30px; font-weight:500;}
.main5-4-3-right { padding:0px; }

#main5-4-4 { background-color:#fff; padding:140px 0px;}
.main5-4-4-right { padding: 50px 0px 0px 60px;}
.main5-4-4-right h2 { font-size:46px; color:#000; font-weight:bold; margin:0px 0px 40px;}
.main5-4-4-right h3 { font-size:36px; color:#000; font-weight:bold; margin:0px 0px 10px;}
.main5-4-4-right strong { font-size:30px; font-weight:500;}
.main5-4-4-right .main5-4-4-p { margin-top:30px; font-size:23px; color:#5E5E5E;}
.main5-4-4-right p { font-size:27px; font-weight:400; line-height:1.6em;}
.main5-4-4-left { padding:0px; }

#main5-4-5 { background-color:#f8f8f8; padding:140px 0px;}
.main5-4-5-left { padding: 160px 0px;}
.main5-4-5-right img:first-child { margin-bottom:15px;}
.main5-4-5-box { margin-bottom:50px;}
.main5-4-5-left { padding: 130px 0px 0px 0px;}
.main5-4-5-left h2 { font-size:45px; color:#000; font-weight:bold; margin:0px 0px 30px;}
.main5-4-5-left strong { font-size:30px; font-weight:500;}
.main5-4-5-left p { font-size:27px; font-weight:400; line-height:1.6em;}
.main5-4-5-right { padding-right:0px; }
.ssyh_h5{margin-top: 100px;}



@media (min-width:1200px) and (max-width:1499px) {
	#main5-4-1 h2 { font-size:45px; }
	#main5-4-1 span { font-size:29px; }
    .main5-4-2-right { padding: 90px 0px 0px 145px;}
.main5-4-2-right h2 { font-size:35px; color:#000; font-weight:bold; margin:0px 0px 30px;}
.main5-4-2-right p { font-size:20px; line-height:1.3em;}
.main5-4-2-right strong { font-size:25px; font-weight:bolder;}
.main5-4-3-left { padding: 50px 0px 0px 0px;}
.main5-4-3-left h2 { font-size:45px; color:#000; margin:0px 0px 30px;}
.main5-4-3-left p { font-size:20px; line-height:1.5em;}
.main5-4-3-left strong { font-size:25px; }
.main5-4-4-right { padding: 32px 0px 32px 80px;}
.main5-4-4-right h2 { font-size:45px; color:#000; margin:0px 0px 30px;}
.main5-4-4-right strong { font-size:25px; }
.main5-4-4-right .main5-4-4-p { margin-top:30px; font-size:20px; color:#5E5E5E;}
.main5-4-4-right p { font-size:20px;  line-height:1.6em;}
.main5-4-5-left { padding: 80px 0px 0px 0px;}
.main5-4-5-left h2 { font-size:45px; color:#000; margin:0px 0px 30px;}
.main5-4-5-left strong { font-size:25px;}
.main5-4-5-left p { font-size:20px; line-height:1.6em;}
}

@media (min-width:993px) and (max-width:1199px) {
	#main5-top li a { font-size: 20px; }
    #main5-4-1 h2 { color:#fff; margin-bottom:30px; font-size:40px;}
#main5-4-1 h5 { color:#fff; font-size:25px; margin-bottom:30px;}
#main5-4-1 p {font-size:22px; color:#fff; line-height:1.7em;}
    .main5-4-2-right { padding: 75px 0px 0px 75px;}
.main5-4-2-right h2 { font-size:35px; color:#000; margin:0px 0px 30px;}
.main5-4-2-right p { font-size:20px; line-height:1.3em;}
.main5-4-2-right strong { font-size:25px; font-weight:bolder; }
 .main5-4-3-left { padding: 45x 0px 0px 0px;}
.main5-4-3-left h2 { font-size:35px; color:#000; margin:0px 0px 30px;}
.main5-4-3-left p { font-size:19px; line-height:1.5em;}
.main5-4-3-left strong { font-size:25px; font-weight:bolder;}
.main5-4-4-right { padding:35px 0px 0px 60px;}
.main5-4-4-right h2 { font-size:35px; color:#000; font-weight:bold; margin:0px 0px 30px;}
.main5-4-4-right strong { font-size:25px; font-weight:bolder;}
.main5-4-4-right .main5-4-4-p { margin-top:30px; font-size:15px; color:#5E5E5E;}
.main5-4-4-right p { font-size:18px; line-height:1.6em;}
.main5-4-5-left h2 { font-size:35px; color:#000; font-weight:bold; margin:0px 0px 30px;}
.main5-4-5-left strong { font-size:22px;}
.main5-4-5-left p { font-size:18px; line-height:1.6em;}
.main5-4-5-left { padding: 80px 0px 0px 0px;}
#main5-4-1 span { font-size:28px; }
}


@media (min-width:768px) and (max-width:992px) {
	#main5-top ul { margin-right:15px; }
	.main5-4-2-left { padding:15px; }
    #main5-4-1 h2 { color:#fff; margin-bottom:30px; font-size:40px; padding:0px 15px;}
    #main5-4-1 span {font-size:28px;}
#main5-4-1 h5 { color:#fff; font-size:24px; margin-bottom:30px; padding:0px 15px;}
#main5-4-1 p {font-size:22px; color:#fff;line-height:1.7em; padding:0px 15px;}
    .main5-4-2-right { padding: 60px 15px 0px 15px; text-align:left;}
.main5-4-2-right h2 { font-size:30px; color:#000; margin:0px 0px 30px;}
.main5-4-2-right p { font-size:20px; line-height:1.7em;}
.main5-4-2-right strong { font-size:24px; }
#main5-4-2 { text-align:center;}
.main5-4-3-left { padding:60px 15px 0px 15px;}
.main5-4-3-left h2 { font-size:30px; color:#000; margin:0px 0px 30px;}
.main5-4-3-left p { font-size:20px; line-height:1.8em;}
.main5-4-3-left strong { font-size:24px;}
#main5-4-3 { text-align:left;}
.main5-4-3-right { margin-top:30px; padding:0px 15px;}
.main5-4-4-left { text-align:center; padding:15px;}
#main5-4-4 { text-align:center;}
.main5-4-4-right { padding: 50px 15px 0px; text-align:left;}
.main5-4-4-right h2 { font-size:30px; color:#000; font-weight:bold; margin:0px 0px 30px;}
.main5-4-4-right strong { font-size:24px; font-weight:bolder;}
.main5-4-4-right .main5-4-4-p { margin-top:30px; font-size:16px; color:#5E5E5E;}
.main5-4-4-right p { font-size:20px; line-height:1.8em;}
.main5-4-5-left h2 { font-size:30px; color:#000; font-weight:bold; margin:0px 0px 30px;}
.main5-4-5-left strong { font-size:24px; font-weight:bolder;}
.main5-4-5-left p { font-size:20px; line-height:1.8em;}
.main5-4-5-left { padding: 70px 15px 0px 15px; text-align:left;}
#main5-4-5 { text-align:center;}
.main5-4-5-right { margin-top:30px; padding:0px 15px;}
.main5-3-1-box { padding:20px 0px;}
}

@media (max-width:767px) {
	.main5-4-2-left { padding:0px 15px; }
	#main5-top li a { font-size:16px; }
	#main5-top ul { width:100%; padding:0px 20px;}
	#main5-top li { text-align:center; padding:30px 0px; width:24%;}
	
	.dda3 { width: 10px; vertical-align: top; margin-top:10px;}
.dda4 { width: 10px; vertical-align: top; margin-top:10px;}
	
    #main5-top { padding: 100px 0px 30px; }
    #main5-4-1 h2 { color:#fff; margin-bottom:28px; font-size:30px; padding:0px 15px;}
    #main5-4-1 span { font-size:19px;}
#main5-4-1 h5 { color:#fff; font-size:18px; margin-bottom:30px; line-height:1.8em; padding:0px 15px;}
#main5-4-1 p {font-size:16px; color:#fff; line-height:1.8em; margin:0px; padding:0px 30px;}
#main5-4-1-bg { padding:20px 0px;}
#main5-4-1-bg .container .row:first-child { margin-right:0px; margin-left:0px;}
    .main5-4-2-right { padding: 30px 15px 0px; text-align:left;}
.main5-4-2-right h2 { font-size:22px; color:#000; font-weight:bold; margin:0px 0px 30px;}
.main5-4-2-right p { font-size:15px; line-height:1.6em;}
.main5-4-2-right strong { font-size:17px; }
#main5-4-2 { text-align:center; padding:80px 15px;}
.main5-4-3-left h2 { font-size:22px; color:#000; font-weight:bold; margin:0px 0px 30px;}
.main5-4-3-left p { font-size:15px; line-height:1.8em; }
.main5-4-3-left strong { font-size:17px; }
#main5-4-3 { text-align:center; padding:80px 15px;}
.main5-4-3-right { margin-top:20px; padding:0px 15px;}
.main5-4-4-left { padding:0px 15px;}
.main5-4-3-left { padding:0px 15px; text-align:left;}
.main5-4-4-right { padding: 30px 0px 0px;}
.main5-4-4-right h2 { font-size:22px; color:#000; margin:0px 0px 30px;}
.main5-4-4-right strong { font-size:17px;}
.main5-4-4-right .main5-4-4-p { margin-top:30px; font-size:14px; color:#5E5E5E;}
.main5-4-4-right p { font-size:15px; line-height:1.8em;}
.main5-4-4-right { text-align:left; padding:30px 15px 0px;}
#main5-4-4 { padding:80px 15px;}
.main5-4-5-left h2 { font-size:22px; color:#000;margin:0px 0px 30px;}
.main5-4-4-right h3 { font-size:20px; }
.main5-4-5-left strong { font-size:17px; font-weight:bolder;}
.main5-4-5-left p { font-size:15px;line-height:1.8em;}
.main5-4-5-left { padding: 0px 15px 0px; text-align:left;}
#main5-4-5 { text-align:center;}
.main5-4-5-right { margin-top:30px; padding:0px 15px;}
#main5-4-5 { padding:80px 15px;}
.ssyh_h5{margin-top: 0px;}

}