/* Mirtech Co. */
/*============================================================
	
	[SHC 사이트 공통 css 페이지 입니다.]
	mir_home_common 이용자용 공통 css
	
	copyright (c)all mirtech

============================================================*/
/* Mirtech Co. */
/* mir_home_common 이용자용 공통 css - copyright all mirtech */

/* 인코딩 설정 */
@charset "utf-8";

/* 공통 폰트 나눔스퀘어 적용*/
@font-face{
 font-family:'NanumSquare';
 src:url(./plugin/nanum/NanumSquareR.eot);
 src:url(./plugin/nanum/NanumSquareR.eot?#iefix) format('embedded-opentype'),
	 url(./plugin/nanum/NanumSquareR.woff2) format('woff2'),
	 url(./plugin/nanum/NanumSquareR.woff) format('woff'),
	 url(./plugin/nanum/NanumSquareR.ttf) format('truetype');
	 }

/* 기본 설정 ************************************************************************************************ */

/* reset */
html,body,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,
h1, h2, h3, h4, h5, h6{
	margin:0px;
	padding:0px;
	vertical-align:baseline;
	}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;}
ol,ul, ul li{list-style:none; margin:0; padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
table{border-collapse:collapse; border-spacing:0px;}
a{
	text-decoration:none;
	color: #353535;
	}
img{
	max-width:100%;
	border:0px
	}


/* 기본 레이아웃 설정 ***************************************************************** */
html, body{
	height:100%;
	}
	/* 나머지는 서브와 메인에서 별도 설정 */

/* 기본 폰트 설정 ********************************************************************* */
body{
	/*font-family:"Malgun Gothic","맑은 고딕",sans-serif;*/
	min-width:340px;
	font-family:NanumSquareR,"나눔스퀘어", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif;
	font-size:13px;
	color:#353535;
	}

/* 부트스트랩 기본 설정
.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
	}
.container{
  padding-right: 20px;
  padding-left: 20px;
	}
.row {
  margin-right: -20px;
  margin-left: -20px;
	}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
  padding-right: 20px;
  padding-left: 20px;
  }
 */
 
/* 숨기기용 ************************************************************************************************ */
.hide{
  display:none;
  width:0px; height:0px;
  overflow:hidden;
  position:absolute;
  top:-10000px; left:0px;
  visibility:hidden;
  font-size:0px;
  }
hr{
  display:none;
  overflow:hidden;
  visibility:hidden;
  clear:both;
  }


  /* 상단 팝업공지 설정 **************************************************************************** */
  #header_popup{
      background:#1b2f40;
      color:#ffffff;
      position: relative;
      z-index: 1000;
  }
  .popup_notice_content{
      position:relative;
      overflow:hidden;
      max-width:1200px;
      height:80px;
      margin:0 auto;
      background: url(../../images/kor/common/popupzone_logo.png);
      background-repeat: no-repeat;
      background-position: 5px 10px;
  }
  .popup_notice_content .carousel-indicators{
      top:10px; right: 0;
      width: auto;
      margin: 0;
      text-align: right;
    }
    .popup_notice_content .carousel-indicators li{
	  width:12px; height:12px;
      border:1px solid #fff;
      background-color:#525a61;
      }
    .popup_notice_content .carousel-indicators li.active{
      border:1px solid #ffffff;
      background-color:#ffffff;
      }
  .popup_notice_content .notice_info{
      margin: 30px 0 0 30px;
      height: 30px;
      line-height:20px;
  }
  .popup_notice_content .notice_info a{
      font-size:18px;
      color:#ffffff;
      /*display: block;*/
      display: inline-block;
      white-space: nowrap;
      /* width: 83%; */
      width: calc(100% - 40px);
      overflow: hidden;
      text-overflow: ellipsis;
      font-weight: bold;
      /*height: 30px;*/
      height: 20px;
  }
  .popup_notice_content ul#notice_btn{
      position:absolute;
      right:0px; bottom:4px;
      overflow: hidden;
  }
  .popup_notice_content ul#notice_btn li{
      float:left;
      margin:0 5px;
      font-size:12px;
  }
  .popup_notice_content ul#notice_btn li:last-child{
      margin-right:0;
  }
  .popup_notice_content ul#notice_btn li .checkbox{
      margin-top:0;
      margin-bottom:0;
      font-size:12px;
  }
  .popup_notice_content ul#notice_btn li a,
  .popup_notice_content ul#notice_btn li a:hover{
      color:#ffffff;
      font-size:11px;
  }

  @media screen and (max-width: 768px){

      .popup_notice_content .carousel-indicators{
          top: 10px;
      }
  }

  /* 세로 회전 설정 */
  .vertical .carousel-inner {
    height: 100%;
  }
  .carousel.vertical .item {
    -webkit-transition: 0.6s ease-in-out top;
       -moz-transition: 0.6s ease-in-out top;
        -ms-transition: 0.6s ease-in-out top;
         -o-transition: 0.6s ease-in-out top;
            transition: 0.6s ease-in-out top;
  }
  .carousel.vertical .active {
    top: 0;
  }
  .carousel.vertical .next {
    top: 100%;
  }
  .carousel.vertical .prev {
    top: -100%;
  }
  .carousel.vertical .next.left,
  .carousel.vertical .prev.right {
    top: 0;
  }
  .carousel.vertical .active.left {
    top: -100%;
  }
  .carousel.vertical .active.right {
    top: 100%;
  }
  .carousel.vertical .item {
      left: 0;
  }

