@font-face {
    font-family: 'Pretendard-Regular';src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');font-weight: 400;font-style: normal;
}

/* =========================================================================================================
	Reset
========================================================================================================= */
body,html {width:100%;height:100%;}
body {font-size:14px;line-height:20px;color:#555;}
body,div,li,th,td,label,p,span,a,h1,h2,h3,h4,h5,table td, table th {font-size:14px;font-family:'Pretendard-Regular';}
body {width:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;}
fieldset,img {border:0 none;}
p	{ padding:10px 0 15px 0;}
i {font-style:normal;}
h1,h2,h3,h4,h5 {font-weight:normal;line-height:1;}
h3 {padding:2.5rem 0 1rem;font-size:1.5rem;letter-spacing:-1px;color:#333;font-weight:bold;}
h3 span {font-size:inherit;}
iframe {display:block;}

.h4 {clear:both;margin:2rem 0 1rem;border:1px solid #333; background:#555; text-indent:1rem;line-height:2rem;color:#fff;}
.h4.first {margin-top:0;}
.h4.type_white {display:inline-block;border:0;padding-right:.5rem;background:#fff;color:#161616;font-size:1.15rem;text-indent:0;font-weight:bold;}
.iframe .h4 {margin:0;}
@media screen and ( max-width:1024px ) {
	.h4 {margin-top:0;}
}

a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}

dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
address,caption,cite,code,dfn,em,var {font-style:normal;}
.hide {position:absolute;left:-9999px;top:-9999px;width:0;height:0;text-indent:-9999px;font-size:0;line-height:0;}
caption {display:none; visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
table {table-layout:fixed;width:100%;margin:0;padding:0;border-spacing:0;border:0;border-collapse:collapse;}
*+html table {border-collapse:collapse;}

.modal_popup h3, .dl.survey h5, input,select,textarea,button {font-family:'Pretendard-Regular';*font-family:dotum;}

@media \0screen {	h1,h2,h3,h4,h5,h6,.header,.box_right,.login_box,div,p,td,li,a{font-family:dotum, 돋움 !important;} 	}

/* 틀 */
.wrapper {width:100%;}
.contents {padding:4.3rem 0;}
.sub_cont {position:fixed;top:4.3rem;bottom:0;left:0;right:24rem;padding:0 2rem;overflow:auto;font-size:0;}
.sub_cont.w_full {right:0;}

@media screen and ( max-width:1024px ) {
   .sub_cont {padding:0 1rem;}
   .contents {padding-top:7.3rem;}
}
.iframe {overflow-x:hidden;}
.iframe .form_wrap, .selfframe .form_wrap {padding:0 1.2rem;}
.list_row2 {height:calc(100% - 15rem);}
.list_row2 .row1 {height:calc(100% - 20rem);}
.list_row2 .row2 {height:20rem;}

.selfframe {background:#f8f8f8;}
.selfframe .h4 {margin:0;}

/* 서브메뉴 */
.box_right {position:fixed;right:0;top:4.3rem;bottom:0;width:24rem;min-height:100px;border-left:1px solid #ccc;z-index:1;overflow-y:auto;}
.box_right iframe {overflow-x:hidden;}
.box_right h2 { position:relative;display:block;height:60px;padding:35px 0 0 30px;color:#555;font-size:25px;line-height:30px;font-weight:100;}
.box_right h2:after {content:'';position:absolute;left:30px;bottom:30px;width:115px;height:1px; background:#b6b6b6;}
.box_right .sub_scroll {overflow-y:auto;overflow-x:hidden;scrollbar-face-color:#191f38;scrollbar-highlight-color:#222a46;scrollbar-3dlight-color:#222a46;scrollbar-darkshadow-color:#222a46;scrollbar-shadow-color:#222a46;scrollbar-arrow-color:#555e7b;scrollbar-track-color:#222a46;}
.box_right ul {width:165px;padding:0 20px;}
.box_right li {clear:both;display:block;width:100%;padding-bottom:2px;}
.box_right li a{display:block;border:1px solid transparent;color:#222;font-size:14px;line-height:28px !important;text-indent:10px; font-weight:500; }
.box_right li a:hover {margin-right:10px;border:1px solid rgba(0,0,0,.3);}
.box_right li.on a {margin-right:0;border:1px solid #244194;background:#244194;color:#fff;font-weight:300;}

@media screen and ( max-width:1024px ) {
   .box_right {display:none;}
   .header .gnb {width:100%;padding:0;}
}

.box_center {float:left;width:45%;padding-right:3%;}

.center {text-align:center !important;}
.right {text-align:right !important;}
.wfull {width:100%;}
.hide {display:none;}

.txt_red {color:#ff1200;}
.txt_blue {color:#1859ff;}
.txt_purple {color:#af18b5;}
.txt_big {font-size:1rem;}
.txt_info {display:inline-block;padding-top:.3rem;font-size:.8rem;color:#777;}

.scrolling_x {overflow:auto;min-height:500px;}

.marginT0 {margin-top:0 !important;}

.empty_data {min-height:5rem;text-align:center;color:#999;}
table .empty_data {height:10rem !important;border-top:1px solid #555;}

.mo {display:none;}
@media screen and ( max-width:1024px ) {
   .mo {display:block;}
   .pc {display:none;}
}

fieldset {position:relative;padding:8px 20px 10px 20px;margin-bottom:18px;border:1px solid #e3e3e3;background:#f9f9f9;font-size:13px;line-height:36px;color:#666;*font-family:dotum;}
fieldset legend {display:none;}
fieldset span {padding-right:.5rem;vertical-align:middle;}
fieldset span:first-of-type {padding-left:0;}
fieldset i.space {padding:0 15px;}
fieldset .btn_search_wrap {display:inline-block;padding:0;font-size:0;vertical-align:middle;}
fieldset .group {display:inline-block;widrh:380px;white-space:nowrap;}
fieldset.writeform {background:#f9f9f9;}
fieldset.writeform button {height:2rem;}

input,select,textarea,button {vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline-width:0;border-radius:3px;vertical-align:middle;box-sizing:border-box;-webkit-box-sizing:border-box;}
button {border:0 none;background-color:transparent;cursor:pointer;white-space:nowrap;}
input[type=text], input[type=password], input[type=number] {max-width:100%;min-width:3rem;height:2rem;padding:0 .3rem;border:1px solid #bbb;background-color:#fff;color:#222;font-size:14px;line-height:2rem;}
input[type=text]:disabled, input[type=password]:disabled {background:#efefef;opacity:.2;filter:alpha(opacity=20);}
input[type=text]:focus {border:1px solid #999;}
input[type=password]:focus {border:1px solid #1c4fb9;}
input[type=submit] {-webkit-border-radius:0;border:0;border-radius:0;-webkit-appearance:none;}
input:-ms-input-placeholder {color:#bababa !important;}
input::-webkit-input-placeholder {color:#bababa;}
input::-moz-placeholder {color:#bababa;}
input[readonly] {background:#f7f9fa;border-color:#efefef;}

textarea {width:100%;resize:none;padding:13px 10px;border:1px solid #bbb;border-radius:0;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#333;font-size:14px;line-height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select {position:relative;display:inline-block;min-width:5rem;height:2rem;*height:auto;padding:0 1.5rem 0 .5rem;border:1px solid #bbb;background:url('/Mgn/images/select_arrow.png') no-repeat right center #fff;background-size:auto 1.5rem;color:#222; font-size:.9rem;;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; vertical-align:middle;}
select::-ms-expand {display: none;}
select:focus {border:1px solid #999;}
button {outline:0;vertical-align:middle;}

@media \0screen {	.select-design{height:auto;padding:7px 6px 7px 10px;} 	}

input[type=checkbox], input[type=radio] {position:absolute;	opacity:0;-webkit-opacity:0;-moz-opacity:0;	z-index:0;}
input[type=checkbox] + label, input[type=radio] + label  {position:relative;display:inline-block;min-height:1rem;margin:0;padding:.3rem .5rem .3rem 1.6rem;box-sizing:border-box;border:0;word-break:keep-all;cursor:pointer;vertical-align:middle;}
input[type=checkbox] + label:before {display: block;content: "";position: absolute;left:0;top:50%;width:1rem;height:1rem;background-color:#fff;border:1px solid #ccc;border-radius:0;transform:translateY(-50%);transition:all 0.2s ease-in;}
input[type=checkbox] + label:after, input[type=radio] + label:after {content:'';display:none;position:absolute;top:50%;left:.4rem;width:.3rem;height:.6rem;margin:-.5rem 0 0 0;border-color:#111;border-style:solid;border-width:0 .15rem .15rem 0 !important;transform:rotate(45deg);}
input[type=checkbox]:checked + label:before {transform:translateY(-50%);border-color:#555;}
input[type=checkbox]:checked + label:after, input[type=radio]:checked + label:after {display:block;}
input[type=checkbox] + label:last-child {padding-right:0 !important;}

input + label input {display:none;margin-left:5px;}
input:checked + label input {display:inline-block;}

input[type=radio] + label:before {display: block;content: "";position: absolute;left: 0;top:50%;width:1.1rem;height:1.1rem;border:1px solid #ccc;border-radius:50%;transform:translateY(-50%);transition: border 0.2s ease-in;}
input[type=radio]:checked + label:before {border-color:#333;}
label.block {display:block !important}
label.inline {display:inline-block !important}
input.date {width:125px;}
input.date[readonly] {background:#fff;border-color:#bbb;}

.input {border:#e1dfdb 1px solid;background: #f5f4f2;color:#666;}

/* 파일input 박스에 사용되는 스타일 */
div.fileinputs {position: relative;display:inline-block;overflow:hidden;height:2.5rem;cursor:pointer;vertical-align:middle;}
div.fakefile {position: relative;cursor:pointer;z-index:2;}
/*.file {position: absolute;top:0;left:0;right:0;bottom:0;filter:alpha(opacity: 0);opacity:0;-moz-opacity:0;z-index:1;cursor:pointer;}*/
.file {position:relative;padding-top:.5rem;overflow:hidden;}
.file label{height:1.8rem !important;line-height:1.8rem;cursor: pointer;} 
.file input[type="file"]{ position: absolute;z-index:-1;left:-.1rem;font-size:.9rem;}

/* 버튼 */ 
.btn_normal {display:inline-block;height:2.2rem;padding:0 15px;border:1px solid #c4c3c0;border-radius:3px;background:#e6e5e2;font-size:13px;color:#222;overflow:hidden;cursor:pointer;}
.btn_normal:hover {border:1px solid #7f7f7f;background:#919191;color:#fff;}
.btn_normal.ok {border:1px solid #002d65;background:#244194;color:#fff;}
.btn_normal.ok:hover {border:1px solid #002654;background:#002d65;color:#fff;}
.btn_normal.orange {border:1px solid #696b61;background:#888;color:#fff;}
.btn_normal.orange:hover {border:1px solid #4d4e47;background:#696b61;color:#fff;}
.btn_normal.grey, .btn_big.grey {border:1px solid #c4c3c0;background:#e6e5e2;color:#222;}
.btn_normal.grey:hover {border:1px solid #7f7f7f;background:#919191;color:#fff;}
.btn_normal.white {height:30px;line-height:28px;border:1px solid #ccc;background:#f9f9f9;color:#222;}
.btn_search {display:inline-block;width:2rem;height:2rem;border:0 solid #555;background:url('/Mgn/images/btn_search.png') no-repeat center center #555;font-size:0;line-height:0;color:#fff;overflow:hidden;}

.btn_wrap {clear:both;padding-top:1rem;/*border-top:1px solid #ccc;*/margin:1rem 0 0 0;text-align:center;}
.btn_wrap button { min-width:10rem;height:2.3rem;margin-bottom:.2rem;font-size:.9rem;}
.iframe .btn_wrap {padding:1rem 0;margin:0;}
.iframe .btn_wrap button {min-width:5rem;}

/* =========================================================================================================
	공통 메뉴
========================================================================================================= */
.header {position:fixed;top:0;left:0;width:100%;height:4.3rem;/*border-bottom:1px solid #d2d2d2;*/box-shadow:0 1px 7px rgba(0,0,0,.2); background:#fff;z-index:100;}
.header h1 {position:absolute;left:1.2rem;top:.87rem;cursor:pointer;}
.header h1 img {width:19.5rem;}

.header .header_info {position:absolute;right:0;top:0;}
.header .header_info li {position:relative;float:left;height:4.3rem;font-size:0;}
.header .header_info .user_info {min-width:140px;padding:15px 15px 0 15px;font-size:11px;color:#999;line-height:16px;text-align:center;}
.header .header_info .user_info img {width:41px;height:41px;border-radius:50px;overflow:hidden;vertical-align:middle;}
.header .header_info .user_info strong {display:inline-block;margin-left:10px;color:#7d7d7d;font-size:14px; line-height:41px;font-weight:500; vertical-align:middle;}
.header .header_info .btn_myview {display:inline-block;width:60px;height:50px;padding:0 !important;margin-top:10px;margin-left:10px;border:1px solid #ddd;font-size:13px;color:#535353;text-align:center;line-height:1.2;word-break:keep-all;white-space:pre-wrap;}
.header .header_info .btn_logout {display:inline-block;width:80px;height:4.3rem;background:url('/Mgn/images/btn_logout.png') center 13px no-repeat;font-size:11px;color:#8b8b8b; line-height:99px;*text-indent:0;overflow:hidden;}

@media screen and ( max-width:1024px ) {
   .header .header_info .user_info, .header h1 {display:none;}
   .header .header_info .btn_myview {display:none;}
}

/* 메뉴 */
.header .gnb {position:relative;width:27rem;margin:0 auto;padding:0 0 0 7rem;}
.header .gnb > ul > li {position:relative;float:left; display:inline-block;}
.header .gnb > ul > li > span {position:relative;display:inline-block;width:4.3rem;height:4.3rem;font-size:0;line-height:0;cursor:pointer; text-indent:-9999px;background-image:url(/Mgn/images/menu.png); background-repeat:no-repeat; vertical-align:middle;}
.header .gnb > ul > li:hover > span {background-color:#fff;}
.header .gnb > ul > li > span:after {content:'';display:none;position:absolute;left:40%;bottom:0;width:0;height:0;border-bottom:10px solid #244194;border-top:10px solid transparent;border-left:1rem solid transparent;border-right:1rem solid transparent;}
.header .gnb > ul > li:hover > span:after {display:block;}
.header .gnb li .m1 {background-position:0 0;}
.header .gnb li:hover .m1, .header .gnb li.on .m1 {background-position:-100px 0;}
.header .gnb li .m2 {background-position:0 -100px;}
.header .gnb li:hover .m2, .header .gnb li.on .m2 {background-position:-100px -100px;}
.header .gnb li .m3 {background-position:0 -200px;}
.header .gnb li:hover .m3, .header .gnb li.on .m3 {background-position:-100px -200px;}
.header .gnb li .m4 {background-position:0 -300px;}
.header .gnb li:hover .m4, .header .gnb li.on .m4 {background-position:-100px -300px;}
.header .gnb li .m5 {background-position:0 -400px;}
.header .gnb li:hover .m5, .header .gnb li.on .m5 {background-position:-100px -400px;}
.header .gnb li .m6 {background-position:0 -500px;}
.header .gnb li:hover .m6, .header .gnb li.on .m6 {background-position:-100px -500px;}
.header .gnb li ul { position:absolute;left:0;width:170px;height:0;padding:0;background:#244194;z-index:10;-webkit-transition:all .5s;-ms-transition:all .5s;transition:all .5s;overflow:hidden;opacity:0;}
.header .gnb li:hover ul {padding:20px 0 20px 0;height:inherit;opacity:1;}
/*.header .gnb li:hover ul.sub1 {height:60px;}
.header .gnb li:hover ul.sub2 {height:170px;}
.header .gnb li:hover ul.sub3 {height:170px;}
.header .gnb li:hover ul.sub4 {height:90px;}
.header .gnb li:hover ul.sub5 {height:320px;}
.header .gnb li:hover ul.sub6 {height:60px;}
.header .gnb li:hover li.title {margin-bottom:10px;font-size:18px;line-height:20px;color:#ffb480 !important; }
.header .gnb li:hover li.title span {display:inline-block;width:125px;border-bottom:1px solid #ffa566;}*/
.header .gnb li:hover li::after {display:none;}
.header .gnb li li {clear:both;display:block;padding:0 5px;}
.header .gnb li li a{display:block;color:#fff;font-size:.9rem;text-indent:20px;line-height:2rem;}
.header .gnb li li a:hover{background:#fff;color:#000;}

@media screen and ( max-width:1024px ) {
   .header .gnb li ul {display:none;width:100%;height:auto;}
   .header .gnb li ul li {float:left;clear:none;padding:0;}  
   .header .gnb li li a{line-height:3rem;padding-right:.5rem;}
   .header .gnb li.on ul {display:block;position:fixed;left:0;right:0;padding:0;opacity:1;}   
   .header .gnb > ul > li.on > span:after {display:block;}
}

/* =========================================================================================================
	로그인
========================================================================================================= */
.login_wrap {background:url('/Mgn_member/images/login_bg.jpg') no-repeat center center;background-size:cover;}
.login_wrap .wrapper {width:100%;height:100%;}
.login_wrap .contents {display:grid;height:100%;align-items:center;padding:0 !important;}
.login_box {position:relative;width:80%;max-width:55rem;margin:0 auto;background:#fff;box-shadow:0 0 4rem rgba(36,60,148,.2)}
.login_box h1 {padding:0;text-align:center;}
.login_box .login_text {position:absolute;left:4rem;top:45%;transform:translateY(-50%);z-index:1;}
.login_box .login_text h3 {/*padding-bottom:0;margin:0;font-weight:bold;font-size:1.3rem;*/width:20rem;text-align:center;}
.login_box .login_text h3 img {/*height:2.5rem;margin-bottom:2rem;*/}
.login_box .login_text p {font-size:1.05rem;color:#999;}
.login_box .login_cont {position:relative;padding:6rem 6rem 6rem 31rem;}
.login_box .login_cont:before {content:'Login';display:inline-block;position:absolute;left:-1.3rem;bottom:-1.3rem;font-size:6rem;line-height:1;color:#244194;font-weight:bold;}
.login_box .login_cont input {width:100%;height:3.2rem;margin:0 0 .5rem;border-width:0 0 1px 0;border-radius:0;background:transparent;border-color:#244194;font-size:1.05rem;}
.login_box .login_cont input:focus {border-color:#244194;}
.login_box .login_cont button {width:100%;height:4rem;margin-top:1rem;border:0;background:#244194;color:#fff;font-size:.8rem;}
.login_box .copy {padding:15px 0 40px 0;font-size:12px;color:#999;text-align:center;}
.login_box .txt {color:#999;}
.login_box .txt.error {color:#ff0000;}
@media screen and ( max-width:1024px ) {
	.login_box .login_text {position:relative;left:auto;top:auto;transform:none;text-align:center;}
	.login_box .login_text h3 {padding-top:4.5rem;}
	.login_box .login_cont:before {bottom:-2.3rem;}
	.login_box .login_cont {position:relative;padding:1rem 4rem 6rem;}
}

/* =========================================================================================================
	sub
========================================================================================================= */
.box.col2 {display:inline-block;width:47%;vertical-align:top;}
.box.col2 + .box {margin-left:4%;}
.box .btn_wrap {border:0;margin:0;text-align:left;}
.box .btn_wrap button {min-width:auto;height:2rem;font-size:.8rem;}

@media screen and ( max-width:1024px ) {
	.box.col2 {width:100%;margin:0 !important;}
	.box.col2 + .box {padding-top:2rem;}
}

/* 라벨 */ 
.label {display:inline-block;padding:.3rem 1rem;border:1px dashed #ddd;border-radius:4rem;background:#fff;font-weight:bold;text-align:center !important;}
.label.mini {border:1px solid #ddd;padding:0 .4rem;margin-right:.3rem;font-size:.8rem;border-radius:.2rem;line-height:1.4;color:#555;font-weight:normal;vertical-align:middle;}

.form_wrap {border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:1rem 0;}
.form_wrap td {padding:.4rem 0;font-size:1rem;}
.form_wrap .input_title { width:10rem;padding-top:.6rem;font-size:.9rem;color:#888;vertical-align:top;}
.form_wrap .input_title.padd {padding-left:30px;}
.form_wrap .input_title strong, .star {color:#ff3c00;}
.form_wrap input + .join_label 	{ display:block; height:30px; padding:10px 0 0 25px; margin:2px 0 4px 0; color:#666; font-size:12px; text-align:center; background:#fff; border:1px solid #ccc; vertical-align:middle;  opacity:0.4; _opacity:0.4; }
.form_wrap input:checked + .join_label 	{ opacity:1; _opacity:1;color:#222; }
.form_wrap td button {height:2rem;}
.form_wrap.width5 .input_title {width:6.5rem;}
.form_wrap.width5 select {min-width:auto;}

@media screen and ( max-width:1024px ) {
	.form_wrap .input_title, .form_wrap th { width:5rem;}
}

.board_info {position:relative;min-height:2.5rem;padding-bottom:5px;}
.board_info .btn_right {position:absolute;right:0;bottom:.5rem;}
.board_info .btn_right button {height:1.8rem;}
.board_info .total {padding-right:10px;font-size:12px;color:#999; line-height:18px;}
.board_info .total strong {color:#222;}
.board_info select, .paging select {font-size:12px;font-weight:normal;}

.tbl_normal thead th {position:relative;height:30px;background:#244194;border-top:1px solid #555;border-bottom:1px solid #dfdfdf;font-size:.85rem;color:#fff;font-weight:400;line-height:30px;text-align:center;white-space:nowrap;}
.tbl_normal thead th a {color:#fff;}
.tbl_normal thead th.left {padding-left:1rem !important;text-align:left;}
.tbl_normal thead th.line_r, .tbl_normal tbody td.line_r {border-right:1px solid #dfdfdf;}
.tbl_normal thead th.right {padding-right:1rem !important;}
.tbl_normal tbody td {height:1.5rem;padding:.3rem 0;border-bottom:1px solid #f1f1f1;background:#fff;word-break:keep-all;word-wrap:break-word;text-align:center;color:#161616;line-height:1.1;}
.tbl_normal tbody td.date {color:#7b7b7b; font-size:12px;}
.tbl_normal tbody td strong {font-weight:500;}
.tbl_normal tbody td b {font-size:15px;}
.tbl_normal tbody td.text_cont {padding:12px 10px 10px 10px;text-align:left;}
.tbl_normal tbody td select {height:1.7rem;}
.tbl_normal.td_padd0 tbody td {height:1.8rem;padding:0;text-align:left;}
.tbl_normal input[type=checkbox] {width:20px;height:20px;}
.tbl_normal input[type=checkbox]:checked {background-size:14px 14px; background-position:center center;}
.tbl_normal tbody td .link {position:relative;font-weight:bold;font-size:.9rem;}
.tbl_normal tbody td .link:after {content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#aaa;}
.tbl_normal input[type=checkbox] + label {display:block;}
.tbl_normal tbody td.right {padding-right:1rem !important;text-align:right;}
.tbl_normal tbody td.left {padding-left:1rem !important;text-align:left;}
.tbl_normal tbody td button {height:1.8rem;}
.tbl_normal tbody tr:nth-child(even) td {background:#f5f5f5;}
.tbl_normal tbody .sum td {position:relative;padding-top:1rem !important;padding-bottom:1rem !important;background:#faf0f0 !important;border-bottom:1px solid #555;}
.tbl_normal tbody .sum td:before {content:'';position:absolute;left:0;right:0;top:0;height:1px;background:#555;}
.tbl_normal tbody .sum td b {font-size:1.1rem;}
.tbl_normal tbody td.address {position:relative;}
.tbl_normal tbody td.address .btn_view {display:none;position:absolute;top:0;right:3rem;width:25rem;border:1px solid #ddd;padding:.7rem .5rem;background:#fff;z-index:10;text-align:left;}
.tbl_normal tbody td.address button {padding:0 5px}
.tbl_normal tbody td.address button:hover + .btn_view, .tbl_normal tbody td.address button + .btn_view:hover {display:block;}
.tbl_normal tbody tr.txt_big td .link {font-size:1rem;}
.tbl_normal tbody tr.selected td, .tbl_normal tbody tr:hover td {background:#e3eef6;}
.tbl_normal tbody td .johab {display:block;padding-top:.2rem;font-size:.8rem;color:#777;}
.tbl_normal .leftbar {border-left:1px solid #ccc;}

.tbl_normal.txt_small td {font-size:.8rem;white-space:nowrap;}
.tbl_normal.txt_small tbody .sum td {font-weight:bold;color:#111;}
.tbl_normal.txt_small tbody td.right {padding-right:.3rem !important;padding-left:.2rem !important;}

.tbl_normal.product thead th .pc {position:absolute;right:0;top:.35rem;width:10rem;font-size:12px;}
.tbl_normal.product tbody td {padding:.5rem 0;}
.tbl_normal.product .w1 {width:15%;}
.tbl_normal.product .w2 {width:9%;}
.tbl_normal.product input[type=checkbox] + label {display:inline-block;}
.tbl_normal.product tbody td.subject {text-align:left;cursor:pointer;}
.tbl_normal.product tbody td.subject a {display:block;position:relative;padding-right:10rem;}
.tbl_normal.product tbody td.subject a .person {position:absolute;right:0;top:.2rem;width:10rem;text-align:center;font-size:.8rem;}
.tbl_normal.product tbody td.subject a .person  b {font-size:.9rem;}
.tbl_normal.product tbody td .product_title {padding:0;font-size:1rem;color:#000;}
.tbl_normal.product tbody td .code {color:#888;font-size:.75rem;}
.tbl_normal.product tbody td .l_title {color:#777;font-size:.75rem;}
.tbl_normal.product tbody td .price {position:absolute;right:10rem;top:.7rem;text-align:right;}
.tbl_normal.product tbody td .price b {padding:0 .2rem 0 .5rem;font-weight:bold;font-size:1.2rem;color:#000;vertical-align:middle;}
.tbl_normal.product tbody td .link {font-size:1rem;}
.tbl_normal.product tbody td .link.mini {font-size:.85rem;}
.tbl_normal.product tbody .sum td b {font-size:1.5rem;}
.tbl_normal.product tbody .orderinfo td a {color:#3fb44b;}
.tbl_normal.product tbody .orderinfo td {display:none;}
.tbl_normal.product tbody .orderinfo.active td {display:table-cell;}
.tbl_normal.product tbody .orderinfo td {display:none;border-bottom:1px solid #aaa;background:#fff;}
.tbl_normal.product tbody .orderinfo.active td {background:#f5f5f5;font-size:.8rem;}

@media screen and ( max-width:1024px ) {
	.tbl_normal.product .w1 {width:30%;}
	.tbl_normal.product .w2 {width:22%;}
	.tbl_normal.product tbody td.subject .product_title {padding:.2rem 0 1rem;}
	.tbl_normal.product tbody td.subject a .person {position:absolute;}
	.tbl_normal.product tbody td.subject a {padding-right:0;}
	.tbl_normal.product tbody td.subject a .person {display:block;position:relative;right:auto !important;top:auto;width:auto;text-align:left;}
	.tbl_normal.product tbody td.subject a .l_title {display:inline-block;}
	.tbl_normal.product tbody td .price {position:relative;right:auto;top:auto;padding-bottom:.5rem;text-align:left;}
}

.change_form {padding:15px;margin-top:20px;background:#f9f9f9;}

.paging {position:relative;padding:1rem 0;}
.paging select {height:2.2rem;}
.paging .a_center {position:absolute;right:0;top:1rem;text-align:right;}
.paging ul {display:inline-block;vertical-align:middle;}
.paging ul:after {content:'';display:table;clear:both;}
.paging li {float:left;display:inline-block;vertical-align:middle;}
.paging li:last-child {margin-right:0;}
.paging li a {display:inline-block;width:30px;height:30px;font-size:0;color:#999;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;}
.paging li.paging-number {margin:0 15px;}
.paging li.paging-number a {float:left;min-width:30px;padding:0;line-height:30px;font-size:14px;}
.paging li.paging-number a:hover, .paging li.paging-number a.on {color:#222;font-weight:bold;}

@media screen and ( max-width:1024px ) {
	.paging .a_center {position:relative;}
}

.sms_list {padding:0 0 1rem;}
.sms_list button {margin:0 .5rem .5rem 0;}

/* =========================================================================================================
	팝업
========================================================================================================= */

.block_ui {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:500;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s;}
.modal_popup {display:none;position:fixed;left:50%;top:50%;padding:10px;background:#fff;z-index:600;font-size:0;}
.modal_popup h3 {padding-top:0;border:1px solid #ccc; background:#e4e4e4; font-size:14px; text-indent:20px;}
.modal_popup .pop_header .btn_pop_close {position:absolute;top:8px;right:15px;left:inherit;width:34px;height:34px;background:url('/Mgn/images/btn_pop_close.png') center center no-repeat;background-size:15px 15px;font-size:0;}
.modal_popup .pop_content {padding:10px 0;min-height:150px;max-height:700px;background:#fff;}
.modal_popup .btn_wrap {border:0;margin:0;padding-bottom:10px;}

/* 프린트시 */
@media print {
	.printarea .header, .printarea .box_right, .printarea .form_wrap .btn_wrap, .printarea fieldset, .printarea .paging {display:none;}
	.printarea .contents {padding:0;}
	.printarea .sub_cont {padding:0;min-width:900px;}
}

/* 게시판 */
.viewcont {padding:3rem 2rem;border-bottom:1px solid #ccc;font-size:.9rem;line-height:1.5;}
.viewcont * {font-size:110%;}
.viewcont .photobox {padding-top:1rem;}
.viewcont .photobox img {max-width:100%;margin-bottom:1rem;}
.viewtitle {border-top:1px solid #555;border-bottom:1px solid #ccc;padding:1rem;font-size:1.3rem;font-weight:bold;}
.viewinfo {padding:1rem;border-bottom:1px solid #eee;}
.viewinfo .space {display:inline-block;padding:0 15px;}

.commentbox {border:1px solid #ddd;background:#f5f5f5;}
.commentbox td {padding:1rem .2rem;text-align:center;}
.commentbox td button {height:4rem;}

.excelbox {border:1px solid #ddd;background:#f5f5f5;padding:1rem 2rem;}
.account > div {padding:.2rem 0;}

/* =========================================================================================================
	달력
========================================================================================================= */
.flatpickr-calendar {padding:1.3rem !important;}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {top:.5rem !important;}
.flatpickr-current-month {padding-top:0 !important;}

/*======================================================================================================================================================================================= 
	popup 
=======================================================================================================================================================================================*/
.modal-popup.modal-reset {display:block !important;position:relative !important;height:auto !important;}
.modal-popup {display:none;overflow-y:auto;overflow-x:hidden;position:fixed;left:50%;top:50%;width:auto;max-width:80%;max-height:80%;padding:1.5rem;border-radius:0.85rem;transform:translate(-50%,-50%);background:#fff;box-shadow:5px 5px 15px rgba(0,0,0,0.2);z-index:1000;-webkit-overflow-scrolling:touch;}
.modal-popup .pop-header {height:2.5rem;padding:0;vertical-align: middle;text-align:left;background:var(--txt-default);border-radius:0 !important;border:none !important;}
.modal-popup .pop-header .btn-pop-close {position:absolute;top:0;right:0;width:4rem;height:4rem;margin:0;background:url('/images/inc/pop_close.png') center center no-repeat;background-size:auto 1.5rem;font-size:0;line-height:0;text-indent:-999px;}
.modal-popup .pop-content {display:block;height:calc(100% - 100px);overflow-y:auto;font-size:16px;-webkit-overflow-scrolling:touch;}
.modal-popup .btn_wrap {padding-top:0;border:0;}

/* 레이어형 */
.block-ui, .pop_bg {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4); z-index:99;}
.block-ui {display:none;}

/* =========================================================================================================
	달력
========================================================================================================= */
.helloCalenderDiv {padding:10px 20px 20px 20px;margin-top:3px;background:#fff;border:1px solid #818691; z-index:1000;}
.hcTable {width:270px;border-collapse:collapse;}
.hcTitle {padding:0 1rem;font-size:1.3rem;}
.hcControlBar {padding:10px 0;}
.hcTable th { background-color:#eee; padding:5px 0px; font-size:.85rem;font-weight:normal;color:#888;}
.hcTable td { padding:.5rem 0; text-align:center; background-color:#fff;font-size:1rem; }
.hcPrev,.hcNext { cursor:pointer; }

.hcTable .Year {width:110px;}
.hcTable .Month {width:80px;}
.hcTable .mouseOver { background-color:#eaedf0; border-radius:5px; cursor:pointer; }
.hcTable .hcSun { color:#FF0000; }
.hcTable .hcSat { color:#1c4fb9; }
.hcTable .selectDay { background-color:#244194;color:#fff; border-radius:5px; overflow:hidden;}
.hcPrev {width:30px;height:30px;margin-right:20px;border-radius:50px;border:0;background:url('../images/icon_cal_prev.png') no-repeat center center #ced1d5; background-size:15px 15px; font-size: 0; color: #fff;}
.hcNext {width:30px;height:30px;margin-left:15px;border-radius:50px;border:0;background:url('../images/icon_cal_next.png') no-repeat center center #ced1d5; background-size:15px 15px; font-size: 0; color: #fff;}
.hcToday {margin-right:.5rem;border: 1px solid #ccc;background-color: white; font-size:.9rem;height:2rem;padding:0 1rem;}
.hcTable .noSelect { background-color:#EAEAEA; }


.formborderNon {border:1px solid #aaa;}