@charset "utf-8";

@font-face {
	font-family:'shL';
	font-style:normal;
	font-weight:normal;
	src:	url('/global_common/font/OneShinhanLight.eot');
	src:	url('/global_common/font/OneShinhanLight.eot?#iefix') format('embedded-opentype'),
			local(※), 
			url('/global_common/font/OneShinhanLight.woff') format('woff');
;}  


@font-face {
	font-family:'shM';
	font-style:normal;
	font-weight:normal;
	src:	url('/global_common/font/OneShinhanMedium.eot');
	src:	url('/global_common/font/OneShinhanMedium.eot?#iefix') format('embedded-opentype'),
			local(※), 
			url('/global_common/font/OneShinhanMedium.woff') format('woff');
;}  


@font-face {
	font-family:'shB';
	font-style:normal;
	font-weight:normal;
	src:	url('/global_common/font/OneShinhanBold.eot');
	src:	url('/global_common/font/OneShinhanBold.eot?#iefix') format('embedded-opentype'),
			local(※), 
			url('/global_common/font/OneShinhanBold.woff') format('woff');
;}

/* common */
html, body { height: 100%;}

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
	margin:0;
	padding:0;
	-webkit-text-size-adjust:none;
	color:#000;
	font-family:'shL';
	font-size:14px;
	line-height:24px;
}


section, nav, article, aside, hgroup, header, footer {
	display:block;
}

input, textarea, select, button, table {
	font-size:inherit;
	font-family:inherit;
	line-height:inherit;
}
img{ vertical-align: top;}

img, fieldset {
	border:0;
}
ul, ol {
	list-style:none;
}
em, address {
	font-style:normal;
}
a {
	color:inherit;
	text-decoration:none;
}
a:link, a:visited, a:active { text-decoration:none;}
a { -webkit-tap-highlight-color:transparent;}
input:focus {outline:none; border-color: inherit;}


.txt_center{ text-align:center;}
.br { border:1px solid red; }



/*** width ***/

.w100 {width:100% !important;}
.w80 {width:80%}
.w70 {width:70%}
.w60 {width:60%}
.w50 {width:50%}
.w30 {width:30%}
.w20 {width:20%}

.w90_center {width:90%; margin: 0 auto;}
.w80_center {width:80%; margin: 0 auto;}
.w70_center {width:70%; margin: 0 auto;}
.w50_center {width:50%; margin: 0 auto;}
.w30_center {width:30%; margin: 0 auto;}
.w20_center {width:20%; margin: 0 auto;}


/*** margin ***/
.mg010 {margin: 0 10px !important;}

.mgt5{margin-top:5px !important;}
.mgt10{margin-top:10px !important;}
.mgt15{margin-top:15px !important;}
.mgt20{margin-top:20px !important;}
.mgt25{margin-top:25px !important;}
.mgt30{margin-top:30px !important;}
.mgt40{margin-top:40px !important;}
.mgt45{margin-top:45px !important;}
.mgt50{margin-top:50px !important;}
.mgt60{margin-top:60px !important;}
.mgt70{margin-top:70px !important;}
.mgt80{margin-top:80px !important;}
.mgt90{margin-top:90px !important;}

.mgr3{margin-right:3px !important;}
.mgr5{margin-right:5px !important;}
.mgr10{margin-right:10px !important;}
.mgr15{margin-right:15px !important;}
.mgr20{margin-right:20px !important;}
.mgr30{margin-right:30px !important;}

.mgb5{margin-bottom:5px !important;}
.mgb10{margin-bottom:10px !important;}
.mgb15{margin-bottom:15px !important;}
.mgb20{margin-bottom:20px !important;}
.mgb35{margin-bottom:35px !important;}
.mgb70{margin-bottom:70px !important;}

.mgl-50{margin-left:-50px !important;}

.mgl5{margin-left:5px !important;}
.mgl10{margin-left:10px !important;}
.mgl15{margin-left:15px !important;}
.mgl20{margin-left:20px !important;}
.mgl30{margin-left:30px !important;}
.mgl40{margin-left:40px !important;}
.mgl50{margin-left:50px !important;}