/* header 설정 ********************************************************************************************* */
header{z-index:2;}

	nav#header_nav{
		margin:0 auto;
		}
	nav#header_nav:after{
		content:"";
		display:table;
		clear:both;
		}

		nav#header_nav #nav_wrapper{}
      nav#header_nav #nav_wrapper .nav_util{}
      nav#header_nav #nav_wrapper .nav_content{}


/* 유틸메뉴 설정 */
nav#header_nav #nav_wrapper .nav_util{
	position: relative; /* 배경색상 적용을 위해 추가 */
}

  .nav_util{
    height:35px;
    max-width:1170px;
    margin:0 auto;
    }
    .nav_util ul{
      float:right;
      }
      .nav_util ul li{
        float:left;
        padding:7px 8px;
        background: url(../../images/en/common/util_line.gif) no-repeat left 10px;
        font-size:13px;
        color:#fff;
        }
        .nav_util ul li a{
          color:#fff;
          }
        .nav_util ul li.util_school{
        	background: none;
        }
      .nav_util ul li:first-child,
      .nav_util ul li:last-child{
        background: none;
        }

        .nav_util ul li.util_login{}
          .nav_util ul li.util_login .btn{
            padding:0;
            font-size:13px;
            color:#fff;
            vertical-align: top;
            }
        .nav_util ul li.util_user{}
        .nav_util ul li.util_logout{}
          .nav_util ul li.util_logout .btn{
            padding:0;
            font-size:13px;
            color:#fff;
            vertical-align: top;
            }

      /* util - 언어사이트 설정 */
			.nav_util ul li.util_lang{
				}
				.nav_util ul li.util_lang .btn{
					padding:0;
					font-size:13px;
          color:#fff;
          vertical-align: top;
					}
				.nav_util ul li.util_lang .dropdown-menu{
					min-width:55px;
					border-radius:0;
					}
					.nav_util ul li.util_lang .dropdown-menu > li{
						float:none;
            padding:2px 0;
            text-align:center;
						}
						.nav_util ul li.util_lang .dropdown-menu > li > a {
							display: block;
							padding: 3px 10px;
              color: #262626;
							}

      /* util - SNS 설정 */
      .nav_util ul li.util_sns{
        background: none;
        padding:5px 3px;
        }
      .nav_util ul li.util_sns.naverblog a{
        font-family:"Malgun Gothic","맑은 고딕",sans-serif;
        font-weight:bold;
        padding:1px 0;
        }
       .nav_util ul li.util_sns.instagram a{
        font-family:"Malgun Gothic","맑은 고딕",sans-serif;
        font-weight:bold;
        padding:1px 0;
        }
        .nav_util ul li.util_sns a{
          display: inline-block;
          width: 25px;
          height: 25px;
          padding: 3px 0;
          text-align: center;
          border: 2px solid #fff;
          color:#fff;
          border-radius: 25px;
          }
        .nav_util ul li.util_sns.facebook a:hover{
          border: 2px solid #6b97f9;
          background-color:#6b97f9;
          color:#ffffff;
          }
        .nav_util ul li.util_sns.naverblog a:hover{
          border: 2px solid #5de677;
          background-color:#5de677;
          color:#ffffff;
          text-decoration:none;
          }
         .nav_util ul li.util_sns.instagram a:hover{
          border: 2px solid #ff3892;
          background-color:#ff3892;
          color:#ffffff;
          text-decoration:none;
          }

