@charset "utf-8";
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NotoSansKR-Light.woff2) format('woff2'),
       url(../fonts/NotoSansKR-Light.woff) format('woff'),
	   url(../fonts/NotoSansKR-Light.eot) format('eot'),
       url(../fonts/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Regular.woff) format('woff'),
		url(../fonts/NotoSansKR-Regular.eot) format('eot'),
        url(../fonts/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Medium.woff) format('woff'),
		url(../fonts/NotoSansKR-Medium.eot) format('eot'),
        url(../fonts/NotoSansKR-Medium.otf) format('opentype');
 }

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Bold.woff) format('woff'),
		url(../fonts/NotoSansKR-Bold.eot) format('eot'),
        url(../fonts/NotoSansKR-Bold.otf) format('opentype');
 }

 @font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(../fonts/NotoSansKR-Black.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Black.woff) format('woff'),
		url(../fonts/NotoSansKR-Black.eot) format('eot'),
        url(../fonts/NotoSansKR-Black.otf) format('opentype');
 }

h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p,
.h1, 
.h2, 
.h3, 
.h4, 
.h5, 
.h6,
body{
	color:#333;
	font-family: 'Noto Sans KR', serif;
}

h2{
	margin:0px;
}

.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:0px;
	padding-left:0px;
}

#menu_back{
	position:absolute; top:0px; left:0px;
	display:none;
	width:100%; height:2000px;
	z-index:100;
	background:url(../images/index/bk40.png) repeat;
}

.mobile_menu_bk{
	width:100%; height:60px;
}

.navbar{
	padding-left:5px;
	padding-right:5px;
}

.navbar-header {
	float: none;
	height:60px;
}

.navbar-inverse .navbar-collapse{
	border-color:#666;
}

.navbar-inverse{
	border-bottom:1px solid #e1e1e1;
	background:#fff;
}

.navbar-inverse .navbar-toggle{
	float:right;
	margin-top:12px;
	border:none;
	margin:13px 0px 0px 0px;
	padding:9px 0px;
}

.navbar-inverse .navbar-toggle:hover, 
.navbar-inverse .navbar-toggle:focus{
	border-color:#333;
	background:none;
}

.navbar-inverse .navbar-toggle .icon-bar{
	background-color:#666;
}

.navbar-inverse .navbar-nav > li > a{
	color:#666;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus{
	color:#333;
}

.navbar-fixed-top .navbar-collapse, 
.navbar-fixed-bottom .navbar-collapse{
	max-height:420px;
}

.navbar-left,.navbar-right {
	float: none !important;
}
.navbar-toggle {
	display: block;
}
.navbar-collapse {
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
	top: 0;
	border-width: 0 0 1px;
}
.navbar-collapse.collapse {
	display: none;
}
.navbar-nav {
	margin-top: 7.5px;
}
.navbar-nav>li {
	float: none;
}
.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
}
.collapse.in{
	display:block !important;
}	

.container-fulid > .row{
	padding:0px;
}

.container > .row{
	padding:0px;
}

.navbar-inverse .navbar-brand{
	color:#414141;
	font-size:18px;
}

