/*
 *작성자 : 이병욱*
 *2016-02-29 최초작성일*
 *메인/서브 레이아웃 구성만 들어갑니다.*
*/


	/*공통요소*/
	.pace-progress { position: absolute; top: 0; }
	@import url( "http://fonts.googleapis.com/earlyaccess/nanumgothic.css" );
	ul {list-style:none; padding:0; margin:0;}
	A { text-decoration: none; cursor: pointer; }
	A:hover { text-decoration: none;  }
	A:active { text-decoration: none; }
	A:link { text-decoration: none; }
	A:focus { text-decoration: none; }

	body {
	    font-family : 'Nanum Gothic', malgun Gothic, 맑은고딕, dotum, 돋움, sans-serif; overflow-x:auto; line-height: 1.4;
	}


	/*상단#header*/

	.header.navbar.navbar-small .navbar-brand, .header.navbar.navbar-small .navbar-nav > li > a {
	    padding: 0 15px; line-height:60px;
	}
	.header.navbar .navbar-nav > li > a {
	    font-size: 12px;
	    line-height: 80px;
	    color: #2d353c;
	    font-weight: 600;
	    padding: 0 15px;
	}

	.profile-img { border-radius: 50%; box-shadow: 0 1px 1px #ddd; border: solid 1px #eee; }
	.header { position:relative; width:100%; height:122px; background:url(../images/user/bg_header.gif)  repeat-x;}
	.header_top { position:relative; width:1000px; margin:0 auto; height:32px; }


	/* 최상단부분 */
	.header_wrap { overflow:hidden; position:relative;  width:1000px; min-height:90px; margin:0 auto;}
	.header_layer { position:relative; margin:0 auto; width:1000px; }
	.header_layer h1 { position:absolute; padding:24px 0 0 0; margin:0; float:left; z-index:99; }
	/* 유틸메뉴 */
	.util_menu  > li.dropdown:hover > .dropdown-menu,
	.util_menu > li.dropdown:focus > .dropdown-menu {
	    display: block;
	}
	.util_menu .dropdown-menu {
	    background: #fff;
	    -webkit-border-radius: 0;
	    -moz-border-radius: 0;
	    border-radius: 0;
	    font-size: 12px;
	    padding: 0;
	    margin-top: 0;
	    border: none;
	}
	.util_menu .dropdown-menu > li > a {
	    color: #444;
	    padding: 10px 15px;
	    font-size: 13px;
	}
	.util_menu .dropdown-menu > li.active > a,
	.util_menu .dropdown-menu > li > a:hover,
	.util_menu .dropdown-menu > li > a:focus {
	    background: #454545;
	    color: #fff;
	}
	.util_menu .dropdown-menu > li + li {
	    border-top: 1px solid #ddd;
	}

	.util_menu .has-sub > a { border-bottom:solid 1px #ddd; }
	/*유틸메뉴*/
	.util_menu		{  float:right;  margin:0; z-index:99;}
	.util_menu dt	{ visibility:hidden; position:absolute; }
	.util_menu dd	{ position: relative; background: url(/common/images/user/util_dot.gif) 1px 15px no-repeat; padding-left:2px;  float:left; }
	.util_menu dd .ut_menu {
		font-family:'Nanum Gothic', 나눔고딕, Malgun Gothic, 맑은고딕, dotum, sans-serif;
		font-size:11px;
		line-height:16px;
		font-weight:bold;
		text-decoration:none;
		text-align:center;
		display:inline-block;

	}

	.util_menu dd A { display:block; padding:5px 12px; font-size:15px; color: #fff;  }
	.util_menu dd A img { border:0; vertical-align:top; }
	.util_menu dd A.txt { color:#fff; display:block; padding:7px 6px 8px 6px; font-size:11px; padding-left:20px; padding-right:20px; }
	.util_menu dd .ut_menu i {  font-size:26px; padding:1px 0 0;}
	.util_menu dd .ut_menu p { margin:0; padding:4px 0 0;}
	.util_menu dd .ut_menu form { margin:0; }
	.util_menu dd .ut_menu:hover { color:#333; }


	/* 상단메뉴*/
	.top_menu_bg { position:absolute; width: 100%; background:#fff; border-bottom:solid 1px #dcddde;  height: 240px; z-index: 96; }
	#top_menu 			{ position:relative; width:1000px; height:39px; margin:0 auto; z-index:95; }
	#top_menu #navi			 { position:relative; margin:25px 0 0; float:right; }
	#top_menu #navi .main_set	  { float:left; }
	#top_menu #navi .main_set:first-child .main_item { background: none;  }
	#top_menu #navi .main_item	 {  }
	#top_menu #navi .main_item A {  display:block; color: #333; margin:10px 30px; font-size:18px;  font-weight: 600; text-align: center;  }
	#top_menu #navi .main_item A:hover{color: #e7581c;  }
	#top_menu #navi .active A { background: none; color: #e7581c;  }

	#top_menu #navi .sub_set	  { position:absolute; top:66px;  }
	#top_menu #navi .sub_set ul { padding:5px 0;  width: 120px; height:250px; float: left; border-left: solid 1px #e5e5e5; }
	#top_menu #navi .sub_set li { padding:12px 0 0 0; }
	#top_menu #navi .sub_set li A			{ padding-left:7px; color:#777; display:block; font-family:'Nanum Gothic', 나눔고딕,  Malgun Gothic, 맑은고딕, dotum, sans-serif; font-size:14px; }
	#top_menu #navi .sub_set li A:hover		{ color:#444; font-weight:bold; text-decoration:none; }
	#top_menu #navi .sub_set li.active A	{ color:#444; font-weight:bold; }

	#top_menu #navi .sub_set li ul { margin:0 0 8px; width: 130px; height:auto; float: left; border-left:0; }
	#top_menu #navi .sub_set li ul li { padding:5px 0 0 10px; }
	#top_menu #navi .sub_set li ul li A			{ padding-left:6px; color:#888; display:block; font-family:'Nanum Gothic', 나눔고딕,  Malgun Gothic, 맑은고딕, dotum, sans-serif; font-size:14px; line-height:1.5; }
	#top_menu #navi .sub_set li ul li A:hover		{ color:#666; font-weight:bold; text-decoration:none; }
	#top_menu #navi .sub_set li ul li.active A	{ color:#666; font-weight:bold; }


	/* 섹션 1 */

	.section_title { width: 100%; margin-bottom: 25px; text-align: center;}
	.section01 { background: #f5f5f5; border-bottom: solid 1px #ddd; }



	.section02 { background: #edeff5; padding: 60px 0 70px; }

	/*갤러리_형태*/
	.main-post-list {}
	.main-post-list .post-li { position: relative; }
	.main-post-list .post-content {
	    background: #fff; position: relative; border:solid 1px #e5e5e5;
	    border-radius: 3px; overflow: hidden;
	    margin-bottom: 30px;
	}
	.main-post-list .post-image {
	    height: 200px; overflow: hidden; position: relative;
	}
	.main-post-list .post-image img { max-width: 100%; height: auto; }


	.main-post-list .post-info {
	    position: relative;
	    padding: 15px;
	}

	.main-post-list .post-info .image-caption { position: absolute; width:100%; top: -12px; left:15px;  }

	.main-post-list .post-info .image-caption .label {
		font-size:13px;00
		font-weight:normal;
	    border-radius: 0;
		margin-right: 5px;
		padding: 8px 14px;
	    opacity: 0.9;
	}
	.main-post-list .post-info .image-caption .label span {
	    color:#fff;
	    opacity:1;
	}
	.main-post-list .post-info .post-title {
	    margin: 10px 0 5px;
	    font-size: 21px;
	    line-height: 30px;
	}
	.main-post-list .post-info .post-title a {
	    color: #454545;
	}
	.main-post-list .post-info .post-desc {
	    line-height: 20px;
	    color: #999;
	    margin-bottom: 20px;
	    font-size: 13px;
	}
	.main-post-list .post-info .post-by {
	    display: block;
	    font-size: 12px;
	    color: #666;
	    margin-bottom: 15px;
	    line-height: 20px;
	    padding: 0 0;
	}



	.section03 { width: 100%; background:url(/common/images/user/dial_bg.jpg) no-repeat center / cover; padding:75px 0 85px; display:block; }

	#dial_cont .item { position: relative;height: 180px;   }
	#dial_cont  .item A { position: relative; width: 170px; height: 170px; display:inline-block; text-align: center; }
	#dial_cont  .item A .dial_number { position: absolute; width: 100%; text-align: center; left: 0; bottom: -4px; }
	#dial_cont  .item A .dial_number .badge { padding: 6px 15px; font-size: 15px; }
	#dial_cont  .item A:hover .dial_number .badge-default { background: #00acac; }
	#dial_cont  .item > div { text-align:center; }
	/*공유 다이얼 버튼*/
	#dial_cont .dial_btn_01 A { background: url(/common/images/user/dial_icon_01.png) no-repeat; }
	#dial_cont .dial_btn_01 A:hover { background: url(/common/images/user/dial_icon_01_on.png) no-repeat; }

	#dial_cont .dial_btn_02 A { background: url(/common/images/user/dial_icon_02.png) no-repeat; }
	#dial_cont .dial_btn_02 A:hover { background: url(/common/images/user/dial_icon_02_on.png) no-repeat; }

	#dial_cont .dial_btn_03 A { background: url(/common/images/user/dial_icon_03.png) no-repeat; }
	#dial_cont .dial_btn_03 A:hover { background: url(/common/images/user/dial_icon_03_on.png) no-repeat; }

	#dial_cont .dial_btn_04 A { background: url(/common/images/user/dial_icon_04.png) no-repeat; }
	#dial_cont .dial_btn_04 A:hover { background: url(/common/images/user/dial_icon_04_on.png) no-repeat; }

	#dial_cont .dial_btn_05 A { background: url(/common/images/user/dial_icon_05.png) no-repeat; }
	#dial_cont .dial_btn_05 A:hover { background: url(/common/images/user/dial_icon_05_on.png) no-repeat; }

	#dial_cont .dial_btn_06 A { background: url(/common/images/user/dial_icon_06.png) no-repeat; }
	#dial_cont .dial_btn_06 A:hover { background: url(/common/images/user/dial_icon_06_on.png) no-repeat; }

	#dial_cont .dial_btn_07 A { background: url(/common/images/user/dial_icon_07.png) no-repeat; }
	#dial_cont .dial_btn_07 A:hover { background: url(/common/images/user/dial_icon_07_on.png) no-repeat; }

	#dial_cont .dial_btn_08 A { background: url(/common/images/user/dial_icon_08.png) no-repeat; }
	#dial_cont .dial_btn_08 A:hover { background: url(/common/images/user/dial_icon_08_on.png) no-repeat; }

	#dial_cont .dial_btn_09 A { background: url(/common/images/user/dial_icon_09.png) no-repeat; }
	#dial_cont .dial_btn_09 A:hover { background: url(/common/images/user/dial_icon_09_on.png) no-repeat; }

	.section03 .owl-carousel .owl-item  { margin: 0; }
	.section03 .owl-theme .owl-nav {  }
	.section03 .owl-theme .owl-nav .owl-prev {
		position: absolute; top:50%; left:  -10px; z-index: 99;
		background: url(/common/images/user/dial_prev.png) no-repeat!important;
		width: 20px; height: 20px;
		font-size: 0; color: #ccc;  font-size: 0; margin-top:-25px;
	}
	.section03 .owl-theme .owl-nav .owl-prev:hover { background: url(/common/images/user/dial_prev_.png) no-repeat!important; }

	.section03 .owl-theme .owl-nav .owl-next {
		position: absolute; top:50%; right: -10px;  z-index: 99;
		background: url(/common/images/user/dial_next.png) no-repeat!important;
		width: 20px; height: 20px;
		font-size: 0; color: #ccc; font-size: 0; margin-top:-25px;
	}
	.section03 .owl-theme .owl-nav .owl-next:hover { background: url(/common/images/user/dial_next_.png) no-repeat!important; }

	.section03 .owl-dots { display: none; }

	.section04 { width: 100%; padding:50px 0 40px; display:block; }

	/*공지사항*/
	.notice { }
	.notice .more { position: absolute; right:5px; top:7px; font-size: 12px; color: #777; }
	.notice .notice_title { position:relative; font-size: 18px; font-weight:600; padding: 0 0 0px 5px; color:#fff; border-bottom: solid 2px #ddd; }
	.notice .notice_title h4 { margin: 0 0 10px; color: #454545; font-weight: 600; }


	.notice .main_tabs { border: 0; }
	@media(min-width:992px){
	   .notice .main_tabs>li { background: url(/common/images/user/main_tab_icon.gif) no-repeat left; margin-left: 10px; float: left; }

	}
	@media(max-width:991px){
	    .notice .main_tabs>li { width: 33.3%; background: url(/common/images/user/main_tab_icon.gif) no-repeat left; text-align: center; float: left;  }
	}
	.notice .main_tabs>li:first-child { background: none; }
	.notice .main_tabs>li:first-child  A { padding-left: 0; }
	.notice .main_tabs>li>A { padding: 10px 0 8px 10px; display: block; border:0; font-size:15px; color: #999; font-weight: 600; line-height: 40px; }
	.notice .main_tabs>li>A:hover { color: #333;  }


	.notice .notice_list { width: 100%; display: inline-block; }
	.notice .notice_list li { background: url(/common/images/user/list_icon.gif) no-repeat 2px 18px; border-bottom: dashed 1px #ddd; padding: 12px 0 8px 8px; }
	.notice .notice_list li A{ font-size: 13px; line-height:15px; color: #454545; display: block; }
	.notice .notice_list li .date { font-size: 11px; color: #999; }


	.main_title {  }
	.main_title h4 { background: url(/common/images/user/title_icon.jpg) no-repeat 0px 0px; padding-left: 10px; font-size: 16px; line-height: 40px; font-weight: 600; }
	.map_btn li { float: left; width: 50%; padding: 5px; }
	.map_btn li A { display: block; font-size: 13px; padding: 10px 15px; }


	.section05 { background: url(/common/images/user/main_schedule_bg.gif) repeat; width: 100%;  display:block; }
	.main_schedule .schedule_info { width: 100%; text-align: center; margin-top: 45px; }
	.main_schedule .schedule_info A { color:#fff; font-size: 18px; font-weight: 600;  }
	.main_schedule .schedule_info .date { color:#eee; font-weight: normal;}



	.section06 { background:#fafafa;;  width: 100%; padding:60px 0 70px; display:block; }
	.share_list li img { max-width:100%; height:auto;}
	.share_list li  { float: left ; width: 20%; margin: 5px 0; }


	/*하단#footer*/

	/*카피라이트*/
	.footer {
		margin: 0 0 0 0;
	    width: 100%; display: table;
		min-height:150px;


	    /*padding:30px 0 60px;*/

		background: #ededed;
	    text-align: center;
	    box-shadow: none;
		border-top:1px solid #f1f1f2;
	    -webkit-box-shadow: none;
	}

    .footer_menu{ display: none;}

    .footer .copy_logo { float: left; margin: 30px 0 0; }

    .footer .footer_info { float: left; text-align: left; padding: 0 0 0 30px; }
    .footer .footer_info .info_btn { display: inline-block;  }
    .footer .footer_info .info_btn li { float: left; background:url(/common/images/user/copy_btn_line.png) no-repeat left; padding: 0 15px; }
    .footer .footer_info .info_btn li:first-child { padding-left: 0; background: none; }
    .footer .footer_info .info_btn li A { color:#ccc; text-align: left;  }

	.info_btn { display: inline-block; margin: 8px 0 0;  }
    .info_btn li { float: left; background:url(/common/images/user/copy_btn_line.png) no-repeat left; padding: 0 15px; }
    .info_btn li:first-child { padding-left: 0; background: none; }
    .info_btn li A { color:#6a6a6a; font-size: 15px; text-align: left;  }

    .footer .footer_info .info_text { clear: both; color:#898b8d; font-size:15px; margin: 30px 0 0; }
    .footer .footer_info .copy_text { color:#999; font-size:12px; }

	.footer_menu { width:100%; position: fixed; bottom:0; height:64px; z-index: 99; }
	.footer_menu ul { height:64px; background: #404040; display: block;  }
	.footer_menu li { position:relative; width: 20%; float: left; height:64px; margin:10px 0 0; }
	.footer_menu li A { height:80px; display: block; color:#eee; text-align: center; vertical-align: middle; text-decoration: none; }
	.footer_menu li A p { font-size:15px;  }
	.footer_menu li A span { font-size: 24px; }


	.modal-dialog {
		width:480px;
	}
	.affix.affixed .hide-up{
		display:none;
	}
	.modal .close {
		text-indent:-99999px;
	  background:url(/assets/common/img/user/close_icon.png) no-repeat center;
	  background-size:12px;
	  width:16px;
	  height:24px;
	}
	.modal .modal-body { padding: 0; }
	.modal .modal-footer { padding: 0; }
	.modal .modal_close_box label {
		float:left;
		display:block;
		width:50%;
		line-height:50px;
		text-align: center;
		padding-left:0;
	}
	.modal .modal_close_box button {
		float:left;
		display:block;
		width:100%;
		line-height:50px;
		border:none;
		border-left:1px solid #e2e7eb;
		border-radius:0 0 3px 0;
		background-color:#fff;
	}

	/*메인 레이아웃*/

	.main_visual { position: relative; width:100%; background-color:#f6f3ec;}
	.main_visual .visual_cont { position: relative; top: 50%; width: 100%; height:250px; margin-top: -125px;  }
	.main_visual .visual_cont > div { text-align: center; }
	.main_visual .visual_cont > div > p { font-size: 15px; color: #fff; text-shadow: 0 1px 2px #ddd; line-height:20px; margin-top: 10px; }
	.main_visual .visual_cont img { max-width: 100%; height: auto; }
	.main_visual .container {  display:block; vertical-align:middle;  }

	.home { padding: 0!important; }
	.content.has-bg .content-bg:before {
	    content: '';
	    position: absolute;
	    left: 0;
	    right: 0;
	    top: 0;
	    bottom: 0;
	}
	.content.has-bg .content-bg:before {
	    content: '';
	    background: url(/common/images/user/content-bg-cover.png);
	    position: absolute;
	    left: 0;
	    right: 0;
	    top: 0;
	    bottom: 0;
	}



	#lecture { background: url(/common/images/user/lecture_bg.png) repeat;  }
	#lecture .content { margin-bottom: 60px;  }

	.main_content .content-title {
	    text-align: center;
	    position: relative;
	    margin: 0 0 0;
	    padding: 10px 0 8px;
	    letter-spacing: 2px;
	}
	.main_content .content-title:after {
	    content: '';
	    display: block;
	    position: absolute;
	    width: 40px;
	    background: #4e85e1;
	    height: 3px;
	    top: 0;
	    left: 50%;
	    margin-left: -20px;
	}

	.main_content .content-desc {
	    text-align: center;
	    margin-bottom: 60px;
	    color: #242a30;
	}

	.left_bracker { font-size: 80px; line-height: 80px; font-weight: 600; position: absolute; left: 0; top:50%; margin-top: -50px; height: 100px; color: #e4e9f5;}
	.right_bracker { font-size: 80px; line-height: 80px; font-weight: 600; position: absolute; right: 0; top:50%; margin-top: -50px; height: 100px;  color: #e4e9f5; }

	.lecture_line { border-bottom:solid 1px #ccc; height: 1px; }

.content_warp { position: relative; width: 1004px; margin: 0 auto; clear: both; }
.aid_product_01 { position: relative; width: 333px; min-height: 280px; float:left; border:solid #f1f1f2; border-width:0 0 1px 1px; }
.aid_product_02 { position: relative; width: 334px; min-height: 280px; float:left; border:solid #f1f1f2; border-width:0 0 1px 1px; }
.aid_product_03 { position: relative; width: 333px; min-height: 280px; float:left; border:solid #f1f1f2; border-width:0 1px 1px 1px; }
.aid_product_04 { position: relative; width: 333px; min-height: 280px; float:left; border:solid #f1f1f2; border-width:0 0 0 1px; }
/* .aid_product_04 .notice_news_icon { background:url(/common/images/user/notice_news_icon.gif) no-repeat 2px top; background-position:1px 7px; }
.aid_product_04 .notice_icon { background:url(/common/images/user/notice_icon.gif) no-repeat 2px top; background-position:6px 12px;} */
.aid_product_04 h2 { font-size:24px; margin:39px 0 40px 30px; }
.aid_product_04 ul { margin:0 0 0 15px; }
.aid_product_04 li { border:none;overflow:hidden;height:32px;line-height:32px;width:300px;text-overflow:ellipsis;white-space:nowrap;  }
.aid_product_04 li.none { border:none;overflow:hidden;height:28px;line-height:28px; text-align:center; padding:40px 0 40px 0; }
.aid_product_04 li a { font-size:15px; }
.aid_product_04 li span { float:right; display:inline; font-size:14px; }
.aid_product_05 { position: relative; width: 334px; min-height: 280px; float:left; border:solid #f1f1f2; border-width:0 0 0 1px; }
.aid_product_06 { position: relative; width: 333px; min-height: 280px;float:left; border:solid #f1f1f2; border-width:0 1px 0 1px; }
.aid_product_06 .aid_box_01 { position: relative; width: 332px; min-height: 139px; float:left; border:solid #f1f1f2; border-width:0 0 1px 0; }
.aid_product_06 .aid_box_02 { position: relative; width: 332px; min-height: 139px;  float:left; border:solid #f1f1f2; border-width:0 0 0 0; }

.breadcrumb { padding: 0; margin: 0; background: none; float:right; margin-top:23px; }
.breadcrumb li { float:left; background:url(/common/images/user/add_arrow.gif) no-repeat; line-height:1.1em; margin-left:16px; font-size:16px; padding-left:16px; border-left:0 none; }
.breadcrumb li a {   }
.breadcrumb li:first-child { background:none; margin-left:0; padding-left:0;}

	/*서브 레이아웃*/
	#sub_container  { width:1000px; margin:0 auto; }
	.sub_section { margin: 30px 0; }
	.sub_section .title {
	    background: url(/common/images/user/title_line.png) repeat-x bottom;
	    padding:5px 0;
	    text-align: center;
	}
	.sub_section .title h3 {
	    font-size: 28px;
	}
	.sub_section .title_text { display: block; margin: 30px 0 0; padding-left:15px; color: #777; font-size: 15px; line-height: 180%; }



	.tabs_menu { margin-top:30px;display: inline-block;height:50px; }
	.tabs_menu li { background: #fff; float: left; border:solid 1px #ddd; border-left:0px; position:relative; }

	.tabs_menu li:first-child { border-left:solid 1px #ddd; }
	.tabs_menu li A { display: block; padding:15px 44px;  color: #888; font-size: 18px; text-align:center; font-weight:600; }
	.tabs_menu li A:hover { background: #fdb710; color: #fff; }

	.tabs_menu li.active { background:#fdb710; }
	.tabs_menu li.active A { color:#fff;  }


	.tabs_menu .dropdown-menu {
		margin: -1px 0 0;
		padding: 0;
		box-shadow: 0;
	 }
	.tabs_menu .dropdown-menu li {
		width: 100%;
		display:block;
		margin: 0;
		border: 0;
		border-bottom: solid 1px #ddd;
	 }
	.tabs_menu .dropdown-menu li a {
		color:#777;
		font-size: 13px;
		background: #fff;
	 }
	.tabs_menu .dropdown-menu li a:hover {
		color:#333;
		background: #eee;
	 }


	.sub_content { margin: 30px 0; width:730px; min-height:500px; float:right;  }
	.sub-content-bg {
	    position: absolute ;
	    left: 0;
	    right: 0;
	    top: 0;
	    bottom: 0;
	}

	.sub-content-bg:before {
	    content: '';
	    background: url(/wezon_app/img/content-bg-cover.png);
	    position: absolute ;
	    left: 0;
	    right: 0;
	    top: 0;
	    bottom: 0;
	}
	.sub_content .content-title {
	    text-align: center;
	    position: relative;
	    margin: 0 0 0;
	    padding: 10px 0 15px;
	    letter-spacing: 2px;
	}
	.sub_content .content-title:after {
	    content: '';
	    display: block;
	    position: absolute;
	    width: 40px;
	    background: #4e85e1!important;
	    height: 3px;
	    bottom: 0;
	    left: 50%;
	    margin-left: -20px;
	}
	.sub_content .content-desc {
	    text-align: center;
	    padding-top:10px;
	    margin-bottom: 0;
	    color: #fff;
	}
	.page-title {
	    padding: 150px 0 100px;
	    text-align: center;
	}

	/* 사이드메뉴 */
	.sidebar {
	    width: 100%;
	    position: relative;
	    left: 0;
	    top: 0;
	    bottom: 0;
	    padding-top: 0;
	    background: #fff;
	    box-shadow: 0 1px 2px #ddd;
	    z-index: 1010;
	    -webkit-transform: translateZ(0);
	}
	.sidebar-bg {
	    background: #fff;
	    position: relative;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    width: 100%;
	    z-index: 1000;
	}
	.sidebar .nav > li:before,
	.sidebar .nav > li:after,
	.sidebar .nav > li > a:before,
	.sidebar .nav > li > a:after {
	    content: '';
	    clear: both;
	    display: table;
	}
	.sidebar .nav > li > a {
	    padding: 8px 20px;
	    line-height: 24px;
	    color: #a8acb1;
	}
	.sidebar.sidebar-grid .nav > li > a {
	    border-bottom: 1px solid #383f46;
	    border-top: 1px solid #383f46;
	}
	.sidebar.sidebar-grid .nav > li.active > a {
	    border-color: #2d353c;
	    z-index: 10;
	}
	.sidebar.sidebar-grid .nav > li + li {
	    margin-top: -1px;
	}
	.sidebar .nav > li.active > a .label.label-theme,
	.sidebar .nav > li.active > a .badge {
	    background: url(../img/transparent/black-0.4.png);
	    background: rgba(0,0,0,0.4);
	}
	.sidebar .nav > li.expand > a,
	.sidebar .nav > li > a:hover,
	.sidebar .nav > li > a:focus {
	    background: #4e85e1;
	    color: #fff;
	}
	.sidebar .nav > li.active > a,
	.sidebar .nav > li.active > a:hover,
	.sidebar .nav > li.active > a:focus {
	    color: #fff;
	    background: #4e85e1;
	}
	.sidebar .nav > li.active > a .label.label-success,
	.sidebar .nav > li.active > a .badge.badge-success {
	    background: #4e85e1;
	}
	.sidebar .nav > li > a i {
	    float: left;
	    margin-right: 15px;
	    width: 14px;
	    text-align: center;
	    line-height: 20px;
	    font-size: 14px;
	}
	.sidebar .nav > li > a i[class*="ion-"] {
	    margin-right: 11px;
	    width: 18px;
	    font-size: 18px;
	}
	.sidebar .nav > li > a .badge {
	    margin-top: 1px;
	    padding: 3px 8px;
	    background: #1b1f24;
	    font-weight: 300;
	    font-size: 10px;
	}
	.sidebar .nav > li > a .caret {
	    float: right;
	    margin-top: 9px;
	}
	.sidebar .has-sub.active > .sub-menu {
	    display: block;
	}
	.sidebar .sub-menu {
	    list-style-type: none;
	    padding: 10px 0 10px 30px;
	    margin: 0;
	    background: #fff;
	    position: relative;
	    display: none;
	    border-bottom:dashed 1px #ddd;
	}
	.sidebar .sub-menu:before {
	    content: '';
	    position: absolute;
	    left: 26px;
	    top: 0;
	    bottom: 0;
	    width: 2px;
	    background: #ddd;
	}
	.sidebar .sub-menu .sub-menu {
	    padding: 0 0 0 30px;
	    background: none;
	}
	.sidebar .sub-menu > li > a {
	    padding: 5px 20px;
	    display:block;
	    font-weight: 300;
	    color: #999;
	    text-decoration: none;
	    position: relative;
	}
	.sidebar .sub-menu > li > a:before {
	    background: #fff;
	    content: '\f096';
	    font-family: FontAwesome;
	    position: absolute;
	    left: 0;
	    font-size: 11px;
	    font-weight: bold;
	    color: #889097;
	    top: 50%;
	    font-weight:bold;
	    margin-top: -5px;
	    margin-left: -7px;
	}
	.sidebar .sub-menu > li > a:hover,
	.sidebar .sub-menu > li > a:focus,
	.sidebar .sub-menu > li.active > a,
	.sidebar .sub-menu > li.active > a:hover,
	.sidebar .sub-menu > li.active > a:focus {
	    color: #4e85e1;
	}
	.sidebar .nav > li li.has-sub.active > a {
	    color: #999;
	}
	.sidebar .sub-menu > li.active > a:before {
	    color: #4e85e1;
	}
	.sidebar .nav .sub-menu > li > a .caret {
	    float: right;
	    margin-top: 7px;
	}
	.sidebar .nav > li.nav-header {
	    margin: 0;
	    padding: 10px 20px;
	    line-height: 20px;
	    font-size: 11px;
	    color: #6d7983;
	}
	.sidebar .nav > li.nav-header a {
	    padding: 0;
	    margin: 0;
	    display: inline;
	}
	.sidebar .nav > li.nav-header a:hover,
	.sidebar .nav > li.nav-header a:focus {
	    background: none;
	    color: #fff;
	}
	.sidebar .nav > li.nav-header a i {
	    float: none;
	    margin: 0;
	}
	.sidebar .nav > li.nav-profile {
	    padding: 20px;
	    color: #fff;
	    background: #1a2229;
	}
	.sidebar .nav > li.nav-profile a {
	    padding: 0;
	}
	.sidebar .nav > li.nav-profile .image {
	    float: left;
	    width: 34px;
	    height: 34px;
	    margin-top: 2px;
	    margin-right: 15px;
	    overflow: hidden;
	    -webkit-border-radius: 50%;
	    -moz-border-radius: 50%;
	    border-radius: 50%;
	}
	.sidebar .nav > li.nav-profile .image img {
	    max-width: 100%;
	    max-height: 100%;
	}
	.sidebar .nav > li.nav-profile .info {
	    font-size: 14px;
	}
	.sidebar .nav > li.nav-profile .info small {
	    display: block;
	    color: #889097;
	}
	.sidebar .nav > li.nav-widget {
	    padding: 10px 20px;
	}
	.sidebar .nav > li.nav-widget i {
	    margin-right: auto;
	}
	.work {
	    position: relative;
	    overflow: hidden;
	    margin-bottom: 10px;
	}
	.work .image img {
	    max-width: 100%;
	}
	.work:hover .desc,
	.work:focus .desc {
	    margin-top: -62px;
	}
	.work .desc {
	    padding: 12px 15px;
	    position: absolute;
	    right: 0;
	    left: 0;
	    top: 100%;
	    background: rgba(0, 0, 0, 0.7);
	    -webkit-transition: all .2s linear;
	    -moz-transition: all .2s linear;
	    transition: all .2s linear;
	}
	.work .desc .desc-title {
	    color: #fff;
	    font-size: 14px;
	    display: block;
	    font-weight: 600;
	}
	.work .desc .desc-text {
	    font-size: 12px;
	    color: #ccc;
	    display: block;
	}

	.quick { width:240px; position:absolute; right:50%; margin-right:261px; }
	.quick li { float:left; }

	.sub_visual { width:100%; height:240px; background:url(/common/images/user/sub_img_bg.jpg) center no-repeat; }
	.sub_txt { width:100%; height:60px; background:url(/common/images/user/sub_addr_bg.jpg) repeat; }
    .sub_txt .title { position:relative; width:1000px; margin:0 auto; }
    .sub_txt .title h2 { margin:0; float:left; margin-top:12px; color:#fff; }

	.title_style {padding: 22px 0 13px 0; font-size:22px; line-height:26px; color:#333; background: url(../images/comm/line.gif) 0 0 no-repeat; margin:50px 0 10px 0;}
	.title_style2 {padding: 22px 0 13px 0; font-size:22px; line-height:26px; color:#333; background: url(../images/comm/line.gif) 348px 0 no-repeat; text-align:center;}
	.sub_title1 {font-size:22px; line-height:26px; color:#ec9d06; margin:0 0 15px 0;}
	.sub_title2 {font-size:22px; line-height:26px; color:#00a5b9; margin:30px 0 15px 0;}


	.sub_page4_2 {width:100%; min-height:300px; background: url(../images/contents/content0402.jpg) 0px 10px no-repeat;}
	.sub_page3_2 {width:100%; height:270px; padding-left:362px; margin-bottom:40px; background: url(../images/contents/content0302.jpg) 0 0 no-repeat;}
	.sub_page3_2 .sub_tit { font-size:22px; padding-bottom: 25px;}
	.title_style_m {color:#3aaaec; font-size:34px; line-height:38px; padding-bottom: 10px;}
	.title_txt { font-size:18px; }
	.title_txt .mb0 {margin:0;}
	.dotted_txt {font-size:18px; padding-left: 10px; background:url(../images/comm/bul.gif) 0 8px no-repeat;}

	.content_list_table { border-collapse:collapse; border-top:solid 2px #f5b316; width:100%; }
    .content_list_table td   { border:solid 1px #eee; padding:12px 6px 10px 6px; font-size: 16px; }
    .content_list_table th   { background:url('../images/comm/table_title_bg.gif') repeat; border-bottom:solid 1px #d5d5d5; border-left:solid 1px #dadada; border-right:solid 1px #dadada; font-weight:bold; padding:13px 0 10px 0; font-size: 18px;}

	/* 연혁 */
	.history_warp { background:url(../images/comm/bg_history_line.gif) repeat-y 80px 0; padding:0 0 30px 70px; overflow:hidden; }
	.history_warp strong{ background:url(../images/comm/bg_history_row.gif) no-repeat; width:140px; font-size: 24px; line-height:24px; padding-left:50px;
	 font-weight:bold; color:#333; float:left; }
	.history_warp .history_ul { width:495px; float:left; }
	.history_warp .history_ul li { float:left; }
	.history_warp .history_ul li span { float:left; width:420px; }
	.history_warp .history_ul li span.date { float:left; width:70px;}
	.history_warp .history_body dd  {  width:73%; float: right; text-align:left; font-size: 13px; line-height:1.6; }

	.history_warp .history_body dd .dd_title {  display: block; line-height:1.6; }
	.history_warp .history_body dd .dd_content { display: block; }
	.history_warp .history_footer { padding: 6px 0 6px 15px; margin: 0 0 0 15px; text-align:right; }

	.address { width:100%; margin-bottom:50px; }
	.address li {width: 100%; overflow:hidden; font-size:15px;  padding-bottom: 5px; }
	.address li span {width: 80px; padding-left: 10px;  float: left; display:block; background:url(../../images/intro/bul1.gif) 0 center no-repeat; }
	.address li div  {width: 650px; float: left; }

	.faqs {
		width:700px;
		font-size:15px;
		color:#333;
		float:left;
		padding:15px 10px;
		margin-bottom:10px;
		position:relative;
		line-height:130% ;
		font-weight:bold;
		background-color:#fafafa;
		border:solid 1px #dddddd;
	}

	/*보청기 급여 신청 시 첨부 서류*/
	.conts_both_wrap {width: 100%; overflow:hidden; }
	.conts_both_wrap .in_box {width: 50%; float: left; }
	.conts_both_wrap .in_box_right {width: 50%; float: left; text-align:right; }
	.conts_both_wrap .in_box_fix1 {width: 387px; float: left; }
	.conts_both_wrap .in_box_fix2 {width: 368px; float: left; }
	.dotted_txt_yellow {font-size:18px;  padding-left: 10px; background:url(../images/comm/bul.gif) 0 8px no-repeat;}

	/*양이착용의 장점*/
	.both_wrap {width: 100%; overflow:hidden; }
	.dotted_yellow {font-size:18px;  padding-left: 10px; background:url(../images/comm/bul.gif) 0 8px no-repeat;}

	/*난청의 유형*/
	.sound_page2 {}
	.sound_page2 li {padding: 35px 0 35px 395px; min-height:232px; position:relative; border-bottom: dashed 1px #c6c6c6; font-size:16px;  }
	.sound_page2 li .img_box {position:absolute;left:0px;top:35px;}
	.sound_page2 li .tit {font-size:22px; line-height:26px; display:block; padding-bottom: 12px; padding-top: 10px; }

	.viewport {
		-moz-box-shadow: 0 0 5px #ccc;
		-webkit-box-shadow: 0 0 5px #ccc;
		box-shadow: 0 0 5px #ccc;
		border:  5px solid #fff;
		left: -5px;
		background: #fff;

		/*fix other elements on the page moving (on Chrome)*/
		-webkit-transform: translatez(0);
		-moz-transform: translatez(0);
		-ms-transform: translatez(0);
		-o-transform: translatez(0);
		transform: translatez(0);
	}
	.viewport_list {  text-align:center; margin-top:10px;}
	.viewport_list li {  border: solid #ccc 1px; display: inline-block; margin: 5px; padding: 3px; }
	.viewport_list li img { width:82px; height:82px;}

	.goods_sort {  border:1px solid #ccc; border-width:1px 1px 1px 1px; background-color:#fff; padding:0; }
	.goods_sort ul { zoom:1; }
	.goods_sort ul li { float:left;width:15%;height:40px;line-height:40px;  border-right:1px solid #ccc;}
	.goods_sort ul li.active { background-color:#fdb710; }
	.goods_sort ul li.active a { color:#fff; }
	.goods_sort ul li a { display:block; text-align: center; font-size: 15px; color:#888; }

	.goods_so { background-color:#fafafa; padding:0; border:1px solid #ccc; border-width:0 1px 1px 1px;}
	.goods_so ul { zoom:1; }
	.goods_so ul li { float:left;width:15%;height:40px;line-height:40px;}
	.goods_so ul li.active { font-weight:bold; color:#333;}
	.goods_so ul li.active a { color:#333; }
	.goods_so ul li a { display:block; text-indent:15px; color:#888; }

.cus_tit { font-size:28px; line-height:1; color:#333; margin:0; background:url(../images/contents/contact_us_title.gif) 4px 2px no-repeat; padding-left:37px; }
.cus_txt { font-size:14px; line-height:1; color:#666; padding-left:37px; }