﻿@media (min-width: 1500px) { #content > .container, #subgnb > .container { width: 1400px; } }

#content { padding:30px 0; }
#subtop img { width:100%; }
.subgnb-home { display:none!important; }
#sub_title { margin:50px 0; display:block; text-align:center; border-bottom:2px solid #00A2E5; padding-bottom:50px; color:#000; }
#subtop { position:relative; }
#subtop p {
    width: 100%;
    font-size: 40px;
    color: #333; 
    margin: 0;
    /*background: rgba(0,0,0,0.3);
    font-weight: bold;
    color: #fff;*/
    position: absolute;
    top: 40%;
    vertical-align: middle;
    left: 0;
    text-align: center;
}


#sub_title { font-size:30px; font-weight:bold; }
.sub-left-triangle { position: absolute; right: 0px; top: 0; width: 0; height: 0; border-left: 30px solid transparent; border-top-width: 30px; border-top-style: solid; border-top-color: #ED1C24; display:none; }
#subgnb { border-bottom:1px solid #ddd; padding:0px 0px; border-top:1px solid #ddd;}
#subgnb .subgnb-home { float:right; display:inline-block; margin:7px 0px 0px 0px;}
#subgnb span, #subgnb a { font-size:14px; color:#404040; position:relative; top:3px; text-decoration:none;}
#subgnb a.active { color:#ED1C24; font-weight:bold; }
#subgnb .dropdown { display:inline-block; float: left;}
#subgnb .dropdown .btn { padding:10px 15px; font-size:15px; font-weight:bold;}
#subgnb .dropdown .btn-default { border-right:1px solid #bbb; border-left:none; border-top:none; border-bottom:none; color:#404040; }
#subgnb .dropdown .btn:hover { background-color:#fff; transition:0.3s all ease; color:#404040;}
#subgnb .dropdown .btn .active  { background-color:#005D9A; }
#subgnb .dropdown-menu>li>a { padding:10px 20px; transition:0.3s all ease; font-size:17px;}
#subgnb .caret { border-top:2px solid #00A2E5; border-right: 0px solid transparent; border-left: 2px solid #00A2E5; position: relative; margin: 0; height: 8px; width: 8px; transform: rotate(225deg); transition: all 0.6s; margin-top:-10px; margin-left:15px; }
#subgnb .dropdown:first-child { border-left:1px solid #ddd; }




@media (min-width:1200px) and (max-width:1499px) {
    #unit8902 > div > div {top:40px!important; width:90%; left:60px!important;}
}

@media (min-width:993px) and (max-width:1199px) {
    #unit8902 > div > div {top:30px!important; width:91%; left:40px!important; }
    #unit8902 > div > div span{font-size:18px!important;}

    #sub03{padding:20px 20px!important;}
    #sub03 > col-sm-6 > span:nth-child(2) {width:75%!important;}
}


@media (min-width:768px) and (max-width:992px) {
    #unit8902 > div > div {top:30px!important; width:91%; left:30px!important; }
    #unit8902 > div > div span{font-size:17px!important;}

    #sub03 .col-sm-6 > span:nth-child(2) {width:75%!important;}
    #sub03 .col-sm-6 > span:nth-child(1) { width:50%!important;}
    
    #subgnb > .container { padding:0px 15px;}
    #subtop p { font-size:25px; }
}

@media (max-width:767px) {
    #unit8902 > div > div {top:15px!important; width:91%; left:20px!important; }
    #unit8902 > div > div span{font-size:13px!important;}
    #unit8943 > table >tbody > tr > td {padding:5px 5px!important; line-height: 1.128571; }
    #unit8943 > table >tbody > tr > td:nth-child(1) > span > span > strong {letter-spacing:-2.4px!important;}
    #unit8943 > table >tbody > tr > td > span {font-size:17px!important;  }

    #unit3689 > table >tbody > tr > td {padding:5px 5px!important; line-height: 1.128571; }
    
    #unit3689 > table >tbody > tr > td > span > strong > span {font-size:17px!important;letter-spacing:-2.4px!important; }

		#sub03 {padding: 30px 25px!important; height:auto!important;}
		#sub03 > div > span:first-child {width:100%!important; margin-right:0!important;}	
		#sub03 > div > span:last-child {width:100%!important; text-align:center!important; padding:0!important;}	
		#unit2549 {padding:0!important;}
		
		#unit7502 .table tbody tr td span {word-break:break-word!important;}
		#unit7502 .table tbody tr td {word-break:break-word!important;}
		#unit7502 .table tbody tr td:first-child { padding:10px 0!important;}
		#unit7502 .table tbody tr td:last-child { padding:10px 0!important;}

	#subtop p { display:none; }
	#subtop p {font-size:20px; }
	#subgnb .dropdown .btn { font-size:14px; }
	#subgnb .dropdown-menu>li>a { font-size:15px; }
	.gnb2 {display:none!important; }
    #gnb-wrap { padding: 0px;}
    #subgnb span, #subgnb a { font-size:13px;}
    #sub_title {font-size:20px; margin:10px 0px 30px;}
    #subgnb > .container { padding:0px;}    
    
    #unit3047 > div { font-size:18px!important; }
    #unit1385 > div { font-size:18px!important; }
    #unit1385 > div span { font-size:17px!important; }
    #unit5996 #sub01 { width:100%!important; margin:0!important; font-size:18px!important;}
    #unit5996 #sub02 { width:100%!important; margin:0!important; font-size:18px!important;}
    #unit5996 #sub03 { width:100%!important; margin:0!important; font-size:18px!important;}
    #component1228 > div > div { font-size:17px!important; }
    #unit9861 #main7 { background-position:center!important; }
    #unit9861 #sub01 { width:100%!important; font-size:18px!important;}
    #unit2267 span { font-size:20px!important; }
    #component2199 > div > div { font-size:18px!important; }
    #unit4841 > div { font-size:18px!important; }
    #component1838 { padding:15px!important; }
    #unit1203 { width:100%!important; margin:0 0 30px!important; }
    #unit1203 span { width:100%!important; text-align:center!important;}
    #unit1203 div { height:auto!important; overflow:hidden; }
    #unit1437 { width:100%!important; margin:0 0 30px!important; }
    #unit1437 span { width:100%!important; text-align:center!important;}
    #unit1437 div { height:auto!important; overflow:hidden; }
    #component4876 { width:100%!important; margin:0 0 30px!important; }
    #component4876 span { width:100%!important; text-align:center!important;}
    #component4876 div { height:auto!important; overflow:hidden; }            
    #unit5564 div { font-size:17px!important; }
    #component4112 { padding:15px!important; }
    #unit2800 img { margin-top:30px!important; }
    #unit2568 > div { font-size:15px!important; }
    #unit2568 > div span { font-size:15px!important; }
    #component2301 > div > div { font-size:17px!important; }
    #unit1448, #unit6029 { width:100%!important; margin:0 0 15px!important;  }
    #unit2351, #unit3885 { width:100%!important; text-align:center!important; }
    #unit3885 > div { margin:15px auto!important; }
 
    
}
