.floatClear{*zoom:1;}
.floatClear:after{content:""; display:block; clear:both;}
.inlineBlock{display:inline-block; *display:inline; *zoom:1;}

.empty{
	overflow:hidden; position:absolute; left:-9999px; text-indent:-9999px; width:1px; height:1px; margin-top:-1px; 
	font-size:1px; line-height:1px;
}

.textCut{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.f600{font-weight: 600; text-align: center;}
.f400{font-weight: 400 !important;}

.b{font-weight: 600;}
.strong{font-weight: 600;}
.underBar{ text-decoration: underline;}

.textL{ text-align: left !important;}
.textR{ text-align: right;}
.textJ{ text-align: justify; }
.center{text-align: center;}

.relative{position: relative;}
.absolute{position: absolute;}
.relative .absolute.right{right:0;}
.relative .absolute.left{left:0;}

.floatClear .float.left{ float:left;}
.floatClear .float.right{float:right;}

.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mt15{margin-top: 15px;}
.p10{width:auto; padding: 10px;}
.p20{width:auto; padding: 20px;}

.blue{color: #0067b3;}
.font14{font-size:14px;}

.red{	color: #832228;}
.skipList{
	display: block;	position: absolute;	width: 100%;	background: #ddd;	 padding: 10px 0px;
	font-size: 20px;	font-weight: bold;		z-index: 10;	top: -50px;
}

.skipList:focus{	top:0;	color: #444; box-shadow: 5px 0px 4px 4px rgba(0,0,0,0.25);}
#header, #container, #footer, .lv2{	width: 1170px;	margin: auto;}

.over{display: block; width: 100%; position: absolute;left: 0; min-width:1170px;}

.mainBG1{
	border-top: 10px solid #123759;
	height: 80px;
	top:0;
	background: #dadada;
	background: -moz-linear-gradient(top, #dadada 0%, #ffffff 70%); 
	background: -webkit-linear-gradient(top, #dadada 0%,#ffffff 70%); 
	background: linear-gradient(to bottom, #dadada 0%,#ffffff 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#ffffff',GradientType=0 );
	z-index: -1;
}


#header{	margin-top:10px;}
#logo{	float: left; width: 200px; height: 80px;position: relative;}
#logo a{display: block;}
#logo img{position: absolute; left: 0; top:50%; transform: translateY(-50%);}

#nav{display: block; float: left; width: calc(100% - 200px)}
#nav>ul>li{display: block; float: left;font-size: 18px; width:16.6666%;}
#nav .lv1>li>a{display: block; padding: 28px 0; font-weight: 600;}

.lv1 .over{ height: 50px; z-index: 1; display: none;
	background: rgb(10,98,166);
	background: -moz-linear-gradient(left, rgba(10,98,166,1) 0%, rgba(15,137,230,1) 100%);
	background: -webkit-linear-gradient(left, rgba(10,98,166,1) 0%,rgba(15,137,230,1) 100%);
	background: linear-gradient(to right, rgba(10,98,166,1) 0%,rgba(15,137,230,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a62a6', endColorstr='#0f89e6',GradientType=1 ); 
	box-shadow: 0px 5px 4px 2px rgba(0,0,0,0.1);
}
.nav.lv1 li .lv2{text-align: center}
.nav.lv1 li:nth-child(5) .lv2{text-align: right; padding-right: 200px; width: calc(1170px - 200px)}
.nav.lv1 li:nth-child(6) .lv2{text-align: right; padding-right: 50px; width: calc(1170px - 50px)}

.over .nav.lv2 li{display: inline;}
.over .nav.lv2 li a{ color: white;font-size: 16px; font-weight: 400; display: inline-block; padding: 13px 25px; }

.over .nav.lv2 li a:hover,.over .nav.lv2 li a:focus{
	text-decoration: underline;
}

@keyframes fadeEffect {	from {opacity: 0;}	to {opacity: 1;}	}


#footer{	height: 135px;	color: white;}
#footer a{	display: inline-block;	color: white;	margin: 20px 55px 20px 0;}
#footer span{	position: absolute;	right: 0;	top:15px;	font-size: 14px;}
#footer p{	font-size: 14px;}
.mainBG4{	background: #0a1f33; height: 145px;	z-index: -1;}
#footer .inside{	position: relative; min-height:135px;}

#container .over.topBg{
    height: 200px;
    overflow: hidden;
    background: black;
    z-index: -1;
}


#container .over.topBg img{
    width: 100%;
    min-width: 1200px;
    opacity: 0.6;
}


#container .over.topBg{
    height: 200px;
    overflow: hidden;
    background: black;
    z-index: -1;
}


#container .over.topBg img{
    width: 100%;
    min-width: 1200px;
    opacity: 0.6;
}


.pagePath{ position: absolute; right: 10px;top:8px;} 
.pagePath span{margin: 7px; font-size: 14px;}
.fieldTitle, .sidebar,.field{
    padding: 20px;
    display: block;
    float: left;
    position: relative;
	padding-right:0;
}

.menuTitle{
    text-align: left;
    color:white;
    height: 160px;
    padding: 20px 0;
    margin-bottom: 20px;
    font-size: 20px;
    color: #777;
    font-size: 20px; font-weight: 600; color: #666;
}

.menuTitle>div{
    border: 10px solid rgba(255,255,255,0.7);
    width:240px;
    text-align: center;
    padding: 20px;
    color: white;
    height: 100px;
}

.menuTitle>div p:first-child{
    display: inline-block;
    padding: 3px 2px;
    font-size: 17px;
    border-bottom: 3px solid #eecc33;
        
}
.menuTitle>div p:last-child{
    margin-top: 10px;
    font-size: 27px;
    font-weight: 400;
}

.sidebar{
    width: 260px;
    margin-right: 20px;
}
.quickMenu{
    margin: 40px 0;
    border : 3px solid #e1e1e1;
    border-radius: 10px;
}

.quickMenu a{
    display: inline-block;
    text-align: center;
    width:95px;
    height: 60px;
    font-size: 12px;
    padding-top: 10px;
}
.quickMenu a img{
    height: 30px;
}
.floatClear.sawon_menu{
    position: relative;
    margin-bottom: 40px;
	margin-top:5px;
}
/*
.floatClear.sawon_menu::before{
    content: "";
    display: block;
    position: absolute; 
    width: 60px;
    height: 1px;
    background:#e1e1e1;
    left: 0;
    top:0;
    left: calc(50% - 30px);
    top: calc(50%);
}
*/

.floatClear.sawon_menu>a{
	display:block;
	float:left;
	min-width:50%;
	padding: 20px 0;
	font-size:13px;
    text-align: center;
    text-indent: 30px;
	  
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+92,e1e1e1+100 */
background: #fefefa; /* Old browsers */
background: -moz-linear-gradient(top, #fefefa 92%, #F2F2EF 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fefefa 92%,#F2F2EF 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fefefa 92%,#F2F2EF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefa', endColorstr='#F2F2EF',GradientType=0 ); /* IE6-9 */	
}

.floatClear.sawon_menu>a:first-child>p{
	background:url(/images/new_main/sawon_minwon.png)no-repeat 30px center;
    border-right: 1px solid #e1e1e1;
}
.floatClear.sawon_menu>a:nth-child(2)>p{
	background:url(/images/new_main/sawon_sinmoon.png)no-repeat 35px center;
    border-left: 1px solid #f6f6f6;
}
.floatClear.sawon_menu>a:nth-child(3)>p{
	background:url(/images/new_main/sawon_phone.png)no-repeat 25px center;
    border-right: 1px solid #e1e1e1;
}
.floatClear.sawon_menu>a:last-child>p{
	background:url(/images/new_main/sawon_prepare.png)no-repeat 15px center;
    border-left: 1px solid #f6f6f6;
}
  
.field{
    width: calc(100% - 340px);
    min-height: 600px;
    margin-bottom: 20px;
    padding-top: 40px;
    
}

.sidebar::before{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,919191+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 0%, #919191 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffffff 0%,#919191 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffffff 0%,#919191 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#919191',GradientType=1 ); /* IE6-9 */   
    top: 0;
    left: 0;
}

.sidebar::after{
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 300px;;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#919191+0,ffffff+100 */
background: #919191; /* Old browsers */
background: -moz-linear-gradient(top, #919191 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #919191 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #919191 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    top:0;
    right: 0;
}

.field::before{
    content: "";
    display: block;
    position: absolute;
    width: 600px;
    height: 1px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#919191+0,ffffff+100 */
background: #919191; /* Old browsers */
background: -moz-linear-gradient(left, #919191 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #919191 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #919191 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    top: 0;
    left: 0;
}

.field::after{
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 300px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#919191+0,ffffff+100 */
background: #919191; /* Old browsers */
background: -moz-linear-gradient(top, #919191 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #919191 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #919191 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    top:0;
    left: 0;
}

.sidebar{
    padding: 0;
    width: 300px;
}

.sidebar li>a{
    display: block;
    font-size: 15px;
    padding: 10px 0;
    position: relative;
    text-indent: 30px;
    border-bottom: 1px solid #e1e1e1;
}

.sidebar li li>a{
    text-indent: 50px;
    background: rgba(0,0,0,0.02);
    color: #333;
}

.sidebar li li li>a{
    text-indent: 70px;
    background: rgba(0,0,0,0.05);;
    font-weight: 600;
    color: #666;
    font-size:14px;
}

.sidebar a:before{
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top:20px;
}

.sidebar>ul>li>a:before{
    background: red;
    left: 15px;
}
.sidebar>ul>li._selected>a:before{
    box-shadow: 0px 0px 1px 2px rgba(255, 20, 0, 0.2)
}
  
.sidebar>ul>li>ul>li>a:before{
    background: #0000ff;
    left: 35px;
}
.sidebar>ul>li._selected>ul>li.menuThick>a:before{
    box-shadow: 0px 0px 1px 2px rgba(0, 20, 255, 0.2)
}
.sidebar>ul>li>ul>li>ul>li>a:before{
    background: #0080ff;
    left: 55px;
}
.sidebar>ul>li._selected>ul>li.menuThick>ul>li.menuThick>a:before{
    box-shadow: 0px 0px 1px 2px rgba(0, 148, 255, 0.2)
}

.sidebar a:hover{
    background: #ffeeee;
}
 
.subtitle{ 
    font-size: 18px; 
    font-weight: 600;
    color: #01848d;
    margin-top: 40px;
    background: url("/images/new_main/subtitle_logo.jpg")no-repeat center left;
    text-indent: 20px;
}

.subtitle:first-child{
    margin-top: 0;
}

form [name=fboardlist] table a{
	display:block;
	padding:10px 0;
}



#footer .foot_link{
    background: white;
    position: absolute;
    right: 0; 
	top:10px;
    border: 2px solid #e1e1e1;
    border-radius: 0 0 10px 10px;
    padding: 10px;
	padding-bottom:0px;
}

#footer .foot_link a{
    display: inline-block;
    text-align: center;
    color: #444;
    text-align: center; 
    margin: 0;
    padding-top:25px;
    font-size: 10px;
    min-width: 50px;
    font-weight: 600;
}

#footer .foot_link a:first-child{
    background: url(/images/new_main/source.jpg)no-repeat top center;
}
#footer .foot_link a:nth-child(2){
    background: url(/images/new_main/ansan.jpg)no-repeat top center;

}
#footer .foot_link a:nth-child(3){
    background: url(/images/new_main/energy.jpg)no-repeat top center;
}
#footer .foot_link a:nth-child(4){
    background: url(/images/new_main/arrow_top.jpg)no-repeat top center;
}

table div#rule{
	margin-top:10px;   
}

table.content th{padding: 10px 10px; font-size: 14px; font-weight: 600;}
table.content td{padding: 5px 10px;}


p.in{
	margin-left: 15px;
}

p.in2{
	margin-left: 25px;
}

p.in3{
	margin-left: 35px;
}
0
p.in4{
	margin-left: 45px;
}

p.num{
	padding-left: 25px;
	text-indent: -20px;
	padding-bottom: 5px;
	
}
li.menuThick>a{
	font-weight:600;
	text-decoration: underline;
}

li._selected>a{
	font-weight:600;
	background:#777;
	color:white; 
}
li._selected>a:hover{
	background:#777;
}

.field table.board_view p.title{
	max-width:800px;
}

.field .round_box{
	border:1px solid #e1e1e1;
	padding:20px; 
	border-radius :15px; 
	margin-bottom: 10px;
}

.field .dotted_blue::before{
    content: "";
    width: 4px; 
    height: 4px; 
    display: inline-block; margin: 4px; 
    border-radius: 50%;
    background: #31adc5;
}

.mathQ::before{
    content: "";
    position: absolute;
    width: 9px;
    height: 5px;
    border-bottom: 1px solid #777;
}

.bd_alert_pop{
	position: fixed; 
	box-shadow: 2px 2px 12px 3px rgba(0,0,0,0.3);
	background: #fff;
	width: 400px;
	height: 250px;
	z-index: 1111;
	border-radius: 3px;
	border : 2px solid #e1e1e1;
	
	top: calc(50% - 125px);
	left: calc(50% - 200px);
}

.bd_pop_head{
	padding: 3px;
	background: #123759;
	color: white;
	font-weight: 600;
}
.bd_pop_field{
	padding: 10px;
}
.bd_pop_tail{
	position: absolute;
	width: 100%;
	bottom: 0;
	background : #f6f6f6;
	border-top: 1px solid #e1e1e1;
	text-align: right;
}

.bd_pop_tail a{
	font-size: 11px;
	font-weight: 500;
	margin-right: 5px;
}