@charset "utf-8";

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

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

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

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

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

@font-face {
	font-family:'one_T';
	font-style:normal;
	src:	url('/global_common/font/ONE Mobile Title.eot');
	src:	url('/global_common/font/ONE Mobile Title.eot?#iefix') format('embedded-opentype'),
			local(※), 
			url('/global_common/font/ONE Mobile Title.woff') format('woff');
} 
@font-face {
	font-family:'one_R';
	font-style:normal;
	src:	url('/global_common/font/ONE Mobile Regular.eot');
	src:	url('/global_common/font/ONE Mobile Regular.eot?#iefix') format('embedded-opentype'),
			local(※), 
			url('/global_common/font/ONE Mobile Regular.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: #3d3d3d;
	font-family: 'sd4';
	font-size: 14px;
	line-height: 160%;
}

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_left { text-align: left; }
.txt_center { text-align: center; }
.txt_right { text-align: right; }
.br { border: 1px solid red; }
.txt_12 { font-size: 12px; font-weight: normal; }
.txt_13 { font-size: 13px; font-weight: normal; }

/*** width ***/
.w100 { width: 100% !important; }
.w90 { width: 90%; }
.w80 { width: 80%; }
.w70 { width: 70%; }
.w60 { width:60%; }
.w50 { width: 50%; }
.w40 { width: 40%; }
.w30 { width: 30%; }
.w20 { width: 20%; }
.w10 { width: 10%; }

.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 padding ***/
.mg010 { margin: 0 10px !important }
.mg300 { margin: 30px 0 !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; }
.mgt100 { margin-top: 100px !important; }
.mgt110 { margin-top: 110px !important; }
.mgt-20 { margin-top: -20px !important; }
.mgt-70 { margin-top: -70px !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; }
.mgb30 { margin-bottom: 30px !important; }
.mgb35 { margin-bottom: 35px !important; }
.mgb40 { margin-bottom: 40px !important; }
.mgb50 { margin-bottom: 50px !important; }
.mgb70 { margin-bottom: 70px !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; }
.mgl-50 { 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; }
.pdt35 { padding-top: 35px !important; }
.pdt60 { padding-top: 60px !important; }
.pdt70 { padding-top: 70px !important; }
.pdt80 { padding-top: 80px !important; }
.pdt90 { padding-top: 90px !important; }
.pdt100 { padding-top: 100px !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; }
.pdb30 { padding-bottom: 30px !important; }
.pdb40 { padding-bottom: 40px !important; }
.pdb50 {padding-bottom: 50px !important; }
.pdb70 { padding-bottom: 70px !important; }
.pdb100 { padding-bottom: 100px !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: 60px; width: 100%; line-height: 60px; background: #25476a; color: #fff; font-size: 17px; font-family: sd5; border:none; border-radius:5px; }
.btn_gray{ height: 60px; width: 100%; line-height: 60px; background: #b5b5b5; color: #fff; font-size: 17px; font-family: sd5; border:none; border-radius:5px; }
.btn_blue_50{ height: 50px; width: 100%; line-height: 50px; background: #25476a; color: #fff; font-size: 16px; font-family: sd5; border:none; border-radius:5px; }
.btn_gray_50{ height: 50px; width: 100%; line-height: 50px; background: #b5b5b5; color: #fff; font-size: 16px; font-family: sd5; border:none; border-radius:5px; }
.btn_blue_30{ height:30px;  line-height: 30px;  background:#25476A; color:#fff;  font-size: 12px; font-family: sd5; border:none; border-radius:5px; padding: 0 15px; box-sizing: border-box;}

.btn_tel { height: 45px; width: 100%; line-height: 45px; background: #25476a; font-family: sd5; font-size: 16px; color: #fff; text-align: center; border-radius: 5px; border: none; }
.btn_counsel { height: 45px; width: 100%; line-height: 45px; background: #F57C60; font-family: sd5; font-size: 16px; color: #fff; text-align: center; border-radius: 5px; border: none; }
.btn_absent { height: 45px; width: 100%; line-height: 45px; background: #b5b5b5; font-family: sd5; font-size: 16px; color: #fff; text-align: center; border-radius: 5px; border: none; }

.btn_line_b { height: 45px; width: 100%; line-height: 45px; background: #25476a; font-family: sd5; font-size: 16px; color: #fff; text-align: center; border-radius: 5px; border:none; }
.btn_line_p { height: 45px; width: 100%; line-height: 45px; background: #F57C60; font-family: sd5; font-size: 16px; color: #fff; text-align: center; border-radius: 5px; border:none; }
.btn_line_g { height: 45px; width: 100%; line-height: 45px; background: #fff; font-family: sd5; font-size: 16px; color: #787878; text-align: center; border-radius: 5px; border: 1px solid #b5b5b5; }
.btn_line_y { height: 45px; width: 100%; line-height: 45px; background: #FFCE48; font-family: sd5; font-size: 16px; color: #fff; text-align: center; border-radius: 5px; border: none; }

.btn_line_b .icon_tel { display: inline-block; padding-left: 30px; background: url(../images/icon_tel.png)left center no-repeat; background-size: 18px; }
.btn_line_p .icon_tel { display: inline-block; padding-left: 30px; background: url(../images/icon_tel.png)left center no-repeat; background-size: 18px; }

.btn_line_r { height: 35px; line-height: 35px; font-size: 14px; padding: 0 15px; border: 1px solid #25476a; background: #fff; border-radius: 20px; }
.btn_gray_r { height: 35px; line-height: 35px; font-size: 14px; padding: 0 15px; border:none; background: #EDEDED; border-radius: 20px; }
.btn_blue_r { height: 35px; line-height: 35px; font-size: 14px; padding: 0 15px; border:none; background: #25476a; color: #fff; border-radius: 20px; }

.btn_line_r_10 { height: 25px; line-height: 25px; font-size: 12px; font-family: sd5; padding: 0 10px;  color: #fff; border: 1px solid #25476a; background: #1e1a46; border-radius: 20px; }

.btn_line_r_12 { height: 35px; line-height: 35px; font-size: 12px; font-family: sd5; padding: 0 15px; border: 1px solid #25476a; background: #fff; border-radius: 20px; }

.btn_blue_r_37 {height: 37px; line-height: 37px; font-size: 16px; padding: 0 18px; border: none; background: #25476a; color: #fff; border-radius: 20px; }
.btn_line_r_37 {height: 37px; line-height: 37px; font-size: 16px; padding: 0 18px; border: 1px solid #25476a; background: #fff; color: #3d3d3d; border-radius: 20px; }

.btn_line_r_45 { height: 45px; line-height: 45px; font-size: 16px; padding: 0 18px; border: 1px solid #25476a; background: #fff; color: #3d3d3d; border-radius: 30px; }

.btn_line_s { font-size: 12px; padding: 0px 10px; background: #fff; border: 1px solid #D9D9D9; border-radius: 4px; }

.btn_gray_65 { height: 65px;  width: 100%; font-size: 14px; font-family: sd6; color: #fff; border: none; border-radius: 7px; background: #b5b5b5; }
.btn_gray_65 .icon_tel { display: inline-block; padding-left: 25px; background: url(../images/icon_tel_line.png)left center no-repeat; background-size: 18px; }
.btn_gray_65 .tel { display: block; font-size: 12px; font-family: sd4; color: #fff; margin-top: 5px; }
.btn_blue_65 { height: 65px; width: 100%; font-size: 14px; letter-spacing: -1px; font-family: sd6; color: #fff; border: none; border-radius: 7px; background: #1e1a46; }
.btn_blue_65 .icon_tel { display: inline-block; padding-left: 25px; background: url(../images/icon_tel_line.png)left center no-repeat; background-size: 18px; }
.btn_blue_65 .tel { display: block; font-size: 12px; font-family: sd4; color: #fff;  margin-top: 5px; }

/*** text ***/
.txt_orange { color: #ff9000; }
.txt_blue { color: #3399ff; }
.txt_green { color: #669900; }
.txt_red { color: #ff0000;}
.txt_red_02 { color: #ff3300;}
.txt_black { color: #999; }
.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;  }
.txt_16_blue{ font-size: 16px; font-weight: bold; color: #89b0e1;}


/*** table ***/
.table_st01 { width: 100%; border-collapse: collapse; border: 1px solid #dde3ee; }
.table_st01 th { font-size: 12px; font-weight: normal; text-align: center; height: 30px; background: #f3f7ff; border: 1px solid #dde3ee; box-sizing: border-box; }
.table_st01 td { font-size: 12px; text-align: center; padding: 0 10px; height: 60px; width: calc(1/7*100%); border: 1px solid #dde3ee; box-sizing: border-box; }





/***************************************/
.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; }
.txt_red_b_20 { color: #ff0000; font-size: 20px; font-weight: bold; }

.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; }
/* .under { color: #000; text-decoration:underline !important; } */
#loading { display: none; }

.input-number-password {
    -webkit-text-security: disc;
}

#wrap_top_scroll { position: fixed; bottom: 0; width: 100%; z-index: 1000; }
#top_scroll { 
	display: none; 
	position: absolute; 
	bottom: 20px; 
	right: 3%;
	width: 40px; 
	height: 40px; 
	z-index: 10; 
}

#top_scroll p { line-height: 1px; font-size: 20px; }
#top_scroll p:nth-last-of-type(1) { font-size: 14px; margin-top: 10px; }