.navbar-inverse .navbar-brand img{
	max-height:30px;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus{
	color:#333;
}

.carousel-indicators{
	bottom:3px;
}

.carousel-inner > .item > a > img{
	display:block;
	margin:0 auto;
	width:100%; 
}

.carousel > .carousel-control{
	opacity:0.5;
	background:none;
}

.navbar-nav > li{
	padding:10px 0px;
	border-bottom:1px solid #eee;
}

.navbar-nav > li a i{
	color:#ccc;
}

.navbar-nav > li:first-child a i{
	color:#333;
}

.navbar-nav > li > ul{
	padding:0px;
}

.navbar-userIcon{
	float:right;
	color:#fff;
	text-align:right;
	margin-top:15px; margin-right:20px;
	padding:4px 9px;
	border-radius:50%;
	background:#337ab7;
}

.navbar-userIcon:link,.navbar-userIcon:visited,.navbar-userIcon:hover,.navbar-userIcon:focus,.navbar-userIcon:active{
	color:#fff;
}

.navbar-nav > li > ul > li{
	display:inline-block;
	width:49%;
	margin:5px 0px 20px 0px;
	padding:0px;
	list-style:none;
	border:1px solid #ccc;
}

.navbar-nav > li > ul > li > a{
	display:block;
	color:#666;
	text-align:center;
	padding:10px;
}

.contents_wrap{
	padding:30px 15px;
}

.popular01 img{
	width:100%;
	border-radius:5px;
}

.popular02 > .popular022,
.popular02 > .popular021{
	position:relative;
	width:100%;
	margin-top:15px;
	overflow:hidden;
	cursor:pointer;
}

.popular02 > .popular022 img,
.popular02 > .popular021 img{
	position:relative; top:0px; left:0px;
	width:100%;
	z-index:1;
}

.popular02 > .popular021{
	border-radius:5px;
}

.popular02 > .popular022{
	border-radius:5px;
}

.popular02 .popular02_text{
	position:absolute; top:30px; left:30px;
	padding:0px;
	z-index:2;
}

.customer_box > h2,
.main_news > h2,
.popular02 .popular02_text h2{
	margin:0px;
	font-size:24px;
}

.popular02 .popular02_text p{
	color:#888;
}

.popular023 img{
	display:block;
	width:100%;
	margin:0px auto;
}

.main_img_list{
	background:#fafafa;
}

.main_news > h2 > a,
.main_img_list h2 > a{
	float:right;
	font-size:14px;
	font-weight:300;
	padding-top:10px;
}

.main_news hr,
.main_img_list hr,
.video_box > h2 + hr{
	display:block;
	border-bottom:1px solid #e1e1e1;
}

.main_img_list .slider02 img{
	width:100%;
}

.main_img_list .slider02 p{
	height:50px;
	font-size:16px;
	line-height:50px;
	text-align:center;
	border-top:1px solid #efefef;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	border-left:1px solid #efefef;
	background:#fff;
}

.main_img_list .bx-wrapper{
	margin:0px auto 30px;
}

.main_community_wrap{
	padding:30px 15px;
}

.main_news table{
	width:100%;
}

.main_news table tr th{
	font-size:16px;
	font-weight:400;
	padding:10px 0px;
}

.main_news table tr th:first-child{
	padding-top:0px;
}

.main_news table tr th a{
	font-size:16px;
}

.customer_box{
	margin-top:15px;
	padding:15px;
	border:1px solid #f5f5f5;
	background:#fafafa;
}

.customer_box h2{
	padding-bottom:15px;
	border-bottom:1px solid #e1e1e1;
}

.customer_box h3{
	margin-top:15px;
}

.customer_text p{
	line-height:1.7;
	margin:0px;
}

.register_menu_box,
.login_menu_box{
	text-align:center;
	margin-top:20px; margin-bottom:20px; 
	padding:5px;
	border:1px solid #333;
	z-index:9999;
}

.navbar > .container{
	padding-right:15px; padding-left:15px;
}

.sub_contents_wrap > .container > .row > .sub_login_box > form > .search_box{
	margin-top:10px;
}

.sub_contents_wrap > .container > .row > .sub_login_box > form > h4{
	color:#f44;
	font-weight:400;
}

.sub_contents_wrap > .container > .row > .sub_login_box > form > .id_search_btn,
.sub_contents_wrap > .container > .row > .sub_login_box > .id_search_btn{
	margin-top:20px;
}

.sub_contents_wrap > .container > .row > .sub_login_box > h4,
.sub_contents_wrap > .container > .row > .sub_login_box > p{
	text-align:center;
}

.sub_contents_wrap > .container > .row > .sub_register_box > form > .register_doc{
	height:100px;
	padding:10px;
	overflow-y:scroll;
	border:1px solid #eee;
}

.sub_contents_wrap > .container > .row > .sub_login_box > form > input,
.sub_contents_wrap > .container > .row > .sub_login_box > form > .input-group,
.sub_contents_wrap > .container > .row > .sub_register_box > form > .input-group,
.sub_contents_wrap > .container > .row > .sub_register_box > form > input,
.sub_contents_wrap > .container > .row > .sub_register_box > form > button,
.sub_contents_wrap > .container > .row > .sub_register_box > form > .register_btn > button{
	margin-top:10px;
}

.sub_contents_wrap > .container > .row > .sub_register_box > form > span{
	display:block;
	color:#888;
	margin-top:5px;
	text-indent:5px;
}

.sub_contents_wrap > .container > .row > .sub_register_box > form > .id_check_msg,
.sub_contents_wrap > .container > .row > .sub_register_box > form > .pw_check_msg{
	color:#f33;
}

.sub_contents_wrap > .container > .row > .sub_register_finish_box > h2{
	text-align:center;
}

.footer_wrap{
	margin-top:30px;
	padding-top:15px; padding-bottom:15px;
	border-top:1px solid #ccc;
	background:#fff;
}

.footer_wrap > .container > .row > .footer_box{
	text-align:center;
}

.footer_wrap > .container > .row > .footer_box > p{
	font-size:14px;
	margin-top:10px;
}

.view_change_wrap{
	height:60px; 
	background:#fafafa;
}

.view_change_wrap > .container > .view_change_box > h4{
	text-align:center;
	line-height:60px;
	margin:0px;
}

.etc_icon_box{
	display:none;
}


#idx_bottombanner{
	margin:30px 0px 0px 0px;
}

