.header {
	background: rgba(38, 92, 160, 0.9); left: 0px; top: -94px; width: 100%; position:absolute; z-index: 110; 
}


/* 헤더탑 */
.header .hd_top {
	background:#f6f6f6; height:41px; border-bottom: 1px solid #dbdbdb
}
.hd_util {
	font-size: 0px; float: right;
}
.hd_util > li {
	vertical-align: top; display: inline-block;
}
.hd_util > li > a {
	padding: 0px 0px; transition:0.4s; color: rgb(0, 0, 0); line-height: 40px; font-size: 14px; position: relative;
}
.hd_util > li > a::after {
	background: rgb(0, 0, 0); top: 17px; width: 0px; height: 10px; right: 0px; position: absolute; content: "";
}
.hd_util > li:last-child > a::after {
	display: none;
}
.hd_util > li > a:hover {
	color: rgb(226, 88, 77);
}
.hd_util > li > a:focus {
	color: rgb(226, 88, 77);
}
.hd_util > li > a:active {
	background: rgb(255, 255, 255); color: rgb(10, 50, 111);
}

.hd_util > li.img {padding-top:0px}
.hd_util > li.img > a:hover {
	background:none; }



@media all and (max-width:640px)
{
.hd_util > li{ display: none;
}
}




.header::before {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 136px; position: absolute; z-index: -1; content: "";
}
.header .hd_sub {
	margin: 0px auto; width: 100%; max-width: 1300px;
}
.header .hd_sub::after {
	clear: both; display: block; content: "";
}
.header .top_logo {
	width: 19%; float: left;
}
.top_logo > a {
	background: url("../images/common/logo_top.png") no-repeat left / 100% auto; height: 94px; font-size: 0px;
}


/*210716 수정*/
.ham{
/* width: 6%; height: 80px; float: right; position: relative; */
background: url("../images/common/mo_menu_line.png") repeat-x left; width: 6%; height: 80px; font-size: 0px; float: right; position: relative; 
display:none;
}
/* .btn_mo_menu {
	background: url("../images/common/mo_menu_line.png") repeat-x left; width: 100%; height: 80px; font-size: 0px; float: right; display: none;  position: relative;
} */
.ham::before {
	background: rgb(51, 51, 51); transition:0.4s; left: 0px; top: 25px; width: 100%; height: 2px; position: absolute; content: "";
}
.ham::after {
	background: rgb(51, 51, 51); transition:0.4s; left: 0px; width: 100%; height: 2px; bottom: 25px; position: absolute; content: "";
}
.open.ham {
	background: none; top:90px; width: 30px; height: 30px;
}

.open.ham::before {
	background: rgb(1, 157, 219); top: 0px; left:0; transform: rotate(-45deg);  width: 3px; height: 30px;  content: "";
}
.open.ham::after {
 	background: rgb(1, 157, 219); top: 0px; left:0; transform: rotate(45deg); width: 3px; height: 30px;  content: "";
 }





/* .btn_mo_menu {
 	background: url("../images/common/mo_menu_line.png") repeat-x left; width: 6%; height: 80px; font-size: 0px; float: right; display: none; position: relative;
 }
 .btn_mo_menu::before {
 	background: rgb(51, 51, 51); transition:0.4s; left: 0px; top: 25px; width: 100%; height: 2px; position: absolute; content: "";
 }
 .btn_mo_menu::after {
 	background: rgb(51, 51, 51); transition:0.4s; left: 0px; width: 100%; height: 2px; bottom: 25px; position: absolute; content: "";
 }
 .open.btn_mo_menu {
 	background: rgb(255, 255, 255);
 }
 
 .open.btn_mo_menu::before {
 background: rgb(1, 157, 219); top: 118px; transform: rotate(-45deg);
 }
 .open.btn_mo_menu::after {
 	background: #fff; top: 35px; transform: rotate(45deg); left: -630%; width:30px; display:block;
 }
 */
.header .gnb {
	width: 81%; float: right; display: table; table-layout: fixed;
}
.gnb > li {
	vertical-align: top; display: table-cell;
}
.gnb > li > a {
	transition:color 0.4s; text-align: center; color: rgb(51, 51, 51); line-height: 90px; font-size: 18px; font-weight: 600; position: relative; letter-spacing:-1px
}
.gnb > li.olp > a {
	transition:color 0.4s; text-align: center; color: rgb(209, 57, 20); line-height: 90px; font-weight: 600; position: relative; letter-spacing:-3px
}
.gnb > li > a::after {
	background: rgb(1, 101, 143); transition:height 0.4s; left: 10%; width: 80%; height: 0px; bottom: 0px; position: absolute; content: "";
}
.gnb > li:hover > a {
	color: rgb(39, 93, 162); 
}
.gnb > li > a:focus {
	color: rgb(1, 101, 143);
}
.gnb > li:hover > a::after {
	height: 0px;
}
.gnb > li > a:focus::after {
	height: 0px;
}
.gnb .subm {
	padding: 0px; transition:0.4s; height: 0px; overflow: hidden;
}
.gnb:hover .subm {
	padding: 20px 0px 40px; height: auto;
}
.gnb .subm > li > a {
	transition:0.4s; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 15px; font-weight: 600;
}
.gnb .subm > li > a:hover {
	color: #f0ff05; font-weight: 700;
}
.gnb .subm > li > a:focus {
	color:#f0ff05; font-weight: 700;
}







