@CHARSET "UTF-8";
/* @import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); font-family: Malgun Gothic,'맑은 고딕', sans-serif;
@import url(https://fonts.googleapis.com/css?family=Satisfy);  */

/* reset  */
html {overflow-y:scroll;}
body {margin:0;padding:0;font-size:0.75em;font-family: Malgun Gothic,'맑은 고딕', sans-serif; background:#fff;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: Malgun Gothic,'맑은 고딕', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family: Malgun Gothic,'맑은 고딕', sans-serif;font-size:1em;cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: Malgun Gothic,'맑은 고딕', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {text-decoration:none}
a:hover, a:focus, a:active {text-decoration:underline}

/* logo */
#logo {float:left}

/* header */
#header_wrapper {height:90px;background-color:#e9f4ff}
#header_wrapper #header {margin:0 auto;width:1000px;height:90px;background-color:#e9f4ff}
#header_wrapper #header .header {width:1000px;height:90px;margin:0 auto;background-color:#e9f4ff}

/* nav */
#nav_wrapper {height:50px; width: 100%;background-color:#01a3de}
#nav_wrapper .nav {width:1000px;height:50px;margin:0 auto; background-image: url('../img/common/top_bg1.png');}
#nav_wrapper .nav ul,#nav_wrapper .nav ol{ list-style:none ; margin:0; padding:0;}
#nav_wrapper .nav li{display:table-cell; height:50px;}
#nav_wrapper .nav .menu_name {width:200px;height:50px;text-align:center;font-weight: bold;vertical-align: middle;font-size: 16px;letter-spacing: -1px;font-family: Malgun Gothic,'맑은 고딕';cursor:pointer;}
.menu_name a:hover, .menu_name a:focus, .menu_name a:active {text-decoration:none}

/* sub slide visual */
#sub_visual_wrapper {height:150px;background-color:#ebf5ff}
#sub_visual_wrapper .sub_visual {width:1000px;height:150px;margin:0 auto;}
#sub_container {width:1000px;margin:0 auto;}

/* submenu */
#sub_menu ul{list-style:none; padding:0; margin:0;}
#sub_content_wrapper #sub_container #sub_menu ul {width:169px;margin:0;padding:0;border:1px solid #dcdcdc;border-top:0px solid #dcdcdc;padding-left:15px}
.submenu_title{font-size:15px;font-family: Malgun Gothic,'맑은 고딕';font-weight: bold;letter-spacing: -1px;color: rgb(255, 255, 255);line-height:50px;border-bottom:1px solid #36a3e0;width:171px;background-color:#36a3e0;margin-top:20px;padding-left:15px}
li.submenu_name{font-size:14px;font-family: Malgun Gothic,'맑은 고딕';font-weight: bold;letter-spacing: -1px;color: #333;line-height:39px;border-bottom:1px solid #dcdcdc;width:154px;}
li:last-child.submenu_name{border-bottom:0px solid #dcdcdc;}
li.submenu_name a{color:inherit}
li.submenu_name a:hover, li.submenu_name a:focus, li.submenu_name a:active {color:inherit ;text-decoration:none}
#sub_menu  .sel_lnb_menu001 {color:#36a3e0 !important}
#sub_menu  .sel_lnb_menu {/*color:#36a3e0*/ color:#333 !important}

/* bottom */
#bottom_wrapper {background-color:#4e4e4e;height:148px;}
#bottom_wrapper #bottom .bottom {width:100%;margin:0 auto;height:148px;background-color:#4e4e4e;}
#bottom_wrapper #bottom .co_info1 {display:block;color: #fff;letter-spacing: -0.3px;white-space: nowrap;line-height: 16px;font-size: 13px;padding:14px 0 10px 0;margin:0 auto;width:533px;}
#bottom_wrapper #bottom .co_info2 {display:block;width:670px;color: #fff;padding-bottom:10px;margin:0 auto;}
#bottom_wrapper #bottom .copyright {display:block;letter-spacing:0; font-family:tahoma; color: #fff;width:400px;margin:0 auto;}

/* outlogin */
#out_login_form {float:right;margin-top: 37px;}
#out_login_form input {font-family: "dotum";color: #737373;font-size: 11px;}
#out_login_form .cs_input01 {width: 100%;-webkit-box-sizing: border-box;padding: 3px 7px 3px 7px;border: 1px solid #dddddd;-webkit-appearance: none;-webkit-border-radius: 3px;height: 40px;font-size: 12px;}
#out_login_form  .login_msg {color: #434856;font-size: 13px;letter-spacing: -1px;font-family: Malgun Gothic,'맑은 고딕';line-height: 22px;}


/* 전국지점 */
.branch_title_list01{}
.branch_title_list01 li:nth-child(1){display: none !important;}

/* common space*/
.space_10{height:10px;background-color:#fff;}
.space_15{height:15px;background-color:#fff;}
.space_20{height:20px;background-color:#fff;}

.txt_align_center{text-align:center}
.txt_align_left{text-align:left}
.txt_align_right{text-align:right}

/* common button */
.btn_01 {cursor:pointer;width: 100%;-webkit-box-sizing: border-box;padding: 3px 7px 0 7px;height: 36px;border: 1px solid #dddddd;-webkit-appearance: none;-webkit-border-radius: 3px;padding-bottom: 2px;}

.btn_confirm{background-color: #5bb5e8;color:#fff !important;width:100px;height:32px;font-family: Malgun Gothic,'맑은 고딕' !important;font-size: 13px !important;font-weight: bold;}
.btn_normal{color: #333333 !important;background-color: #f4f4f4;width:100px;height:32px;font-family: Malgun Gothic,'맑은 고딕' !important;font-size: 13px !important;font-weight: bold;}
.btn_mypage{width:100px;height:32px;background-color: #145098;color: #ffffff !important;font-family: Malgun Gothic,'맑은 고딕' !important;font-size: 13px !important;font-weight: bold;}

.btn_03{background-color: #cf884a;color: #fff !important;font-size: 11px;padding: 4px;font-weight: bold;}

.btn_04{padding:8px 15px;margin-left:5px;border-radius: 2px;border:1px solid #36a3e0;color:#fff;background-color:#36a3e0;font-weight:bold;letter-spacing: -1px}
.btn_04:hover{color:#36a3e0;background-color:#fafaff}

/* paging */
#page_num {width:100%; text-align:center; margin-top:20px;}
.page_btn1 {border:1px solid #ddd; padding:5px 7px;; background:#fff;}
.page_btn2 {border:0px solid #333; color:#fff !important; padding:5px 7px;; background:#333;}

#pageSpan{cursor:pointer;}
#currentPageSpan{cursor:pointer; color:red;}

/* error text */
.error_txt_01{color:red !important;}
.error_txt_02{color:#cf884a!important;}

/* location navigation*/
.location {float: right;padding-top: 14px;padding-left: 15px; background: url("/static/img/sub/location.jpg") left bottom no-repeat;color: #666;font-size: 11px;font-family: '돋움',Dotum, DotumChe, Arial, sans-serif;}


/**********************/
/*      content       */
/**********************/
#content_head_wrapper h3 {
    padding-bottom: 8px;
    width: 100%;
    position: relative;
    margin-bottom:15px;
}

#content_section{
    margin-top: 0px;
}

#content_section .section {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    clear: both;
}

#content_section h3 {
    padding-bottom: 8px;
    width: 100%;
    position: relative;
    margin-bottom:15px;
}


#content_section input.text {
    padding: 0px 2px;
    height: 14px;
    font-size: 13px;
    font-family: '돋움',Dotum, DotumChe, Arial, sans-serif;
    color: #666;
}
#content_section  .join_input {
    text-decoration: none!important;
    padding: 3px 0px 3px 0px!important;
}

#content_section  input, textarea, select {
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    font-size: 12x;
    color:#555;

}

#content_section  select{
	height: 23px;
}

/* Board */
.board_content_table{width:100%;background:url(/static/img/common/bord_th_bg.jpg) repeat-x left top}
.board_content_write_title{color:#326995;font-size:11pt;font-weight:bold;padding:0px 0 5px 65px;background:url(/static/img/common/bord_view_bg.jpg) no-repeat left top;border:3px solid #a3b0c7;border-bottom:0px solid #fff}
.board_content_subject{color:#326995;font-size:11pt;font-weight:bold;padding:10px 0 5px 65px;background:url(/static/img/common/bord_view_bg.jpg) no-repeat left top;border:3px solid #a3b0c7;border-bottom:0px solid #fff}
.board_content_writer{color:#737373;background:url(/static/img/common/dot_row.jpg) repeat-x left top;padding:5px;padding-left:20px}
.board_content_writer span{margin-right:20px}
.board_content_memo{color:#737373;font-weight:bold;background:url(/static/img/common/dot_row.jpg) repeat-x left top;padding:5px 20px}
.board_content_common{color:#737373;background:url(/static/img/common/dot_row.jpg) repeat-x left top;padding:5px 20px;}
.board_content_strong{color:#737373;font-weight:bold;background:url(/static/img/common/dot_row.jpg) repeat-x left top;padding:5px 20px;text-align:center;font-size:10pt;letter-spacing: -1px}
.board_content{background:url(/static/img/common/dot_row.jpg) repeat-x left top;padding:20px}
.board_content div{}
#board_content_wrapper{max-width:750px}
.board_content_end{padding:10px 0 5px 65px;border:3px solid #a3b0c7;border-top:0px solid #fff}
.board_content_download{padding:5px;background:url(/static/img/common/dot_row.jpg) repeat-x left top}
.board_content_download ul {padding:0 0 0 15px;margin:0;list-style: none;}
.board_content_download ul li span {color:#888}
.board_content_download ul li a {color:#666;text-decoration: none}
.board_content_download ul li a:hover {color:#aa0}

/* Loading Image */
#system_loading_image {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	opacity: 0.3;
	z-index: 8060;
	background-color:#000;
}

#system_loading_image div {
	width: 128px;
	height: 128px;
	position: absolute;
	top: 45%;
	left: 45%;
	background: url('/static/admin/img/loading.gif') center center no-repeat;
	background-size: 128px 128px;
}

/* up j ico*/
.back-to-top{position:fixed;bottom:30px; right:30px; padding:1em;display:none; z-index:99999999999999;}
.back-to-top:hover{z-index:99999999999999;}


#search_section input.text {
    padding: 0px 2px;
    height: 14px;
    font-size: 13px;
    font-family: '돋움',Dotum, DotumChe, Arial, sans-serif;
    color: #666;
}
#search_section  .board_input {
    text-decoration: none!important;
    padding: 3px 0px 3px 0px!important;
}

#search_section  input, textarea, select {
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    font-size: 12x;
    color:#555;

}
 #search_section  select{
	height: 23px;
}

/* 모바일 전환 */
#mobile_cng_wrapper{
	margin: 0 auto;
	width: 1200px;
    background-color: #fff;
}
#mobile_cng{
	margin: 0 auto;
	width: 1000px;
    background-color: #fff;
}
a.mobile_cng{
	padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
    font-size: 4em;
    font-weight: 800;
    color: #333;
    border: 2px solid #999;
    width: 950px;
    text-align: center;
}

/* 모바일 서브페이지  */
#mobile_sub_cng_wrapper{
	margin: 0 auto;
	width: 1000px;
    background-color: #fff;
}
#mobile_sub_cng{
	margin: 0 auto;
	width: 800px;
    background-color: #fff;
}
a.mobile_sub_cng{
	    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
    font-size: 4em;
    font-weight: 800;
    color: #333;
    border: 2px solid #999;
    width: 800px;
    text-align: center;
}





.wkMobile .right_banner_wrapper { display: none; }