.office_text_box{
	margin-top:70px;
}

#offince_map_name{
	margin-top:0px;
	padding-bottom:15px;
	border-bottom:1px solid #e1e1e1;
}

.office_map_box{
	margin-top:60px;
}

.office_map_box > div > div > .office_map{
	margin-top:30px;
}

.office_map_text_box{
	margin-top:30px;
	padding:20px;
	border:1px solid #e1e1e1;
}

.input-group{
	width:100%;
}

.input-group-btn{
	padding-top:30px;
}

.register_result_mobile_box img{
	margin-top:60px;
	padding:0px 30px;
}

.sub_login_box{
	margin-top:40px;
}

.id_search_finish_msg{
	padding:15px 0px;
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
}

.video_box .video_slider li{
	position:relative;
	width:100%; height:0px;
	padding-top:9.25%;
	overflow:hidden;
}

.video_box .video_slider iframe{
	position:absolute; top:0px; left:0px; 
	width:100%; height:100%;
}

.poll_mobile_wrap{
	padding-bottom:0px;
}

.poll_wrap{
	padding:15px;
	border:1px solid #e1e1e1;
	border-radius:5px;
}

.poll_wrap .poll_box p{
	font-size:18px;
	padding-bottom:15px;
	border-bottom:1px solid #e1e1e1;
}

.poll_wrap .poll_box ul{
	line-height:2;
}

.poll_wrap .poll_box ul li input,
.poll_wrap .poll_box ul li label{
	cursor:pointer;
	font-size:16px;
	font-weight:400;
	vertical-align:middle;
}

.poll_wrap .poll_box footer{
	display:block;
	text-align:center;
}

.poll_wrap .poll_box footer a,
.poll_wrap .poll_box footer input{
	display:inline-block;
	width:100px; height:30px;
	text-align:center;
	vertical-align:middle;
	line-height:30px;
	border:1px solid #e1e1e1;
	border-radius:3px;
	background:#fff;
}

.mobile_main_menu_box{
	height:100%;
	background:#fff;
}

.navbar-nav{
	position:absolute; top:53px; right:-300px;
	width:300px; height:1000px;
	padding:15px 25px 15px 15px;
	z-index:1000;
	background:#fff;
}

.navbar-header .main_close_btn{
	float:right;
	display:none;
	font-size:22px;
	margin-right:15px;
	border:none;
	margin-top:10px;
	background:none;
}

@media all and (max-width: 720px){
	
	.navbar-inverse .navbar-toggle{
		margin:13px 15px 0px 0px;
	}

	.popular02 .popular02_text{
		top:15px; left:15px;
	}
	
	.popular02 .popular02_text h2{
		font-size:24px;
	}

	.main_img_list h2,
	.contents_wrap > .container > .row > .menu_box > .menu_border > h2{
		font-size:24px;
	}

	.notice_box > table td{
		font-size:16px;
	}

	.notice_box > table tr td + td{
		font-size:12px;
	}
	
	.gallary_box > .gallary_border > h2{
		font-size:24px;
	}

	.sub_contents_wrap > .container > .row > .sub_login_box > form > h4{
		font-size:16px;
	}	
	
	.sub_contents_wrap > .container > .row > .sub_register_box > form > .id_check_msg,
	.sub_contents_wrap > .container > .row > .sub_register_box > form > .pw_check_msg{
		font-size:12px;
	}

	.footer_wrap > .container > .row > .footer_box > p{
		font-size:12px;
	}

	.sub_contents_wrap > .container > .row > .sub_login_box > h4{
		font-size:18px;
	}
	
	.sub_register_box > form > ::-webkit-input-placeholder{
		font-size: 12px;
	}

	.input-group > ::-webkit-input-placeholder {
		font-size: 12px;
	}

	.input-group > :-moz-placeholder { /* Firefox 18- */
      font-size: 12px;
	}

	.input-group > ::-moz-placeholder {  /* Firefox 19+ */
      font-size: 12px;
	}

	.input-group > :-ms-input-placeholder {
      font-size: 12px;
	}

	.input-group > .level_list {
      font-size: 12px;
	  color:#999999;
	}

	.video_box .video_slider li{
		padding-top:8%;
	}
}


