@charset "utf-8";
/* CSS Document */
@import url("content.css");
@import url("paging.css");
@import url("calendar.css");
/* @import url("font.css"); */
/* layout */

@font-face {
   font-family: NanumGothic;
   src: url('../webfonts/NanumGothic.eot'); /* IE 4-8 */
   src: url('../webfonts/NanumGothic.eot?') format('eot'); /* IE 9 */
   url('../webfonts/NanumGothic.woff') format('woff'); /* IE 9, Firefox 3.6+, Chrome 6+ */
}

/* 240116 J add : s */
.sound_only{overflow:hidden; position:absolute; width:0; height:0; padding:0; margin:0; font-size:0; line-height:0; text-indent:-9999em; outline:none; z-index:-1}
button { outline:none; cursor:pointer; background-color: transparent; border:none;}
a {text-decoration:none; color:inherit}

.login_wrap{position: relative; font-size: 16px; padding: 9.375em 0;}
.login_wrap .guide{width: 92%; margin: 0 auto; min-width: 300px; text-align: center;}
.login_wrap .logo{display: inline-block;}
.login_wrap .logo a,
.login_wrap .logo img{display: block;}
.login_wrap .input_field_wrap{width: 100%; max-width: 415px; margin: 1.875em auto 0; }

.input_field{width: 100%; margin: 0 auto;}
.input_field + .input_field{padding-top: 10px;}
.input_field input{display: block; width: 100%; height: 2.625em; box-sizing: border-box; margin: 0; font-size: 1em !important;}
.input_field input::placeholder{font-size: 12px;}
.input_field.ck_field{display: flex; align-items: baseline;}
.input_field input[type="checkbox"]{height: auto; width: auto; margin-right: 10px;}
.input_field input[type="checkbox"] + label{cursor: pointer;}
.submit_btn{width: 100%; height: 3.825em; text-align: center; margin-top: 10px;}
.submit_btn button{display: block; width: 100%; height: 100%; background-color: #185ca2; color: #fff; font-size: 1.125em; font-weight: 700;}

.login_wrap .info_box{display: flex; align-items: center; justify-content: center; padding: 0.94em 0;}
.login_wrap .info_box a{display: flex; font-size: 0.875em; font-weight: 700; color: #666;}
.login_wrap .info_box a + a::before{content: "|"; display: block; padding: 0 0.76em; color: #999; font-weight: 300;}
/* 240116 J add : e */

#wrap {
	/*min-width:1002px;*/
	width:100%;
	margin:0 auto;
	padding:0;
}
#header {
	/*min-width:986px;*/
	width:100%;
    height:85px;
	margin:0 auto;
	padding:0;
	background:url(../images/bg/header_bg.gif) repeat-x left top;
}
#header_new {
	/*min-width:986px;*/
	width:100%;
    height:135px;
	margin:0 auto;
	padding:0;
	background:url(../images/bg/header_bg2.gif) repeat-x left top;
}
#container {
	width:1366px;	
	margin:0 auto;
	padding:0 0 30px 0;
    overflow: hidden;
}
#left {
	float:left;
	width:180px;
	margin:0;
	padding:0 0 0 10px;
}
#content {
	position:relative;
	/*float:left;*/
    margin: 0;
    padding: 0;
	/*padding:0 10px 0 10px;*/
	/*margin:0 0 0 190px;*/
}
/* header 요소 */
.header_wrap {
	width:1366px;
	/*height:65px;*/
	/*height:55px;*/
    margin:0 auto;
	padding:0;
}
.logo {
	/*width:370px;*/
	float:left;
	/*height:26px;*/
	/*margin:13px 0 0 0;*/
    /*margin:13px 0 7px 0;*/
    margin: 0;
	/*padding:13px 0 7px 0;*/
    padding:9px 0 0 0;
	overflow:hidden;
}
.logo2 {
	float:left;
    margin: 0;
    padding:0;
	overflow:hidden;
}
.common_wrap {
	float:right;
	margin:0;
	padding:0;
}
.common {
	height:21px;
	margin:0 10px 0 0;
	padding:12px 0 0 0;
	color:#565656;
	text-align:right;
}
a.com_link {
	/*font-size:12px;*/
	color:#565656 !important;
	text-decoration:none !important;
}
.info_login {
	clear:both;
	float:left;
	display:inline-block;
	height:24px;
	margin:0;
	padding:12px 10px 0 0;
 	color:#595959;
}
.info_login img {
	vertical-align:middle;
	margin:0;
	padding:0;
}
/*.info_login li.info_login_bg {
	width:59px;
	height:19px;
	margin:0 3px;
	padding:0;
	text-align:center;
 	color:#fff;
	background:url(../images/bg/info_login_bg.gif) no-repeat left top;
}*/
.info_login a.info_link {
	/*font-size:12px;*/
	color:#e0f0ff !important;
	font-weight:bold !important;
	text-decoration:none !important;
}
/* 회원가입 영역 */
.member_wrap {
	/*float:left;*/
    margin: 0;
    padding: 0  40px;
	/*padding:0 10px 0 10px;*/
	/*margin:0 0 0 190px;*/
}
/* 메뉴 영역 */
#head_new {
	width:100%;
	height:auto;
	margin:0;  
	padding:0;
}
/*.logo {
	float:left;
	width:315px;
	height:43px;
	margin:0;
	padding:0;
}*/
.info {
	float:right;
	text-align:left;
	color:#666;
	font-size:12px;
	margin:20px 0 0 0;
	padding:0;
}
.info img {
	border:0;
	margin:0;
	padding:0;
	vertical-align:middle;
}
/* gnb 영역 */
.gnb {
	clear:both;
	width:1366px;
	height:42px;
	margin:0 auto;
	padding:0;
	/*background:#e6e6e6;*/
}
.gnb ul.gnb_area {
	display:block;
    width: 100%;
	height:42px;
	margin:0;
	padding:0;
	list-style:none;
}
.gnb ul.gnb_area li {
	position:relative;
	left:0;
	top:0;
	float:left;
	/*width:33.3%;*/
    	width:198px;
	height:42px;
	list-style: none;
    color: #222;
	text-align:center;
    /*background: url(../images/bg/menu_line.gif) no-repeat left 5px;*/
}
.gnb ul.gnb_area li.boundary {
	background: url(../images/bg/menu_line.gif) no-repeat left 5px;
}
.gnb ul.gnb_area li:first-child {
	position:relative;
	left:0;
	top:0;
	float:left;
	/*width:33.3%;*/
    	width:198px;
	height:42px;
	list-style: none;
	text-align:center;
    background-image: none;
}
.gnb ul.gnb_area li .gnb_link {
	float:left;
    display: inline;
	/*width:33.3%;*/
    	width:198px;
	height:16px;
	font-size:17px;
	text-align:center;
	margin:0;
	/*padding:13px 0 13px 0;*/
    padding:15px 0 9px 0;
	color:#222;
	font-weight:600 !important;
	text-decoration:none !important;
}
.gnb ul.gnb_area li .gnb_link:hover {
	text-decoration: none;
    color:#0768ac;
}
.gnb ul.gnb_area .on {
	/*width:33.3%;*/
   /* width:329px;*/
	height:16px;
	margin:0;
    color:#0768ac !important;
	/*background:#e0233b;*/
	text-decoration:none;
}
.j-arrow.on {
    border-color: #0768ac !important;
    width: auto;
    height: auto !important;
}
.gnb ul.gnb_area li .smenu {
	/*display:none;*/
	position:absolute;
	/*top:42px;*/
    top:47px;
    right:right;
	/*left:35px;*/
    height:29px;
    background:#0768ac;
	/*width:700px;*/
}
.gnb ul.gnb_area li .smenu li {
    width:auto;
    margin: 7px 0 0 0;
    font-size: 14px;
    color:#fff !important;
    border-left:none;
    background:none !important;
    padding:0 7px 0 10px !important;
}
.gnb ul.gnb_area li .smenu li a.sub_link {
	/*float:left;*/
	/*width:auto;*/
	color:#fff !important;
	text-decoration:none !important;
}
.gnb ul.gnb_area li .smenu li a.sub_link span.t_line {
	color:#fff !important;
	text-decoration:underline !important;
}
.gnb ul.gnb_area li .smenu li a.sub_link:hover {
	color:#fff !important;
	text-decoration:underline !important;
}
.status_board {
	clear:both;
	width:990px;
	height:35px;
	margin:0 auto;
	padding:0;
	/*background:#fcfcfc;	*/
}
.status_banner {
	float:right;
	margin:6px 5px 0 0;
	padding:0;
}
/* navigation icon edit */
.j-arrow {
        float: right;
        padding: 4px;
        border: 1px solid #969696;
        border-width: 0 1px 1px 0;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        position: absolute;
        right: 2px;
        top: 20px; 
}
/* 타이틀 영역 */
.title_box {
    width: 990px;
	height:30px;
	/*border-bottom:1px #e6e6e6 solid;*/
	margin:0;
	padding:10px 0 5px 0;
}
.tit_1dep {
	float:left;
	height:20px;
	text-align:left;
	color:#222;
	font-size:16px;
	font-weight:600;
	background:url(../images/ico/title_01.gif) no-repeat left 12px;
	margin:0;
	padding:10px 0 0 20px;
}
.title_mem {
    font-size: 14px;
    font-weight: bold;
    color: #222;
}
.path {
	float:right;
	height:20px;
	/*font-family:'돋움', dotum, AppleGothic, sans-serif;*/
    font-size:11px;
	color:#999;
    text-align:right;
	padding:10px 0 0 0;
}
.path_on {
    font-size:11px;
	color:#565656;
    text-align:right;
}
.tit_2dep {
	float:left;
	margin:0;
	padding:0 0 5px 10px; 
	color:#222;
	/*font-family:'돋움', dotum, AppleGothic, sans-serif;*/
	font-weight:600;
	background:url(../images/ico/2depth.gif) no-repeat left 2px;
}
.tit_3dep {
	float:right;
	margin:0;
	padding:0 0 5px 10px; 
	color:#222;
    font-size: 13px;
	/*font-family:'돋움', dotum, AppleGothic, sans-serif;*/
	font-weight:600;
    vertical-align:bottom;
}
.function_btn {
	overflow:hidden;
	float:right;
	margin:0;
	padding:0;
	text-align:right;
}
.function_btn img {
	vertical-align:middle;
}