/* 로고 및 메뉴 설정 */
nav#header_nav #nav_wrapper .nav_content{
  width:100%;
  background-color: #fff;
  position: relative; /* 배경색상 적용을 위해 추가 */
  }
  nav#header_nav #nav_wrapper .nav_content .nav_content_in{
    max-width: 1170px;
    margin: 0 auto;
    position:relative;
    }

  /* 로고 설정 */
  .nav_content #logo{
    display: inline-block;
    float: left;
    width: 220px;
    padding: 8px 0 0 5px;
    text-align: left;
    }
    .nav_content #logo a{
      display:inline-block;
      }
      .nav_content #logo a img{
        width: 220px;
        }

    /* 메뉴 설정 */
    .nav_content .nav_menu_wrapper{}
    	.nav_menu_wrapper{
    		}
    		.nav_menu{
    			position:relative;
    			z-index:9;
    			}

    			/* 공통 메뉴 설정 */
    			.nav_menu ul.nav_menu_content li,
    			.nav_menu ul.nav_menu_content li ul li,
    			.nav_menu ul.nav_menu_content li ul li ul li{
    				margin: 0px;
    				display:inline-block;
    				float: left;
    				}

    			/* 주 메뉴 설정 */
    			.nav_menu ul.nav_menu_content{
    				padding:0;
    				margin:0 60px 0 0;
    				list-style: none;
    				}
    				.nav_menu ul.nav_menu_content li{
    					margin: 0px;
    					position:relative;
    					display:inline-block;
    					float: left;
    					width:14.28571428571429%;
    					}
    					.nav_menu ul.nav_menu_content li > a{
    						display:block;
    						padding:18px 3px;
    						font-size:15px;
    						font-weight:bold;
    						text-decoration: none;
                			text-align: center;
    						}

    						/* 서브메뉴 설정 */
    						.nav_menu ul.nav_menu_content li ul{
    							/*width:100%;*/
							    width: 170px;
							    left:-20px;
    							box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
    							border-top:3px solid #479ce9;
    							}
    							.nav_menu ul.nav_menu_content li ul li a{
    								padding:5px 8px;
    								font-size:13px;
    								color:#666;
    								text-align:left;
    								}

    								.nav_menu ul.nav_menu_content li ul li .menu_sub{
    									background-color: #f2f2f2 !important;
    									font-size:13px; font-weight:bold;
    									border-bottom: 1px solid #ffffff;
    									}

    			.nav_menu ul.nav_menu_content ul,
    			.nav_menu ul.nav_menu_content ul li ul{
    				display: none;
    				position: absolute;
    				top: 58px;
	  	    		background-color:#ffffff;
	  	    		border-top:0 none;
	            	}

    			.nav_menu ul li:hover > ul,
    			.nav_menu ul li ul li:hover > ul{display:inherit;}
    			.nav_menu ul.nav_menu_content li ul li,
    			.nav_menu ul.nav_menu_content li ul li ul li{
    				width:100%;
    				float:none;
    				display:list-item;
    				position: relative;
    				min-height:auto;
    				}
    			.nav_menu ul.nav_menu_content li ul li ul{
    				display:block;
    				position:static;
    				}
    			.nav_menu ul.nav_menu_content li ul li ul li{
    				}
    				.nav_menu ul.nav_menu_content li ul li ul li a{
		              display:block;
		              padding: 5px 10px;
		              font-size: 12px;
		              }
    				.nav_menu ul.nav_menu_content li ul li ul li a:hover{text-decoration: underline;}
    				.nav_menu ul.nav_menu_content li ul li ul li a:before{
    					content: '- ';
    					}

    			.nav_menu ul.nav_menu_content li > a:only-child:after,
    			.nav_menu ul.nav_menu_content li ul li > a:only-child:after,
    			.nav_menu ul.nav_menu_content li ul li ul li > a:only-child:after{ content: ''; }

    			.nav_menu .toggle,
    			.nav_menu .nav_btn,
    			.nav_menu [id^=drop]{display: none;}


    		/* 메뉴 전체보기 설정 */
    		#nav_menu_all{
    			position:relative;
    			width:100%;
    		    }
    			#nav_menu_all > a{
		            position: absolute;
		            top: 0; right: 0;
		            display:inline-block;
		            width:60px;
		            padding: 10px 0;
		            text-align:right;
		            }
    			#nav_menu_all #btn_nav_menu_all{
		            display: inline-block;
		            padding: 3px 6px 0;
		            font-size:25px;
		            }
    			#nav_menu_all #nav_menu_all_content{
		            width:100%; height:600px;
		            top:58px;
		            margin: 0;
		            padding: 0;
		            background: none;
		            border-radius: 0;
		            border-top: 3px solid #1a7bd0;
		            }
    			#nav_menu_all #nav_menu_all_content > ul{
    				height:600px;
    				}
    	    	#nav_menu_all_content .nav_menu_title{
    	        	}
    	    	#nav_menu_all_content > ul > li{
    	        	float:left;
    	        	width:14.28571428571429%; height:100%;
    	        	border-left:1px solid #ccc;
    	        	background-color:#ffffff;
    	        	/*background:url(../../images/kor/common/bg_all_menu.png) repeat;*/
    	        	}
    	        #nav_menu_all_content > ul > li:first-child{
    	        	border-left:0 none;
    	        	}
    	        #nav_menu_all_content > ul > li:hover{background-color: #f5f6fa;}
    	        	#nav_menu_all_content li.nav_menu_title{
    	            	font-weight:bold;
    	            	text-align:center;
    	            	font-size: 18px;
          					padding: 10px 0;
          					color: #1a7bd0;
    	            	}
    	        #nav_menu_all_content .nav_menu_01,
              #nav_menu_all_content .nav_menu_02,
              #nav_menu_all_content .nav_menu_03,
              #nav_menu_all_content .nav_menu_04,
              #nav_menu_all_content .nav_menu_05,
              #nav_menu_all_content .nav_menu_06{
                width:100%;
                box-shadow:none;
                }

    	       /* 초기화 */
    	       #nav_menu_all_content > ul{
  	           width:100%; height:600px;
  	           background:none;
  	           }
  	           #nav_menu_all_content > ul > li > ul{
  		           width:100%;
  		           background:none;
  		           }
  		           #nav_menu_all_content > ul > li > ul > li > ul{
  			           width:100%;
  			           background:none;
  			           }
  		           #nav_menu_all_content > ul > li > ul > li{
  			           width:100%;
  			           padding:3px 0 3px 8px;
  			           }
  			       #nav_menu_all_content > ul > li > ul > li ul li{
  			           width:100%;
  			           padding:3px 0 3px 5px;
  			           }
    			#nav_menu_all_content ul li ul li a{
	              font-size:13px;
	              color:#7b7b7b;
	              }
    		   #nav_menu_all_content ul li ul li a:hover{text-decoration:underline;}
    	       #nav_menu_all_content ul li ul li a:before{content:"";}
    	       #nav_menu_all_content ul li ul li ul{box-shadow:none;}
             #nav_menu_all_content ul li ul li ul li a{
	             font-size:12px;
	             letter-spacing: -0.5px;
	             }
    	       	#nav_menu_all_content ul li ul li ul li a:before{content:"- ";}

    	       	#nav_menu_all_content ul li .menu_sub{
        				background: none !important;
        				border-bottom:0 none;
        				font-weight:bold;
        				color: #353535;
        				}