/*** padding ***/
.pd10{padding:10px !important;}
.pd5{padding:5px !important;}
.pd15{padding:15px !important;}

.pad010 { padding: 0 10px !important;}

.pdt5{padding-top:5px !important;}
.pdt10{padding-top:10px !important;}
.pdt15{padding-top:15px !important;}
.pdt20{padding-top:20px !important;}
.pdt30{padding-top:30px !important;}
.pdt60{padding-top:60px !important;}

.pdr5{padding-right:5px !important;}
.pdr10{padding-right:10px !important;}
.pdr15{padding-right:15px !important;}
.pdr20{padding-right:20px !important;}
.pdr40{padding-right:40px !important;}

.pdb5{padding-bottom:5px !important;}
.pdb10{padding-bottom:10px !important;}
.pdb15{padding-bottom:15px !important;}
.pdb20{padding-bottom:20px !important;}
.pdb50{padding-bottom:50px !important;}
.pdb70{padding-bottom:70px !important;}

.pdl5{padding-left:5px !important;}
.pdl10{padding-left:10px !important;}
.pdl15{padding-left:15px !important;}
.pdl20{padding-left:20px !important;}


/* btn */
.btn_blue{ height:47px; width:100%; line-height: 47px; background:#5c86e3; color:#fff; font-size: 17px; font-family: shM; border:none; border-radius:9px;}
.btn_line_s {font-size: 10px; padding: 0 5px; height: 25px; line-height: 25px; color: #3c3c3c; border: 1px solid #ddd; background: #fff; border-radius: 5px; }
.btn_green{ height:47px; width:100%; line-height: 47px; background:#4c9686; color:#fff; font-size: 17px; font-family: shM; border:none; border-radius:9px;}
.btn_purple{ height:47px; width:100%; line-height: 47px; background:#9566d6; color:#fff; font-size: 17px; font-family: shM; border:none; border-radius:9px;}
.btn_orange{ height:47px; width:100%; line-height: 47px; background:#d67766; color:#fff; font-size: 17px; font-family: shM; border:none; border-radius:9px;}


/* text */
.txt_blue { color:#3399ff; }
.txt_orange { color:#ff9000; }
.txt_green { color:#669900; }
.txt_red { color:#ff0000; }
.txt_black { color:#000; }
.txt_purple  { color:#5642bf; }
.txt_b { font-weight:bold; }
.txt_14px { font-size: 14px; }
.txt_s { font-size: 14px; }

.txt14_g { font-size:14px; color:#999999; }
.txt12_g { font-size:12px; color:#999999; }


/**table */
.table_st01{border-collapse:collapse;border-top:1px  solid #ccb492; border-bottom:1px solid #ccb492; text-align:center; }
.table_st01 th { font-size:13px; padding:8px; height:20px; background:#ebe4db; border-right:1px solid #ccb492; border-left:1px solid #ccb492; border-bottom:1px solid #ccb492; }
.table_st01 td{ font-size:13px; padding:8px; height:20px; border-bottom:1px solid #ccb492; border-right:1px solid #ccb492; border-left:1px solid #ccb492;}
.table_st01 td.left { text-align:left; }
.table_st01 .u_tbg00 { background:#ebe4db; }
.table_st01 .saju_han { font-size:37px; font-weight: bold; }

.table_st02{border-collapse:collapse; border-top:1px  solid #555; border-bottom:1px solid #e1e1e1; }
.table_st02 th { padding:8px 8px 7px; height:20px; background:#ecf6fc; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
.table_st02 td{padding:8px 8px 7px;height:20px;border:1px solid #e1e1e1; text-align: center;}
.table_st02 td.left { text-align:left; }

.table_st03 { width: 100%; border-collapse:collapse; border:1px solid #e5e5e5; background-color: rgba(255, 255, 255, 0.65); }
.table_st03 th { font-size:12px; font-weight: normal; text-align: center; height: 30px; background:#C5CAD3; border:1px solid #e5e5e5; box-sizing: border-box; }
.table_st03 td { font-size:12px; text-align:center; padding:0 10px; height:65px; width:calc(1/7*100%); border:1px solid #e5e5e5; box-sizing: border-box;}

.table_st04 { width: 100%; border-collapse:collapse;border-top: 1px solid #746c7c; }
.table_st04 th { font-size:14px; text-align: center; color: #fff; padding: 10px; background:#41364b; border-left:1px solid #746c7c; border-bottom:1px solid #746c7c; box-sizing: border-box; }
.table_st04 td { font-size:14px; text-align:center; color: #fff; padding:15px 10px; background:#41364b; border-left:1px solid #746c7c; border-bottom:1px solid #746c7c; box-sizing: border-box;}
.table_st04 th:first-child, .table_st04 td:first-child { border-left:none; }
.table_st04 td.left, .table_st04 th.left { text-align: left; }


.table_st05 { width: 100%; border-collapse:collapse;border-top:1px solid #555; }
.table_st05 th { font-size:14px; text-align:left; color: #222; padding: 10px; background:#f9f9fb; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; box-sizing: border-box; }
.table_st05 td{ font-size:14px;  padding:10px; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; box-sizing: border-box;}
.table_st05 th:first-child, .table_st05 td:first-child { border-left:none; }
.table_st05 td.left, .table_st05 th.left { text-align: left; }
.table_st05 th.center { text-align: center;}



.square13_01 { display:inline-block;text-align:center;width:10px;height:10px;background-color:#3399ff;border:1px solid #3399ff;vertical-align:middle;}
.square13_02 { display:inline-block;text-align:center;width:10px;height:10px;background-color:#669900;border:1px solid #669900;vertical-align:middle;}
.square13_03 { display:inline-block;text-align:center;width:10px;height:10px;background-color:#ff9000;border:1px solid #ff9000;vertical-align:middle;}
.square13_04 { display:inline-block;text-align:center;width:10px;height:10px;background-color:#ff0000;border:1px solid #ff0000;vertical-align:middle;}
.square13_05 { display:inline-block;text-align:center;width:10px;height:10px;background-color:#000000;border:1px solid #000000;vertical-align:middle;}

.cycle8_01 { display:inline-block;text-align:center;width:8px;height:8px;background-color:#3399ff;border:1px solid #3399ff;vertical-align:middle;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
.cycle8_02 { display:inline-block;text-align:center;width:8px;height:8px;background-color:#669900;border:1px solid #669900;vertical-align:middle;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
.cycle8_03 { display:inline-block;text-align:center;width:8px;height:8px;background-color:#ff9000;border:1px solid #ff9000;vertical-align:middle;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
.cycle8_04 { display:inline-block;text-align:center;width:8px;height:8px;background-color:#ff0000;border:1px solid #ff0000;vertical-align:middle;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
.cycle8_05 { display:inline-block;text-align:center;width:8px;height:8px;background-color:#000000;border:1px solid #000000;vertical-align:middle;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}

.cycle15_01 { display:inline-block;text-align:center;width:15px;height:15px;background-color:#3399ff;border:1px solid #3399ff;vertical-align:middle;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
.cycle15_02 { display:inline-block;text-align:center;width:15px;height:15px;background-color:#669900;border:1px solid #669900;vertical-align:middle;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
.cycle15_03 { display:inline-block;text-align:center;width:15px;height:15px;background-color:#F76A12;border:1px solid #F76A12;vertical-align:middle;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
.cycle15_04 { display:inline-block;text-align:center;width:15px;height:15px;background-color:#ff0000;border:1px solid #ff0000;vertical-align:middle;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
.cycle15_05 { display:inline-block;text-align:center;width:15px;height:15px;background-color:#000000;border:1px solid #000000;vertical-align:middle;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}

.cycle25_01 { display:inline-block;text-align:center;width:25px;height:25px;background-color:#3399ff;border:1px solid #3399ff;vertical-align:middle;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
.cycle25_02 { display:inline-block;text-align:center;width:25px;height:25px;background-color:#669900;border:1px solid #669900;vertical-align:middle;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
.cycle25_03 { display:inline-block;text-align:center;width:25px;height:25px;background-color:#ff9000;border:1px solid #ff9000;vertical-align:middle;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
.cycle25_04 { display:inline-block;text-align:center;width:25px;height:25px;background-color:#ff0000;border:1px solid #ff0000;vertical-align:middle;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
.cycle25_05 { display:inline-block;text-align:center;width:25px;height:25px;background-color:#000000;border:1px solid #000000;vertical-align:middle;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}

.cycle50_01 { display:inline-block;text-align:center;width:50px;height:50px;background-color:#3399ff;border:1px solid #3399ff;vertical-align:middle;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
.cycle50_02 { display:inline-block;text-align:center;width:50px;height:50px;background-color:#669900;border:1px solid #669900;vertical-align:middle;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
.cycle50_03 { display:inline-block;text-align:center;width:50px;height:50px;background-color:#ff9000;border:1px solid #ff9000;vertical-align:middle;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
.cycle50_04 { display:inline-block;text-align:center;width:50px;height:50px;background-color:#ff0000;border:1px solid #ff0000;vertical-align:middle;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
.cycle50_05 { display:inline-block;text-align:center;width:50px;height:50px;background-color:#000000;border:1px solid #000000;vertical-align:middle;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}

.cycle15_01 .text, .cycle15_02 .text, .cycle15_03 .text, .cycle15_04 .text, .cycle15_05 .text {position:relative; top:-7px;color:#ffffff;font-size:10px;font-weight:bold;}
.cycle25_01 .text, .cycle25_02 .text, .cycle25_03 .text, .cycle25_04 .text, .cycle25_05 .text {position:relative; top:2px;color:#ffffff;font-size:15px;font-weight:bold;}
.cycle50_01 .text, .cycle50_02 .text, .cycle50_03 .text, .cycle50_04 .text, .cycle50_05 .text {position:relative; top:13px;color:#ffffff;font-size:35px;font-weight:bold;}



/*사주캘린더 양인.. 에 씌우는 타원*/
.cal_cycle { display:inline-block;text-align:center;width: 60px;	height: 30px; border:2px solid #cc162c; -moz-border-radius: 100px / 50px; -webkit-border-radius: 100px / 50px; border-radius: 100px / 50px;}

.cal_cycle90 { display:inline-block;text-align:center;width:22px;height:20px;background-color:#2275bd;border:1px solid #2275bd;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.cal_cycle80 { display:inline-block;text-align:center;width:22px;height:20px;background-color:#1b99af;border:1px solid #1b99af;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.cal_cycle70 { display:inline-block;text-align:center;width:22px;height:20px;background-color:#28bcea;border:1px solid #28bcea;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.cal_cycle60 { display:inline-block;text-align:center;width:22px;height:20px;background-color:#51b24a;border:1px solid #51b24a;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.cal_cycle50 { display:inline-block;text-align:center;width:22px;height:20px;background-color:#ac9f1e;border:1px solid #ac9f1e;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.cal_cycle40 { display:inline-block;text-align:center;width:22px;height:20px;background-color:#fe8135;border:1px solid #fe8135;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.cal_cycle30 { display:inline-block;text-align:center;width:22px;height:20px;background-color:#fe2400;border:1px solid #fe2400;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.cal_cycle08 { display:inline-block;text-align:center;width:30px;height:20px;background-color:#cc162c;border:1px solid #cc162c;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.cal_cycle09 { display:inline-block;text-align:center;width:70px;height:20px;background-color:#cc162c;border:1px solid #cc162c;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.cal_cycle10 { display:inline-block;text-align:center;width:70px;height:20px;background-color:#cc162c;border:1px solid #cc162c;vertical-align:middle;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

.cal_cycle90 .text , .cal_cycle80 .text, .cal_cycle70 .text, .cal_cycle60 .text, .cal_cycle50 .text, .cal_cycle40 .text, .cal_cycle30 .text, .cal_cycle08 .text, .cal_cycle09 .text, .cal_cycle10 .text {position:relative;color:#ffffff;font-size:13px;font-weight:bold;line-height:140%;}

.cal_goodday90{color:#2275bd;}
.cal_goodday80{color:#1b99af;}
.cal_goodday70{color:#28bcea;}
.cal_badday{color:#cc162c;}





/***************************************/
.cycle8_01_text { color: #3399ff; }
.cycle8_02_text { color: #669900; }
.cycle8_03_text { color: #ff9000; }
.cycle8_04_text { color: #ff0000; }
.cycle8_05_text { color: #000000; }

/* 사주캘린더 양인에 씌우는 타원 */
.cal_cycle { display: inline-block; text-align: center; width: 60px; height: 30px; border: 2px solid #cc162c; -moz-border-radius: 100px / 50px; -webkit-border-radius: 100px / 50px; border-radius: 100px / 50px; }

.cal_cycle90 { display: inline-block; text-align: center; line-height: 15px; width:22px; height:20px; background-color: #2275bd; border: 1px solid #2275bd; vertical-align: middle; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.cal_cycle80 { display: inline-block; text-align: center; line-height: 15px; width:22px; height:20px; background-color: #1b99af; border: 1px solid #1b99af; vertical-align: middle; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.cal_cycle70 { display: inline-block; text-align: center; line-height: 15px; width:22px; height:20px; background-color: #039ad8; border: 1px solid #039ad8; vertical-align: middle; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.cal_cycle60 { display: inline-block; text-align: center; line-height: 15px; width:22px; height:20px; background-color: #0c9802; border: 1px solid #0c9802; vertical-align: middle; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.cal_cycle50 { display: inline-block; text-align: center; line-height: 15px; width:22px; height:20px; background-color: #887c01; border: 1px solid #887c01; vertical-align: middle; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.cal_cycle40 { display: inline-block; text-align: center; line-height: 15px; width:22px; height:20px; background-color: #e55506; border: 1px solid #e55506; vertical-align: middle; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.cal_cycle30 { display: inline-block; text-align: center; line-height: 15px; width:22px; height:20px; background-color: #fe2400; border: 1px solid #fe2400; vertical-align: middle; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.cal_cycle08 { display: inline-block; text-align: center; line-height: 15px; width:33px; height:20px; background-color: #cc162c; border: 1px solid #cc162c; vertical-align: middle; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.cal_cycle09 { display: inline-block; text-align: center; line-height: 15px; width:76px; height:20px; background-color: #cc162c; border: 1px solid #cc162c; vertical-align: middle; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.cal_cycle10 { display: inline-block; text-align: center; line-height: 15px; width:76px; height:20px; background-color: #cc162c; border: 1px solid #cc162c; vertical-align: middle; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.cal_cycle90 .text, .cal_cycle80 .text, .cal_cycle70 .text, .cal_cycle60 .text, .cal_cycle50 .text, .cal_cycle40 .text, .cal_cycle30 .text, .cal_cycle08 .text, .cal_cycle09 .text, .cal_cycle10 .text { position: relative; color: #ffffff; font-size: 13px; line-height: 140%; }

.cal_good_day90 { color:#2275bd; }
.cal_good_day80 { color:#1b99af; }
.cal_good_day70 { color:#039ad8; }
.cal_bad_day { color:#cc162c; }

.txt_red { color:#a82d4c; }
.txt_red_b { color:#a82d4c; font-weight:bold; }
.txt_red_18 { color:#a82d4c; font-size:18px; font-family:Arial, Helvetica, sans-serif; }

.go_menu { cursor: pointer; }
input[type="button"], button { cursor: pointer; }
/* .cursor { cursor: pointer; } */
.red { color: #ff0000 !important; }
.txt_sunday { color: #ff0000 !important; }
.txt_saturday { color: #0099cc !important; }
.txt_today { font-weight: bold; color: #ff6600 !important; }
.hide { display: none; }
.show { display: block; }
.cal_box_image { text-align: center; }



#lnb_menu { display:none; position:absolute; top:0; right:0; z-index:1000; overflow:auto; }