@media all and (max-width: 399px){
	
	.popular02 .popular02_text{
		top:15px; left:15px;
	}
	
	.popular02 .popular02_text h2{
		font-size:18px;
	}
	
	.customer_box > h2,
	.main_news > h2,
	.main_img_list h2,
	.contents_wrap > .container > .row > .menu_box > .menu_border > h2{
		font-size:18px;
	}
	
	.main_news > h2 > a{
		padding-top:5px;
	}

	.main_img_list h2 > a{
		padding-top:10px;
	}

	.gallary_box > .gallary_border > h2{
		font-size:18px;
	}

	.notice_box > table td{
		font-size:16px;
	}
	
	.notice_box > table tr td + td{
		font-size:9px;
	}

	.sub_contents_wrap > .container > .row > .sub_login_box > form > h4{
		font-size:13px;
	}

	.footer_wrap > .container > .row > .footer_box > p{
		font-size:10px;
	}

	.sub_contents_wrap > .container > .row > .sub_login_box > h4{
		font-size:14px;
	}

	.sub_contents_wrap > .container > .row > .sub_register_box > form > .info_msg{
		font-size:11px;
	}

	.sub_contents_wrap > .container > .row > .sub_register_box > form > .id_check_msg,
	.sub_contents_wrap > .container > .row > .sub_register_box > form > .pw_check_msg{
		font-size:10px;
	}
	
	.sub_register_box > form > ::-webkit-input-placeholder{
		font-size: 10px;
	}

	.input-group > ::-webkit-input-placeholder {
		font-size: 10px;
	}

	.input-group > :-moz-placeholder { /* Firefox 18- */
      font-size: 10px;
	}

	.input-group > ::-moz-placeholder {  /* Firefox 19+ */
      font-size: 10px;
	}

	.input-group > :-ms-input-placeholder {
      font-size: 10px;
	}

	.input-group > .level_list {
      font-size: 10px;
	  color:#999999;
	}
}

@media all and (max-width: 320px){
	
	.popular02 .popular02_text{
		top:15px; left:15px;
	}
	
	.popular02 .popular02_text h2{
		font-size:18px;
	}

	.main_img_list h2,
	.contents_wrap > .container > .row > .menu_box > .menu_border > h2{
		font-size:16px;
	}
	
	.gallary_box > .gallary_border > h2{
		font-size:16px;
	}

	.notice_box > table td{
		font-size:14px;
	}
	
	.notice_box > table tr td + td{
		display:none;
	}
	
	.sub_contents_wrap > .container > .row > .sub_login_box > form > h4{
		font-size:12px;
	}

	.footer_wrap > .container > .row > .footer_box > p{
		font-size:9px;
	}

	.sub_contents_wrap > .container > .row > .sub_login_box > h4{
		font-size:12px;
	}
	
	.sub_contents_wrap > .container > .row > .sub_register_box > form > .info_msg{
		font-size:10px;
	}

	.sub_contents_wrap > .container > .row > .sub_register_box > form > .id_check_msg,
	.sub_contents_wrap > .container > .row > .sub_register_box > form > .pw_check_msg{
		font-size:9px;
	}

	.sub_register_box > form > ::-webkit-input-placeholder{
		font-size: 10px;
	}

	.input-group > ::-webkit-input-placeholder {
		font-size: 10px;
	}

	.input-group > :-moz-placeholder { /* Firefox 18- */
      font-size: 10px;
	}

	.input-group > ::-moz-placeholder {  /* Firefox 19+ */
      font-size: 10px;
	}

	.input-group > :-ms-input-placeholder {
      font-size: 10px;
	}

	.input-group > .level_list {
      font-size: 10px;
	  color:#999999;
	}
}