/* 작은 모바일 설정 ======================================================================= */
@media all and (max-width : 480px){

	.nav_util ul li{
		padding: 8px 5px;
	}
	
  .nav_menu ul.nav_menu_content li,
  .nav_menu ul.nav_menu_content li ul li,
  .nav_menu ul.nav_menu_content li ul li ul li{
    display:block;
    width: 94%;
    }
    
    #main_booklist .nav-tabs > li > a{
	    padding:10px 5px !important;
	    letter-spacing:-0.5px !important;
	    }
	#main_booklist .nav-tabs > li > a > h3{font-size:16px !important;}
}

/* 모바일 & 태블릿 설정 =================================================================== */
@media all and (max-width : 991px){

  /* header 설정 ********************************************************************************************* */
  header{}

  	nav#header_nav{
  		margin:0 auto;
  		padding: 0;
  		}
  		nav#header_nav #nav_wrapper .nav_util{background-color: #1f4980;} /* 모바일에서 유틸메뉴 배경색 설정 */

      /* 메뉴 설정 */
      .nav_content .nav_menu_wrapper{}
      	.nav_menu_wrapper{
          float:none;
      		height: 50px;
      		}

    	nav#header_nav .nav_menu{
    		background-color:#2763ba;
    		}

  	.nav_menu ul.nav_menu_content li .toggle + a,
  	.nav_menu ul.nav_menu_content li ul li .toggle + a,
  	.nav_menu ul.nav_menu_content li ul li ul li .toggle + a,
  	.nav_menu ul.nav_menu_content,
  	.nav_menu ul.nav_menu_content li ul,
  	.nav_menu ul.nav_menu_content li ul li ul{
  		display: none;
  		}

  	.nav_menu .toggle{
  		display: block;
  		background-color: #1a7bd0;
  		padding:15px 20px;
  		color:#ffffff;
  		font-size:15px;
  		text-decoration:none;
  		border:none;
  		border-bottom: 1px solid #479ce9;
    	}
  	.nav_menu ul.nav_menu_content li > .toggle:before{
  		font-family: FontAwesome;
  		content: "\f078";
  		display: inline-block;
  		padding-left: 10px;
  		padding-right: 0;
  		vertical-align: middle;
  		float: right;
  		}
  	.nav_menu ul.nav_menu_content li > .toggle.menu_sub:before{
  		content: "";
  		}
  	.nav_menu .nav_toggle,
  	.nav_menu .nav_btn{
  		display:inline-block;
  		float:right;
  		width:50px;
  		background-color: #1a7bd0;
  		padding: 13px 20px;
  		color: #FFF;
  		font-size: 17px;
  		text-decoration: none;
  		text-align:center;
  		border: none;
  		}
  		#header_nav .btn_mir_login,
  		#header_nav .btn_mir_logout{
  			position: absolute;
  			top: 0; right: 50px;
  			background-color: #ffffff;
    		color: #479ce9;
  			}
  	.nav_menu .toggle:hover{
  		background-color: #479ce9;
  		}

  	.nav_menu [id^=drop]:checked + ul{
  		display: block;
  		}
  	.nav_menu [id^=drop]:checked + ul li > ul li > ul{display:block;}
  		.nav_menu [id^=drop]:checked + ul li > ul li > ul li a{
  			padding:8px 30px;
  			font-size:13px;
  			}
  	.nav_menu ul.nav_menu_content,
  	.nav_menu ul.nav_menu_content li ul{
  		float:left;
  		width:100%;
  		}
  		.nav_menu ul.nav_menu_content li,
  		.nav_menu ul.nav_menu_content li ul li,
  		.nav_menu ul.nav_menu_content li ul li ul li{
  			display: block;
  			width: 100%;
  			}

      .nav_menu ul.nav_menu_content ul ul a{
        padding: 10px 35px;
        }

      .nav_menu ul.nav_menu_content li ul li .toggle,
      .nav_menu ul.nav_menu_content li ul li a,
      .nav_menu ul.nav_menu_content li ul li ul a{
        padding:15px 20px;
        color:#FFF;
        font-size:13px;
        }

  	.nav_menu ul.nav_menu_content li ul{
      float: none;
      position:static;
      color: #ffffff;
      }
  	.nav_menu ul li:hover > ul,
  	.nav_menu ul li ul li:hover > ul{
  		display: none;
  		}
  	.nav_menu ul.nav_menu_content li ul li,
  	.nav_menu ul.nav_menu_content li ul li ul li{
      display: block;
      width: 100%;
      }

  	/* 서브메뉴 설정 */
  	.nav_menu ul.nav_menu_content li ul{}
  		.nav_menu ul.nav_menu_content li ul li .menu_sub{
  			background-color: #131111 !important;
  			border-bottom: 1px solid #1e1c1c;
  			}
  			.nav_menu ul.nav_menu_content li ul li a{
  				padding:10px 30px;
  				font-size:14px;
  				background:#1e1c1c;
  				}
      	.nav_menu ul.nav_menu_content li ul li ul li{
          position: static;
          }


	/* 메뉴 버튼 움직임 설정 */
	#header_nav .nav_toggle{
		position:relative;
		width:50px; height:50px;
		overflow:hidden;
		text-indent:100%;
		white-space:nowrap;
		color:transparent;
		}
		#header_nav .nav_toggle span,
		#header_nav .nav_toggle span::after,
		#header_nav .nav_toggle span::before{
			position:absolute;
			background-color:#ffffff;
			width:22px; height:3px;
			}
		#header_nav .nav_toggle span{
			top:50%; right:auto; bottom:auto; left:50%;
			-webkit-transform:translateX(-50%) translateY(-50%);
			  -ms-transform:translateX(-50%) translateY(-50%);
				  transform:translateX(-50%) translateY(-50%);
			-webkit-transition:background-color .3s;
			transition:background-color .3s;
			}
		#header_nav .nav_toggle span::after,
		#header_nav .nav_toggle span::before{
			content:'';
			left:0;
			-webkit-transition:-webkit-transform .3s;
			transition:-webkit-transform .3s;
			transition:transform .3s;
			transition:transform .3s, -webkit-transform .3s;
			}
		#header_nav .nav_toggle span::before{
			-webkit-transform:translateY(-9px);
			  -ms-transform:translateY(-9px);
				  transform:translateY(-9px);
			}
		#header_nav .nav_toggle span::after{
			-webkit-transform:translateY(9px);
			  -ms-transform:translateY(9px);
				  transform:translateY(9px);
			}


		/* 리스트버튼에서 닫기버튼으로 바뀌는 애니메이션*/
		#header_nav .nav_toggle span.nav_toggle_on{background-color:transparent;}
		#header_nav .nav_toggle span.nav_toggle_on::before{
		-webkit-transform:rotate(45deg);
			  -ms-transform:rotate(45deg);
				  transform:rotate(45deg);
			}
		#header_nav .nav_toggle span.nav_toggle_on::after{
		-webkit-transform:rotate(-45deg);
			  -ms-transform:rotate(-45deg);
				  transform:rotate(-45deg);
			}



}

