@charset "utf-8";
body, table, tr, td, select, textarea, input {font-family: "돋움", "굴림", "vardana", "arial", "Helvetic", sans-serif; font-size: 12px; color: #666666; line-height:170%;}

body {margin: 0px; padding: 0px;
scrollbar-face-color:#D8D8D8;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#C0C0C0;
scrollbar-darkshadow-color:#F6F6F6;
scrollbar-shadow-color:#8C8C8C;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#E0E0E0;
}

table {border-collapse:collapse; border:0 none;}
table td {padding:0; margin:0}

img {border:0}

.png24 {tmp:expression(setPng24(this));}

a:link {color:#575757;text-decoration: none}
a:visited {color:#575757;text-decoration: none}
a:active {color:#575757;text-decoration: none}
a:hover {color:#802684;text-decoration:underline}


/*------------------------------------------- Font -------------------------------------------*/

.11graybold				{font-size:11px; color:#666666; font-weight:bold; }
.11gray					{font-size:11px; color:#a942a0; }

body {
	margin:0;
}

.img {
	board:0;
}


.money {	font-family: "돋움", "굴림";	font-size: 11px;	color: #bd7642;	}
.fff {	font-family: "돋움", "굴림";	font-size: 12px;	font-weight: bold;	color: #fff;	}
.banner2_title_bold {	font-family: "돋움", "굴림";	font-size: 12px;	font-weight: bold;	color: #6a6a6a;	}
.banner2_title {	font-family: "돋움", "굴림";	font-size: 11px;		color: #6a6a6a;	}
.banner2_title10 {	font-family: "돋움", "굴림";	font-size: 10px;		color: #6a6a6a;	}
.banner2_price {	font-family: "돋움", "굴림";	font-size: 12px;	font-weight: bold;	color: #f46a28;	}
.mainbanner2_price {	font-family: "돋움", "굴림";	font-size: 12px;	font-weight: bold;	color: #897852;	}
.black_11 {	font-family: "돋움", "굴림";	font-size: 11px;	color: #000000;	}
.rank_over {	font-family: "돋움", "굴림";	font-size: 11px;	font-weight: bold;	color: #f46a28;	}
.board_contents{	font-family: "돋움", "굴림";	font-size: 12px;	color: #737373;	}
.red_bold{	font-family: "돋움", "굴림";	font-size: 11px;	color: #fe0000; font-weight: bold;	}
td.ftitle_1 { font:12px;color:#555555;padding-left:15px;color:#b4a47c; font-weight: bold;}
.black_13_black {	font-family: "돋움", "굴림";	color: #000000;	font-weight: bold;	font-size: 13px;}
.style4 {
	font-size: 15px;
	color: #ec6843;
	font-weight: bold;
	font-family: "돋움", "굴림";
}
.detail_price {color: #f3550b;font-size:12px;font-family: "돋움", Seoul, "한강체";font-weight: bold;}
.ffffff {color: #ffffff;font-size:12px;font-family: "돋움", Seoul, "한강체";font-weight: bold;}
.detail_title {color: #545b61 font-size:12px;font-family: "돋움", Seoul, "한강체"; }
.style5 {
	color: #454545;
	font-size: 12px;
	font-family: "돋움", "굴림";
}
.style6 {color: #454545; font-size: 12px; font-family: "돋움", "굴림"; font-weight: bold; }
.detail_black {color: #666666;	font-size: 12px;	font-family: "돋움", Seoul, "한강체";}
.detail_green {color: #159226;	font-size: 12px;	font-family: "돋움", Seoul, "한강체";}


/*base link*/
a {FONT-FAMILY: 굴림; FONT-SIZE: 12px; COLOR: #666666; TEXT-DECORATION: none}
a:hover {FONT-FAMILY: 굴림; FONT-SIZE: 12px; COLOR: #4D82A2; TEXT-DECORATION:none}

a.pname { font-family: "돋움", "굴림";	font-size: 12px;		color: #6a6a6a;}
a:hover.pname { font-family: "돋움", "굴림";	font-size: 12px;		color: #8a8a8a;}

a.adminme { font-family: "돋움", "굴림"; font-size:35px;		color: #6a6a6a;}
a:hover.adminme { font-family: "돋움", "굴림";	font-size: 35px;		color: #8a8a8a;}
A:visited.adminme { font-family: "돋움", "굴림"; font-size:35px;			color: #8a8a8a;}

a.mainLank { font-family: "돋움", "굴림";	font-size: 12px;		color: #6a6a6a;}
a:hover.mainLank { font-family: "돋움", "굴림";	font-size: 12px;		color: #e9541f; font-weight:bold}

a.mainLank2 { font-family: "돋움", "굴림";	font-size: 12px;		color: #6a6a6a;}
a:hover.mainLank2 { font-family: "돋움", "굴림";	font-size: 12px;		color: #e9541f;}



/* main */
.txt_main      { color:#647CBE; font-weight:bold; font-family: 굴림, verdana; }
.txt_sub_main  { color:#CB689E; }
.txt_sub { color:#5EACB8; }
.notice  { color:#2092B6; }

.box { background-color:silver; font-size:9pt;border:#818181 1px solid;}

.today_dd      { color:#000000; font-weight:bold; font-family: 궁서; }

.style1 {
font-family: "돋움";
font-size: 12px;
}






/*INPUT*/

INPUT.text
{
	height:20px;
	padding-top:2px;
}
INPUT.text_n_1
{
    width:95px;
	height:20px;
	padding-top:2px;
	border:#cacaca solid 1px;
}


INPUT.text_n
{
	height:20px;
	padding-top:2px;
	border:#cacaca solid 1px;
}
INPUT.button
{
	padding-top:2px;
}

/*SELECT*/


/*TEXTAREA*/
TEXTAREA
{
	font-family:굴림,Tahoma;
	font-size:12px;
}
TEXTAREA.textarea_n
{
	width:100%;
	line-height:20px;
	border:#999999 solid 1px;
}

TEXTAREA.textarea_n_l
{
	width:100%;
	line-height:20px;
	border:#cacaca solid 1px;
	background-image:url('/image/underline.gif');
}

.input_box { font-family: "굴림", "Arial", "Verdana";	font-size: 12px; border-top: 1px solid #FFFFFF;	border-right: 1px solid #FFFFFF;	border-bottom: 1px solid #FFFFFF;	border-left: 1px solid #FFFFFF; background-color:#FFFFFF;height:17px;scrollbar-3dlight-color: 595959; scrollbar-arrow-color: ffffff; scrollbar-base-color: CFCFCF; scrollbar-darkshadow-color: FFFFFF; scrollbar-face-color: CFCFCF; scrollbar-highlight-color: FFFFF; scrollbar-shadow-color: 595959}
.input_box2 { font-family: "굴림", "Arial", "Verdana";	font-size: 12px; border-top: 1px solid #CACACA;	border-right: 1px solid #CACACA;	border-bottom: 1px solid #CACACA;	border-left: 1px solid #CACACA; background-color:#FFFFFF;height:17px;scrollbar-3dlight-color: 595959; scrollbar-arrow-color: ffffff; scrollbar-base-color: CFCFCF; scrollbar-darkshadow-color: FFFFFF; scrollbar-face-color: CFCFCF; scrollbar-highlight-color: FFFFF; scrollbar-shadow-color: 595959}
.input_box3 { font-family: "굴림", "Arial", "Verdana";	font-size: 12px; scrollbar-3dlight-color: 595959; scrollbar-arrow-color: ffffff; scrollbar-base-color: CFCFCF; scrollbar-darkshadow-color: FFFFFF; scrollbar-face-color: CFCFCF; scrollbar-highlight-color: FFFFF; scrollbar-shadow-color: 595959;background-color:#F6F6F6;}
.input_chat { font-family: "굴림", "Arial", "Verdana";	color:#00834F; border-top: 1px solid #F6F6F6;	border-right: 1px solid #F6F6F6;	border-bottom: 1px solid #CACACA;	border-left: 1px solid #F6F6F6; background-color:#F6F6F6;height:17px;padding-top:5}

.text_box { font-family: "굴림", "Arial", "Verdana";	font-size: 12px; border-top: 1px solid #FFFFFF;	border-right: 1px solid #FFFFFF;	border-bottom: 1px solid #FFFFFF;	border-left: 1px solid #FFFFFF; background-color:#FFFFFF;scrollbar-3dlight-color: 595959; scrollbar-arrow-color: ffffff; scrollbar-base-color: CFCFCF; scrollbar-darkshadow-color: FFFFFF; scrollbar-face-color: CFCFCF; scrollbar-highlight-color: FFFFF; scrollbar-shadow-color: 595959}
.text_box2 { font-family: "굴림", "Arial", "Verdana";	font-size: 12px; border-top: 1px solid #9C9A9C;	border-right: 1px solid #9C9A9C;	border-bottom: 1px solid #9C9A9C;	border-left: 1px solid #9C9A9C; background-color:#FFFFFF;scrollbar-3dlight-color: 595959; scrollbar-arrow-color: ffffff; scrollbar-base-color: CFCFCF; scrollbar-darkshadow-color: FFFFFF; scrollbar-face-color: CFCFCF; scrollbar-highlight-color: FFFFF; scrollbar-shadow-color: 595959}





/* 201211 플래시 header, gnb, 메인비주얼, 서브비주얼 html5 코딩 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input,  blockquote {margin:0;padding:0;}
.section_inner ol, .section_inner ul {list-style:none;}
.section_inner h1, .section_inner h2, .section_inner h3, .section_inner h4, .section_inner h5, .section_inner h6 {font-size:100%; font-weight: normal;}
.section_inner img{vertical-align:top; max-width:100%}

.section_inner {width: 960px; margin: 0 auto;}

/* 메인비주얼 애니메이션 */
@-webkit-keyframes mainLink {
       16% {
              transform: scaleX(0.85);
       }
       32% {
              transform: scaleX(1);
       }
	50% {
              transform: scaleX(0.9);
       }
       62% {
              transform: scaleX(1);
       }
	85% {
              transform: scaleX(0.95);
       }
	100% {
              transform: scaleX(1);
       }
}
@-moz-keyframes mainLink {
       16% {
              transform: scaleX(0.85);
       }
       32% {
              transform: scaleX(1);
       }
	50% {
              transform: scaleX(0.9);
       }
       62% {
              transform: scaleX(1);
       }
	85% {
              transform: scaleX(0.95);
       }
	100% {
              transform: scaleX(1);
       }
}
@keyframes mainLink {
       16% {
              transform: scaleX(0.85);
       }
       32% {
              transform: scaleX(1);
       }
	50% {
              transform: scaleX(0.9);
       }
       62% {
              transform: scaleX(1);
       }
	85% {
              transform: scaleX(0.95);
       }
	100% {
              transform: scaleX(1);
       }
}


/* 헤더 */
.header {background: #fff; font-family: 'Noto Sans KR','맑은 고딕','malgun gothic',sans-serif !important;     box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2); position: relative; z-index: 9999;}
.header a {font-family: 'Noto Sans KR','맑은 고딕','malgun gothic',sans-serif !important;}
.header .top_header {padding: 15px 0 5px;}
.header .top_header:after {content: ''; display: block; clear: both;}
.header .util {float: right;}
.header .util li {float: left; position: relative; padding-left: 10px; margin-left: 10px;}
.header .util li:first-of-type {margin: 0; padding: 0;}
.header .util li:before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #000d72; width: 1px; height: 10px;}
.header .util li:first-of-type:before {display: none;}
.header .util li a {font-size: 11px; color: #000d72; display: block;}
.header .bottom_header {padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.header .logo a {display: block;}

/* GNB */
.header .gnb_wrap {border-radius: 20px; background: #000b65; position: relative;}
.header .gnb_wrap:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 50%; background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.25));}
.header .gnb {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 0 40px; position: relative;}
.header .gnb > li > a {font-size: 13px; color: #fff; display: block; line-height: 40px; padding: 0 40px; text-shadow: #fff 0 0 0; transition: text-shadow .2s;}
.header .gnb .depth2 {position: absolute; left: 40px; top: 40px; background: #4d4d4d; padding: 0 10px 0 0; overflow: hidden; z-index: 999; opacity: 0; height: 0; transition: all .5s;}
.header .gnb > li:nth-of-type(2) .depth2 {left: 185px;}
.header .gnb > li:nth-of-type(3) .depth2 {left: 325px;}
.header .gnb > li:nth-of-type(4) .depth2 {left: auto; right: 98px;}
.header .gnb > li:nth-of-type(5) .depth2 {left: auto; right: 40px;}
.header .gnb .depth2:after {content: ''; display: block; clear: both;}
.header .gnb .depth2 li {float: left; padding: 0 8px;}
.header .gnb .depth2 li a {font-size: 13px; color: #fff; line-height: 22px; opacity: 1; transition: opacity .1s;}
.header .gnb .depth2 li a:hover {opacity: .5;}

.header .gnb > li > a:hover {text-shadow: #fff 0 0 7px;}
.header .gnb > li:hover .depth2 {opacity: 1; padding-left: 10px; overflow: visible; height: auto;}

/* 메인비주얼 */
.main_visual a {font-family: 'Noto Sans KR','맑은 고딕','malgun gothic',sans-serif !important;}
.main_visual {background: #bfbfbf; font-family: 'Noto Sans KR','맑은 고딕','malgun gothic',sans-serif !important;}
.main_visual .section_inner {position: relative;}
.main_link {position: absolute; left: 0; bottom: 80px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 0 50px;}
.main_link li {background: url(../images/main_link_bg.png) no-repeat 50% 50%; width: 120px; height: 120px; border-radius: 100%; text-align: center; overflow: hidden; padding: 0 10px;}
.main_link li a {font-size: 20px; font-weight: 700; color: #000c6b; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.main_link li:hover {-webkit-animation: mainLink linear .8s; -moz-animation: mainLink linear .8s; animation: mainLink linear .8s;}

/* 서브비주얼 */
.sub_visual {width: 100%; height: 264px; background: url(../images/sub_visual.jpg) no-repeat 50% 50%; background-size: cover;}
.sub_visual .section_inner {position: relative; height: 100%;}
.sub_visual ul {position: absolute; right: 10px; bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.sub_visual ul li {background: url(../images/sub_link_bg.png) no-repeat 50% 50%; width: 90px; height: 90px; border-radius: 100%; text-align: center; overflow: hidden; margin: 0 10px;}
.sub_visual ul li a {font-family: 'Noto Sans KR','맑은 고딕','malgun gothic',sans-serif !important; font-size: 15px; font-weight: 700; color: #000c6b; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.sub_visual ul li:hover {-webkit-animation: mainLink linear .8s; -moz-animation: mainLink linear .8s; animation: mainLink linear .8s;}

/* lnb */
.lnb_wrap ul {list-style:none;}
.lnb_wrap h3 {font-size: 32px; font-weight: 500; color: #636363; display: block; line-height: normal; font-family: 'Noto Sans KR','맑은 고딕','malgun gothic',sans-serif !important; padding-bottom: 5px;}
.lnb_wrap .lnb li {border-bottom: 1px dotted #ddd;}
.lnb_wrap .lnb li:last-of-type {border-bottom: 1px solid #000c68;}
.lnb_wrap .lnb li a {font-family: 'Noto Sans KR','맑은 고딕','malgun gothic',sans-serif !important; font-size: 12px; color: #636363; display: block; line-height: 30px; padding: 0 15px; box-sizing: border-box; position: relative;}
.lnb_wrap .lnb li a:before {content: ''; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); background: url(../images/lnb_arrow.png) no-repeat 50% 50%; width: 13px; height: 7px; display: none;}
.lnb_wrap .lnb li.on a {color: #fff; background: #000c68; border-radius: 30px; box-shadow: inset 0px 10px 10px 0px rgba(255,255,255,0.5)}
.lnb_wrap .lnb li.on a:before {display: block;}