@charset "UTF-8";
@import url(font_common.css);
@import url(space.css);
@import url(popup.css);

/**** font import ****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input
{ margin: 0; padding: 0; border: 0; font-size:15px;vertical-align: baseline;font-family:'Lg400', Arial, Tahoma , SimSun, SimHei, Microsoft YaHei, Dotum, Gulim, sans-serif;font-weight:normal}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-family:'Lg600';}
img{vertical-align:top; border:none; }
hr,legend, caption {display:none;}
em, address{font-style:normal;}
strong {font-family: 'Lg400' !important;font-weight:bold;}
p {font-family: 'Lg400' !important;}
span {font-family: 'Lg400' !important;}
font {font-family: 'Lg400' !important;}
body {line-height: 1; font-family:'Lg400', Arial, Tahoma , SimSun, SimHei, Microsoft YaHei, Dotum, Gulim, sans-serif; font-weight:normal;color:#5d5c5c;word-break:break-word;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {width:100%;border-collapse:collapse; border-spacing:0;}
table th, table td{vertical-align:middle; word-break:break-word;}
table th {font-weight:bold; text-align:left; }
fieldset {border:0;padding:0; margin:0;}
legend {position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font-size:0;}
img{border:0;}
address { font-style:normal;}
ul {list-style:none;}
ol {list-style-position:outside; padding-left:24px;}

a {text-decoration:none; vertical-align:middle;color:#5d5c5c;cursor:pointer;}
a:hover{text-decoration:underline;}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clear_both {clear:both !important;}

/*form*/
input, select{vertical-align:middle;font-size:12px;}
input:focus{outline:none}
button{border:none; outline:none; cursor:pointer;}
select{background:transparent; border:none; color:#333; font: 12px 'Lg300'; height: 20px; padding:0 !important; }
textarea{font-family:'Lg300';}
input[type="checkbox"] + label, 
input[type="radio"] + label{margin-left:5px;vertical-align:middle;}
input[type="text"] {border:1px solid #d3d3d3;padding:0 5px;height:25px;}
input[type="password"] {border:1px solid #d3d3d3;padding:0 5px;height:25px;}
input[type="button"] {background:#f2f2f2;height:27px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #f2f2f2;font-size:14px;border:1px solid #c4c4c4}
.input_box {display:inline-block; position:relative; padding:5px;overflow:hidden;border:solid #ccc 1px; line-height:13px; background:#FFF;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/*hidden*/
.lg_hidden{position:absolute; left:-9999999px; overflow:hidden; }
.v_hidden{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; padding:0px; margin:0px;}

/* common */
.text_al {text-align:left !important;}
.text_ar {text-align:right !important;}
.text_ac {text-align:center !important;}
.text_aj {text-align:justify !important;}

.divinlie {display:inline-block;}
.float_left {float:left !important;}
.float_right {float:right !important;}
.float_none {float:none !important;}
.clear_both {clear:both !important;}
.clear_right {clear:right !important;}
.clear_left {clear:left !important;}
.last {margin-right:0px !important; background:none !important;}

.list_style {list-style:none;}
.letter_1 { letter-spacing:-1px;}
.letter_2 { letter-spacing:-2px;}
.under_line {text-decoration:underline !important}

.bg_lgc {background:#fef6f9 !important}
.b_line {border-bottom: 1px solid #dadada; }

/*************** layout *****************/
/* header */
.smenu div.log {display:inline-block;vertical-align:top;padding:10px 0 0;}
.smenu div.log span {display:inline-block;padding:0 3px;font-size:12px;border-left:1px solid #7e7e7e;}
.smenu div.log span:first-child {border-left:0 none;;padding:0 3px 0 0;}
.smenu div.ss1 {text-align:right}
.smenu div.ss2 {display:inline-block;vertical-align:top;}
.search_box {display:inline-block;vertical-align:top;}
.head_search_box {position:relative;width:162px;height:36px;text-align:left !important;border:1px solid #dadada;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background:#fff}
.head_search_box .input_box{position:relative;left:0;text-align:left !important;height:25px; margin:5px 0 0 5px; border:none;width:70%;background:transparent; line-height:18px; color:#4c4c4c;font-size:14px;}
.head_search_box .search_btn{position:absolute; top:5px; right:5px;}
.head_search_box label{visibility:hidden;position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; text-indent:-9999px;}

.head_quick {display:inline-block;vertical-align:top;border:1px solid #dadada;background:#fff;height:36px;width:162px;margin-left:5px;}
.familySiteTitle {padding-left:10px;width:162px;line-height:36px;display:inline-block;background:url(../../../images/legacy/bg_site.png) no-repeat 91% 12px;text-align:left;font-size:14px;}
.etcLink {position:relative;width:95%; z-index: 10000;}
.etcLink ul {margin:0;padding:0;}
.etcLink ul.dropdown li a {display:inline-block;width:162px !important;}
.dropdown-menu {color: #9B9A9A; position: absolute;left:0;z-index: 10000; display: none; width: 162px;list-style: none; border: 1px solid #dadada; border-top: none;background:#fff;}
.dropdown-menu li {padding:3px 5px;margin:0;overflow:hidden;font-family:'LGSmHaL';text-align:left;}
.dropdown li a {color: #595959;background: transparent;font-size:14px !important;letter-spacing:-0.05em}
.dropdown li a:hover {color:#c31c4b;}
.dropdown{position: absolute; margin-left: -1px;}
.dropBtn {position:absolute;top:12px; right:4px;}

.etcLink .lui-close {text-align:right;}
.btnclose {cursor:pointer;width:100%;display:block;padding:3px 10px;}

/* search */
#akcDiv {width:100%;border: 1px solid #dadada;margin-top:4px;}
#akcDiv ol {width:100%;}
#akcDiv li a {display:block;color:#666;font-size:12px;}
#akcDiv li {padding:5px 10px;line-height:1.2em;list-style:none;}

/* contents */
.container { margin:0 auto;padding:0;position:relative;}
.container:before, .container:after { content: " "; display: table;}
.container:after { clear: both;}

/* calendar */
.calendarCloseBoxX {height:18px;width:30px;float:right;position:relative;cursor:pointer;padding-top:5px;}
.calTh {width:30px;height:23px;text-align:center;cursor:default;padding:0;background:#7777ff;font-weight:bold;color:#ffffff;font-size:9pt;border:1px solid #eeeedd;}
.calTd {width:30px;height:20px;text-align:center;cursor:pointer;padding:0;font-size:9pt;border:1px solid #eeeedd;}
.calEmpty {width:30px;height:20px;text-align:center;padding:0;font-size:9pt;}
.calSundayTd {width:30px;height:20px;text-align:center;cursor:pointer;padding:0;font-size:9pt;color:#ff0000;border:1px solid #eeeedd;}
.selectedTd {width:30px;height:20px;text-align:center;cursor:pointer;padding:0;background:#ff0000;font-weight:bold;color:#ffffff;font-size:9pt;border:1px solid #eeeedd;}
.calendarMain {position:absolute;background-color:#ffffff;z-index:100;width:250px;height:230px;border:1px solid #777777;display:none;}
.calendarCloseBox {height:18px;width:50px;border:1px solid #eeeedd;background-color:#ffffcc;float:right;position:relative;cursor:pointer;}
.calendarContent {margin-top:10px;text-align:-moz-center;#text-align:center;margin-left:auto;margin-right:auto;}
.dayTb {position:relative;left:20px;border:1px solid #bbbbbb;width:210px;}
.yearArea {position:relative;left:73px;width:105px;height:30px;text-align:center;padding-top:10px;}
.monthArea {width:210px;height:18px;text-align:-moz-center;#text-align:center;padding-top:5px;}
.monthBox {float:left;width:17px;height:18px;cursor:pointer;font-size:12px;color: #777777;}
.yearBox {float:left;width:55px;font-weight:bold;}
.moveBt { width:15px;height:18px;text-align:center;font-size:9pt;cursor:pointer;float:left;border:1px solid #bbddff;background-color: #ffffff;}
.emptyBox {float:left;width:5px;height:18px;}

.tx_center { text-align:center; text-align:-moz-center;#text-align:center; }

.calendar_day01 {  width:27px; height:15px; font-Family: Arial; background-color: #43698A;   text-align:center; text-align:-moz-center;#text-align:center; font-size: 11px;  color:#FFFFFF;}
.calendar_day02 {  width:27px; height:15px; font-Family: Arial; background-color: #FFFFFF; text-align:center; text-align:-moz-center;#text-align:center; font-size: 11px;  color:#888888; cursor:pointer;}
.calendar_day022 {  width:27px; height:15px; font-Family: Arial; background-color: #FCF4D0; text-align:center; text-align:-moz-center;#text-align:center; font-size: 11px;  color:#888888; cursor:pointer;}
.calendar_day03 {  width:27px; height:15px; font-Family: Arial; background-color: #FFFFFF; text-align:center; text-align:-moz-center;#text-align:center; font-size: 11px;  color:#ed1c24; cursor:pointer;}
.calendar_day04 {  width:27px; height:15px; font-Family: Arial; background-color: #FFFFFF; text-align:center; text-align:-moz-center;#text-align:center; font-size: 11px;  color:#1A5FAA; cursor:pointer;}
.calendar_yr { height:30px; font-weight:bold; font-Family: Arial; background-color: #FFFFFF;   text-align:center; text-align:-moz-center;#text-align:center; font-size: 13px;  color:#333333; padding-top: 3px;}

.calenmon               { font-Family: Arial; font-size: 13px; color: #cd0067; font-weight:bold; }  
a.calenmonlk:link       { font-Family: Arial; font-size: 12px; color: #888888; text-decoration: none ;}
a.calenmonlk:visited    { font-Family: Arial; font-size: 12px; color: #888888; text-decoration: none ;}
a.calenmonlk:active     { font-Family: Arial; font-size: 12px; color: #888888; text-decoration: none ;}
a.calenmonlk:hover      { font-Family: Arial; font-size: 12px; color: #888888; text-decoration: none ;}
    
.clear {display:block; content:"."; visibility:hidden; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}

.calendarMain {height:200px !important;}
.calendarMain, x:-moz-any-link, x:default  {height:180px !important;}
*:first-child+html .calendarMain {height:200px !important;}
.tx_centerX { text-align:center; text-align:-moz-center;#text-align:center; }

/*** popup ***/
.popup_wrap_307, .popup_wrap_307.notice {display:block; position:relative; width:307px; margin:0px; padding:50px 0px 0px 0px; background:url(../../../images/common/popup_wrap_307_top.png) no-repeat left top;}
.popup_wrap_307 .inner_wrap, .popup_wrap_307.notice .inner_wrap {display:block; position:relative; width:307px; margin:0px; padding:0px 21px 20px 21px; background:url(../../../images/common/popup_wrap_307_bottom.png) no-repeat right bottom;}
.popup_wrap_307 h1 {display:block; position:absolute; margin:0px; padding:0px; left:18px; top:-46px; color:#FFF; font-size:13px; font-weight:bold;}
.popup_wrap_307 .close_btn {display:block; position:absolute; margin:0px; padding:0px; left:249px; top:-47px;}
.popup_wrap_307 .inner_wrap .message {position:relative;width:100%; margin:0px; padding:0 0 20px; text-align:left; font-weight:bold; color:#c40553;overflow:hidden;}
.popup_wrap_307 .notice_message {word-break:break-all;position:relative;width:100%; margin:0px; padding:0 0 20px; text-align:left;overflow:hidden;}
.popup_wrap_307 .today {position:relative;width:100%; margin:0; padding:8px 0 0; border-top:solid #ddddcd 1px; text-align:right;line-height:1.5em;}
.popup_wrap_307 label.radio_set {display:inline-block;margin-left:15px;}
.popup_wrap_307 label.radio_set:first-child {margin-left:0}
.popup_wrap_307 label.radio_set a span {font-size:12px;color:#5d5c5c}


/* popup_wrap : _width */
.popup_wrap_370, .popup_wrap_370.notice {display:block; position:relative; width:370px; margin:0px; padding:50px 0px 0px 0px; background:url(../../../images/common/popup_wrap_370_top.png) no-repeat left top;}
.popup_wrap_370 .inner_wrap, .popup_wrap_370.notice .inner_wrap {display:block; position:relative; width:370px; margin:0px; padding:0px 21px 20px 21px; background:url(../../../images/common/popup_wrap_370_bottom.png) no-repeat right bottom;}
.popup_wrap_370 h1 {display:block; position:absolute; margin:0px; padding:0px; left:18px; top:-42px; color:#FFF; font-size:18px; font-weight:bold;}
.popup_wrap_370 .close_btn {display:block; position:absolute; margin:0px; padding:0px; left:312px; top:-40px;}
.popup_wrap_370 .inner_wrap .message {position:relative;width:100%; margin:0px; padding:0 0 20px; text-align:left; font-weight:bold; color:#c40553;overflow:hidden;}
.popup_wrap_370 .notice_message {word-break:break-all;position:relative;width:100%; margin:0px; padding:0 0 20px; text-align:left;overflow:hidden;}
.popup_wrap_370 .today {position:relative;width:100%; margin:0; padding:8px 0 0; border-top:solid #ddddcd 1px; text-align:right;line-height:1.5em;}
.popup_wrap_370 label.radio_set {display:inline-block;margin-left:15px;}
.popup_wrap_370 label.radio_set:first-child {margin-left:0}
.popup_wrap_370 label.radio_set a span {font-size:12px;color:#5d5c5c}

/* popup_wrap : _width */
.popup_wrap_532, .popup_wrap_532.notice {display:block; position:relative; width:532px; margin:0px; padding:50px 0px 0px 0px; background:url(../../../images/common/popup_wrap_532_top.png) no-repeat left top;}
.popup_wrap_532 .inner_wrap, .popup_wrap_532.notice .inner_wrap {display:block; position:relative; width:532px; margin:0px; padding:0px 21px 20px 21px; background:url(../../../images/common/popup_wrap_532_bottom.png) no-repeat right bottom;}
.popup_wrap_532 h1 {display:block; position:absolute; margin:0px; padding:0px; left:18px; top:-42px; color:#FFF; font-size:18px; font-weight:bold;}
.popup_wrap_532 .close_btn {display:block; position:absolute; margin:0px; padding:0px; left:470px; top:-40px;}
.popup_wrap_532 .inner_wrap .message {position:relative;width:100%; margin:0px; padding:0 0 20px; text-align:left; font-weight:bold; color:#c40553;overflow:hidden;}
.popup_wrap_532 .notice_message {word-break:break-all;position:relative;width:100%; margin:0px; padding:0 0 20px; text-align:left;overflow:hidden;}
.popup_wrap_532 .today {position:relative;width:100%; margin:0; padding:8px 0 0; border-top:solid #ddddcd 1px; text-align:right;line-height:1.5em;}
.popup_wrap_532 label.radio_set {display:inline-block;margin-left:15px;}
.popup_wrap_532 label.radio_set:first-child {margin-left:0}
.popup_wrap_532 label.radio_set a span {font-size:12px;color:#5d5c5c}

.popup_wrap_662, .popup_wrap_662.notice {display:block; position:relative; width:662px; margin:0px; padding:50px 0px 0px 0px; background:url(../../../images/common/popup_wrap_662_top.png) no-repeat left top;}
.popup_wrap_662 .inner_wrap, .popup_wrap_662.notice .inner_wrap {display:block; position:relative; width:662px; margin:0px; padding:0px 21px 20px 21px; background:url(../../../images/common/popup_wrap_662_bottom.png) no-repeat right bottom;}
.popup_wrap_662 h1 {display:block; position:absolute; margin:0px; padding:0px; left:18px; top:-42px; color:#FFF; font-size:18px; font-weight:bold;}
.popup_wrap_662 .close_btn {display:block; position:absolute; margin:0px; padding:0px; left:604px; top:-40px;}
.popup_wrap_662 .inner_wrap .message {position:relative;width:100%; margin:0px; padding:0 0 20px; text-align:left; font-weight:bold; color:#c40553;overflow:hidden;}
.popup_wrap_662 .notice_message {word-break:break-all;position:relative;width:100%; margin:0px; padding:0 0 20px; text-align:left;overflow:hidden;}
.popup_wrap_662 .today {position:relative;width:100%; margin:0; padding:8px 0 0; border-top:solid #ddddcd 1px; text-align:right;line-height:1.5em;}
.popup_wrap_662 label.radio_set {display:inline-block;margin-left:15px;}
.popup_wrap_662 label.radio_set:first-child {margin-left:0}
.popup_wrap_662 label.radio_set a span {font-size:12px;color:#5d5c5c}

.popup_wrap_762, .popup_wrap_762.notice {display:block; position:relative; width:762px; margin:0px; padding:50px 0px 0px 0px; background:url(../../../images/common/popup_wrap_762_top.png) no-repeat left top;}
.popup_wrap_762 .inner_wrap, .popup_wrap_762.notice .inner_wrap {display:block; position:relative; width:762px; margin:0px; padding:0px 21px 20px 21px; background:url(../../../images/common/popup_wrap_762_bottom.png) no-repeat right bottom;}
.popup_wrap_762 h1 {display:block; position:absolute; margin:0px; padding:0px; left:18px; top:-42px; color:#FFF; font-size:18px; font-weight:bold;}
.popup_wrap_762 .close_btn {display:block; position:absolute; margin:0px; padding:0px; left:704px; top:-40px;}
.popup_wrap_762 .inner_wrap .message {position:relative;width:100%; margin:0px; padding:0 0 20px; text-align:left; font-weight:bold; color:#c40553;overflow:hidden;}
.popup_wrap_762 .notice_message {word-break:break-all;position:relative;width:100%; margin:0px; padding:0 0 20px; text-align:left;overflow:hidden;}
.popup_wrap_762 .today {position:relative;width:100%; margin:0; padding:8px 0 0; border-top:solid #ddddcd 1px; text-align:right;line-height:1.5em;}
.popup_wrap_762 label.radio_set {display:inline-block;margin-left:15px;}
.popup_wrap_762 label.radio_set:first-child {margin-left:0}
.popup_wrap_762 label.radio_set a span {font-size:12px;color:#5d5c5c}

.layMask{ display:none; position:fixed; z-index:9999; top:0; right:0; bottom:0; left:0; background:#ddd; opacity:.5; filter:alpha(opacity=30) !important;}
.layerPopupWrap{position:relative; z-index:10000; background:#none;}
.pop_box {position:relative; padding-left:20px; background:url(../../images/common/pop_box.png) no-repeat left top;} 
.pop_box_outer {position:relative; padding-top:40px; background:url(../../images/common/pop_box.png) no-repeat right top;} 
.pop_box_center {position:relative; left:-20px; bottom:0; background:url(../../images/common/pop_box.png) no-repeat left bottom; padding-left:20px;} 
.pop_box_inner {position:relative; padding:10px 20px 20px 0; *zoom:1; background:url(../../images/common/pop_box.png) no-repeat right bottom; margin-right:-20px;} 
.pop_box_inner .content {margin:0; padding:0;}
.pop_box h1 {position:absolute; top:5px; left:0; color:#fff;}
.pop_box .btn_close {position:absolute; top:7px; right:20px;}

/* tableset_01 : Member */
.tableset_01 {display:block; position:relative; width:100%; margin:0px; padding:0px; border-top:solid #c40553 2px;}
.tableset_01 table {width:100%; margin:0px; padding:0px; border-bottom:solid #c4c4c4 1px;}
.tableset_01 th, .tableset_01 td {font-size:12px;text-align:left;vertical-align:middle;}
.tableset_01 th {padding:10px 0; font-weight:bold;}
.tableset_01 td {padding:10px 5px;}
.tableset_01 td.nopad {padding:0 0;}
.tableset_01 .even {background:#f5f5f5 !important;}
.tableset_01 .border_bottom {border-bottom:solid #c4c4c4 1px;}

/* footer */
#footer {clear:both;background:#d9d9d9;min-height:100px;padding:0 0 20px;height:auto;letter-spacing:-0.03em;}
#footer:after {clear:both;display:block;}
.footerBox {position:relative;}
.fooLeft {padding:25px 0 0;text-align:left;float:left;}
.fooLeft dl {width:100%;box-sizing: border-box;}
.fooLeft dl dt, .fooLeft dl dd {display:inline-block;vertical-align:top;}
.fooLeft dl dt {display:inline-block;padding:4px 10px 0 0;}
.fooLeft dl dt img {width:85px;height:37px;}
.fooLeft dl dd {display:inline-block;text-align:left;margin:0;padding:5px 0 0;}
.fooLeft dl dd ul {margin:0;padding:5px 0 0;}
.fooLeft dl dd li {display:inline-block;font-size:16px;color:#5d5c5c;padding:0 3px;}
.fooLeft dl dd li:first-child {border-left:0 none;padding:0 3px 0 0;}
.fooLeft dl dd li a {display:inline-block;color:#5d5c5c;}
.fooLeft dl dd li a:hover {text-decoration:underline;}

.fooLeft dl dd p.copyright {clear:both;font-size:14px;font-family:'Lg400';padding:5px 0 0;}
.fooRight {position:absolute;right:0;top:30px;}
.fooRight span {display:inline-block;padding-right:10px;}

/****************************** media  query ***************************/
@media all and (min-width:1260px) {
	.lui-close {display:none;}

} 
@media all and (min-width: 1025px) and (max-width:1259px) {
	.container {padding:0 10px;}
	.lui-close {display:none;}
}

@media all and (min-width: 769px) and (max-width: 1024px) {
	.container {padding:0 10px;}
	
	/* header */
	.smenu > div {font-size:0.5em}
	.smenu > div.log span {font-size:12px}
	.head_search_box{width:140px;}
	.head_quick {width:140px;}
	.dropdown-menu {width: 140px;}
	.dropdown-menu a {font-size:12px;}
	.dropdown li a {font-size:11px !important;}
	.familySiteTitle {width: 140px;font-size:12px;}

	/* footer */
	.fooLeft dl dd ul li {font-size:12px;}
	.fooLeft dl dd ul li a {font-size:12px;}
	.fooLeft dl dd p.copyright {font-size:11px;}
}

@media all and (min-width: 0) and (max-width: 768px) {
	body {width:100%;}

	.container {padding:0 10px;}
	
	/* header */
	.smenu > div {margin-left:0;}
	.smenu div.log span {font-size:12px}
	.smenu div.log span a {font-size:12px}
	.head_search_box{width:90px;font-size:11px}

	.head_quick {width:130px;}
	.dropdown-menu {width:130px;}
	.dropdown-menu a {font-size:11px !important;}
	.dropdown li a {font-size:11px !important;}
	.familySiteTitle {width:130px;font-size:11px !important;}

	/* footer */
	.fooLeft dl dt img {width:60px;height:auto;}
	.fooLeft dl dd ul li {font-size:12px;}
	.fooLeft dl dd ul li a {font-size:12px;}
	.fooLeft dl dd ul li.privacy {display:block}
	.fooLeft dl dd p.copyright {font-size:11px;}
}