/* 모바일 설정 =========================================================================== */
@media all and (max-width : 767px){

}


/* 태블릿 & PC 설정 ====================================================================== */
@media only screen and (min-width:768px){

}


/* PC 설정 =============================================================================== */
@media only screen and (min-width:992px){

  /* 로고 및 메뉴 설정 */
  nav#header_nav #nav_wrapper .nav_content{
    height:80px;
    padding:10px 0;
    }
    /* 로고 설정 */
    .nav_content #logo{
		width: 190px;
		position:absolute;
		left:0; top:0;
		padding:14px 0 0 5px;
		}
		.nav_content #logo a{
        }
        .nav_content #logo a img{
          width: 190px;
          }
	/* GNB 설정 */
	.nav_util ul li.util_school{
       	background: url(../../images/en/common/util_line.gif) no-repeat left 10px;
       }
    /* 메뉴 설정 */
    .nav_content .nav_menu_wrapper{}
      .nav_menu_wrapper{
	      	
        }
        /* 주 메뉴 설정 */
        .nav_menu ul.nav_menu_content{
	        float:right;
        	width:710px;
          	}
          .nav_menu ul.nav_menu_content li{
	          min-height: 60px;
            }
            .nav_menu ul.nav_menu_content li > a{
	           padding:16px 3px;
	           line-height:18px;
	           letter-spacing:-0.5px;
              }

}