/*푸터*/
.footer {
	background: #56555a;
}
.footer .ft_sub {
	margin: 0px auto; width: 100%; max-width: 1300px;
}
.ft_sub::after {
	clear: both; display: block; content: "";
}
.footer_01 {padding:20px 10px; width:80%; float:left}
.footer_01:after {content:''; display:block; clear:both;}
.footer_logo {float:none; padding:10px 0; text-align:center;}
.footer_logo img {height:40px; }
.footer_info {float:none; padding-left:0; text-align:center;}
.address ul {text-align:center;}
.address ul li {position: relative; display: inline-block; padding: 0 2px; font-size: 14px; color: #adadad; line-height: 20px; text-align: left;}
.address ul li a {display: inline-block; color: #adadad;}
.footer_02 {padding:20px 10px; width:18%; float:right}




.btn_fs {
	background: rgb(76, 75, 80); border: 1px solid rgb(118, 116, 125); transition:0.4s; border-image: none; width: 20%; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 14px; display: inline-block; box-sizing: border-box;
}
.btn_fs:hover {
	background: rgb(118, 116, 125); color: rgb(0, 0, 0);
}
.btn_fs:focus {
	background: rgb(118, 116, 125); color: rgb(0, 0, 0);
}


@media screen and (min-width: 768px) {


}
@media screen and (min-width: 1100px) {
.footer_01 {padding:20px 0; }
.footer_logo {float:left; padding:40px 0 0 0;}
.footer_info {float:left; text-align:left; padding-left:50px;}
.address ul {text-align:left;}

}
.navi_foot {margin-bottom:20px;}
.navi_foot li {display:inline-block; position:relative; padding:0 10px;}
.navi_foot li:first-child {padding:0 10px 0 0;}
.navi_foot li:after {content:''; position:absolute; left:-7px; top:12px; width:1px; height:10px; background:#b6b6b6;}
.navi_foot li:first-child:after {display:none;}
.navi_foot li a {display:block; color:#fff; font-size:16px;}
.navi_foot li a:hover {text-decoration:underline;}

@media screen and (max-width: 768px) {
.navi_foot li a {font-size: 12px;}
.address ul li{text-align: center;}
}


#hd_pop {
	margin: 0px auto; width: 100%; height: 1px; position: relative; z-index: 1000;
}
#hd_pop h2 {
	left: -9999px; top: -9999px; position: absolute;
}
.hd_pops {
	background: rgb(255, 255, 255); border: 1px solid rgb(233, 233, 233); border-image: none; position: absolute;
}
.hd_pops_con {
	
}
.hd_pops_footer {
	background: rgb(0, 0, 0); padding: 10px 0px; text-align: right; color: rgb(255, 255, 255);
}
.hd_pops_footer button {
	background: rgb(57, 57, 57); padding: 5px 10px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); margin-right: 5px;
}
#copymove {
	
}
.copymove_current {
	color: rgb(255, 48, 97); float: right;
}
.copymove_currentbg {
	background: rgb(244, 244, 244);
}
#hd_login_msg {
	left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden; position: absolute;
}
.msg_sound_only {
	margin: 0px !important; padding: 0px !important; left: 0px; top: 0px; width: 1px !important; height: 1px !important; line-height: 0 !important; overflow: hidden; font-size: 0px !important; display: inline-block; position: absolute;
}
.sound_only {
	margin: 0px !important; padding: 0px !important; left: 0px; top: 0px; width: 1px !important; height: 1px !important; line-height: 0 !important; overflow: hidden; font-size: 0px !important; display: inline-block; position: absolute;
}
.to_content a {
	left: 0px; top: 0px; width: 0px; height: 0px; line-height: 0; overflow: hidden; font-size: 0px; position: absolute; z-index: 100000;
}
.img_fix {
	width: 100%; height: auto;
}
#captcha {
	display: inline-block; position: relative;
}
#captcha legend {
	margin: 0px; padding: 0px; line-height: 0; text-indent: -9999em; overflow: hidden; font-size: 0px; position: absolute;
}
#captcha audio {
	margin: 0px 0px 5px; width: 187px; display: block;
}
#captcha #captcha_img {
	border: 1px solid rgb(233, 233, 233); border-image: none; width: 160px; height: 60px; margin-right: 32px; margin-bottom: 3px; vertical-align: top;
}
#captcha #captcha_reload {
	background: url("../../../../img/captcha.png") no-repeat 0px -30px; border-width: 1px medium medium; border-style: solid none none; border-color: rgb(204, 204, 204) currentColor currentColor; border-image: none; left: 161px; top: 31px; width: 31px; height: 31px; text-indent: -9999px; overflow: hidden; position: absolute; cursor: pointer;
}
#captcha #captcha_key {
	background: rgb(247, 247, 247); margin: 0px; padding: 0px 5px; border: 1px solid rgb(184, 201, 194); border-image: none; width: 100px; height: 60px; text-align: center; line-height: 2.8em; font-size: 1.33em; font-weight: bold; vertical-align: top;
}
#captcha #captcha_info {
	margin: 5px 0px 0px; letter-spacing: -0.1em; font-size: 0.95em; display: block;
}
#captcha #captcha_mp3 {
	background: url("../../../../img/captcha.png") no-repeat; border: currentColor; border-image: none; left: 161px; top: 0px; width: 31px; height: 31px; text-indent: -9999px; overflow: hidden; vertical-align: top; position: absolute; cursor: pointer;
}
.m_captcha#captcha legend {
	margin: 0px; padding: 0px; line-height: 0; text-indent: -9999em; overflow: hidden; font-size: 0px; position: absolute;
}
.m_captcha#captcha audio {
	margin: 0px 0px 5px; width: 187px; display: block;
}
.m_captcha#captcha #captcha_img {
	border: 1px solid rgb(233, 233, 233); border-image: none; width: 160px; height: 60px; margin-bottom: 3px; display: block;
}
.m_captcha#captcha #captcha_reload {
	background: url("../../../../img/captcha.png") no-repeat 0px -30px; border: currentColor; border-image: none; width: 31px; height: 31px; text-indent: -9999px; overflow: hidden; position: static; cursor: pointer;
}
.m_captcha#captcha #captcha_key {
	background: rgb(247, 247, 247); margin: 0px 0px 0px 3px; padding: 0px 5px; border: 1px solid rgb(184, 201, 194); border-image: none; width: 115px; height: 29px; text-align: center; line-height: 29px; font-size: 1.33em; font-weight: bold;
}
.m_captcha#captcha #captcha_info {
	margin: 5px 0px 0px; letter-spacing: -0.1em; font-size: 0.95em; display: block;
}
.m_captcha#captcha #captcha_mp3 {
	background: url("../../../../img/captcha.png") no-repeat; border: currentColor; border-image: none; width: 31px; height: 31px; text-indent: -9999px; overflow: hidden; vertical-align: top; cursor: pointer;
}
.btn_cke_sc {
	background: rgb(51, 51, 51); padding: 5px; border: currentColor; border-image: none; color: rgb(255, 255, 255); margin-bottom: 5px;
}
.cke_sc_def {
	background: rgb(247, 247, 247); margin: 0px 0px 5px; padding: 10px; border: 1px solid rgb(204, 204, 204); border-image: none; text-align: center;
}
.cke_sc_def dl {
	margin: 0px 0px 5px; text-align: left; -ms-zoom: 1;
}
.cke_sc_def dl::after {
	clear: both; display: block; visibility: hidden; content: "";
}
.cke_sc_def dt {
	margin: 0px; padding: 5px 0px; border-bottom-color: rgb(233, 233, 233); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
.cke_sc_def dd {
	margin: 0px; padding: 5px 0px; border-bottom-color: rgb(233, 233, 233); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
.cke_sc_def dt {
	width: 50%; font-weight: bold;
}
.cke_sc_def dd {
	width: 50%;
}
.btn_cke_sc_close {
	background: rgb(51, 51, 51); padding: 5px; border: currentColor; border-image: none; color: rgb(255, 255, 255);
}
a.btn01 {
	background: rgb(250, 250, 250); padding: 8px 7px 7px; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(0, 0, 0); text-decoration: none; vertical-align: middle; display: inline-block;
}
a.btn01:focus {
	text-decoration: none;
}
a.btn01:hover {
	text-decoration: none;
}
button.btn01 {
	background: rgb(250, 250, 250); margin: 0px; padding: 7px; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(0, 0, 0); text-decoration: none; display: inline-block;
}
a.btn02 {
	background: rgb(75, 84, 94); padding: 8px 7px 7px; border: 1px solid rgb(59, 60, 63); border-image: none; color: rgb(255, 255, 255); text-decoration: none; vertical-align: middle; display: inline-block;
}
a.btn02:focus {
	text-decoration: none;
}
.btn02:hover {
	text-decoration: none;
}
button.btn02 {
	background: rgb(75, 84, 94); margin: 0px; padding: 7px; border: 1px solid rgb(59, 60, 63); border-image: none; color: rgb(255, 255, 255); text-decoration: none; display: inline-block;
}
.btn_confirm {
	text-align: center;
}
.btn_submit {
	background: rgb(255, 48, 97); padding: 8px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); letter-spacing: -0.1em;
}
fieldset .btn_submit {
	padding: 0px 7px; height: 24px; line-height: 1em;
}
a.btn_cancel {
	background: rgb(250, 250, 250); padding: 8px 7px 7px; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(0, 0, 0); text-decoration: none; vertical-align: middle; display: inline-block;
}
button.btn_cancel {
	background: rgb(250, 250, 250); padding: 7px; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(0, 0, 0); text-decoration: none; vertical-align: top; display: inline-block;
}
a.btn_frmline {
	background: rgb(51, 51, 51); padding: 0px 5px; border: 0px currentColor; border-image: none; height: 1.9em; color: rgb(255, 255, 255); line-height: 1.9em; letter-spacing: -0.1em; text-decoration: none; vertical-align: top; display: inline-block;
}
button.btn_frmline {
	background: rgb(51, 51, 51); padding: 0px 5px; border: 0px currentColor; border-image: none; height: 1.9em; color: rgb(255, 255, 255); line-height: 1.9em; letter-spacing: -0.1em; text-decoration: none; vertical-align: top; display: inline-block;
}
button.btn_frmline {
	font-size: 1em;
}
a.btn_b01 {
	background: rgb(242, 245, 249); margin: 0px 0px 3px; padding: 8px 7px 7px; border: 1px solid rgb(217, 222, 217); border-image: none; color: rgb(0, 0, 0); text-decoration: none; vertical-align: middle; display: inline-block;
}
a.btn_b01:focus {
	text-decoration: none;
}
.btn_b01:hover {
	text-decoration: none;
}
a.btn_b02 {
	background: rgb(75, 84, 94); margin: 0px 0px 3px; padding: 8px 7px 7px; border: 1px solid rgb(59, 60, 63); border-image: none; color: rgb(255, 255, 255); text-decoration: none; vertical-align: middle; display: inline-block;
}
a.btn_b02:focus {
	text-decoration: none;
}
.btn_b02:hover {
	text-decoration: none;
}
a.btn_admin {
	background: rgb(232, 24, 12); margin: 0px 0px 3px; padding: 8px 7px 7px; border: 1px solid rgb(232, 24, 12); border-image: none; color: rgb(255, 255, 255); text-decoration: none; vertical-align: middle; display: inline-block;
}
a.btn_admin:focus {
	text-decoration: none;
}
a.btn_admin:hover {
	text-decoration: none;
}
.cnt_cmt {
	margin: 0px 0px 0px 3px; font-weight: bold; display: inline-block;
}
.tbl_wrap {
	margin: 0px 10px 10px;
}
.tbl_wrap table {
	width: 100%; border-collapse: collapse; border-spacing: 0;
}
.tbl_wrap caption {
	padding: 10px 0px; text-align: left; color: rgb(75, 139, 153); font-weight: bold;
}
.tbl_head01 {
	
}
.tbl_head01 caption {
	padding: 0px 0px 10px; text-align: left; color: rgb(119, 119, 119);
}
.tbl_head01 thead th {
	background: rgb(229, 236, 239); padding: 12px 0px; text-align: center; color: rgb(56, 56, 56); letter-spacing: -0.1em; font-size: 0.95em; border-top-color: rgb(209, 222, 226); border-bottom-color: rgb(209, 222, 226); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.tbl_head01 thead a {
	color: rgb(56, 56, 56);
}
.tbl_head01 thead th input {
	vertical-align: top;
}
.tbl_head01 tfoot th {
	background: rgb(72, 72, 72); color: rgb(255, 255, 255); border-top-color: rgb(102, 102, 102); border-bottom-color: rgb(102, 102, 102); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.tbl_head01 tfoot td {
	background: rgb(72, 72, 72); border-color: rgb(102, 102, 102); text-align: center; color: rgb(255, 255, 255); font-weight: bold;
}
.tbl_head01 tbody th {
	padding: 5px 0px; border-top-color: rgb(233, 233, 233); border-bottom-color: rgb(233, 233, 233); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.tbl_head01 td {
	padding: 5px; line-height: 1.5em; border-top-color: rgb(233, 233, 233); border-bottom-color: rgb(233, 233, 233); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; -ms-word-break: break-all;
}
.tbl_head02 {
	
}
.tbl_head02 caption {
	padding: 0px 0px 10px; text-align: left; color: rgb(119, 119, 119);
}
.tbl_head02 thead th {
	background: rgb(229, 236, 239); padding: 5px 0px; text-align: center; color: rgb(56, 56, 56); letter-spacing: -0.1em; font-size: 0.95em; border-top-color: rgb(209, 222, 226); border-bottom-color: rgb(209, 222, 226); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.tbl_head02 thead a {
	color: rgb(56, 56, 56);
}
.tbl_head02 thead th input {
	vertical-align: top;
}
.tbl_head02 tfoot th {
	background: rgb(72, 72, 72); color: rgb(255, 255, 255); border-top-color: rgb(102, 102, 102); border-bottom-color: rgb(102, 102, 102); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.tbl_head02 tfoot td {
	background: rgb(72, 72, 72); border-color: rgb(102, 102, 102); text-align: center; color: rgb(255, 255, 255); font-weight: bold;
}
.tbl_head02 tbody th {
	padding: 5px 0px; border-top-color: rgb(233, 233, 233); border-bottom-color: rgb(233, 233, 233); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.tbl_head02 td {
	padding: 5px 3px; line-height: 1.4em; border-top-color: rgb(233, 233, 233); border-bottom-color: rgb(233, 233, 233); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; -ms-word-break: break-all;
}
.tb_outline .div_tb_tr img {
	width: auto; vertical-align: middle;
}
.tbl_frm01 {
	
}
.tbl_frm01 th {
	border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: rgb(233, 233, 233) rgb(233, 233, 233) rgb(233, 233, 233) currentColor; padding: 10px 0px; border-image: none; width: 90px; text-align: left;
}
.tbl_frm01 td {
	background: none; padding: 10px 5px; border-top-color: rgb(233, 233, 233); border-bottom-color: rgb(233, 233, 233); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.tbl_frm01 textarea {
	background: rgb(247, 247, 247); border: 1px solid rgb(228, 234, 236); border-image: none; line-height: 1.8em; vertical-align: middle; -webkit-appearance: none;
}
.frm_input {
	background: rgb(247, 247, 247); border: 1px solid rgb(228, 234, 236); border-image: none; line-height: 1.8em; vertical-align: middle; -webkit-appearance: none;
}
.tbl_frm01 textarea {
	width: 100%; height: 100px;
}
.tbl_frm01 a {
	text-decoration: none;
}
.tbl_frm01 .frm_file {
	width: 100%; margin-bottom: 5px; display: block;
}
.tbl_frm01 .frm_info {
	padding: 5px 0px 0px; color: rgb(102, 102, 102); line-height: 1.3em; display: block;
}
.required {
	background: url("../img/wrest.gif") no-repeat right top rgb(247, 247, 247) !important;
}
textarea.required {
	background: url("../img/wrest.gif") no-repeat right top rgb(247, 247, 247) !important;
}
.td_board {
	width: 120px; text-align: center;
}
.td_category {
	width: 80px; text-align: center;
}
.td_chk {
	width: 30px; text-align: center;
}
.td_date {
	width: 60px; text-align: center;
}
.td_datetime {
	width: 150px; text-align: center;
}
.td_group {
	width: 100px; text-align: center;
}
.td_mb_id {
	width: 100px; text-align: center;
}
.td_mng {
	width: 80px; text-align: center;
}
.td_name {
	width: 100px; text-align: left;
}
.td_nick {
	width: 100px; text-align: center;
}
.td_num {
	width: 50px; text-align: center;
}
.td_numbig {
	width: 80px; text-align: center;
}
.td_stat {
	width: 60px; text-align: center;
}
.txt_active {
	color: rgb(93, 145, 11);
}
.txt_done {
	color: rgb(232, 24, 12);
}
.txt_expired {
	color: rgb(204, 204, 204);
}
.txt_rdy {
	color: rgb(138, 188, 42);
}
.new_win {
	
}
.new_win #win_title {
	margin: 0px 0px 20px; padding: 20px; font-size: 1.2em; border-top-color: rgb(78, 93, 96); border-bottom-color: rgb(233, 233, 233); border-top-width: 3px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.new_win #win_title .sv {
	line-height: 1.2em; font-size: 0.75em;
}
.new_win .tbl_wrap {
	margin: 0px 20px;
}
.new_win .win_ul {
	background: rgb(72, 72, 72); list-style: none; margin: -20px 0px 20px; padding: 0px 20px; border-bottom-color: rgb(69, 82, 85); border-bottom-width: 1px; border-bottom-style: solid;
}
.new_win .win_ul::after {
	clear: both; display: block; visibility: hidden; content: "";
}
.new_win .win_ul li {
	margin-left: -1px; float: left;
}
.new_win .win_ul a {
	padding: 10px; color: rgb(255, 255, 255); font-weight: bold; text-decoration: none; border-right-color: rgb(69, 82, 85); border-left-color: rgb(69, 82, 85); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; display: block;
}
.new_win .win_desc {
	padding: 10px 20px;
}
.new_win .win_btn {
	margin: 20px; text-align: center; clear: both;
}
.new_win .win_btn a {
	background: rgb(102, 102, 102); padding: 0px 10px; height: 2.5em; color: rgb(255, 255, 255); line-height: 2.5em; text-decoration: none; vertical-align: middle; display: inline-block;
}
.new_win .win_btn button {
	background: rgb(102, 102, 102); padding: 0px 10px; border: 0px currentColor; border-image: none; height: 2.5em; color: rgb(255, 255, 255); line-height: 2.5em; text-decoration: none; display: inline-block;
}
.new_win .win_btn input {
	padding: 0px 10px; height: 2.5em; line-height: 2.5em;
}
.sch_word {
	color: rgb(255, 48, 97);
}
.sv_wrap {
	font-weight: normal; display: inline-block; position: relative;
}
.sv_wrap .sv {
	margin: 5px 0px 0px; border: 1px solid rgb(40, 54, 70); border-image: none; display: none; z-index: 1000;
}
.sv_wrap .sv a {
	background: rgb(17, 17, 17); margin: 0px; padding: 3px; width: 94px; color: rgb(255, 255, 255) !important; border-bottom-color: rgb(40, 54, 70); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block;
}
.sv_wrap a:focus {
	text-decoration: none;
}
.sv_wrap a:hover {
	text-decoration: none;
}
.sv_wrap a:active {
	text-decoration: none;
}
.sv_on {
	left: 20px; top: 10px; width: auto; height: auto; display: block !important; position: absolute;
}
.sv_nojs .sv {
	display: block;
}
.pg_wrap {
	margin: 0px; padding: 20px 0px 0px; text-align: center; clear: both;
}
.pg {
	margin: 0px 10px; vertical-align: top; display: inline-block;
}
.pg_page {
	padding: 0px 8px; height: 25px; color: rgb(0, 0, 0); letter-spacing: 0px; vertical-align: middle; display: inline-block;
}
.pg_page2 {
	padding: 0px 8px; height: 25px; color: rgb(0, 0, 0); letter-spacing: 0px; vertical-align: middle; display: inline-block;
}
.pg_current {
	padding: 0px 8px; height: 25px; color: rgb(0, 0, 0); letter-spacing: 0px; vertical-align: middle; display: inline-block;
}
.pg a:focus {
	text-decoration: none;
}
.pg a:hover {
	text-decoration: none;
}
.pg_page {
	background: rgb(228, 234, 236); text-decoration: none;
}
.pg_page2 {
	background: rgb(228, 234, 236); text-decoration: none;
}
.pg_start {
	
}
.pg_prev {
	
}
.pg_end {
	
}
.pg_next {
	
}
.pg_current {
	background: rgb(51, 51, 51); margin: 0px 4px 0px 0px; color: rgb(255, 255, 255); font-weight: normal; display: inline-block;
}
#device_change {
	margin: 5px; padding: 5px 0px; border-radius: 2em; border: 1px solid rgb(238, 238, 238); border-image: none; text-align: center; color: rgb(0, 0, 0); font-size: 1em; text-decoration: none; display: block;
}
.layer_popup {
	margin: 0px; padding: 0px !important; overflow: hidden !important; display: none;
}
.layer_popup iframe {
	border: 0px currentColor; border-image: none; width: 100%; height: 100%; box-sizing: border-box;
}
.layer_box {
	padding: 20px; width: 100%; height: 100%; overflow: hidden; display: block; box-sizing: border-box;
}
.layer_box > header {
	display: none;
}
.layer_box > .layer_cnt {
	overflow: hidden; display: block;
}
.layer_box textarea {
	padding: 10px; outline: 0px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 100%; height: 310px; -ms-overflow-y: auto; box-sizing: border-box; -webkit-box-sizing: border-box; resize: none; -moz-box-sizing: border-box;
}
.layer_box .email_area {
	margin: 0px; padding: 0px; width: 100%; height: 300px; overflow: hidden; display: table; border-collapse: collapse; border-spacing: 0;
}
.layer_box .email_area .email_box {
	padding: 30px 0px; width: 100%; text-align: center; overflow: hidden; vertical-align: middle; display: table-cell;
}
.layer_box .email_area .email_box .big_txt {
	color: rgb(34, 34, 34); font-size: 20px; font-weight: 700; margin-bottom: 20px;
}
.layer_box .email_area .email_box .normal_txt {
	margin: 0px 10%; text-align: justify; color: rgb(85, 85, 85); line-height: 1.5; font-size: 15px; -ms-word-break: keep-all;
}
.layer_box .sitemap {
	border: 1px solid rgb(221, 221, 221); border-image: none; width: 24%; height: auto; overflow: hidden; margin-right: 1%; margin-bottom: 1%; float: left; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.layer_box .sitemap dt {
	padding: 5px; text-align: left; color: rgb(0, 0, 0); font-size: 0.87em; font-weight: 700; border-bottom-color: rgb(183, 183, 183); border-bottom-width: 1px; border-bottom-style: dotted;
}
.layer_box .sitemap dd {
	margin: 0px; padding: 5px;
}
.layer_box .sitemap dd > ul {
	list-style: none; margin: 0px; padding: 0px; overflow: hidden; display: block;
}
.layer_box .sitemap dd > ul > li {
	margin: 0px; padding: 0px; overflow: hidden; display: block;
}
.layer_box .sitemap dd > ul > li > a {
	padding: 5px; color: rgb(102, 102, 102); overflow: hidden; font-size: 0.87em; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: dotted; display: block;
}
.layer_box .sitemap dd > ul > li:nth-last-child(1) a {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.layer_box :nth-child(4n+4).sitemap {
	margin-right: 0px;
}
.layer_box .t_depth_menu {
	background: rgb(244, 244, 244); padding: 7px 5px !important;
}
.layer_box .t_depth_menu > li {
	margin: 0px; padding: 0px; overflow: hidden; display: block;
}
.layer_box .t_depth_menu > li > a {
	padding: 5px; color: rgb(102, 102, 102); overflow: hidden; font-size: 0.81em; display: block;
}
.layer_box .t_depth_menu > li:nth-last-child(1) > a {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.layer_box .f_depth_menu {
	background: rgb(255, 255, 255); padding: 5px !important;
}
.layer_box .f_depth_menu > li {
	margin: 0px; padding: 0px; overflow: hidden; display: block;
}
.layer_box .f_depth_menu > li > a {
	padding: 5px; overflow: hidden; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: dotted; display: block;
}
.layer_box .f_depth_menu > li:nth-last-child(1) > a {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.ui-widget-overlay {
	background: rgba(0, 0, 0, 0.7);
}



/* 로그인 탭 
.loginTab {
	margin-top: 20px; margin-bottom: 60px;
}
.loginTab ul::after {
	clear: both; display: block; content: "";
}
.loginTab ul li {
	border-top: 1px solid rgb(223, 223, 223); border-left: 1px solid rgb(223, 223, 223); border-right: 1px solid rgb(223, 223, 223); border-bottom: 2px solid rgb(0, 121, 194); border-image: none; width: 33%; margin-left: 0; float: left;
}
.loginTab ul li:first-child {
	margin-left: 0px;
}
.loginTab ul li a {
	padding: 13px 0px; text-align: center; color: rgb(144, 144, 144); font-size: 16px; font-weight: bold; display: block;
}
.loginTab ul li a:hover {
	background:#e9f5fb; color: rgb(0, 121, 194); 
}
.loginTab ul li.check {
	border-top: 2px solid rgb(0, 121, 194); border-left: 2px solid rgb(0, 121, 194); border-right: 2px solid rgb(0, 121, 194); border-bottom: 1px solid rgb(255, 255, 255);border-image: none; background:#e9f5fb
}
.loginTab ul li.check a {
	color: rgb(0, 121, 194);
}*/



.loginTab {
	margin-top: 20px; margin-bottom: 60px;
}
.loginTab ul::after {
	clear: both; display: block; content: "";
}
.loginTab ul li {
	border-top: 1px solid rgb(223, 223, 223); border-left: 1px solid rgb(223, 223, 223); border-right: 1px solid rgb(223, 223, 223); border-bottom: 2px solid rgb(0, 121, 194); border-image: none; width: 33%; margin-left: 0; float: left;
}
.loginTab ul li:first-child {
	margin-left: 0px;
}
.loginTab ul li a {
	padding: 13px 0px; text-align: center; color: rgb(144, 144, 144); font-size: 16px; font-weight: bold; display: block;
}
.loginTab ul li a:hover {
	background:#e9f5fb; color: rgb(0, 121, 194); 
}
.loginTab ul li.check {
	border-top: 2px solid rgb(0, 121, 194); border-left: 2px solid rgb(0, 121, 194); border-right: 2px solid rgb(0, 121, 194); border-bottom: 1px solid rgb(255, 255, 255);border-image: none; background:#e9f5fb
}
.loginTab ul li.check a {
	color: rgb(0, 121, 194);
}


@media all and (max-width:1000px)
{

.loginTab ul li a {
	font-size: 12px;
}
}


@media all and (max-width:800px)
{

.loginTab {
	margin-bottom: 30px;
}
.loginTab ul {
	text-align: center;
}
.loginTab ul li {
	margin: 0px 2% 10px; width: 95%; float: none; display: inline-block;
}
.loginTab ul li:first-child {
	margin-left: 2%;
}

}


/* 사이트맵 팝업 */
	.pop_bg {
		position:fixed; display:none; left:0; right:0; top:0; bottom:0; z-index:100;
		background:rgba(0,0,0,0.4);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000);
	}
	.layer_box {
		position:fixed; display:block; left:0; right:0; top:0; bottom:0; width:1000px; max-width:1000px; height:500px; max-height:500px; margin:auto auto; padding:30px; background:#fff; z-index:101;
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;overflow-y:hidden;}
	}
	.layer_box > h3 { margin-bottom:40px; font-size:30px; color:#111; font-weight:700; }
	.layer_box .btn_close { position:absolute; display:block; width:35px; height:35px; right:0; top:0; background:#000; overflow:hidden; font-size:0;line-height:0;}
	.layer_box .btn_close:after {content:"X";display:block;font-size:20px;font-weight:700;color:#fff;text-align:center;line-height:32px;}
	.layer_box .div_outline { display:block; /*height:360px; overflow-y:auto;*/ border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	.layer_box .div_outline:after { display:block; content:""; clear:both; }
	.layer_box .div_outline_padding { display:block; height:360px; padding:20px; border:1px solid #ddd; overflow-y:auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	.layer_box .div_outline_padding:after { display:block; content:""; clear:both; }

	.layer_box .sitemap { display:block; float:left; width:24.15%; height:auto; margin-right:1%; margin-bottom:1%; border:1px solid #ddd; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	.layer_box .sitemap dt { padding:3px 3px; font-size:16px; color:#1a71c4; font-weight:700; text-align:left; border-bottom:1px dotted #b7b7b7; }
	.layer_box .sitemap dd { margin:0; padding:3px 3px; font-size:15px; }
	.layer_box .sitemap dd > ul { display:block; list-style:none; margin:0; padding:0; overflow:hidden; }
	.layer_box .sitemap dd > ul > li { display:block; margin:0; padding:0; overflow:hidden; }
	.layer_box .sitemap dd > ul > li > a { display:block; padding:3px 3px; font-size:0.93em; border-bottom:1px dotted #ddd; overflow:hidden; }
	.layer_box .sitemap dd > ul > li >  a:hover{ color:#000}
    
	
	


	.layer_box .sitemap dd > ul > li:nth-last-child(1) a { border-bottom:0; }
	.layer_box .sitemap:nth-child(4n+4) { margin-right:0; }

	.layer_box .t_depth_menu { padding:5px !important; background:#f4f4f4; }
	.layer_box .t_depth_menu > li { display:block; margin:0; padding:0; overflow:hidden; }
	.layer_box .t_depth_menu > li > a { display:block; padding:5px 5px; border-bottom:1px dotted #ddd; overflow:hidden; }
	.layer_box .t_depth_menu > li:nth-last-child(1) > a { border-bottom:0; }

	.layer_box .f_depth_menu { padding:5px !important; background:#fff; }
	.layer_box .f_depth_menu > li { display:block; margin:0; padding:0; overflow:hidden; }
	.layer_box .f_depth_menu > li > a { display:block; padding:5px 5px; border-bottom:1px dotted #ddd; overflow:hidden; }
	.layer_box .f_depth_menu > li:nth-last-child(1) > a { border-bottom:0; }


	/* 사이트맵의 각 열별 높이값을 지정해준다. 총 4열까지 지정하며 이후 추가되는 부분은 _숫자th 로 클래스를 생성한다. */
	.layer_box .sitemap_1stxxxx {/* height:250px; */height:auto;}
	.layer_box .sitemap_1st { height:300px;}
	.layer_box .sitemap_2nd { height:90px; }
	.layer_box .sitemap_3rd { height:270px; }
	.layer_box .sitemap_4th { height:270px; }
	.layer_box .sitemap_4th { height:270px; }


	.layer_sitemap { display:none; height:530px;max-height:600px;}
	.layer_sitemap .div_outline_padding {height:440px;}

	@media(max-width:1024px){
		.layer_box { width:auto; max-width:90%; height:auto; padding:10px; }
		.layer_box > h3 { margin-bottom:10px; padding:10px 0; font-size:1.4em; }
		.layer_box .btn_close { position:absolute; display:block; width:35px; height:35px; right:0; top:0; overflow:hidden; }
		.layer_box .div_outline { display:block; height:auto; border:1px solid #ddd; overflow-y:auto; }
		.layer_box .div_outline:after { display:block; content:""; clear:both; }
		.layer_box .email_area .email_box { padding:30px; }
		.layer_box .email_area .email_box .big_txt { font-size:1em; }
		.layer_email { max-height:300px; }
	}

	@media(max-width:640px){
		.layer_box .sitemap { width:49%;height:326px !important;}
		.layer_box .sitemap dd > ul > li > a { font-size:0.87em; }
	}

	@media(max-width:480px){
		.layer_box > h3 {font-size:16px;}
		.layer_box .btn_close {width:30px;height:30px;}
		.layer_box .btn_close:after {font-size:16px;line-height:30px;}
	}

	@media(max-width:414px){
		.layer_email { max-height:400px; }
	}

	@media (max-width:375px){
		.layer_box .div_outline_padding {padding:20px 10px;}
		.layer_box .sitemap {width:100%;margin:0 0 2%;height:auto !important;}
		.layer_box .email_area .email_box .big_txt {margin-bottom:10px;font-size:16px;}
		.layer_box .email_area .email_box .normal_txt {font-size:12px;}
	}