/* menu */
.menu {
	width:180px;
	height:56px;
	overflow:hidden;
}
.menu li {
	float:left;
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
	/*height:56px;
	margin:0;
	padding:0;
	overflow:hidden;*/
}
.menu li a {
	float:left;
	/*display:inline;*/
	/*width:180px;*/
	height:56px;
	margin:0;
	padding:0;
	overflow:hidden;
}
.menu li.menu_01 a {
	/*float:left;*/
	width:90px;
	height:56px;
	margin:0;
	padding:0;
	background:url(../images/img/buy_payment.gif) no-repeat left top;
}
.menu li.menu_02 a {
	/*float:right;*/
	width:90px;
	height:56px;
	margin:0;
	padding:0;
	background:url(../images/img/sell_payment.gif) no-repeat left top;
}
.menu li.menu_01 a.selected, .menu li.menu_02 a.selected {
	background-position:0 -56px;
}
/* //타이틀 영역 */
/* 타이틀 
.tit_1dep {
	width:970px;
	height:27px;
	padding:16px 5px 0px 5px;
	font-family:'돋움', dotum, AppleGothic, sans-serif;
}
.tit_1dep .subj_img {
	float:left;
	width:400px;
}
.tit_1dep .rtxt {
	float:right;
	width:400px;
	text-align:right;
	line-height:25px;
	font-size:11px;
	color:#000;
	font-family:'돋움', dotum, AppleGothic, sans-serif;
}
.tit_1dep .path a {
	background:none;
	color:#888;
	text-decoration:none;
	font-size:12px;
}
.tit_1dep .path a:link {
	color:#888;
	text-decoration:none;
	font-size:12px;
}
.tit_1dep .path a:hover {
	color:#000;
	text-decoration:underline;
	font-size:12px;
}
.tit_1dep .path a:active, a:focus, a:visited {
	color:#888;
	text-decoration:none;
	font-size:12px;
}
.tit_2dep {
	float:left;
	margin:0;
	padding:0 0 5px 10px; 
	color:#0096aa;
	font-family:'돋움', dotum, AppleGothic, sans-serif;
	font-weight:bold;
	background:url(../images/ico/2depth.gif) no-repeat left 2px;
}
*/
/* footer area */
#footer {
	clear:both;
	width:100%;
    height: 200px;
	/*min-width:1002px;*/
	/*height:76px;*/
	margin:0;
	padding:0;
	border-top:1px solid #e6e6e6;
	overflow:hidden;
}
.footer_box {
    width:1400px;
    margin: 0 auto;
    padding: 0;
}
.footer_wrap {
	/*min-width:997px;*/
    float: left;
	width:850px;
	margin:0;
	padding:0;
    /*border-bottom:1px #e6e6e6 solid;*/
}
/*.footer_wrap {
	//min-width:997px;
	width:990px;
	margin:0 auto;
	padding:0;
    //border-bottom:1px #e6e6e6 solid;
}*/
.footer_logo {
	float:left;
    width:182px;
    /*height: 40px;*/
	margin:0;
	padding:10px 0 10px 0;
}
.footer_copy {
	float:left;
    width:798px;
	padding:10px 10px 10px 0;
	text-align:left;
	color:#222;
    font-size:12px !important;
}
/*.footer_wrap_menu {
    font-size:12px !important;
	margin:0 auto;
	padding:10px 0 0 0;
	text-align:left;
}*/
.footer_copy a.footer_link:link {
    font-size:12px !important;
    color: #222;
    font-weight: bold;
    text-decoration: none;
}
.footer_copy a.footer_link:hover {
    font-size:12px !important;
    color: #222;
    font-weight: bold;
    text-decoration: none;
}
.footer_copy a.footer_link:visited {
    font-size:12px !important;
    color: #222;
    font-weight: bold;
    text-decoration: none;
}
.footer_module {
    float:right;
    width:550px;
    margin: 0;
    padding: 12px 0 0 0;
    text-align: right;
}