/* 와이드 PC 설정 =============================================================================== */
@media only screen and (min-width:1170px){

  /* 로고 및 메뉴 설정 */
  nav#header_nav #nav_wrapper .nav_content{
    }

    /* 로고 설정 */
    .nav_content #logo{  
      width: 220px;
      padding:15px 0 0 5px;
      }
      .nav_content #logo a{
        }
        .nav_content #logo a img{
          width: 220px;
          }

    /* 메뉴 설정 */
    .nav_content .nav_menu_wrapper{}
      .nav_menu_wrapper{
        	
        }

        /* 주 메뉴 설정 */
        .nav_menu ul.nav_menu_content{
        	width:800px;
          }
          .nav_menu ul.nav_menu_content li{
            }
            .nav_menu ul.nav_menu_content li > a{
              font-size:16px;
              }
}




/* footer 설정 ********************************************************************************************* */
footer{
  clear:both;
	}
	
/* 맨 위로 가기 버튼 */
.top_btn{
   	position: fixed;
   	bottom: 10px;
   	right: 10px;
   	display: none;
   	z-index:10;
   	opacity:0.65;
    }

  /* 하단 배너 설정 */
  .footer_banner{
    padding:10px 15px;
    border-top:1px solid #dbdbdb;
    border-bottom:2px solid #7f7f7f;
    }
    .footer_banner .banner_content{
      max-width:1170px;
      margin:0 auto;
      text-align:right;
      }
      .banner_content ul{overflow:hidden;}
        .banner_content ul li{
          /*float:left;
          margin-top:2px;
          margin-right:65px;*/
          }
        .banner_content ul li:last-child{
          margin-right:0;
          }
          .banner_content ul li a{
            vertical-align:-2px;
            font-size:13px;
            font-weight:bold;
            }
          .footer_banner .banner_content ul li#datebase_more{
            float: right;
            display: block;
            margin-right:0;
            }
            .footer_banner .banner_content ul li#datebase_more a img{
              vertical-align: top;
              }
              .footer_banner .banner_content ul li#datebase_collapse ul li {
                margin-top: 15px;
                padding: 0;
                }
                .btn.btn_sitelist{
                  border-radius: 0;
                  font-size:13px;
                  background-color:#7f7f7f;
                  color:#fff;
                  }

    /* 하단 메뉴 및 주소 설정 */
    .footer_content{
      max-width:1170px;
      position:relative;
      margin:0 auto;
      padding: 15px 15px 25px;
      }
      .footer_content ul.footer_list{
        overflow:hidden;
        margin-bottom:15px;
        }
        .footer_content ul.footer_list li{
          float:left;
          padding: 0 10px;
          background: url(../../images/kor/common/footer_line.gif) no-repeat right 3px;
          }
        .footer_content ul.footer_list li:first-child{padding-left:0;}
        .footer_content ul.footer_list li:last-child{background:none;}

        .footer_content address{
	        clear:both;
	        line-height:22px;
	        }
          .footer_content address p.copyright{
            color:#cfcfcf;
            margin-top:10px;
            }
          .footer_content address p.copyright .school{font-weight:bold;}
          
	/* 하단 투데이 설정 */
	#footer_today{
		position:absolute;
		right:0; top:100px;		
		}
		.label-today{
			background-color:#1a7bd0;
			font-weight:bold;
			}
		.label-total{
			background-color:#b8b8b8;
			font-weight:bold;
			}
	
	
/* 태블릿 설정 ====================================================================== */
@media only screen and (min-width:768px){


}

/* PC 설정 ========================================================================== */
@media only screen and (min-width:992px){

  footer{}
    /* 하단 배너 설정 */ 
    .footer_banner{
      padding:10px 5px;
      }
      .footer_banner .banner_content{
        text-align:left;
        padding:0 15px;
        }
      .banner_content .dropup{display:none;}
	      .banner_content ul li{
	          margin-right:40px;
	          float:left;
	          margin-top:2px;
	          }
	      .banner_content ul li:last-child{
	          margin-right:0;
	          }

    /* 하단 메뉴 및 주소 설정 */
    .footer_content{
      padding: 15px 15px 25px;
      }



}




/* 기타 설정 ********************************************************************************************* */


/* 로딩 설정 */
#loading{
	display:inline-block;
	position:absolute;
	/*left:50%; top:40%;
	z-index:9;*/
	top: 0; left: 0;
	z-index: 1000;
	}
	
	#loading img{width:28px;}


/* 레이어 팝업 설정 */
.main_popup{box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);}
	.main_popup_heading{
		cursor:move;
		padding: 10px 15px;
		width: 100%;
		border-bottom: 1px solid #ccc;
		font-size: 130%;
		font-weight: bold;
		color:#ffffff;
		background-color:#2e3846;
		}
		.main_popup_heading i.fa{
			margin-right:5px;
			color:#98a4b5;
			}
	.main_popup_body{
		background-color: #ffffff; 
		border: 0 none; 
		padding: 0;
		line-height: 150%; 
		text-align: left;	
		}
	.main_popup_content{
		overflow:auto;
		padding: 15px;
		}
	.main_popup_Attach{
		padding:10px;
		}
		.main_popup_Attach p{
			padding:10px;
			background-color:#f8f8f8;
			border:1px dotted #ccc;
			}
	.main_popup_footer{
		padding:10px 0;
		background-color: #f0f0f0; 
		color: #999999; 
		text-align: right;
		}
		.main_popup_footer input{
			vertical-align:-2px;
			}
			.main_popup_footer .btn_popup_check{
				position: absolute;
				left: 10px; bottom: 15px;
				}
				
				
/* 모바일 설정 ========================================================================== */
@media screen and (max-width:767px){
	
	.main_popup{
		position:absolute;
		left:10px; right:10px; top:0;
		}
		.main_popup table{
			width:100%;
			}

}