@charset "utf-8";

/* --------------------------------------------------
 익스플로러css
-------------------------------------------------- */

/*익스 10, 9*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.topnav .nav {
		max-width: 1100px;
		height: 55px !important;
		margin: auto;
		border-bottom: 3px solid #000;
	}

	.modal_popup { height: 100%; overflow-y: auto; }
	button.result_btn { padding-top: 0 !important; }
	.btn_area.user_info > button.btn_blue.user_info { padding-top: 0 !important; }
	.memtype0101s { line-height: 15px !important; }
	.memtype0103s { height: 132px !important; }
	.sns_btn li { letter-spacing: -1.5px !important; }
	.sdate_text02 { letter-spacing: -0.15em !important; }
	.memtype0103{ letter-spacing: -4px !important; padding-top:25px\0/IE9 !important; }
	ul.path>li>a{padding:0 40px 0 20px !important;}
	select {padding:0 22px 0 5px !important;}
}

/*익스 8*/
@media all\0 {
	.topnav .nav {
		max-width: 1100px;
		height: 55px !important;
		margin: auto;
		border-bottom: 3px solid #000;
	}

	.modal_popup { height: 100%; overflow-y: auto; }
	button.result_btn { padding-top: 0 !important; }
	.btn_area.user_info > button.btn_blue.user_info { padding-top: 0 !important; }
	.select03_wraps { text-align: center; min-height: auto; padding-bottom: 10px; }
	.memtype0101s { line-height: 15px !important; }
	.memtype0103s { height: 132px !important; }
	.sns_btn li { letter-spacing: -1.5px !important; }
	.sdate_text02 { letter-spacing: -0.15em !important; }
	.memtype0103{ letter-spacing: -4px !important; padding-top:25px\0/IE9 !important; }
	ul.path>li>a{padding:0 40px 0 20px !important;}
	select {padding:0 22px 0 5px !important;}
}

/*엣지*/
@supports (-ms-ime-align: auto) {

}

.m-br{display: none;}
.pc-br{}

#skipnavi li a {  display:block; font-size:16px; width:100%; position:absolute; top:-10000px; left:0; text-align:center; z-index:999999; line-height:1; letter-spacing:0; }
#skipnavi li a:focus{ position:absolute; top:0; left:0; font-weight:500; color:#fff; background:#272727; padding:20px 0; line-height:1; }
.f_left{float:left !important}
.f_right{float:right !important}
.t_left, td.t_left{text-align:left !important}
.t_right{text-align:right; !important}
.t_center{text-align:center; !important}
hr{clear: both; width:0px; height:0px; border:none;}
a:hover{transition:all 0.15s ease-out;-webkit-transition:all 0.15s ease-out; -o-transition:all 0.15s ease-out; -moz-transition:all 0.15s ease-out; text-decoration: none;}
a:active, a:visited, a:focus{text-decoration: none;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.wid1100{max-width:1100px; margin:auto}

#Progress_Loading {z-index: 10; position: fixed;  top: 0%;  left: 0%;  width: 100%;  height: 100%; background:url('../images/contents/loading_bg.png') 0 0 repeat}
.status {width: 400px; height: 400px; background-color: #ffffff; position: absolute; left: 50%; top: 38%; margin: -150px 0 0 -200px; text-align: center; font-size: 15px;}
.header{}
.gnb_area{background-color:#3f4040; height:30px;}
.gnb_area ul{max-width:1100px; margin:auto; text-align:right;}
.gnb_area>ul>li{padding:5px 20px 5px; line-height:20px; display: inline-block; border-right:1px solid #616466}
.gnb_area>ul>li.favorite{text-align: left; float:left; border-right:none; background: url(../images/common/icon_favorite.png) 0 8px no-repeat;}
.gnb_area>ul>li.user{color:#fff; letter-spacing: -0.5px; background: url(../images/common/icon_user.png) 0 8px no-repeat; position: relative;}
.gnb_area>ul>li.user>span{color:#f9e119}
.mypagebox{background-color: #fff; border: 1px solid #ddd; color:#666; text-align: left; position: absolute; right: -1px; top:1px; width: 195px; z-index: 1000; display: none;} 
.mypagebox>dl{padding:7px 20px 12px}
.mypagebox>dl>dt{padding:0 10px 0 20px; border-bottom: 1px dotted #ddd; background:url('../images/common/icon_user_on.png') 2px 11px no-repeat;}
.mypagebox>dl>dt>a{font-size: 13px; color:#666666; line-height: 35px;}
ul.my_user_info{margin:10px 0px 0px 0px;  position: relative;}
ul.my_user_info>li{font-size:12px; height:19px; line-height:19px; text-align:left; letter-spacing: -0.5px;}
ul.my_user_info>li.my_memtype{color:#7a5ad1}
.my_quick{background: #f5f5f5; border-top: 1px solid #e5e5e5; padding:10px 22px 11px;}
.my_quick>ul>li{font-size: 12px; text-align: left; text-decoration: none; display: block; height: 26px; line-height: 26px; position: relative; padding:0 0 0 20px; }
.my_quick>ul>li.my_quick01{background:url('../images/common/icon_my01.png') 0 7px no-repeat;}
.my_quick>ul>li.my_quick02{background:url('../images/common/icon_my02.png') 0 8px no-repeat;}
.my_quick>ul>li>a{font-size:12px; color:#666}

.gnb_area>ul>li>a{font-size:12px; color:#f7f7f7; font-weight:400; text-align:center; text-transform: uppercase; letter-spacing:-0px; }
.head{clear:both; max-width:1100px; min-height:100px; margin:auto; position:relative;}
h1.logo{text-align:center; position:absolute; top:10px; left:50%; margin-left:-160px;}
h1.logo>a{width:260px; height:62px; text-indent:-9999px; display:inline-block; background:url('../images/common/logo.png') 0 0 no-repeat;}
ul.gnb_btn{width__:193px; margin-top: 32px; display:inline-block; background-color:#f5f8fa; border:1px solid #dbdbdb; border-radius:3px; float:right;}
ul.gnb_btn>li{float:left; width:50%; height:32px;}
ul.gnb_btn>li>a{font-size:13px; color:#7d7d7d; font-weight: 400; letter-spacing:-0.5px; text-align:center; display:block;  padding:6px 18px 0 30px;}
ul.gnb_btn>li:first-child{background:url('../images/common/icon_login.png') 14% 45% no-repeat;  border-right:1px solid #dbdbdb;}
ul.gnb_btn>li:last-child{background:url('../images/common/icon_join.png') 12% 50% no-repeat; }

/*pc_nav*/
.topnav{border-top:1px solid #dddddd; position: relative;}
.topnav .nav{max-width:1100px; height:54px; margin:auto; border-bottom:3px solid #000;}
.topnav .nav:after{content:""; display:block; clear:both;}
.topnav a {font-size:18px; color:#2c2c2c; text-align:center; float:left; display: block; text-decoration: none; position: relative;}
.topnav a.sitemap {width:53px; height:50px; border-left:1px solid #ddd; border-right:1px solid #ddd; background:#f5f8fa url('../images/common/sitemap.png') 50% 50% no-repeat;}
.topnav ul.nav > li > a.topnav_free{width:195px; /*height:53px;*/ font-size:18px; color:#fff;  text-align:center; padding:0 0 0 23px; padding-top:3px\0/IE9; display:inline-block; float:right; background:#7a5ad1 url('../images/common/topnav_free.png') 30px 50% no-repeat; border-bottom: 1px solid #000;}
.topnav ul.nav > li {float:left; display: inline-block; overflow:hidden;}
.topnav > ul.nav > li:hover{cursor:pointer}
.topnav > ul.nav > li:hover > a:before{width: 100%; transform: scaleX(1);}
.topnav > ul > li > a:before {display: block; content: ''; position: absolute; bottom: 1px; left: 0; width: 0; height:5px; transform: scaleX(0); background-color: #7a5ad1; transition: transform .3s;}
.topnav ul.nav > li.excep{float: right;}
.topnav ul.nav > li .depth01 {font-size:18px; border: none; outline: none; color: #2c2c2c; padding: 0 25px 0;  background-color: inherit; margin: 0; line-height: 53px; /*padding-top:3px\0/IE9;*/ line-height: 51px\0/IE9; }
.topnav ul.nav > li .depth01 .free_badge {display: inline-block; font-size: 11px; font-weight: bold; color: #fff; background-color: #f7496c; padding: 2px 6px; border-radius: 10px; margin-left: 6px; vertical-align: middle; line-height: 1.2; letter-spacing: -0.3px;}
.topnav ul.nav > li > ul {width:100%; left:0px; top:53px; padding:30px 20px 30px; display: none; position: absolute; background-color: #fff; border-bottom:1px solid #dddddd; box-shadow: 0px 5px 9px 0px rgba(95,95,95,0.1); z-index: 999;}
.nav > li > ul .nav_img01{width:300px; height:135px; position:absolute; display: inline-block; float:left; background:url('../images/common/topnav_bg01.png') 6px -6px no-repeat;}
/*.depth2_wrap{width:100%; min-height:180px; padding-left:330px; margin-top: -5px; float:right}*/
.topnav ul.nav > li > ul .depth2_wrap{width:1100px; margin:auto; }
.topnav ul.nav > li > ul .depth02{width:100%; min-height:180px; /*padding-left:330px;*/ margin-top: -5px; float:right}
.topnav ul.nav > li > ul li a {width: 32.33%; font-size:16px; letter-spacing: -0.5px; color: #262626; margin:5px 0.5%; padding: 12px 17px; padding-top:10px\0/IE9; float: left; box-sizing: border-box; border:1px solid #dcdcdc; float:left; text-decoration:none;text-align: left; background:url('../images/common/topnav_direc.png') 92% 18px no-repeat;}
.topnav ul.nav > li > ul a:hover {color:#2c2c2c; border:1px solid #4C3A7C; background:#fff url('../images/common/topnav_direc_on.png') 92% 18px no-repeat;}
.topnav ul.nav > li:hover ul {display: block;}

/*mobile_nav*/
.topnav .mobile_open {display:none;}
.header .mobile {display:none;}
.header .mobile .head {overflow:hidden; background-color:#fff; padding:9px 15px 15px 15px; border-top:5px solid #3f4040; }
.header .mobile .head:after{content:""; clear:both; display:block;}
.header .mobile .head .m_logo a{background:url('../images/common/logo03.jpg') 0 0 no-repeat; background-size: contain; display:block; width:200px; height:50px;  }
.header .mobile .head .m_logo a{text-indent:-9999px; float:left}
.header .mobile .head > button.mnav_open{display:block; float:right; width: 48px; height: 36px; margin-top: 8px; background:url('../images/common/lnb_open.png?1') 0 0 no-repeat; text-indent: -9999px;}
.mnav_open{display:block; float:right; width: 48px; height: 36px; margin-top: 8px; background:url('../images/common/lnb_open.png') 0 0 no-repeat; text-indent: -9999px;}
#mobile_gnb .m_gnb_bg {padding:20px 0px 0 0;  background-image: linear-gradient(#1083e3, #7a5ad1); margin-bottom: 10px;}
#mobile_gnb .m_gnb_bg:after{content:""; clear:both; display:block;}
#mobile_gnb .m_gnb{padding:0 25px 0;  display:block;}
#mobile_gnb .m_gnb:after{content:""; clear:both: display:block;}
#mobile_gnb .m_gnb .user{font-size:15px; color:#fff; letter-spacing:-0.5px; float:left; line-height: 20px; padding-left:45px; background:url('../images/common/m_user_icon.png') 0 2px no-repeat;}
#mobile_gnb .m_gnb .user.type02{min-height: 40px; line-height: 40px;}
#mobile_gnb .m_gnb .user>span{display:block;}
#mobile_gnb .m_gnb .mnav_close{display:block; float:right; width:38px; height:36px; background: url("../images/common/lnb_close.png") 0 0 no-repeat; text-indent: -9999px; }
.mobile_dim {position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8); display:none; z-index:10 }
.mobile_dim.active {display: block;}
#mobile_gnb {position:fixed; top:0; right:-100%; width:100%; max-width:375px; height:100%; overflow: auto; background-color:#f5f5f5; transition:all .2s ease-in-out; opacity:0; z-index: 99 }
#mobile_gnb.active {right:0; opacity:1; }
#mobile_gnb .mobile_util {clear:both; border-top:1px solid #3b85c2; font-size:0; text-align:center; margin-top:60px; padding:12px 0 14px;}
#mobile_gnb .mobile_util a {display: inline-block; font-size: 15px; color:#fff; position: relative; width:30%; text-align:center; letter-spacing: 0px;}
#mobile_gnb .mobile_util a:first-child:after{width:0px; height:0; background-color: none;}
#mobile_gnb .mobile_util a:after{content:''; width:1px; height:11px; background-color:#69ade5; position: absolute; top:6px; left:0;}
#mobile_gnb .mobile_body {padding: 0 15px 15px; }
#mobile_gnb .mobile_body .nav{border-bottom:1px solid #ddd}
#mobile_gnb .mobile_body .nav > li, #mobile_gnb .mobile_body .nav > li.excep{width:100%; background-color: #fff; position: relative; border: 1px solid #ddd; border-bottom: none; overflow: hidden; }
#mobile_gnb .mobile_body .nav > li:hover, #mobile_gnb .mobile_body .nav > li.excep:hover{cursor: pointer;}
#mobile_gnb .mobile_body .nav > li.active{ background-color: #fff; }
#mobile_gnb .mobile_body .nav > li.active > a.depth01:before {background:#efefef url('../images/common/m_nav_off.png') center 50% no-repeat;}
#mobile_gnb .mobile_body .nav > li > a.depth01:before {display: block; content: ''; width: 35px; height: 35px; background:url('../images/common/m_nav_on.png') center 50% no-repeat; position: absolute; top: 10px; right: 8px; }
#mobile_gnb .mobile_body .nav > li.active ul {max-height:800px; padding-bottom:12px; background-color: #f5f5f5}
#mobile_gnb .mobile_body .nav > li > a.depth01 {font-size:18px; color:#222222; font-weight:500; height:55px; line-height:55px; padding-left:20px; width:100%; display:block; text-align:left;}
#mobile_gnb .mobile_body .nav > li > a.depth01 .free_badge {display: inline-block; font-size: 10px; font-weight: bold; color: #fff; background-color: #f7496c; padding: 2px 6px; border-radius: 10px; margin-left: 6px; vertical-align: middle; line-height: 1.2; letter-spacing: -0.3px;}
#mobile_gnb .mobile_body .nav > li ul {max-height: 0px; transition: all .3s ease-in-out; padding-bottom: 0;}
#mobile_gnb .mobile_body .nav > li ul li a {display:block; width:100%; padding-left:32px; font-size: 16px; color:#222222; height:38px; line-height:40px; text-align:left; background:url("../images/contents/list_type_bdot.png") 22px 18px no-repeat; }
#mobile_gnb .mobile_body .nav > li ul li a.active {background-color: #f0f0f0;}

.sub_visual{background:url('../images/contents/sub_v01.jpg') 50% 0 no-repeat; width:100%; min-height:230px; position:relative; margin-top: 38px;}
.sub_copy{height:180px; padding-top:50px; color:#fff; text-align:center;}
.copy_text01{font-family:'Nanum Myeongjo'; font-size:32px; font-weight:bold; letter-spacing:-1px; display:block; transition:all 1s 1s;}
.copy_text02{background-color:#2a163d; font-size:17px; font-weight: 300; letter-spacing:0px; padding:3px 10px; margin-top:10px; display:inline-block; transition:all 1s 1s;}
.path_bg{background:url('../images/contents/path_bg.png') 0 0 repeat; height:50px; border-bottom:1px solid #000; width:100%; display:inline-block; position:absolute; left:0px; bottom:0px; z-index:9; transition: all 0.7s ease;}
.fixed {position:fixed; top:0; width: 100%;}
.path_bg.fixed{background-color:#4d6b8f; z-index: 999;}
ul.path{max-width:1100px; margin:auto;}
ul.path:after{display:block; content:""; clear:both;}
ul.path>li{width:200px; float:left; line-height:50px; border-right:1px solid #3b3b3b; background: url('../images/contents/path_arrow.png') 90% 50% no-repeat;}
ul.path>li:first-child{border-left:1px solid #3b3b3b}
ul.path>li>a{font-size:14.5px; color:#fff; width:100%; padding:0 40px 0 25px; text-decoration:none; display:block; cursor: pointer;}
ul.path_depth{width:200px; position:absolute; background:#f7f7f7; border:1px solid #d7d7d7; display:none; }
ul.path_depth li{padding:3px 10px 3px 25px; border-bottom:1px solid #d7d7d7;}
ul.path_depth a{font-size:13px; color:#606060; display:block; line-height:27px; text-align:left;  }
ul.path_depth a:hover{color:#000;}
ul.path_depth a:last-child{border-bottom:none; padding-bottom:0;}
.path{display: block;}
.path_select{display: none;}
.path_select>li{float:left; width:50%; border-right:1px solid #4e4e4e;}
.path_select>li> select.pathselect{width:100%; 
    background:url('../images/contents/select_bg_2.png') 100% 50% no-repeat;
    background-color:#202a38;
    border:none; font-size:15px; color:#fff; height: 50px; padding:0 15px;}

@media screen and (max-width: 960px) {
    .topnav ul.nav > li .depth01 {font-size: 18px; color: #2c2c2c; border: none; outline: none; padding: 12px 18px 14px; transition-duration: 0.3s; background-color: inherit; margin: 0;}
    ul.nav > li > ul .nav_img01{display:none;}
    .topnav ul.nav > li > ul .depth2_wrap{width:100%;}
    .topnav ul.nav > li > ul .depth02{padding-left:0; float:none}
}
@media screen and (max-width: 768px) {
    .header{height: 75px; transition-duration: 0.5s;}
    .header .nav_pc {display:none; }
    .header .mobile {display:block; } 
    .path {display: none;}
    .path_select {display:block;}  
    .m-br{display: block;}
    .pc-br{display: none;}
    .m-w100{width: 100% !important;}
}  


.sub_wrap{max-width:1100px; position:relative; margin:40px auto 60px;}
.sub_wrap:after{content:""; clear:both; display:block;}
.sub_wrap.type02{max-width:100%; position:relative; /*margin:40px auto 60px;*/ margin:40px auto 0px;}
.snb_section{width:190px; margin:10px 0 20px; position:absolute; z-index__:99;}
.snb:after{content:""; display: block; clear:both}
ul.snb li{margin-bottom:3px;}
ul.snb>li>a{display:block; cursor:pointer; padding:11px 15px 11px 18px; /*padding-top:15px\0/IE9;*/ padding-bottom:8px\0/IE9; font-size:14.5px; color:#494949; font-weight:400; border:1px solid #d7d7d7; background:#f5f5f5 url(../images/contents/snb_off.png) 90% 50% no-repeat;}
ul.snb li a{text-decoration:none;} 
ul.snb>li>a:hover,ul.snb>li.on>a{color:#fff; border:1px solid #61508E; background:#61508E url(../images/contents/snb_on.png) 90% 48% no-repeat;}
ul.snb li ul {display:none; border:1px solid #d7d7d7; border-top:0px; padding:10px 0 9px 0}
ul.snb ul li{background-color:#fff; border:none; }
ul.snb ul li a {background:url(../images/contents/snb_dep2_off.png) 18px 50% no-repeat; font-size:13px; color:#606060; display:block; padding: 3px 10px 3px 25px; letter-spacing:-0.5px;}
ul.snb li ul li.active a{color:#61508E; text-decoration: none; background:#f5f5f5 url(../images/contents/snb_dep2_on.png) 18px 50% no-repeat;}
.cont_wrap{padding-left:230px;}
.cont_wrap:after{content:""; display:block; clear:both;}
.cont_wrap.type02{padding-left:0px;}
.page_title{font-size:30px; color:#454545; font-weight:500; letter-spacing:-2.5px; border-bottom:1px solid #c6c6c6;}
.page_title>span{border-bottom:3px solid #7a5ad1; display:inline-block}
.contents{margin-top:35px; min-height: 320px;}
.contents.type02{margin-top:35px; margin-bottom: 60px; min-height: 320px;}
.page_explan{max-width:870px; min-height:285px; padding:10px; text-align:center; background:#c3c4c6 url('../images/contents/cont_bg01.png') 50% top no-repeat;}
.page_explanin{padding:10px; border:1px solid #f8f8f9; width:850px; height:265px; position:relative; display:table-cell; vertical-align:middle;}
.page_explanin:before, .page_explanin:after, .cont_title:before, .cont_title:after
{content:""; width:28px; height:28px; position:absolute; background:url('../images/contents/page_explan_icon.png') 0 0 no-repeat}
.page_explanin:before{top:-1px; left:-1px;}
.page_explanin:after{top:-1px; right:-1px; transform: rotate(90deg)}
.cont_title:before{bottom:-1px; left:-1px; transform: rotate(270deg)}
.cont_title:after{bottom:-1px; right:-1px; transform: rotate(180deg)}
dl.cont_title dt{font-family:'Nanum Myeongjo'; font-size:28px; color:#3b3b3b; font-weight: 600;}
dl.cont_title dd{font-size:15px; color:#575757; font-weight:400; line-height:22px; letter-spacing:-0.5px; padding-top:30px }
dl.cont_title dd > span.t_colorblue, dl.cont_title dd p > span.t_colorblue{color:#704dcf}
dl.cont_title dd > span.t_colorred, dl.cont_title dd p > span.t_colorred{color:#bc0101}
dl.cont_title dd > p{display:block}
dl.cont_title dd > li{font-size:13.5px; color:#515151; font-weight:500; line-height:21px; background-color:#fff; padding:4px 22px; border-radius:50px; display:inline-block; margin:0 2px 5px;}
.title_area{clear:both; margin-top:55px;}
.title_area:after{content:""; clear:both; display:block}
.cont_title02{font-size:20px; color:#454545; font-weight:500; padding-left:20px; float:left; background:url('../images/contents/title_bullet.png?1') 0 55% no-repeat;}
.cont_title02.type02{float: none; padding-bottom: 5px; background: url(../images/contents/title_bullet.png) 0 48% no-repeat;}
.btn_area.user_info{float:right;}
.btn_area.user_info > button.btn_blue.user_info{line-height:28px; text-align: center; border-radius: 2px; padding: 0 15px 2px; padding-top:5px\0/IE9; padding-bottom:0px\0/IE9;}
.btn_area.user_info > button.btn_blue.user_infos{line-height:28px; text-align: center; border-radius: 2px; padding: 0 15px 2px; padding-top:5px\0/IE9; padding-bottom:0px\0/IE9;}
button.result_btn{font-size: 18px; color: #fff; text-align: center; font-weight: 600px; width: 250px; height: 45px; padding: 0 0 2px 25px; padding-top:7px\0/IE9; background: #7a5ad1 url(../images/contents/btn_iconresult.png) 40px 45% no-repeat; border-radius: 3px; display: inline-block;}
button.result_btn:hover{background-color:#7a5ad1; }
.result_btnbox{text-align: center; margin-top: 20px;}
.user_check{background-color:#F5F4FB; padding:7px 10px 7px 18px; margin:7px 0 0;}
.user_text01{background:url('../images/contents/list_type_bdot.png') 0px 10px no-repeat; font-size:15px; color:#757575; font-weight:400; letter-spacing:-0.5px; padding-left:8px; float:left;}
.user_text02{font-size:14px; color:#454545; float:right;}
.user_check:after{content:""; clear:both; display:block}

.base_write.user_info td input[type="text"]{height:36px; border:1px solid #e5e5e5; font-size:15px; margin-right:10px;}
.base_write.user_info td label{margin-right:12px;}
.base_write.user_info td select, .base_write.member td select{min-width:49px; height:36px; border:1px solid #e5e5e5; font-size:15px; background-color:#fff;}
.base_write.user_info td select.year, .base_write.member td select.year{width:70px;}
.base_write.user_info td select.name{width:138px; margin-right:10px;}
.base_write.user_info td.so_num input[type="text"]{margin-right:0px;}
.base_write.user_info td.so_num > span{padding: 0 3px;}
.btn_position{padding-left:85px; display: inline;}

.base_write.mypage{border:none; background-color:transparent;}
.base_write.mypage tr th {font-size: 13px; color: #333333; font-weight: 500; background:none; border-bottom: 0; border-left:0; padding:0;}
.base_write.mypage tr td {font-size: 13px; color: #666666; background:none; border-bottom: none; border-left: none; border-right: none; padding:0;}
.base_write.mypage tr th, .base_write.mypage tr td{height: 40px;}
.base_write.mypage tr td > input, .base_write.mypage tr td > select{height: 35px; border:none;}
td.tel_input02 select, td.tel_input02 input{width:calc(33.33% - 2px)}
.base_write.mypage td input.widp100{width: 100%}
th.tdposi{width:75px;}
.use_info{min-height:235px; padding:35px 20px 30px 0; margin-top:10px; background-color:#F5F4FB; position:relative}
.info.section01{width:270px; padding:30px 25px; position: absolute; top:0px; left:0px; bottom:0px; z-index:99; display:inline-block; color:#fff; background:#6a5890 url('../images/contents/useinfo_bg.png?1') right bottom no-repeat;}
.info.section01>p{font-size:20px; line-height:30px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #998eb6;}
.info.section01>p>strong{display:block; font-size:25px;}
.info.section01>ul>li{font-size:13.5px; letter-spacing:-0.5px; line-height:25px; padding-left:8px; background:url('../images/contents/list_type_wdot.png') 0 50% no-repeat;}
.info.section01>ul>li>a, .section01>ul>li>a:hover, .info.section01>ul>li>a:visited,.section01>ul>li>a:active{padding-right:20px; color:#fff; display: inline-block;}
.info.section01>ul>li>a:last-child{background:url('../images/contents/more01.png') 92% 52% no-repeat;}
.info.section02{position:relative; top:0px; padding-left:300px; font-size:16px; color:#454545; font-weight:400;}
.info.section02>span{display:block;}
dl.info_note>dt{font-size:18px; color:#7a5ad1; padding:0 0 7px 23px; margin-top:30px; background:url('../images/contents/icon_note.png?2') 0 5px no-repeat}
dl.info_note>dd{font-size:15px; color:#454545; letter-spacing:-0.5px; line-height:22px; padding-left:13px; background:url('../images/contents/list_type_bdot.png') 5px 7px no-repeat;}

.page_title_type02{font-size:35px; color:#454545; font-weight:500; letter-spacing:-2px; text-align:center; padding:10px 0 25px}
.page_title_type02 > span{width:200px; height:66px; vertical-align: bottom; display: inline-block; background:url('../images/common/logo03.jpg') center center no-repeat; background-size: contain; margin-top: -2px;}
.member_noti{text-align: center; font-size: 16px;  display: block; background-color:#eff1f5; padding:3px 5px;}
.memtype{max-width:1100px; margin: auto;}
.memtype:after{content:""; display: block; clear:both;}
.memtype_box{border:1px solid #d7d7d7; width:43%; margin-left:5%; float:left;  text-align: center; }
.memtype_box:first-child{margin-left:4.5%;}
.memtype_boxin{min-height:257px;}
.memtype_text01{background-color:#f7496c; font-size:14px; color:#fff; padding:3px 20px; display:inline-block; }
dl.memtype01{text-align: center; min-height:178px;}
dl.memtype01 > dt{font-size:30px; color:#454545; font-weight: bold; letter-spacing:-2px; margin:28px 0 12px}
dl.memtype01 > dd{font-size:15px; color:#585858; line-height:19px; letter-spacing: -0.5px;}
dl.memtype01 > dd:after{content:""; clear: both; display: block;}
dl.memtype01 > dd > span{display:block;}
dl.memtype01 > dd > li{font-size:14px; color:#454545; width:200px; border-radius:50px; padding:3px 10px; margin:0 auto 3px; background-color:#cfcfcf; }
dl.memtype01 > dd > li:first-child{margin-top:23px;}
dl.memtype01 > dd > li:last-child{/*margin-bottom:35px;*/}
ul.select01{border-top:1px dashed #7f7f7f; min-height:78px; padding:4px 30px 0;}
ul.select01 li{ text-align: left; vertical-align: middle;}
ul.select01 li > label > span{float:left; font-size:18px; color:#343f51; line-height:67px;}
.select01 > li > label > .price{float:right; font-size:26px; font-weight: bold;  color:#484848; margin-top:15px; }
.select01 > li > .price.desaled{color:#c5c5c5}
ul.select01 li > label > span > input{margin-right:8px; width:18px; height:18px; vertical-align:middle; margin-top:-3px;}
.select02 > li > .price{float:right; font-size:26px; color:#484848; text-align:right; font-weight:bold;}
.price>p.discount{font-size:14px; color:#90959c; line-height:14px; font-weight: 300; letter-spacing:-0.5px;}
.price>p.discount>span{font-size:16px; text-decoration: line-through; margin-left: 10px;}
.select02_wrap{background-color:#343f51;}
.select02{clear:both}
.select02 > li{min-height:88px; padding:0 30px; border-bottom:1px dashed #9a9fa8; vertical-align: middle; position:relative;}
.select02 li:before{content: ""; position: absolute; width: 18px; height: 18px; border-radius: 50px; background-color: #fff; left: -9px; top: 78px;}
.select02 li:after{content:""; position: absolute; width:18px; height:18px; border-radius:50px; background-color:#fff; right:-10px; top:78px;}
.select02 li:last-child:before, .select02 li:last-child:after{display: none}
.select02 > li > label{margin-right: 0px; cursor: pointer;}
.select02 > li > label:after{content:""; clear:both; display: block; }
.select02 > li > label > span{float:left; font-size:18px; color:#fff; line-height:80px; }
.select02 > li .price{float:right; font-size:26px; font-weight: bold;  color:#f9403e; margin-top:18px; text-align: right;}
.select02 > li > label > span > input{margin-right:8px; width:18px; height:18px; vertical-align:middle; margin-top: -3px;}
.select01 > li > label.disabled{color:#c5c5c5}
.select03_wrap{background-color:#5ecde8; display:block; width:100%; min-height:352px; position:relative; }
.select03_wrap > a.special_btn{font-size: 15px; color: #454545; display: inline-block; width: 250px; left: 50%; margin-left: -125px; line-height: 45px; background-color: #fff; border-radius: 50px; position: absolute; bottom:30px; padding:0px 15px; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .1);}
/*.memtype_free{clear:both; width:100%; min-height:260px; padding:45px 30px; margin-top: 50px; text-align:center;  background:url('../images/common/page_title_bg.png') 0 0 repeat}
.memtype_text02 > dt{font-size:28px; color:#454545; font-weight:bold; letter-spacing:-2px;  margin-bottom:10px;}
.memtype_text02 > dd{font-size:16px; color:#454545; line-height:22px; min-height: 20px;}
.memtype_text02 > dd > span{color:#f7496c; display: block;}
.memtype_text02:after{content:""; clear:both; display:block; position:absolute}
a.btn_freejon, button.btn_freejon{font-size:15px; color:#fff; text-align:center; background-color:#343f51; border-radius:100px; padding:15px 40px; width:235px; margin-top:35px; display:inline-block;}*/
.m_free_text{font-size: 16px; padding:0px 7% 32px;}
.m_cscenter{font-size: 24px; color: #384052; line-height: 50px; font-weight: 500; padding: 0 35px 0; /*padding-top:5px\0/IE9;*/ margin: 25px auto; background-color: #cfcfcf; border-radius: 100px; display: inline-block;}
.memtype0101{font-size: 14px; color: #46bcd8; text-align: center; display: inline-block;
    background: url(../images/contents/memtype0102_bg.png) 50% 50% no-repeat; width: 237px; height: 36px; line-height: 23px; display: inline-block; margin: 26px 0 5px 0; padding-top:5px\0/IE9;}
.memtype0102{font-size: 32px; color: #343f51; letter-spacing: -3px; font-weight: 300;}
.memtype0102 > span{font-weight: bold;}
.memtype0103{font-size: 30px; color: #fff; font-weight: bold; letter-spacing: -2.5px; line-height: 44px; /* text-shadow: 0 2px 1px #da9ca8; */ width: 300px; height: 141px; text-align-last: center; margin: 7px auto; padding: 25px;  padding-top:35px\0/IE9; display: inline-block; background: url(../images/contents/memtype0103_bg.png) 50% 50% no-repeat;}
.memtype0103 > span{display: block;}
.memtype_free {clear: both; width: 100%; min-height: 180px; padding: 40px 30px 30px; margin-top: 50px; text-align: center; background: url(../images/common/page_title_bg.png) 0 0 repeat;}
.memtype_free_in{max-width: 1050px; margin: auto; position: relative}
.memtype_text02 > dd{font-size:16px; color:#454545; line-height:22px; min-height: 20px;}
.memtype_text02 > dd > span{color:#f7496c; display: block;}
.memtype_text02:after{content:""; clear:both; display:block;}
a.btn_freejon, button.btn_freejon{font-size:15px; color:#343f51; text-align:center; background-color:#fff; border-radius:100px; padding:15px 40px; width:235px; margin-top___:35px; display:inline-block;}
.memtype_free2{background-color:#384052; padding-bottom: 40px; }
.memtype_text02 > dt{font-size:32px; color:#454545; font-weight:bold; letter-spacing:-2px;  margin-bottom:10px;}
.memtype_text03{font-size: 11px; color: #878787; font-weight: 300; letter-spacing: 11px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
ul.text_box02 {border:1px solid #ddd; display: block; width: 100%; padding: 20px 10px 30px; position: absolute; top: -62px; margin-bottom: 40px; text-align: center; /*box-shadow:0px 3px 3px 0px rgba(95,95,95,0.5);*/}
ul.text_box02:after, .memtype_free2:after, .memtype_free_in:after{content:""; clear:both; display: block;}
.text_box02 li.memtype_text04 {font-size: 17px; color: #384052; margin-bottom: 35px;}
.text_box02 li.memtype_text05 { font-size: 24px; color: #fff; font-weight: 500; line-height: 27px;}
.text_box02 li.memtype_text05>span{background-color:#5ecde8; padding:1px 10px 2px; display: inline-block;}
.free_btn_box{clear:both; padding-top: 120px; text-align: center;}
.useinfo_wrap{max-width:1100px; margin: auto; padding-bottom: 70px; border-bottom:1px solid #cfcfcf; position: relative; }
.useinfo_wrap:after{content:""; clear:both; display:block}
.cs_center{margin-right: 580px; min-height: 335px; position: relative;  background: url(../images/contents/cscenter_bg.png) 0 0 no-repeat;}
.cs_center p{font-size: 32px; color: #fff; font-weight:500; text-align: center; width: 100%; background: url(../images/contents/path_bg.png) 50% 0 repeat; position: absolute; bottom: 0px; padding: 5px 10px;}
.info_cont{width: 580px; position: absolute; top: 0px; right: 0; padding-left: 40px;}
.useinfo_title{font-size:33px; color:#363636; font-weight:500; letter-spacing:-2px;}
.useinfo_title>span{color:#7a5ad1}
.useinfo_text{font-size:14px; color:#7b7b7b;letter-spacing: -0.5px}
.usestep{margin-top:40px;}
.usestep>li{font-size:18px; color:#262626; margin-bottom:13px; padding-left: 100px;}
.usestep>li>.step{font-size: 16px; color: #fff; font-weight: 600; margin-right__: 5px; background-color: #7a5ad1; padding: 3px 17px 5px; margin-top: -1px; border-radius: 50px; position: absolute; left:40px;}
.info_point{background-color:#eff1f5; padding:12px 17px 12px 50px; margin-top:42px; font-size:18px; color:#262626; background:#eff1f5 url('../images/contents/useinfo_icon.png') 20px 17px no-repeat; display:block}
.sasang_wrap{ border:1px solid #e0e0e0; margin-bottom:20px; padding:10px; }
.sasang_wrap:after{content:""; display: block; clear:both;}
.sasang_title{background-color:#e7ecf3; border-radius:5px; padding:7px 20px; margin-bottom:15px; display:block; }
.sasang_title:after{content:""; display: block; clear:both;}
.sasang_text01{font-size:22px; color: #343434; font-weight: 400; letter-spacing: -0.5px; float:left}
ul.sstype{text-align: right; position: relative;}
ul.sstype >li.sasang_text03{background:transparent url('../images/contents/info-txt4_icon.png') 0 50% no-repeat; display: inline-block; text-indent: 9px;}
ul.sstype >li{border-radius:5px; font-size:15px; color:#343434; padding:5px 0px 5px 15px;  display: inline-block; }
ul.sstype >li div.tooltip{display: inline-block;}
ul.sstype:after{content:""; display: block; clear:both;}
.sasang{width: 49%;  float: left; padding: 0 10px 0 15px;}
.sasang.first{border-right: 2px dotted #b2b2b3; margin-right:2%}
.sasang_text02{font-size: 17px; color: #4b4b4b; text-align: left; padding: 0px 0px 12px 3px; display: block; }
.sasang > ul{padding: 5px; }
.sasang > ul > li{margin-right:7px; display:inline-block;vertical-align: middle; margin-bottom: 10px;}
.sasang > ul > li:last-child{margin-right: 0px;}
.sasang > ul > li > input[type="radio"]{width:17px; height:17px;}
.sasang > ul > li > label{font-size:16px; color:#3e3e3e; margin-left:3px; vertical-align: middle;}
dl.sasang_text04{}
dl.sasang_text04>dt{font-size: 14px; color:#7a5ad1; padding:0 0 3px 5px; margin-top: 10px; background: url('../images/contents/list_type_bdot.png') 0 7px no-repeat}
dl.sasang_text04>dd{font-size: 13px; color:#666666; font-weight: 400; letter-spacing: -0.5px; }

/*.tooltip span.show_text{background:#fff; border:1px solid #444; padding: 10px 20px 20px; width: 500px;  position: absolute; top: -470px; left__:308px; right:0px; margin-left: 0; text-align: left;
opacity: 0; filter: alpha(opacity=0); z-index:-1;
text-transform: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease;
transition: all 0.3s ease-in-out;}*/

.tooltip div.show_text {
    border-top: 1px solid #ddd;
    background-color: #f8f8f8;
    padding: 10px;
}


.tooltip:hover span.show_text {top: -450px; right:0px; z-index: 99; 
opacity: 1; filter: alpha(opacity=100);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;}
.tooltip:hover{cursor: pointer;}

td.tdtooltip, .base_list.type02.daeun.position{position: relative;}
.tooltip.daeun, .tooltip.daeun2{text-decoration: underline; color: #0d61a7;}
.tooltip.daeun2.type01{text-decoration: none; color: #444;}
.tooltip.daeun span.show_text {width:500px; position: absolute; top:auto; bottom:-50px; left: 70px; margin-left: 0; padding: 10px 20px 10px; text-align: left;}
.tooltip.daeun:hover span.show_text{top:auto; left: 80px; bottom:-50px; }
.tooltip.daeun span.show_text:after, .tooltip.daeun2 span.show_text:after{content:""; display:block; clear:both}

.tooltip.daeun2 span.show_text {width:500px; position: absolute; top:45px; left: 50%; margin-left: -250px; padding: 10px 10px 10px; text-align: left;}
.tooltip.daeun2:hover span.show_text{top:35px; left: 50%; margin-left: -250px;}

.tooltip.daeun2.type01 span.show_text {width:90%; position: absolute; top:45px; left: 10%; margin-left: 0px; padding: 10px 10px 10px; text-align: left;}
.tooltip.daeun2:hover span.show_text{top:35px; left:10%; margin-left: -0px;}

.tooltip.birth span.show_text {width:190px; position: absolute; top:45px; right:0%; margin-left: 0px; padding: 10px 10px 10px; text-align: left;}
.tooltip.birth:hover span.show_text{top:35px; right:0%; margin-left: -0px;} 
.show_text p.birth_title{color:#7a5ad1; margin-bottom: 5px;}
.show_text p.birth_text{font-size:12px; color:#666; letter-spacing: -0.5px;}

.blood_type_wrap{ border:1px solid #e0e0e0; margin:20px 0; padding:10px 15px; }
.blood_type_wrap:after{content:""; display: block; clear:both;}
.blood_type{float:left;}
.blood_type.first{width: 50%; border-right: 2px dotted #b2b2b3; padding-right: 2%; }
.blood_type.second{width: 50%; padding-left:2%}
.blood_type_text02{font-size: 17px; color: #4b4b4b; text-align: left; display: block; background-color: #e7ecf3; border-radius: 5px; padding: 7px 20px; margin-bottom: 15px; display: block; }
.blood_type > ul > li {margin-right: 7px; display: inline-block; vertical-align: middle; margin-bottom: 10px;}
.blood_type > ul{padding: 5px; }
.blood_type > ul > li{margin-right:7px; display:inline-block;vertical-align: middle; margin-bottom: 10px;}
.blood_type > ul > li:last-child{margin-right: 0px;}
.blood_type > ul > li > input[type="radio"]{width:17px; height:17px;}
.blood_type > ul > li > label{font-size:16px; color:#3e3e3e; margin-left:3px; vertical-align: middle;}
.yukim_wrap{padding:15px 6%; margin-bottom: 20px; border:1px solid #e0e0e0;}
.yukim_wrap:after{content:""; clear:both; display: block;}
.yukim_wrap>ul>li{width: 24%; padding: 6px 0px; display: inline-block; }
.yukim_wrap>ul>li>input[type="radio"]{width:17px; height:17px;}
.yukim_wrap>ul>li>label{font-size:15px; color:#3e3e3e; margin-left:3px; vertical-align: middle;}
.yukim_wrap .blood_type_text{position: absolute; font-size: 18px; padding-top: 3px; }
.yukim_wrap>ul.blood_type{padding-left:28%;}
.yukim_wrap>ul.blood_type li{text-align: center;}
.yukim_wrap>ul.blood_type02{padding-left:30%;}
.yukim_wrap>ul.blood_type02>li{width: 23%;}
.yukim_wrap.type02{padding:15px 15px;}
.yukim_wrap.type02 > ul{padding:0 3% 0 3%;}
.yukim02_text{font-size: 18px; color: #343434; font-weight: 500; text-align: center; background-color: #e7ecf3; border-radius: 5px; padding: 7px 20px; margin-bottom: 15px; display: block;}
.juyeok_wrap{border:1px solid #e1e1e1; border-top:1px solid #575757; margin-top: 10px; padding:10px 10px 10px; text-align: center;}
.juyeok_wrap > ul{max-width: 600px; margin: auto;}
.juyeok_wrap ul li.juyeok_outtd{width: 32%; display: inline-block; border:1px solid #ddd; text-align: center; padding: 0px;}
.juyeok_text01{font-size:16px; color: #444; font-weight:500; text-align: center; padding:8px 5px; margin-bottom: 20px; border-radius: 5px; background-color: #eff1f5;}
#show1{margin-bottom: 20px;}
.juyeok_text02{font-size:17px; color:#2e2e2e; font-weight: 500; padding:100px 0 0; margin-bottom: 25px; background:url('../images/contents/juyeok_result_icon.png') 50% 25px no-repeat}
.tbl_juyeokin td{background-color: #f3f3f7}
td.juyeok_text03{font-size:16px; color:#d94444; height: 35px; background-color:#fff; border-bottom:1px solid #ddd}
td.juyeok_text04{font-size:14px; color:#fff; height: 35px; border-top:1px solid #ddd; background-color:#426185}
.juyeok_text03.result{padding:5px 3px; background-color: #f3f3f7}
.juyeok_result{border: 1px solid #ddd; padding: 10px;}
.juyeok_result_title{font-size: 17px; color: #444; font-weight: 500; text-align: center; padding: 5px; margin:0 auto 10px; border-radius: 5px; background-color: #eff1f5;}
.juyeok_result_title span{color:#d94444;}
.tbl_juyeok{min-width: 60px;}
.yukhyo{padding:15px 6%; margin-bottom: 20px; border:1px solid #e0e0e0; text-align: left;}
.yukhyo:after{content:""; clear:both; display: block;}
.yukhyo>ul>li{width: 24%; padding: 6px 0px; display: inline-block; }
.yukhyo>ul>li>label>input[type="radio"]{width:17px; height:17px; margin-right:3px; }
.yukhyo>ul>li>label{font-size:15px; color:#3e3e3e; vertical-align: middle;}
.base_list.yukhyo2{margin-bottom: 10px;}
.base_list.yukhyo2 th.yukhyo_text{font-size: 19px;}
.base_list.yukhyo2 tr td{text-align: left;}
.base_list.yukhyo2 td span.blue{color:#fff; padding:1px 3px 2px; display: inline-block; background-color: #426185; border-radius: 2px;}
.title_area.tabin{margin-top: 20px;}
.tab_title {margin: 40px 0 30px;}
.tab_title ul {list-style: none;padding: 0;margin: 0; }
.tab_title li {width:50%; display: inline-block; padding: 0; margin-left:-3px; vertical-align: bottom;}
.tab_title.type03 li{width:33%}
.tab_title li .active {color: #c6a0d5; }
.tab_title a {display: block; font-size: 15px; color: #8f8f8f; text-align: center; text-decoration: none; padding:12px 10px 13px; background-color: #f0f0f3; border: 1px solid #e1e1e1; border-bottom: 1px solid #000; }
.tab_title a.active {position: relative; color: #343434; outline: none; background-color: #fff; border: 1px solid #000; border-bottom:1px solid #fff; }
.tab_title a:hover, .tab_title a:active, .tab_title a:visited{text-decoration: none }
.tabs > .tab_cont {display: none; }
.tabs > .tab_cont.active {display: block;}
.tab_title.type05 li{width:20%}
.face_wrap{border:1px solid #e1e1e1; border-top:1px solid #575757; margin-top: 10px; padding:10px 10px 20px; text-align: center;}
.face_text{font-size: 17px; color: #444; font-weight: 500; text-align: center; padding: 5px; margin-bottom:30px; border-radius: 5px; background-color: #eff1f5;}
ul.sel_gender{text-align: center;}
ul.sel_gender > li{display: inline-block; border:1px solid #ddd; padding:20px 4% 15px; margin: 0 10px 10px;  }
ul.sel_gender:after{content:""; display: block; clear:both}
ul.sel_gender > li > img{display: block;}
ul.sel_gender > li label{margin:10px auto 0px; line-height: 30px; cursor: pointer; font-size:17px; color:#444;}
ul.sel_gender > li label > input{width: 17px; height: 17px; border: none; padding: 0px; margin-top: -2px; margin-right: 2px; box-shadow:none !important }
ul.sel_gender > li label.sel_genderin{background:#eff1f5;  border-radius: 3px; display: inline-block; width: 100%; min-height: 33px;}

/*마이페이지*/
.mypage_wrap{display: flex;}
.mypage_wrap:after{content:""; clear:both; display: block;}
.mypage_wrap > ul{display:table-cell}
.mygrade{width:50%; float:left; background-color:#384052; padding:45px 50px 40px; }
.mygrade_text > dt{font-size:34px; color:#f7496c; font-weight: bold; line-height: 34px;  letter-spacing: -0.5px; margin-bottom:32px;}
.mygrade_text dd{font-size:19px; color:#fff; font-weight:400; line-height: 26px;}
.mygrade_text dd > span{display:block}
.mygrade_text dd.mypage_text01{margin-top: 30px;}
.mygrade_text dd.mypage_text01 > span.days{font-size:19px; display: inline; color:#ffea00; }
.mygrade_text > dt > span{font-weight:300;}
.myinfo{width: 48%; margin-left: 2%; float:left; background-color:#f9f9f9; padding:30px 4% 30px 4%;}
.myinfo_text > dt{font-size:16px; color:#444; margin-bottom: 15px;}
.myinfo_text > dd{font-size:14px; line-height: 20px; padding-bottom: 7px; letter-spacing:0px; background__: url('../images/contents/list_type_bdot.png') 0 5px no-repeat; text-indent__: 10px;}
.myinfo_btn{margin-top: 15px;}
.myinfo_btn:after{content:""; clear:both; display: block;}
.myinfo_btn > li{border:1px solid #e7e7e7; border-radius:3px; background-color:#fff; float:left; display: inline-block; margin:0 3px 5px 0px;}
.myinfo_btn span{border:1px solid #e7e7e7; border-radius:3px; float:left; display: inline-block; margin:0 0 5px 0px; padding: 7px 12px; display:inline-block; text-align: left;}
.btn_off{background-color:#fff; font-size: 13px; color: #666666; position: relative}
.btn_on{background-color:#384052; font-size: 13px; color: #fff;}
.myinfo_btn > li > a, .myinfo_btn > li > a:active, .myinfo_btn > li > a:visited, .myinfo_btn > li.birbtn{padding: 7px 12px; display: block; font-size: 13px; color: #666666; text-align: center; text-decoration: none }
.myinfo_btn > li:hover, .myinfo_btn > span:hover{box-shadow:0px 1px 3px 0px rgba(95,95,95,0.1); border:1px solid #bbbbbb; transition:all 0.15s ease-out;-webkit-transition:all 0.15s ease-out; -o-transition:all 0.15s ease-out; -moz-transition:all 0.15s ease-out; text-decoration: none; cursor: pointer;}
.myinfo_text > dd > span{width:80px; display: inline-block}
.myinfo_text > dd > span.mypage_inputtel select,.myinfo_text > dd > span.mypage_inputtel input{display: inline;}
.mypage_mid{font-size: 16px; color: #666; text-align: center; padding: 40px 10px 40px; background-color: #f9f9f9;}
.mypage_mid>span{display: block;}
.mypage_mid > ul{text-align: center; padding: 30px 0 0}
.mypage_mid > ul:after{content:""; display: block; clear:both}
.mypage_mid > ul > li{float__:left; display: inline-block; text-align: center; margin: 0 10px 10px;}
.myinput li{display: inline; float: left;}
dd.myinput{min-height: 50px; display: block; background-color: #ddd}
dd.myinput li select, dd.myinput li input{width:33%;}
.myinput_text{width:120px; background-color: #efefef; position: absolute;}
.mypage_mid > ul > li .mtype01, .mypage_mid > ul > li .mtype02, .mypage_mid > ul > li .mtype03{width: 150px; height: 150px; padding-top: 64px; border-radius: 100%; font-size: 18px; font-weight: 400; color: #fff; vertical-align: middle; display: inline-block;}
.mypage_mid > ul > li .mtype01{background-color: #648beb}
.mypage_mid > ul > li .mtype02{background-color: #818ede}
.mypage_mid > ul > li .mtype03{background-color: #fa91af}
.mypage_cscenter{font-size: 32px; font-weight: 600; color: #384052; padding: 5px 0 0;}
.mypage_member_info{/*background-color: #f9f9f9; */padding: 20px;padding-bottom: 0;margin-top: 20px;border-top: 1px solid #c6c6c6;/* border-bottom: 1px solid #7f7f7f; */}
.mypage_member_info_2{background-color: #f9f9f9; padding: 20px 20px; margin: 20px 0;}
.mypage_member_info li, .mypage_member_info_2 li{font-size:15px; letter-spacing: -0.5px; line-height: 20px; padding-bottom: 10px; text-indent: 8px; background: url('../images/contents/list_type_bdot.png') 0 9px no-repeat; }
.mypage_member_info li > span{padding-left:5px; display: inline-block}
.mtype_text{font-size: 14px; color: #666; font-weight: 400; display: block; padding-top:7px;} 
p.agree_title{font-size:18px; color:#444; text-align: center; border:1px solid #ddd; padding: 5px 10px; margin-bottom: 20px;  }
dl.agree{border-bottom:1px dotted #ddd; padding-bottom: 20px; margin-bottom: 20px;}
dl.agree > dt{font-size:16px;}
dl.agree > dd{font-size:13px; line-height: 20px; padding:10px 0}

/*사이트맵*/
.sitemap_wrap{max-width:1100px; width margin: auto;}
.sitemap_cont{padding:10px 20px 10px 180px;}
.sitemap_cont:after{content: ""; display: block; clear:both;}
.sitemap_cont p.sitemap_title{font-size:20px; color:#fff; text-align: center; display: inline-block; position: absolute; left: 0px; border-radius:10px; width:130px; height:120px; background-color:#61508E; padding-top: 40px; }
ul.site01{position:relative;}
a.depth02{font-size: 20px; color: #444; padding: 7px 0 7px 10px; margin-bottom: 15px; background-color: #f5f4fb; display: block;}
.site01>li>ul{margin:0 0 50px 0;}
.site01>li>ul>li{width: 31%; margin: 0 1% 0; padding:7px 0; display: inline-block; line-height: 20px; border-bottom:1px dotted #c9c9c9; background: url(../images/contents/list_type_bdot.png) 0 15px no-repeat; text-indent: 8px; 
transition:all 0.25s ease-out;-webkit-transition:all 0.25s ease-out; -o-transition:all 0.3s ease-out; -moz-transition:all 0.25s ease-out; text-decoration: none;}
.site01>li>ul>li>a, .site01>li>ul>li>a:active, .site01>li>ul>li>a:visited{font-size:14px; color:#585858; display: block; }
.site01>li>ul>li:hover{padding-left:5px; background:#f8f8f8  url(../images/contents/list_type_bdot.png) 5px 15px no-repeat; }

@media screen and (max-width: 1100px){
    .sub_wrap{margin:40px 10px 40px;}
    .info.section02>span{display:inline;}
}
@media screen and (max-width: 990px){
    .memtype_box{width:70%; margin:0 auto 20px; float:none;}
    .memtype_box:first-child{margin-left:auto;}
    .memtype_text01{display: block}
    dl.memtype01{min-height:auto; padding:0 10px 0;}
    dl.memtype01 > dt{margin:20px 0 12px}
    dl.memtype01 > dd > span{display:inline;}
    .cs_center p span{display:block}
}
@media screen and (max-width: 800px){
    .yukim_wrap>ul>li {width:32%; padding: 10px 0px;}
}
@media screen and (max-width: 768px){
    .path_area.m_hidden{display: none;}
    .sub_copy{margin: 0 20px;}
    .snb_section{display: none}
    .cont_wrap{padding-left:0; margin__:0 10px 0; }
    .cs_center{width:100%; margin:auto; min-height:200px; position:relative; background-size:90%; background-position:50% 50%}
    .cs_center p{font-size:25px; width:100%;  position: absolute; bottom: 0px; padding: 5px 10px;}
    .info_cont{width:100%; position:relative; padding:30px 30px 0 30px; border-top: 1px solid #cfcfcf;}
    .cs_center p span{display:inline}
    .useinfo_title{font-size:27px;}
    .usestep {margin-top:20px;}
    .usestep>li{font-size:17px; padding-left: 75px;}
    .usestep>li>.step{font-size:13.5px; color: #fff; font-weight: 600; background-color: #7a5ad1; padding: 2px 10px 4px; margin-top: 0px; position: absolute; left:30px;}
    .info_point {padding: 10px 13px 13px 70px; margin-top: 30px; font-size: 16px;}
    .sitemap_cont {padding: 10px 10px 10px 10px;}
    .sitemap_cont p.sitemap_title {font-size: 20px; color: #fff; text-align: center; display: block; position: relative; left: 0px; border-radius: 2px;  width: 100%; height: auto; background-color: #61508E; padding-top: 0px; padding:7px 10px 8px; margin-bottom: 10px;}
    .memtype_free { min-height: auto; padding: 35px 30px 20px;}
    .memtype_free_in{max-width: 1050px; margin: auto; position: relative}
    .memtype_free2{background-color:#384052; padding-bottom: 40px; }
    .memtype_text02___ > dt{font-size:32px; color:#454545; font-weight:bold; letter-spacing:-2px;  margin-bottom:10px;}
    .memtype_text03__{font-size: 11px; color: #878787; font-weight: 300; letter-spacing: 11px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
    ul.text_box02 {border: none; padding: 20px 10px 20px; position: relative; top: 0px; margin-bottom: 0px;}
    .text_box02 li.memtype_text04 {font-size:15px; color: #fff; margin-bottom: 15px;}
    .text_box02 li.memtype_text05 {font-size: 20px; color: #fff; font-weight: 500; line-height: 27px;}
    .text_box02 li.memtype_text05>span{background-color:#5ecde8; padding:2px 10px 3px; display: inline-block;}
    .free_btn_box{clear:both; padding-top:10px; text-align: center;}
	.sub_wrap.type02 { margin: auto; }
	#location, .cs_center { display:none; }
	#blockContainer {
		display: -webkit-box;
		display: -moz-box;
		display: box;
		
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		box-orient: vertical;
	}
	#blockA {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		box-ordinal-group: 2;
	}
	
	#blockContainer02 {
		display: -webkit-box;
		display: -moz-box;
		display: box;
		
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		box-orient: vertical;
	}
	#block02A {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		box-ordinal-group: 2;
	}

	.price>p.discount { letter-spacing: -1.5px; }
	.btn_area_center{ margin-top: 10px !important; margin-bottom: 60px; }
	button.btn_next { width: 100% !important; margin-top: 0 !important; }
	.contents.type02{ margin-bottom: 0; }
}

@media screen and (max-width: 640px){
    .page_title{font-size:25px;}
    .page_explanin{padding:15px 20px 10px 20px;}
    dl.cont_title dt{font-size:25px;}
    dl.cont_title dd{font-size:13.5px; padding-top:20px; }
    dl.cont_title dd > p{display:inline;}
    .page_title_type02 {font-size:35px; text-align:center; padding:10px 0 20px;}
    .memtype{width:100%; padding:0 20px 0;}
    .memtype_box{width:100%;}
    .page_title_type02{font-size:27px; text-align: center;}
    .page_title_type02 > span{width:196px; height:66px; display: inline-block;
    background-position: right 9px; background-size: 100%; margin-top: 0px; margin-right: 7px;}
    .cont_title02{float:none; display:block;}
    .btn_area.user_info{width:100%; float:none; display:block;}
    .btn_area.user_info > button.btn_blue.user_info{float:left; width:32%; margin:10px 1% 5px 0; padding: 5px 10px 7px;}
	.btn_area.user_info > button.btn_blue.user_infos{float:right; width:32%; margin:-40px 0 0 0; padding: 2px; line-height: 34px;}
    .user_text01{float:none; display:block;}
    .user_text02{font-size:16px; color:#454545; float:none; display:block; margin:10px 0 5px;}
    .user_info .input_area{display:block; margin-top: 5px;}
    .base_write.user_info td input[type="text"]{width:100%;}
    .user_info td select, .base_write.user_info td select.year, 
    .member td select, .base_write.member td select.year{width: calc(33% - 20px); padding: 0 0 0 5px;}
    .user_info td.sepcial_date>select, .base_write.user_info td.sepcial_date>select.year {width: calc(50% - 20px);}
    .user_info .input_area{display:inline; margin-top: 5px;}
    .user_info td select.b_time, .member td select.b_time {display: inline; margin-top: 5px; width: 100% !important; display:block; margin-top: 5px;}
    .use_info{padding:0px 0px 0 0;}
    .info.section01{width:100%; position: relative;}
    .info.section02{position:relative; padding:30px 23px;}
    .sasang_text01 {font-size: 22px;  color: #343434; float: none;}
    ul.sstype {text-align: left; margin-top: -33px;}
    .sasang_text02 {font-size: 15px;}
    .tab_title ul {position:relative; background__: #fff; border: 1px solid #000; }
    .tab_title li, .tab_title.type03 li, .tab_title.type05 li{width:100%; display:block; margin-left: 0px; position__: relative;}
    .tab_title ul:after{content:""; position: absolute; top:15px; right: 15px; background: url(../images/contents/snb_off.png) center 50% no-repeat; width:20px; height:20px; z-index: 9}
    .tab_title a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-bottom:0px; border:0px; }
    .tab_title ul.open a { position: relative; display: block; }
    .tab_title a.active {z-index: 1; background: #fff; border: none;}  
    .yukim_wrap>ul.blood_type{padding-left:3px;}
    .yukim_wrap .blood_type_text {position: relative; display: block; padding-bottom: 8px;}
    .yukim_wrap>ul.blood_type li {text-align: left;}
    
    .tooltip:hover span.show_text {top: -470px;}
    .tooltip span.show_text {padding: 10px 10px 20px; width: 450px; top: -470px;}
    
    .tooltip.daeun span.show_text {width:360px; top:auto; bottom:-50px; left:60px; padding: 10px 10px 10px;}
    .tooltip.daeun:hover span.show_text{top:auto; left:70px; bottom:-50px;}
    .tooltip.daeun .show_text ul.list_style01 li{font-size: 0.9em;}
    
    .tooltip.daeun2 span.show_text {width:100%; top:35px; left:0; margin-left: 0px; padding: 10px 10px 10px; }
    .tooltip.daeun2:hover span.show_text{top:45px; left:0; margin-left: 0px;}
    .tooltip.daeun2 .show_text ul.list_style01 li{font-size: 0.9em;}
    
    .yukim_wrap>ul.blood_type02{padding-left:0;}
    .yukim_wrap>ul.blood_type02>li{width:24%; }
    
    .mypage_wrap{display:block;}
    .mypage_wrap > ul {display:block;}
    .mygrade {width: 100%; float: none; background-color: #384052; padding: 35px 6% 35px;}
    .myinfo {width:100%; margin-left:0px; float: none; background-color: #f9f9f9; padding:35px 6%  30px;}
    .mypage_mid > ul > li {margin: 0 5px 10px;}
    .mypage_mid > ul > li .mtype01, .mypage_mid > ul > li .mtype02, .mypage_mid > ul > li .mtype03 {width: 100px; height: 100px; padding-top: 40px; font-size: 16px;}
    .site01>li>ul>li {width: 46%; margin: 0 1.5% 0;}  
}

@media screen and (max-width:480px){
    .copy_text01{font-size:23px;}
    .copy_text02{font-size:13px;}
    .yukim_wrap>ul>li {width:49%;}
    .tooltip:hover span.show_text {top: -520px;}
    .tooltip span.show_text{width: 100%; top: -520px;}
    .blood_type_wrap{ padding:5px 5px; }
    .blood_type{float:left;}
    .blood_type.first{width: 50%; border-right: 2px dotted #b2b2b3; padding-right: 1%; }
    .blood_type.second{width: 50%; padding-left:1%}
    .blood_type_text02{font-size: 16px; color: #4b4b4b; text-align: left; padding: 7px 5px;}
    .base_list.type02.daeun td{font-size:0.4em;}
    .tooltip.daeun span.show_text {width:320px; top:auto; bottom:-1px; left:5px; padding: 5px 5px 5px;}
    .tooltip.daeun:hover span.show_text{top:auto; left:5px; bottom:-1px;}
    .juyeok_wrap{padding: 10px 0 10px}
    td.img>img{width: 80%}
}

@media screen and (max-width:400px){
    /*.base_write.user_info td input[type="text"] {width:100%;}*/
     ul.path>li{width:50%;}
     ul.path>li>a{padding:0 35px 0 15px;}
     ul.path_depth{width:50%;}
    .mypage_member_info {padding: 20px 5px;}
    .mypage_mid>span {display: inline;}
    .mypage_mid > ul > li .mtype01, .mypage_mid > ul > li .mtype02, .mypage_mid > ul > li .mtype03 {width: 80px; height: 80px; padding-top: 30px; font-size: 16px;}
    .base_list.type02.daeun td{font-size:0.4em;}
    .yukhyo>ul>li{width: 49%;}
    .memtype0102{font-size: 28px;}
    .memtype0103{font-size: 28px;}
}

@media screen and (max-width:360px){
    .page_explan{background-size:cover;}
    .page_explanin{padding:20px 10px;}
     dl.cont_title dt{font-size:23px;}
     dl.cont_title dd{padding-top:15px; line-height:20px;}
     dl.cont_title dd > li{margin:5px 1px 0px;}
     ul.select01{padding:0 10px 0;}
    .select02 > li{padding:0 10px;}
    .select02 > li > label > input{margin-right: 3px;}
    .price>p.discount{font-size:13.5px;}
    .price>p.discount>span {font-size: 15px; margin-left:3px;}
    .info_cont {width:100%; position:relative; padding-left:20px; padding-right:20px;}
    .usestep>li{font-size:16px; padding-left: 65px;}
    .usestep>li>.step{font-size:12px; margin-top: 2px; position: absolute; left:20px;}
    .info_point{padding: 10px 13px 13px 13px;}
    .yukim_wrap>ul.blood_type>li {width:49%}
    .select03_wrap__{background-size:100%;}
    .memtype0103{background-size:90%; width: 100%;}
}



/*input select*/
input, td input, select{vertical-align:middle; font-size:14px; color:#4e4e4e; padding:0 5px; height:38px; border: 1px solid #e5e5e5; }
.base_write, .base_write.ty01 input, .search_idpw input{box-sizing:border-box; border: 1px solid #d9d9d9; border:none; background-color: #f4f4f9; padding: 5px 15px; color: #7b7b7b; height: 40px; }
textarea{border:1px solid #e5e5e5; height:150px; padding:5px 5px}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #e5e5e5; padding__:0 22px 0 5px; padding:0 30px 0 5px; height: 38px; background: #fff url(../images/contents/select_bg.png) no-repeat 100% 50%; }
select::-ms-expand {display:none; }
input[type="text"]{-webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #e5e5e5;}
input[type="checkbox"], .base_write td input[type="checkbox"]
{width:18px; height:18px; margin-right:3px; vertical-align:middle; /*c*/padding:0px !important;} 
input[type="radio"], .base_write td input[type="radio"]{vertical-align:middle; height: 17px; margin-top: -2px; border:none; padding:0px;}
.base_write.ty01 input.style1, .base_write.ty01 select.style1 {width: 382px; box-sizing: border-box;}
td ul.filesearch_box {position:relative;}
.filesearch{padding-right:97px;}
td input.filefield {width:100%;}
.filesearch_box li.filesearch_btnbox{position:absolute; right:0; top:0}
.filesearch_btnbox .btn_gray{padding:0 20px 2px;}
.attachBox02{font-size:14px; margin: 10px 0 5px; line-height: 20px;}
.attachBox02 > img{margin:-3px 0 0 3px;}
.idcheck_box{position:relative; width:305px; padding-right: 105px;}
.idcheck_box > input.idcheck{width:100%;}
.idcheck_box > button.btn_gray.idcheck{position:absolute; top:0px; right:0px;}
label, td label{margin-right:10px;}
.wp100{width:100%;}
.w100 {width:100px;}
.w120 {width:120px;}
.w305 {width:305px;}

/*button*/
.btn_right{display:inline-block; float:right;}
button{letter-spacing:-0.5px; line-height:38px; text-align:center;  border-radius:2px; padding: 0 25px 0px; vertical-align:middle; cursor: pointer;}
button:hover{text-decoration:none; cursor:pointer;}
button.ty02{padding: 0 10px 2px;}
button.btn_write, button.btn_write:active, a.btn_write:visited, button.btn_write:focus {margin-top:5px; text-align:right; float:right; font-size:14px; color:#fff ; padding:0 30px 2px 55px; text-decoration:none; background:#426185 url('../images/contents/icon_write.png') 28px 12px no-repeat;}  

a.btn_gray, a.btn_gray:visited, a.btn_gray:active, a.btn_gray:focus,
button.btn_gray, button.btn_gray:visited, button.btn_gray:active, button.btn_gray:focus{font-size: 14px; color: #fff !important; text-align: center; letter-spacing: 0px; /*padding: 0 25px;*/ background-color: #838383;}

a.btn_blue, a.btn_blue:visited, a.btn_blue:active, a.btn_blue:focus,
button.btn_blue{font-size:14px; color:#fff !important; text-align:center; letter-spacing:0px; /*padding:0 25px;*/ background-color:#61508E;}

a.btn_blue2, a.btn_blue2:visited, a.btn_blue2:active, a.btn_blue2:focus,
button.btn_blue2{font-size:14px; color:#fff !important; text-align:center; letter-spacing:0px; /*padding:0 25px;*/ background-color:#0f67b1;}
.btn_blue.type03{line-height:28px; padding: 0 20px 2px;}

.btn_area_center{margin-top:43px; text-align:center; }
button.btn_next{font-size: 16px; color: #fff !important; text-align: center; letter-spacing: 0px; padding: 15px 40px; border-radius: 100px; background-color: #f7496c; width: 255px; margin-top: 50px; }

.search_area{float:right; padding-bottom:5px }
.search_area:after{content:""; display: block; clear:both;}
.search_area > select, .search_area > input{ font-size: 14px; color: #4e4e4e; height 40px: ; min-width: 90px; height: 37px; border: 1px solid #e5e5e5; background-color:#fff;}
.search_area > input{padding: 0 3px 0 3px; width:200px}
.search_area > button.btn_search, search_area > button.btn_search:active, search_area > button.btn_search:visited{vertical-align:top; display:inline-block; *zoom: 1; font-size:14px; color:#fff; width:80px; height:37px; line-height:37px; text-align:center; background: #838383;}
.search_area > button.btn_search:hover{background-color:#555555;}
button.btn_search.type02{background-color:#426185 }
button.btn_search.type02:hover{background-color:#324e6e }
.base_list{width:100%; border-top:2px solid #565656; border-bottom:1px solid #747474; }
.base_list th, .base_list td{padding:7px 10px 7px; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; text-align:left; height:46px; min-height: 46px; word-break:keep-all}
.base_list th:first-child, .base_list td:first-child{border-left:0px;}
.base_list th {font-size:14px; color:#333333; font-weight: 500; background-color:#f3f3f7; text-align: center; }
.base_list td {font-size:14px; color:#666666; letter-spacing:-0.2px;  text-align: center; line-height: 20px;}
.base_list td.subject{text-align:left; padding-left: 15px;}
.base_list td a{color:#414141}
.base_list td a:hover, .base_list td a:active, .base_list td a:focus{ color:#252525; text-decoration:underline}
.paging{padding:20px 0 20px; text-align:center; clear:both}
.paging > a{display: inline-block; margin: 0; width: 25px; height: 25px; line-height: 25px; font-size: 13px; color: #333; text-align: center; text-decoration: none; vertical-align: middle; background-color: #eeeeef;}
.paging > a.page_on{margin: 0; color: #fff; text-decoration: none; vertical-align: middle; background-color: #626d77;} 
.paging > a.prev,.paging > a.prevEnd, .paging > a.next, .paging > a.nextEnd
{width:25px;height:25px;margin:0;padding:0;background-color:#fff;background-repeat:no-repeat; background-position:50%; box-sizing:border-box; border:1px solid #bdbdbd; font-size:0;line-height:0; text-indent:-9999px;}
.paging a.prev{background-image:url('../images/contents/prev.png');}
.paging a.prevEnd{background-image:url('../images/contents/first.png');}
.paging a.next{background-image:url('../images/contents/next.png');}
.paging a.nextEnd{background-image:url('../images/contents/end.png');}
.paging a:hover{text-decoration:none; color:#000;}
.base_list.bir_time th, .base_list.bir_time td{font-size:13.5px; color:#424444; padding:5px 5px 5px; min-height:40px; height:40px; }
.base_list.bir_time th{background-color:#fff;  }
.base_list.bir_time td{}
th.td_bgcol01, td.td_bgcol01{background-color:#eef3f6}
th.td_bgcol02, td.td_bgcol02{background-color:transparent}
.necessary_box {font-size:14px; text-align: right;}
.necessary, th.necessary {font-size:16px; color: #cb1212; font-weight: 600; display: inline-block; vertical-align: middle; padding-right: 2px;}
.base_write{border-top:2px solid #575757;}
.base_write tr th, .base_write tr td{text-align:left; height:46px; min-height:46px; letter-spacing: -0.5px;}
.base_write tr th{font-size:14px; color:#333333; font-weight: 500; background:#f3f3f7; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; padding:2px 10px 3px 20px;}
.base_write tr td{font-size:14px; color:#666666; background-color: #fff; border-bottom:1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding:5px 5px 5px 5px;}
.base_write tr td.tel_input select.w100, .base_write tr td.tel_input input.w100{float:left; margin-right:3px;}
.base_write.user_info{border-top:1px solid #575757;}
.base_write.user_info th{padding:2px 10px 3px 2%;}
.base_write.user_info td{padding:3px 10px 3px 10px;}
td .text01{font-size:13px; color:#595959; padding:5px 0 0 0; }
ul.join_info{background:#f4f7fb; padding:15px 10px 10px; margin-top:5px; }
ul.join_info:after{content: ""; display:block; clear:both}
ul.join_info > li{font-size:13px; color:#595959; letter-spacing:-0.5px; background:url('../images/contents/list_type_bdot.png') 5px 9px no-repeat; padding:0 0 5px 12px;}
.base_view{border-top:2px solid #565656; border-bottom:1px solid #747474;  }
.view_subject_area{border-bottom:1px solid #a5a4a4;}
.view_subject_area .view_subject{font-size:24px; color:#333333; font-weight:500; text-align: left; padding: 20px 13px; letter-spacing:-1px; line-height:26px; min-height:60px; display: block; border-bottom:1px solid #eaeaea; background:#f3f3f7;}
.view_subject_area > ul{padding-left:10px;}
.view_subject_area > ul > li{font-size: 14px; letter-spacing: -0.5px; display: inline-block; vertical-align:middle;  padding: 15px 0 15px 7px; margin-right: 12px; min-height___: 40px; background__:url(../images/sub/dot_blue.png) 0 18px no-repeat}
.base_view .text_area{white-space:pre-line; padding: 30px 20px 30px 20px; font-size:15px; color:#6b6b6b; line-height:24px; text-align:left;}
.attach_file{background:#fbfbfb url(../images/contents/file_icon1.png) 20px 17px no-repeat; display: block; padding:15px 10px 15px 45px; border-top:1px solid #eaeaea; min-height__: 63px;}
.attach_file > a{font-size:14px; color:#222222; text-decoration:none; }
.faq_text{font-size:17px; color:#747474; background:#f4f7fb url(../images/contents/faq_bg.png) 50px 50% no-repeat; padding:25px 50px 25px 170px;}
.faq_text > span{font-size:27px; color:#444; font-weight:500; letter-spacing:-2px; display:block;}
.faq  {border-top:2px solid #565656;}
.faq li.queston{font-size:15px; color:#666666; letter-spacing:-0.5px; font-weight:400; border-bottom:1px #e1e1e1 solid; background:url('../images/contents/faq_q.png') 15px 50% no-repeat; cursor:pointer; padding:20px 20px 20px 55px;}
.faq li.answer{font-size:14.5px; color:#666666; letter-spacing:-0.5px; font-weight:400; background:url('../images/contents/faq_a.png') 25px 20px no-repeat; display: none; border: 1px solid #f2496d; padding: 20px 20px 20px 85px; margin-top:-1px;}


@media only screen and (max-width:640px) {
    .base_write tr th {font-size: 14px; color: #333333; font-weight: 500; background: #f3f3f7; border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; padding: 2px 5px 3px 5px;}
    .base_write tr td input.w305{width:100%;}
    .base_write tr td.tel_input select.w100, .base_write tr td.tel_input input.w100{width:calc(33.33% - 3px); }
    .base_write tr td.tel_input input:last-child{margin-right: 0px;}
    .faq_text{font-size:16px; background-position:10px 30px; padding:20px 10px 25px 120px;}
    .faq_text > span{font-size:23px; color:#444; font-weight:500; letter-spacing:-2px; display:block;}
    .idcheck_box{position:relative; width:100%;}
    .base_write.user_info td{padding: 5px}
    .base_write.user_info td.so_num > span {display:none; padding:0px;}
    .base_write.user_info td.so_num input[type="text"]:first-child{margin-bottom:3px;}
    .btn_position {padding-left: 10px; display: inline;}
    a.result_btn{font-size:19px; font-weight: 500}
}
@media only screen and (max-width:575px) {
    .base_list colgroup .hidden{display: none}
    .base_list colgroup .wmobile{width: 30% !important;}
    .base_list th.hidden {display: none;}
    .base_list td.hidden {display: none;}
    .view_subject_area .view_subject{font-size: 20px;}
    .w120{width:30%;}
}
@media screen and (max-width:400px){
     button.btn_write{width:100%; margin-top:5px; text-align:center; float:none;  padding:0 0 2px 0; background:none; background-color:#7a5ad1;} 
    a.result_btn{font-size:19px; font-weight: 500}
    .search_area{float:none;}
    .search_area > select{width:40%; float:left; margin-right:1%;}
    .search_area > input{width:59%}
    .search_area > button.btn_search{width:100%; margin-top: 5px;}
    .faq  {border-top:2px solid #565656;}
    .faq li.queston{font-size:14px; padding:20px 10px 20px 45px; background-position:3px 50%;}
    .faq li.answer{font-size:14px; padding: 20px 10px 20px 70px; background-position:7px 20px;}
}
@media screen and (max-width:360px){
    .base_write, .base_write{border-bottom: 1px solid #e1e1e1;}
    .base_write tr th, .base_write tr td, .base_write.user_info tr th, .base_write.user_info tr td{height:auto; /*display: block;*/  border:none;font-size: 13px;}
    .base_write tr th, .base_write.user_info th{/*background-color:#fff;*/ min-height:30px; /*padding: 18px 0 5px 0px;*/ }
    .base_write tr td, .base_write.user_info td{/*padding:0px 0px 18px 0px;*/ border-bottom__:1px solid #e1e1e1; border-left:none; border-right:none;}
    .btn_right{float:none; text-align:center; width:100%;}
    .btn_right button{width:49%; float__:left;}
}


/*로그인*/
.login_box{border:1px solid #ddd;}
.login_box:after{content:""; display:block; clear:both; }
.mem_login, .sns_login{width:50%; padding:60px 55px 60px; float:left;}
.sns_login{background-color:#f6f6f6; padding-bottom: 51px; }
.sns_login:after{content:""; clear:""; display: block;}
.login_title{font-size:22px; color:#333333; font-weight:500; letter-spacing:-1.5px; }
.login_box .input_box{margin:20px 0 26px;}
.input_box:after{content:""; display:block; clear:both;}
.login_input {height:48px; padding: 0 0 0 60px; margin-bottom:5px; border:1px solid #d6d6d6;}
.login_input.id{background:#fff url(../images/contents/ico_id.png) 25px 50% no-repeat}
.login_input.pw{background:#fff url(../images/contents/ico_pw.png) 25px 45% no-repeat}
.login_input > input{width:100%; height:46px; border:none;}
.login_input > input::placeholder{ color: #8b8b8b;}
.saveid{float:right; text-align:right;}
ul.links{border:1px solid #d6d6d6; height__:43px; padding:10px 15px 10px; margin-top: 5px; text-align:center}
ul.links li{ display:inline; padding-right:10px; border-right__:1px solid #d6d6d6}
ul.links li:last-child{border-right:none; padding-right:0px;}
ul.links li >a, ul.links li >a:hover, ul.links li >a:active, ul.links li >a:visited{font-size:14.5px; color:#585858}
.login_text{font-size:14px; color:#595959; font-weight: 300;}
.sns_btn{position:relative; margin-top:30px; margin-bottom: 52px}
.sns_btn li{display:block; margin-bottom:10px; position:relative;}
.sns_btn.mypage{position:relative; margin-top:0px; margin-bottom: 5px}
.sns_btn.mypage li{display:inline-block; width:240px; margin-right:5px; margin-bottom: 0px; position:relative;}
.sns_btn.mypage li a{padding:13px 25px 0 60px}
.sns_btn li a{font-size:15px; border-radius:3px; display:block; width:100%; height:48px; padding:12px 0 0 80px;}
.sns_btn li.na a{background:#2eb22a; color:#fff;}
.sns_btn li.fa a{background:#415a94; color:#fff;}
.sns_btn li.ka a{background:#ffdf01; color:#3a3720;}
.sns_btn li.go a{background:#d34147; color:#fff;}
.sns_btn li.pa a{background:#e22929; color:#fff; letter-spacing: 0px;}
.sns_btn li a span{position:absolute; width:52px; height:48px; top:0px; left:0px; display:inline-block;}
.sns_btn li.na span{background:url('../images/contents/sns_na.png') 50% 50% no-repeat; border-right:1px solid #6dc96a;}
.sns_btn li.fa span{background:url('../images/contents/sns_fa.png') 50% 50% no-repeat; border-right:1px solid #7a8cb4;} 
.sns_btn li.ka span{background:url('../images/contents/sns_ka.png') 50% 50% no-repeat; border-right:1px solid #fff299;}
.sns_btn li.go span{background:url('../images/contents/sns_go.png') 55% 50% no-repeat; border-right:1px solid #e9a0a3;}
.sns_btn li.pa span{background:url('../images/contents/sns_pa.png') 55% 50% no-repeat; border-right:1px solid #ee7f7f;}
.mem_login.line01{border-left:1px solid #ddd; margin-top: 0px;}
.input_box.idf{position:relative; min-height:159px;}
.input_box input.idpw_input {width:100%; height:48px; padding: 0 0 0 20px; margin-bottom:5px; border:1px solid #d6d6d6;}
button.btn_type{font-size:16px; color:#fff; letter-spacing:-0.5px; width:100%; line-height:43px; text-align:center; border-radius:0px;}
button.btn_type.btn_blue{background-color:#426185; }
button.btn_type.btn_blue2{background-color:#0f67b1;}
button.btn_type.btn_gray2{background-color:#838383;}
a.btn_blue2, a.btn_blue2:visited, a.btn_blue2:active, a.btn_blue2:focus,
button.btn_blue2{font-size:14px; color:#fff !important; text-align:center; letter-spacing:0px; background-color:#0f67b1;}
.pwchange_box{padding:55px 55px 65px;}
.pwchange_box:after{content:""; clear:both; display: block;}
.pwchange_box > .input_box > li{margin-bottom: 15px;}
.pwchange_box > .input_box > li > p{font-size:16px; /*background: url(../images/contents/list_type_bdot.png) 0 9px no-repeat; padding-left:7px;*/ }
.pwchange_box > .input_box > li > p > span{float:right; font-size:14px; color:#595959; font-weight:300; letter-spacing: 0px; padding-left: 10px; }
.login_box .input_box.pwc{margin:30px 0 26px;}
.pwchange_box > button, .pwconfirmin > button{width:49%;}
.pwchange_box > button:first-child, .pwconfirmin > button:first-child
{margin-left:1%; float:left;}
.pwchange_box > button:last-child, .pwconfirmin > button:last-child{float:right;}
.pwconfirmin{padding:0 8% 0;}
.pwconfirm_text{font-size:20px; color:#444; text-align:center; line-height: 25px; background: url('../images/contents/pw_confirm_icon.png') 50% 0px no-repeat; padding:95px 20px 20px; margin: auto;}
.input_box.pwconfirm{}
.input_box.pwconfirm li{position: relative; line-height: 50px;}
.input_box.pwconfirm li span.pwconfirm_text02{font-size:16px; position: absolute; }
.input_box.pwconfirm li p{padding-left:100px;}
.idcheck_wrap{border:1px solid #ddd; padding:30px 20px 20px;}
.idcheck_text{font-size:20px; color:#444; text-align:center; line-height: 25px; background: url('../images/contents/id_confirm_icon.png') 50% 0px no-repeat; padding:95px 20px 20px; margin: auto;}
.idcheck_text>span{color:#d94444;}
.idcheck_text>p{display: block;}


/*회원가입*/
.member_ico * {margin: 0; padding: 0; border: 0; letter-spacing: normal; background: url(../images/contents/member_step_icon.png) 0 0 no-repeat;}
.member_step {margin:10px auto 40px; text-align:center;}
.member_step:after {content:""; display:block; clear:both;}
.member_step li {position:relative; display:inline-block; width:160px; margin-left:45px; padding:3px 0 3px; border:1px solid #dadada; border-radius:35px;}
.member_step li.on {background:#7a5ad1; border:2px solid #7a5ad1; color:#fff; }
.member_step li.on span {color:#fff; font-weight:500; text-decoration: none;}
.member_step li:after{content:""; position:absolute; left:-45%; top:50%; display:block; width:18px; height:29px; margin:-15px 0 0 35px; background:url(../images/contents/member_step_direc.png) 0 0 no-repeat;}
.member_step li:first-child{margin-left:0;}
.member_step li:first-child:after {display:none}
.member_step span {background:none; line-height:40px; font-size:14px; color:#333333; font-weight: 500;}
.member_step em, .member_step div {vertical-align:middle;}
.member_step .micon {display:inline-block; height:40px; margin-right:10px}
.step1 .micon {width:45px;background-position:0 4px;}
.step2 .micon {width:38px;background-position:-40px 4px;}
.step3 .micon {width:45px;background-position:-80px 4px;}
.step1.on .micon {width:40px;background-position:0 -36px;}
.step2.on .micon {width:40px;background-position:-40px -36px;}
.step3.on .micon {width:40px;background-position:-80px -36px;}
.chkbox{width:100%; padding:20px 20px; min-height: 60px; display: inline-block; border:1px solid #e1e1e1; border-top:0px;}
.chkbox.type02{padding:10px 0px; min-height: auto; display: inline-block; border:none; border-top:0px;}
.chkbox > label{font-size: 15px; font-weight: 400; letter-spacing: -0.5px;}
.chkbox input, .chkbox2 input{margin:-3px 5px 0 0; vertical-align: middle;}
.chkbox2{width:100%; padding:20px 20px; min-height: 60px; display: inline-block; margin-top:5px; text-align:left; background:#f8f7fb}
.chkbox2 > label{font-size: 15px; font-weight: 400; letter-spacing: -0.5px;}
.terms_area {padding:5px; border:1px solid #ddd; background-color:#f8f7fb}
.terms_txt {width:100%; background-color:transparent; padding:20px; height: 230px; overflow-y: scroll; border:none;}
.terms_area.type02{padding:0px; }
.terms_txt.type02{height: 100px; padding:10px;}
.terms_txt.exception01{padding:20px; height: auto; overflow-y: hidden;}
.member_result{width:100%; margin:0 auto 0; border:1px solid #ddd; background__: url(../images/contents/mem_result_img.png) 50% 60px no-repeat; text-align:center; display:inline-block; padding:50px 8% 50px;}
.mresult_text01{font-size:27px; color: #444444; font-weight:600; letter-spacing: -1.5px; text-align: center; margin-bottom: 10px; }
.mresult_text02{font-size:16px; color:#585858; padding:2px 10px; display: inline-block; background-color:#f3f3f7 }
.mresult_text03{font-size:16px; color:#585858; margin-bottom: 20px;}
.member_result > button.btn_blue{text-align: center;}
.free_event{background-color:#b4d4ae; border-radius:2px; min-height: 90px; padding:10px;}

@media screen and (max-width: 990px){
    .login_box{position: relative;}
    .mem_login, .sns_login{width:100%; padding:50px 10% 55px; float:none;}
    .mem_login.line01{border-top:1px solid #ddd}
    .input_box.idf{min-height:auto;}
    .sns_btn{margin-bottom:0px;}
    .mem_login{position: relative; margin-top: 310px;}
    .sns_login{position:absolute; top:0px;}
    .mem_login.type02{margin-top: 0px!important}
    .member_step li {width:145px; margin-left:25px;}
    .member_step .micon {margin-right: 0px;}
    .member_step li:after {left: -41%;}
}
@media screen and (max-width:640px){
    .pwchange_box{padding:45px 8% 55px;}
    .pwchange_box > .input_box > li > p > span {float: none; display:block; padding-left: 0px;}
    .member_step {margin-bottom:0px; text-align:center;}
    .member_step .micon {margin-right: 10px;}
	.member_step li, .member_step li.step1{margin:0 0 15px 0; width:50%;}
    .member_step li, .member_step li.step1{}
	.member_step li:after{top:-22px; bottom:0; left: 50%; margin: 0 0 0 -15px;
     width: 30px; height: 17px; background: url(../images/sub/member_step_direc02.png) 0 0 no-repeat;}
    .mresult_text01 {font-size: 25px; line-height:27px; min-height__: 40px; margin-bottom: 10px;}
    .mresult_text01:before{display:none;}
    .mresult_text02{font-size:14px; margin-bottom: 20px;}
    .sub_title02 {margin: 45px 0 12px 0; padding-top: 10px; font-size: 21px; line-height:28px;}
}
@media screen and (max-width:480px){
    .member_step li, .member_step li.step1{width:80%;}
    .pwconfirmin{padding:0 0 0;}
    ..pwconfirm_text{padding:95px 0 20px }
    .input_box.pwconfirm li span.pwconfirm_text02{font-size:15px; position: relative;}
    .input_box.pwconfirm li p{padding-left:0px;}
    .input_box.pwconfirm li {position: relative; line-height: 35px; margin-bottom: 10px;}
    .sns_btn.mypage li{width:100%;}    
}
@media screen and (max-width:400px){
    .pwchange_box > button {width: 100%; float:none; margin-bottom: 5px;}
}
@media screen and (max-width: 360px){
    .member_result{padding:40px 8% 40px;}
    .mresult_text01 > span{display: block;}
    .mem_login, .sns_login, .pwchange_box{padding:45px 8% 45px; }
    .sns_btn li.na span, .sns_btn li.fa span, .sns_btn li.ka span, .sns_btn li.go span 
    {background:none; border-right:0px;}
    .sns_btn li a, .sns_btn.mypage li a{padding:12px 0 0 0; text-align: center;}
}


.footer_wrap{background-color:#222426; padding-bottom:55px; position:relative;} 
.footer_wrap:after{content:""; width:100%; height:1px; background-color:#4e5051; position:absolute; top:55px; left:0px;}
.f_navi{padding:17px 0 18px; float:left }
.f_navi>a{font-size:14px; color:#fff; font-weight: 400; letter-spacing: -0.5px; margin:0 12px 0; display: inline-block;}
.f_navi>a:last-child{margin-right:0px;}
.sns{float:right;}
.sns > a{float:left; padding:10px 0 0 5px}
.sns:after, .f_navi:after{content:""; clear:both; display:block;}
.address{clear:both; color:#a2a2a2; letter-spacing:-0.5px; padding:28px 0 28px;}
.address > span{display: block;}
.copyright{font-size:13.5px; color:#a2a2a2;}

@media screen and (max-width: 640px){
    .footer_wrap:after{content:""; width:100%; height:0px; background-color:none; position:relative; top:0px; left:0px;}
    .f_navi{float:none; text-align: center; border-bottom:1px solid #4e5051; min-height: 55px;}
    .sns{clear:both; float:none; text-align:center; margin-top:30px;}
    .sns > a{float:none; display:inline;}
    .address, .copyright{text-align:center;padding-left: 18px;padding-right: 18px;}
}


/*레이어팝업 --> 윈도우 팝업으로 변경*/
.modal_popup{overflow-y: auto\0/IE9;}
.layer_cont{padding:20px 25px 20px; }
.layer_cont:after{content:""; display:block; clear:both; }  
.layer_contin{padding:20px 25px 20px;}
button.modal_close {width:37px; height:36px; padding:0px; background: url('../images/common/pop_close.png') 0 0 no-repeat; display: inline-block; position: absolute; top: 22px; right: 20px; text-indent: -9999px; cursor: pointer;}
button.modal_close.typeb{top: 8px; background: url(../images/common/pop_close_b.png) 0 0 no-repeat;}
button.printer {width:39px; height:36px; padding:0px; background: url('../images/common/icon_print.png') 0 0 no-repeat; display: inline-block; position: absolute; top: 22px; right: 74px; text-indent: -9999px; cursor: pointer;}
button.printer.typeb{top: 8px; background: url(../images/common/icon_print.png) 0 0 no-repeat;}
.dim{display:none; z-index:99998; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50);}
.pop_title{font-size:21px; color:#fff; font-weight:bold; min-height:100px; padding:22px 70px 23px 25px; border-bottom:5px solid #e5e5e5; background:#7a5ad1 url('../images/common/layer_title.png?4') 90% bottom no-repeat;}
.pop_title span{font-size:15px; color:#c6d3de; font-weight:400; display: block; margin-top:5px;}

/*생시*/
.modal_popup.bir_time .layer_cont{background:url('../images/common/layer_img01.png') right 15px no-repeat;}
dl.time_cont01{padding-bottom:20px;}
dl.time_cont01 > dt{font-size:18px; color:#323232; font-size:bold; padding: 5px 0 5px;}
dl.time_cont01 > dt > span{font-size:15px;  color:#fff; text-align: center; display: inline-block; width:25px; height: 25px; padding: 0 0 10px 0; margin: -4px 6px 0 0;  background-color: #3c618d; border-radius: 100%; line-height: 23px; vertical-align: middle;}
dl.time_cont01 dd{font-size:14px; color:#7a7a7a;}
dl.time_cont01 > dd > span{display:block}
/*만세력*/
.pop_title.manse{font-size:14px; color:#fff; font-weight:400; text-align: center; padding: 25px 25px 20px;}
.pop_title.manse .select_area span{display: block;}
.pop_title.manse .select_area span.d_block{display: inline;}
.pop_title.manse .select_area select{width:50px; height:26px; border-radius:3px; background-color:#fff; font-size:15px; color:#222222;}
.pop_title.manse .select_area select.year{width:70px;}
.btn_white{font-size:15px; color:#222222; line-height:26px; background-color:#fff; border-radius:3px; padding:0 15px 0; vertical-align:middle;}
.bir_type{max-width:300px; padding:0 0 0 4px; margin:-3px auto 0;}
.bir_type:after{content:""; clear:both; display:block;}
.bir_type li{font-size:17px; color:#222222; font-weight: 500; letter-spacing:-0.5px;}
.bir_type li:last-child{color:#005fae;}
.manse_tblwrap{border-top: 1px solid #c7c9c9; border-bottom: 1px solid #c7c9c9; margin: 22px 0 25px; padding: 15px 0 27px;}
.base_list.manse01{border:none; max-width: 300px; margin: auto; }
.base_list.manse01 th{height: 20px;}
.base_list.manse01 td{font-family__:'dotum'; font-size:13px; color:#2f2f2f; text-align:center; letter-spacing: -0.5px; background-color:#fff; border-top:none; border-right:1px solid #fff; padding:3px 1px 3px; height:35px;}
.base_list.manse01 td.text_bg{height:70px;}
.base_list.manse01 td span{font-size:43px; color:#fff; font-weight: bold; line-height:60px; width:65px; height:65px; display:inline-block; border-radius:3px;}
.base_list.manse01 td span.mbg01{background-color:#ccbb5c}
.base_list.manse01 td span.mbg02{background-color:#84c991}
.base_list.manse01 td span.mbg03{background-color:#6eadce}
.base_list.manse01 td span.mbg04{background-color:#c09f8a}
.base_list.manse01 td span.mbg05{background-color:#af62b6}
.base_list.manse01 td span.mbg06{background-color:#cc7472}
.base_list.manse01 td span.mbg07{background-color:#e2ae54}
.base_list.manse01 td span.mbg08{background-color:#6188b6}
.base_list.manse01 tr.mtrbg01 td{height:30px; background-color:#e4e4e4}
.manse_wrap{padding: 0px 0 0px; max-width: 300px; margin: auto;}
.manse_title{font-size:15px; color:#222222; text-align: center; font-weight: 500; margin:15px auto 5px;}
.base_list.manse02{border-top:1px solid #565656; border-bottom:none;}
.base_list.manse02 th{font-family:dotum; height:20px; min-height:20px; padding:3px 5px 3px; background-color: #464d4d; font-size:13px; color: #fff; border-right:1px solid #fff;}
.base_list.manse02 th:last-child{border-right:0px}
.base_list.manse02 td{font-family:dotum; font-size:13px; color:#2f2f2f; text-align:center; letter-spacing: -0.5px; background-color:#fff;  padding:3px 1px 3px; height:25px; border-left:none;}
.base_list.manse02 td.seun_bg01{background-color:#464d4d; color:#fff; font-weight: bold;}
.base_write.date_change{border-top:1px solid #575757;}
.base_write.date_change th{background-color:#fff; height:47px; border-left:0px; padding:3px 5px 3px 10px;}
.base_write.date_change td{padding:3px 5px 3px 5px; border-left:0px; border-right: 0px; }
.base_write.date_change td > select{width:80px; }
.btn_area.date_change{margin:10px 0 30px; text-align:center;}
dl.date_change{font-size:15px; width:100%; /*min-height:43px;*/ border-radius:3px; background-color:#f0f0f6; position: relative;}
dl.date_change dt{color:#fff; width:80px; /*min-height:43px;*/ background-color:#e8526c; position: absolute; top:0px; bottom:0px; text-align:center; vertical-align: middle; display: table-cell; padding-top:10px;}
dl.date_change dd{color:#0059a4; letter-spacing:-0.5px; padding:10px 5px 10px 90px; vertical-align:middle; line-height: 20px;}
.date_change_btn_wrap{text-align: center; margin: 10px auto 20px;}

/*결과보기*/
.layer_cont.result{padding: 0 0 25px; }
.respop_title{font-size: 18px; color: #202020; min-height:53px; padding:12px 20px 0 45px; border-bottom:5px solid #e5e5e5; background: #fff url(../images/common/res_title_bullet.png) 30px 20px no-repeat;}
.respop_title span.icon_print{float:right; width: 39px; height: 36px; margin-top: -5px; text-indent: -9999px; display: inline-block; background: url(../images/common/icon_print.png) 0 0 no-repeat;}
.result_wrap__{padding:25px 25px 0; margin:auto;}
.result_wrap{padding:30px 25px 0; margin:auto; }
.result_wrap_2{padding:30px 25px 25px; margin:auto; }
.result_wrap{content:""; display: block; clear:both}
.res_userinfo{color:#fff; padding:25px 60px; 
    background-image:url(../images/common/res_img01.png?1), url(../images/common/res_img02.png?1);
    background-position: left bottom, right bottom; background-repeat: no-repeat; 
    background-color:#675086; display:block}
.res_userinfo:after{content:""; display:block; clear:both }
.res_userinfo > p.res_name{font-size:18px; margin-bottom: 15px;}
.res_userinfo > ul{float:left;}
.res_userinfo > ul.uinfo_part01{margin-right:50px; }
.res_userinfo > ul > li{font-size:14.5px; letter-spacing:-0px; font-weight: 400;}
.res_userinfo2.res_userinfo2 {background-color: #426185; border_: 1px solid #e1e1e1; padding: 7px 25px 8px; font-size: 15px; color: #fff; /* border-radius: 3px 3px 0 0; */ margin: 25px auto 0px;}
.res_userinfo2:after{content:""; display:block; clear:both }
.res_userinfo2 > ul{float:left;}
.res_userinfo2 > ul.uinfo_part01{margin-right:50px; }
.res_userinfo2 > ul.uinfo_part01 > li{font-size:14.5px; letter-spacing:-0px; font-weight: 400; float:left; margin-right: 20px;}
.base_list.result{width:100%; height:100%; margin: auto; }
.base_list.result th{padding:5px 3px 5px; text-align:center; height:35px; min-height:35px; font-size: 13.5px; color:#474747;}
.base_list.result td{padding: 3px 3px 3px; font-size: 13px; color: #474747; height: auto; min-height: auto;}
.base_list.result td > img{margin-right:5px;}
.base_list.result td.t_left{padding:7px 10px 7px 15px; height:36px; min-height:36px; text-align: left; vertical-align:top;}
.base_list.result td ul{text-align: center; min-height:33px;}
.base_list.result td ul:after{content:""; display: block; clear:both;}
.base_list.result td ul.saju li{display: inline-block; background-color__:#e4e4e4; height__: 25px; line-height__: 25px;}
.base_list.result td ul.saju li > img{vertical-align: middle;}
.base_list.result td ul.saju li:first-child{margin-right: 5px;}
.saju li span{width:7px; display:inline-block;}
span.tcolor_red{color:#cb1212}
span.tcolor_blue{color:#0054b2}
.saju02 li{display:inline-block; margin: 0 1px;}
.saju02 li > span{display: block; text-align:center; line-height: 15px; padding-top: 3px;}
.base_list.result tr.trcolor_1{background-color:#f7f7f7}
.base_list.result tr.trcolor_1 td{color:#222; min-height: 35px; height:35px;}
.base_list.type01 {width: 100%; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
.base_list.type01 th, .base_list.type01 td{color:#474747; text-align: center; padding: 5px 5px 5px; height: auto; min-height: auto; border-top: 0px; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.yongsin{margin: 0 auto 0; text-align: center}
.yongsin:after{content:""; clear:both; display: block;}
.yongsin >li{font-size:13px; color:#474747; line-height: 20px; letter-spacing: -0.5px; margin: 5px 20px; display: inline-block;}
.yongsin >li > span{color: #fff; background-color: #d94444; border-radius: 3px; padding: 1px 7px;}
.yongsin >li > span.blue{background-color: #426185;}
.base_list.type01 td.t_blue{color:#426185}
.base_list.type01 td.t_red{color:#d94444}
span.theme_blue{background-color: #426185; border-radius: 3px; padding: 1px 6px 1px 5px;  margin-left: 5px; font-size: 12px; color: #fff; text-align: center;}
span.theme_red{background-color: #d94444; border-radius: 3px; padding: 1px 6px 1px 5px;  margin-left: 5px; font-size: 12px; color: #fff; text-align: center;}
.base_list.type01 td.jidubg01{background-color:#CBDBF7 ; padding: 10px 5px}
.base_list.type02 {width: 100%; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
.base_list.type02 th, .base_list.type02 td{color:#444; text-align: center; padding: 3px 3px 3px; height:35px; min-height:35px; border-top: 0px; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.base_list.type02 td a{text-decoration: underline; color: #0d61a7;}
.daeun_icon{width:15px; height:15px; background: url('../images/contents/icon_note_2.png?1') 0 0 no-repeat; display: inline-block; }
.tipElm {cursor: help; text-decoration: underline; font-size: 14px; color: #0d61a7;}
.base_list.type02 tr.daeunbg01{background-color:#cbcbcb }
.base_list.type02 tr.daeunbg02{background-color:#e8e8e8 }
.base_list.type02 tr.daeunbg03{background-color:#d8ebf5}
.base_list.type02 td.daeuntdbg01{background-color:#FFDDEE}
.base_list.type03{border-top: 1px solid #565656; border-bottom: 1px solid #565656;}
.base_list.type03 td > img{margin: 20px auto;}
.base_list.type03 td {min-height: 38px; height: 38px;}
.base_list.type04 {width: 100%; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; margin-bottom: 25px;}
.base_list.type04 tr.face_bg01{background-color:#eef2f6 }
.base_list.type04 tr.face_bg02{background-color:#f8f8f8 } 
.base_list.type04 tr.face_bg01 > td{font-size:17px;  min-height_:50px; height_:50px;}
.base_list.type04 td{font-size:15px; color:#343434; text-align: center; padding: 3px 3px 3px; width:33.33%; height:40px; min-height:40px; border-top: 0px; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.base_list.type04 td:first-child{border-left: 1px solid #e1e1e1;}
.base_list.type04 td>label>input{width: 17px; height: 17px; margin-right: 2px}
.base_list.type04 td>label{cursor: pointer; padding: 3px 3px}
a.btn_blue.face{line-height: 38px; border-radius: 2px; padding: 0 30px 2px; vertical-align: middle; display: inline-block;}
.base_list.type04.exception td{width: auto;}
.base_list.search_han thead th, .base_list.search_han tbody td {color:#444; padding: 3px 5px 3px; height:35px; min-height:35px;}
dl.daeun_result{border:1px solid #ddd; padding:10px;}
dl.daeun_result:after{content: ""; display:block; clear:both}
dl.daeun_result dt{font-size:17px; color:#444; font-weight:500; text-align: center; padding: 5px; margin-bottom: 10px; border-radius:5px; background-color:#eff1f5}
dl.daeun_result dt > span{color:#d94444}
dl.daeun_result > dd{font-size:15px; color:#595959; line-height: 22px; }
ul.list_style01{}
ul.list_style01.daeun_result{margin-top: 20px;}
ul.list_style01:after{content:""; display: block; clear: both;}
.daeun_result>dd>ul.list_style01{margin-top: 20px;}
ul.list_style01 > li{font-size:14px; color:#595959; letter-spacing:-0.5px; padding: 0 0 5px 12px; line-height: 18px; background:url('../images/contents/list_type_bdot.png') 5px 9px no-repeat;}
.list_wrap > ul.list_style01{margin-bottom: 20px; padding-bottom: 20px; border-bottom:1px solid #ddd}
.daeun_result_title{font-size:17px; color:#444; font-weight:500; text-align: center; padding: 5px; margin: 20px auto 5px; border-radius:5px; background-color:#eff1f5}
.daeun_result_title > span{color:#d94444}
.jidu_list{padding: 20px 20px; margin:10px auto 10px; background-color: #f4f7fb;}
.jidu_text01{font-size:19px; color:#444; display: block; text-align:center; }
.jidu_red{font-size:17px; color:#d94444; font-weight: 500;}
.jidu_blue{font-size:17px; color: #426185; font-weight: 500;}
.jidu_text02{font-size: 27px; text-align: center; margin: 20px auto 5px; color: #444;}
.jidu_text03{color:#0d61a7}
.ohang_wrap{margin-top:20px;} 
.ohang_wrap ul > li{height: 13px; margin-bottom: 18px; vertical-align: middle;}
.ohang_wrap ul > li > span.ohang_title{font-size: 15px; color: #2d2d2d; text-align: left:; position: absolute;}
.ohang_wrap ul > li > p{ background-color:#e4e4e4; padding-right__: 80px; display: block; height: 13px; position: relative; top: 5px; margin: 0 0 0 80px;}
.ohang_wrap ul > li > p.ohang_1 > span{background-color: #6dabe0; height: 13px; display: block; position:relative}
.ohang_wrap ul > li > p.ohang_2 > span{background-color: #dc3f3f; height: 13px; display: block; position:relative}
.ohang_wrap ul > li > p.ohang_3 > span{background-color: #f9c977; height: 13px; display: block; position:relative}
.ohang_wrap ul > li > p.ohang_4 > span{background-color: #c9b232; height: 13px; display: block; position:relative}
.ohang_wrap ul > li > p.ohang_5 > span{background-color: #8ebaa3; height: 13px; display: block; position:relative}
.ohang_wrap ul > li > p.ohang_1 > span:after, .ohang_wrap ul > li > p.ohang_2 > span:after,
.ohang_wrap ul > li > p.ohang_3 > span:after, .ohang_wrap ul > li > p.ohang_4 > span:after,
.ohang_wrap ul > li > p.ohang_5 > span:after{content:""; position: absolute; top:-3px; right: 0px; width:8px; height: 20px; border-radius:3px} 
.ohang_wrap ul > li > p.ohang_1 > span:after{background-color: #6dabe0;}
.ohang_wrap ul > li > p.ohang_2 > span:after{background-color: #dc3f3f;}
.ohang_wrap ul > li > p.ohang_3 > span:after{background-color: #f9c977;}
.ohang_wrap ul > li > p.ohang_4 > span:after{background-color: #c9b232;}
.ohang_wrap ul > li > p.ohang_5 > span:after{background-color: #8ebaa3;}  
.ohang_wrap ul:after{content:""; display: block; clear:both;}
.ohang_text{clear:both; padding-top:13px; display:block}
.ohang_text, .ohang_text > a {font-size:13.5px; color:#dc3f3f; font-weight:400;}
.ohang_bg{border:3px solid #beaaa7; position:relative; margin-top: 25px; margin-bottom: 70px}
.ohang_bg.type02{margin-bottom: 40px}
.ohang_bg:before, .ohang_bg:after, 
.ohang_cont:before, .ohang_cont:after{content:""; display:inline-block; position:absolute; width:34px; height:33px; }
.ohang_bg:before{background:url('../images/contents/result/bglt.png') 0 0 no-repeat; top:-3px; left:-3px;}
.ohang_bg:after{background:url('../images/contents/result/bgrt.png') 0 0 no-repeat; top:-3px; right:-4px;}
.ohang_cont:before{background:url('../images/contents/result/bglb.png') 0 0 no-repeat; bottom:-3px; left:-3px;}
.ohang_cont:after{background:url('../images/contents/result/bgrb.png') 0 0 no-repeat; bottom:-3px; right:-4px;}
.ohang_cont{width:100%; min-height:300px; padding:30px 50px 30px 32%; display:inline-block;  background-image:url('../images/contents/result/luck_bg01.png'), url(../images/contents/result/luck_bg02.png); background-position:10px 50%, 0 0; background-repeat:no-repeat;}
.ohang_cont.type02{min-height:270px; padding:30px 50px 30px 32%; }
.m_ohang_title{display:none}
.ohang_res{font-size:18px; color:#222222; line-height:20px;}
.ohang_res > span{padding:3px 10px; display:inline-block; background-color: #426185; color: #fff; border-radius:20px;}
.res_page_pointbg{height:80px; background:#61508E; border-bottom:3px solid #802b2e; position:relative; }
.res_page_pointbg:after{content:""; width:248px; height:147px; position:absolute; top: -33px; left: 50%; margin-left:-115px; display:inline-block; background:url('../images/common/page_title_img.png') 0 0 no-repeat}
.res_page_point{background:url('../images/common/page_title_bg.png') 0 0 repeat; margin-top___: 60px;}
.res_page_point > ul{min-height:50px; text-align:center; padding:25px 10px 20px;}
.res_page_point > ul:after{content:""; clear:both; display:block}
.res_page_point > ul > li{font-size:14px; color:#fff; font-weight:500; display: inline-block; padding: 4px 18px 5px; margin-bottom:5px; background-color: #426185; border-radius: 80px;}
.res_sec01{position:relative; margin-top:50px;}
.res_sec_title{font-size:33px; color:#2c313b; font-weight: bold; letter-spacing: -2px; padding:0 0 0 25px; position: relative; z-index: 9}
.res_sec01_cont{width:100%; min-height:150px; margin-top:10px; padding:25px 350px 25px 25px; background-color:#f6f6f6; position:relative}

.res_sec01_cont:before{content:""; position:absolute; right:330px; top:-53px; width:119px; height:169px; background:url('../images/contents/result/res_bg.png') right 0 no-repeat}
.res_sec01_cont:after{content:""; position:absolute; right:25px; top:-60px; width:440px; height:190px;}
/*토정비결, 사주 뛰어넘기, 주역신수비결, 성씨추명학, 관상*/
.res_sec01_cont.res_bg01:after{background:url('../images/contents/result/res_bg01.png') right 0 no-repeat}
/*재물운 처방, 재물모으는 법, 재물운 분석*/.res_sec01_cont.res_bg02:after{background:url('../images/contents/result/res_bg02.png') right 0 no-repeat}
/*대인운 분석, 취업운 분석*/.res_sec01_cont.res_bg03:after{background:url('../images/contents/result/res_bg03.png') right 0 no-repeat}
/*현재의 운세분석, 태어난 계절에 따른운, 길흉숫자*/
.res_sec01_cont.res_bg04:after{background:url('../images/contents/result/res_bg04.png') right 0 no-repeat}
/*새해신수, 나의 오행기 운세, 용신으로 보는 연인애정운, 천생복덕운, 단시점, 육임단시*/
.res_sec01_cont.res_bg05:after{background:url('../images/contents/result/res_bg05.png') right 0 no-repeat}
/*별자리 사랑*/
.res_sec01_cont.res_bg06:after{background:url('../images/contents/result/res_bg06.png') right 0 no-repeat}
/*로또*/.res_sec01_cont.res_bg07:after{background:url('../images/contents/result/res_bg07.png') right 0 no-repeat}
/*길흉분석, 살풀이*/.res_sec01_cont.res_bg08:after{background:url('../images/contents/result/res_bg08.png') right 0 no-repeat}
/*전생운*/ .res_sec01_cont.res_bg09:after{background:url('../images/contents/result/res_bg09.png') right 0 no-repeat}
/*당사주 평생총운, 천생운, 선천적 기질운*/.res_sec01_cont.res_bg10:after{background:url('../images/contents/result/res_bg10.png') right 0 no-repeat}
/*인생풀이, 성격운 분석, 현재 운세풀이, 특성분석, 지두법*/
.res_sec01_cont.res_bg11:after{background:url('../images/contents/result/res_bg11.png') right 0 no-repeat}
/*결혼 분석, 연애운분석, 올해연분 매칭포인트, 부부화합운*/
.res_sec01_cont.res_bg12:after{background:url('../images/contents/result/res_bg12.png') right 0 no-repeat}
/*자평명리학 평생총운, 자평명리학 오늘의 운세, 궁합분석, 자미두수*/
.res_sec01_cont.res_bg13:after{background:url('../images/contents/result/res_bg13.png') right 0 no-repeat}
/*잘병운*/.res_sec01_cont.res_bg14:after{background:url('../images/contents/result/res_bg14.png') right 0 no-repeat}
/*영험한 첨, 64괘 운세분석*/.res_sec01_cont.res_bg15:after{background:url('../images/contents/result/res_bg15.png') right 0 no-repeat}
/*말년운*/.res_sec01_cont.res_bg16:after{background:url('../images/contents/result/res_bg16.png') right 0 no-repeat}
/*초년운*/.res_sec01_cont.res_bg17:after{background:url('../images/contents/result/res_bg17.png') right 0 no-repeat}
/*학업운 분석*/.res_sec01_cont.res_bg18:after{background:url('../images/contents/result/res_bg18.png') right 0 no-repeat}
/*중년운*/.res_sec01_cont.res_bg19:after{background:url('../images/contents/result/res_bg19.png') right 0 no-repeat}
/*정통궁합, 러브스타일, 애정운, 겉궁합*/.res_sec01_cont.res_bg20:after{background:url('../images/contents/result/res_bg20.png') right 0 no-repeat}
/*결혼배필운, 애인부부운*/.res_sec01_cont.res_bg21:after{background:url('../images/contents/result/res_bg21.png') right 0 no-repeat}
/*인연의 몇명, 성격운세, 이성의 성격*/.res_sec01_cont.res_bg22:after{background:url('../images/contents/result/res_bg22.png') right 0 no-repeat}
/*인연분석, 인연수*/.res_sec01_cont.res_bg23:after{background:url('../images/contents/result/res_bg23.png') right 0 no-repeat}
/*섹스 토정비결, 사상체질 궁합*/.res_sec01_cont.res_bg24:after{background:url('../images/contents/result/res_bg24.png') right 0 no-repeat}
/*건강운 분석, 질병건강운*/.res_sec01_cont.res_bg25:after{background:url('../images/contents/result/res_bg25.png') right 0 no-repeat}
/*신통방통 동전점*/.res_sec01_cont.res_bg26:after{background:url('../images/contents/result/res_bg26.png') right 0 no-repeat}
/*방위운 분석, 방위점*/.res_sec01_cont.res_bg27:after{background:url('../images/contents/result/res_bg27.png') right 0 no-repeat}
/*탄생석점*/.res_sec01_cont.res_bg28:after{background:url('../images/contents/result/res_bg28.png') right 0 no-repeat}
/*주거가택운, 이사택일*/.res_sec01_cont.res_bg29:after{background:url('../images/contents/result/res_bg29.png') right 0 no-repeat}
/*제테크 비법, 재물운*/.res_sec01_cont.res_bg30:after{background:url('../images/contents/result/res_bg30.png') right 0 no-repeat}
/*행운분석*/.res_sec01_cont.res_bg31:after{background:url('../images/contents/result/res_bg31.png') right 0 no-repeat}
/*섹스운, 침실 섹스궁합*/.res_sec01_cont.res_bg32:after{background:url('../images/contents/result/res_bg32.png') right 0 no-repeat}
/*사랑분석, 피해야할 상대 */.res_sec01_cont.res_bg33:after{background:url('../images/contents/result/res_bg33.png') right 0 no-repeat}
/*사업운 총평, 직업운, 적성운, 사업 합작운*/.res_sec01_cont.res_bg34:after{background:url('../images/contents/result/res_bg34.png') right 0 no-repeat}
/*형제운*/.res_sec01_cont.res_bg35:after{background:url('../images/contents/result/res_bg35.png') right 0 no-repeat}
/*타로점성술*/.res_sec01_cont.res_bg36:after{background:url('../images/contents/result/res_bg36.png') right 0 no-repeat}


.res_text01{font-size:14.5px; color:#595959; line-height:20px; position: relative; z-index: 9}
.res_text01:before {content:""; width:10px; height:2px; background-color:#7a5ad1; margin:-3px 0 20px 2px; display: block;}
.res_part01___{padding:25px 0 0; margin:15px 25px 0; margin-top__:15px; position:relative;}
.res_part01 {padding: 0 0 0; margin: 30px 25px 50px; margin-top__: 15px; position: relative;}
.res_part01 > dl{padding:20px 35px; border:10px solid #ececec; background:url('../images/contents/res_part01_bg01.png') 95% bottom no-repeat;}
.res_part01 > dl > dt{font-size:27px; color:#61508E; letter-spacing: -1.5px; margin-top: 5px;}
.res_part01 > dl > dt > span{font-weight: bold;}
.res_part01 > dl > dd{font-size:15px; color:#595959; line-height:20px;}
.res_part01_cont {font-size: 12pt; color: #494949; line-height: 23px; margin: 20px 0 0px; padding: 0 0 45px 0px; border-bottom: 1px dashed #8f8f8f;}
.res_part01_cont pre{font-family:'Noto Sans KR', sans-serif, 'Nanum Gothic', Malgun Gothic, dotum,gulim; color: #595959; word-wrap: break-word; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-break:break-all; }
.res_part01_cont pre:after{content:""; clear:both; display:block;}
a.go_top{width:38px; height:38px; background:url('../images/contents/res_gotop.png?1') 0 0 no-repeat; position: absolute; bottom: 0px; right: 0px; z-index: 9999;}
.res_part01:after,
.res_part01_cont:after, .res_part01_cont.type02:after{content:""; clear:both; display:block;}
.res_part01_cont.type02{position:relative; min-height:190px;}
.res_part01_cont.type02 > img{float:left; padding:0 20px 10px 0;}
.res_part01_cont.type02 > span.img_box >img{ float:left; width:250px; height:250px;}
.res_type02img{/*position:absolute; left:3px; top:0px;*/ width:215px; height:158px; z-index: -1; float:left; margin: 0 20px 0 0;}
/*올해의 연애운, 애정운의 특성, 연인을 만나는 시기*/
.res_type02img.img01{background:url('../images/contents/result/res_type02img01.png') 0 0 no-repeat;}
/*올해의 건강운, 현재의 건강운, 사주원국*/.res_type02img.img02{background:url('../images/contents/result/res_type02img02.png') 0 0 no-repeat;}
/*올해의 직장운, 직장 부하운*/.res_type02img.img03{background:url('../images/contents/result/res_type02img03.png') 0 0 no-repeat;}
/*올해의 소망운, 오늘의 소망운*/.res_type02img.img04{background:url('../images/contents/result/res_type02img04.png') 0 0 no-repeat;}
/*재물운의 특성*/.res_type02img.img05{background:url('../images/contents/result/res_type02img05.png') 0 0 no-repeat;}
/*재물 모으는 법, 전택운*/.res_type02img.img06{background:url('../images/contents/result/res_type02img06.png') 0 0 no-repeat;}
/*재물손실 막는법, 재백운*/.res_type02img.img07{background:url('../images/contents/result/res_type02img07.png') 0 0 no-repeat;}
/*재테크 비법*/.res_type02img.img08{background:url('../images/contents/result/res_type02img08.png') 0 0 no-repeat;}
/*현재의 재물운, 오늘의 금전운, 현재의 재물운*/.res_type02img.img09{background:url('../images/contents/result/res_type02img09.png') 0 0 no-repeat;}
/*타고난 성품, 잠재된 성격, 수명운, 성격적인 특성*/.res_type02img.img10{background:url('../images/contents/result/res_type02img10.png') 0 0 no-repeat;}
/*현재의 지켜야 할 처세*/.res_type02img.img11{background:url('../images/contents/result/res_type02img11.png') 0 0 no-repeat;}
/*현재의 대인관계, 사회적 특성*/.res_type02img.img12{background:url('../images/contents/result/res_type02img12.png') 0 0 no-repeat;}
/*행운을 가져다 줄 성씨, 현재의 운, 기운별행운*/
.res_type02img.img13{background:url('../images/contents/result/res_type02img13.png') 0 0 no-repeat;}
/*피해야 할 상대*/.res_type02img.img14{background:url('../images/contents/result/res_type02img14.png') 0 0 no-repeat;}
/*새해신수 핵심포인트, 사주총평, 명운*/.res_type02img.img15{background:url('../images/contents/result/res_type02img15.png') 0 0 no-repeat;}
/*올해의 총운, 당사주평생총운, 수명운, 기질상의 특성, 오늘의 총운, 천이운*/.res_type02img.img16{background:url('../images/contents/result/res_type02img16.png') 0 0 no-repeat;}
/*올해의 사업거래운, 오늘의 사업운, 관록운, 사업 합작운*/.res_type02img.img17{background:url('../images/contents/result/res_type02img17.png') 0 0 no-repeat;}
/*올해의 연인애정운, 오늘의 애정운, 인연수, 현재의인연운 */ .res_type02img.img18{background:url('../images/contents/result/res_type02img18.png') 0 0 no-repeat;}
/*올해의 건강, 질병운, 질액운, 증상 */.res_type02img.img19{background:url('../images/contents/result/res_type02img19.png') 0 0 no-repeat;}
/*올해의 여행이사운, 현재의 출행운 */.res_type02img.img20{background:url('../images/contents/result/res_type02img20.png') 0 0 no-repeat;}
/*올해의 직장관록운, 직업과 명예, 직업운, 배우자의 직업*/
.res_type02img.img21{background:url('../images/contents/result/res_type02img21.png') 0 0 no-repeat;}
/*시기적운세, 타입분석*/.res_type02img.img22{background:url('../images/contents/result/res_type02img22.png') 0 0 no-repeat;}
/*대길, 복덕운*/.res_type02img.img23{background:url('../images/contents/result/res_type02img23.png') 0 0 no-repeat;}
/*대흉*/.res_type02img.img24{background:url('../images/contents/result/res_type02img24.png') 0 0 no-repeat;}
/*직업에 따른 길흉*/.res_type02img.img25{background:url('../images/contents/result/res_type02img25.png') 0 0 no-repeat;}
/*명당과 길흉, 풍수로 보는 길흉, 지두법*/.res_type02img.img26{background:url('../images/contents/result/res_type02img26.png') 0 0 no-repeat;}
/*현재의 길흉사, 주역신수비결*/.res_type02img.img27{background:url('../images/contents/result/res_type02img27.png') 0 0 no-repeat;}
/*타고난 재물운, 현재의 금전재물운*/.res_type02img.img28{background:url('../images/contents/result/res_type02img28.png') 0 0 no-repeat;}
/*행운을 부르는색, 현재의 행운색상*/
.res_type02img.img29{background:url('../images/contents/result/res_type02img29.png') 0 0 no-repeat;}
/*현재의 행운방위, 오늘의 방위운*/.res_type02img.img30{background:url('../images/contents/result/res_type02img30.png') 0 0 no-repeat;}
/*나에게 맞는 숫자운, 숫자운세*/.res_type02img.img31{background:url('../images/contents/result/res_type02img31.png') 0 0 no-repeat;}
/*운명 뛰어넘기*/.res_type02img.img32{background:url('../images/contents/result/res_type02img32.png') 0 0 no-repeat;}
/*입신양명*/.res_type02img.img33{background:url('../images/contents/result/res_type02img33.png') 0 0 no-repeat;}
/*숫자운, 행운번호 운세, 행운의 요소*/.res_type02img.img34{background:url('../images/contents/result/res_type02img34.png') 0 0 no-repeat;}
/*행운의 장소*/.res_type02img.img35{background:url('../images/contents/result/res_type02img35.png') 0 0 no-repeat;}
/*사회적 성격, 성격운, 노복운*/.res_type02img.img36{background:url('../images/contents/result/res_type02img36.png') 0 0 no-repeat;}
/*부모운*/.res_type02img.img37{background:url('../images/contents/result/res_type02img37.png') 0 0 no-repeat;}
/*초년운*/.res_type02img.img38{background:url('../images/contents/result/res_type02img38.png') 0 0 no-repeat;}
/*관록운, 중년운*/.res_type02img.img39{background:url('../images/contents/result/res_type02img39.png') 0 0 no-repeat;}
/*학업운*/.res_type02img.img40{background:url('../images/contents/result/res_type02img40.png') 0 0 no-repeat;}
/*입시운*/.res_type02img.img41{background:url('../images/contents/result/res_type02img41.png') 0 0 no-repeat;}
/*유학운*/.res_type02img.img42{background:url('../images/contents/result/res_type02img42.png') 0 0 no-repeat;}
/*현재의 학업운*/.res_type02img.img43{background:url('../images/contents/result/res_type02img43.png') 0 0 no-repeat;}
/*현재의 시험운*/.res_type02img.img44{background:url('../images/contents/result/res_type02img44.png') 0 0 no-repeat;}
/*가택운 해석*/.res_type02img.img45{background:url('../images/contents/result/res_type02img45.png') 0 0 no-repeat;}
/*속궁합, 배우자 얼굴, 연인의 바람끼, 용모, 외모분석*/
.res_type02img.img50{background:url('../images/contents/result/res_type02img50.png') 0 0 no-repeat;}
/*겉궁합, 섹스궁합*/.res_type02img.img51{background:url('../images/contents/result/res_type02img51.png') 0 0 no-repeat;}
/*연애요령, 애인관계*/
.res_type02img.img52{background:url('../images/contents/result/res_type02img52.png') 0 0 no-repeat;}
/*오늘의 애정운, 배우자 성격, 사주상 애인부부수*/
.res_type02img.img53{background:url('../images/contents/result/res_type02img53.png') 0 0 no-repeat;}
/*굿타임*/
.res_type02img.img54{background:url('../images/contents/result/res_type02img54.png') 0 0 no-repeat;}
/*애인 부부운, 애정운의 특성, 이성연애운*/
.res_type02img.img55{background:url('../images/contents/result/res_type02img55.png') 0 0 no-repeat;}
/*올해연분 매칭포인트, 부부운*/.res_type02img.img56{background:url('../images/contents/result/res_type02img56.png') 0 0 no-repeat;}
/*자녀운*/.res_type02img.img57{background:url('../images/contents/result/res_type02img57.png') 0 0 no-repeat;}
/*형제운*/.res_type02img.img58{background:url('../images/contents/result/res_type02img58.png') 0 0 no-repeat;}
/*타고난 성격, 성격, 기호적인 특성, 이성의 성격*/.res_type02img.img59{background:url('../images/contents/result/res_type02img59.png') 0 0 no-repeat;}
/*신체적인 특징*/.res_type02img.img60{background:url('../images/contents/result/res_type02img60.png') 0 0 no-repeat;}

.res_part01_cont.type03{position:relative; width:100%; padding: 0 0 15px 150px; margin: 25px 0 0 0; min-height: 110px; display: inline-block; vertical-align: middle; border-bottom: 1px solid #cccccc;}
.res_month{position: absolute; left: 15px; top: 0px; padding-top: 27px; width: 82px; height: 82px; background-color: #e64a53; border-radius: 100%; font-size: 29px; color: #fff; font-weight: 300; text-align: center; vertical-align: middle; display: inline-block;}
.res_month > span{font-size:32px; font-weight: bold}
.res_month:before{content: ""; width: 5px; height: 5px; position: absolute; top: 38px; left: 105px; background-color: #e64a53;}
.res_part01_cont.type04{position:relative; width:100%; padding: 0 0 15px 120px; margin: 25px 0 0 0; min-height: 110px; display: inline-block; vertical-align: middle; border-bottom: 1px solid #cccccc;}
.animal{position: absolute; left: 20px; top: 0px; width__: 82px; height__: 82px; text-align: center; display: inline-block;}
.free_text01{font-size: 17px; color:#0d61a7;}
ul.free_type01{margin-top: 12px;}
ul.free_type01 > li{font-size:14px; color:#686868; letter-spacing:-0.5px; padding:0 0 2px 8px; background:url('../images/contents/list_type_bdot.png') 0px 9px no-repeat; }
.free_text02{font-size:14px; color__:#0d61a7; display: inline-block}

.result_name{clear:both; text-align: center; display: block; padding__:10px 0;}
.result_name:after{content:""; display: block; clear:both;}
.result_name > li{padding: 17px 6%; border-radius:7px; display: inline-block; margin: 0 10px; font-size: 18px; color: #fff; text-align: center; position: relative;}
.result_name > li.name01{background-color: #4d78e2}
.result_name > li.name01:before{content:""; width:5px; height:5px; border:3px solid #ddd; position: absolute}
.result_name > li.name02{background-color: #7785dc}
.result_name > li.name01:before, .result_name > li.name02:before
{content:""; width:5px; height:5px; border-radius: 30px; background-color: #fff; position: absolute}
.result_name > li.name01:before{top:25px; right:-5px; border:3px solid #4d78e2;}
.result_name > li.name01:after{content:""; width:28px; height: 1px; background-color: #a4a4a4; position: absolute; top:30px; right:-33px;}
.result_name > li.name02:before{top:25px; left:-5px; border:3px solid #7785dc;}
ul.jamidusu{background:#f4f7fb; padding:15px 15px 10px; margin-bottom:5px; }
ul.jamidusu:after{content: ""; display:block; clear:both}
ul.jamidusu > li{font-size:15px; color:#595959; letter-spacing:-0.5px; padding:0 0 3px 20px; background:url('../images/contents/list_type_bdot.png') 11px 9px no-repeat; }
ul.jamidusu > li.jami_text01{color:#0d61a7}
.result_text01{font-size: 13.5px; color: #dc3f3f; font-weight: 400;}
.jami_inpubox{border: 1px solid #ddd; padding: 10px; margin-bottom: 10px; text-align: center;}
table.jamidusu{border-top:1px solid #000; border-left:1px solid #000; min-width: 540px;}
table.jamidusu>tbody>tr>td{border-right:1px solid #000; border-bottom:1px solid #000;padding: 2px;}
.jami_inpubox.haemong{margin-top:10px;}
.jami_inpubox.haemong .haemong{font-size:18px; color:#444; vertical-align: middle; margin-right: 10px;}
.jami_inpubox.haemong .haemong span{color:#d94444;}
.jami_inpubox.haemong .haemong input{width:200px;}
ul.yukim_text{margin-bottom:15px;}
ul.yukim_text:after{content:""; display: block; clear:both}
.yukim_text li{font-size: 14px; color:#595959; font-weight:400; padding-bottom: 5px; }
.yukim_text02{background-color:#426185; font-size:15px; color:#fff; padding: 10px 20px; margin-top: 15px;}
.yukim_text_red{font-size:14px; color: #fff; background-color: #d94444; border-radius: 3px; padding: 0 5px 1px;}
.yukim_text_blue{font-size:14px; color:#0d61a7;}
.base_list.type01 td.yukim{min-height: 50px; height:50px; background-color: #f8f8f8;}
.r_yongsin{border: 1px solid #ddd; padding: 10px;}
.r_title{background-color: #426185; font-size: 15px; color: #fff; text-align: center; padding: 10px 20px; margin: 15px auto 0; display: block;}
.r_title02{font-size: 16px; color: #444; font-weight: 400; text-align: center; padding: 7px; margin-bottom: 10px; border-radius: 5px; background-color: #eff1f5;}

.r_title02.type02{position: relative;}
.btn_right02{position: absolute; top:4px; right:6px}
.text_blue{color:#0d61a7 !important}
.text_red{color:#d94444 !important}
tr.bgblue, th.bgblue, td.bgblue{background-color:#f4f7fb }
tr.bgblue02, th.bgblue02, td.bgblue02{background-color:#426185;}
.base_list.type01 tr.bgblue02 td{color:#fff !important;}

.textbg_blue{color:#fff;  font-weight: bold; background-color:#0d61a7; padding:1px 5px; border-radius:50px;}
dl.self_name:after{content:""; display: block; clear:both;}
ul.name_wrap {margin-bottom: 5px;}
ul.name_wrap:last-child {margin-bottom: 0px;}
ul.name_wrap > li{display: inline; vertical-align: middle; margin: 0 2px 0 0;}
ul.name_wrap > li.last_name{font-size:17px; color:#426185; text-align: center; background-color:#f3f3f7; border-radius:3px; width:23%; height:46px;  display: inline-block; vertical-align: middle; display__: table-cell;}
ul.name_wrap>li>input{border-radius:2px; font-size:20px; text-align:center; border:none; background-color:#e7ecf3; margin: 1px 0}
input.name_1, input.name_3{width:60px; height:46px;}
input.name_2{width:140px; height:46px;}
a.btn_name{width:65px; height:46px; padding-top: 12px; font-size:14px; color:#fff; text-align: center; background-color:#61508E; display: inline-block; border-radius:3px; vertical-align: middle;}
a.btn_name:hover, a.btn_name:active, a.btn_name:visited{color:#fff; text-decoration: none;}
ul.name_wrap li.name_change{margin-left: 10px;}
td.namebg01{background-color:#426185; color:#fff !important; }
td.namebg02{background-color:#f3f3f7;}
td .hanjabg{background-color:#69aa6d; border-radius:3px; display: inline-block; padding:4px 5px; font-size:20px; color:#fff; font-weight: 500;}
.base_list.type01 th.n_textred, .base_list.type01 td.n_textred{color: #d94444;}
.selectday_box{margin: 30px auto 15px;}
.selectday_box ul{text-align: center;}
.selectday_box ul li{display: inline-block; margin-right: 3px;}
.selectday_box ul li.selectday{font-size: 18px; color:#444;}
.selectday_box ul li > select{width:100px;}
table.tbl_selectday {border-top:1px solid #cccccc; border-left:1px solid #cccccc;}
table.tbl_selectday>tbody>tr>td{border-right:1px solid #cccccc; border-bottom:1px solid #cccccc}     
.selectday_info{border: 1px solid #ddd; padding: 10px; margin-top: 20px;}
.s_info_text01{font-size: 17px; color: #444; font-weight: 500; text-align: center; padding: 5px; margin-bottom: 15px; border-radius: 5px; background-color: #eff1f5; display: block;}
.selectday_text01{font-size:14px; color: #d94444; margin:20px auto 0;}
.selectday_text02{background-color:#17294b; font-size: 16px;  color:#fff; text-align: center; letter-spacing: 0px; padding: 5px 10px;} 
.s_detail_title{font-size: 17px; color: #444; font-weight: 500; text-align: center; padding: 5px; margin-bottom: 10px; border-radius: 5px; background-color: #eff1f5;}
.s_detail_title > span{color: #d94444; display: block;}    
dl.selectday_detail{border: 1px solid #ddd; margin-bottom: 10px;}
dl.selectday_detail > dt{font-size:16px; color:#444; font-weight:500; padding:10px 15px 10px 15px;}
dl.selectday_detail > dd{font-size:14px; color:#595959; letter-spacing: -0.5px; padding: 0px 15px 5px 15px;}
ul.s_detail_text{background-color: #f8f8f8; padding:10px 20px; text-align: center;}
ul.s_detail_text li{display: inline-block; padding: 5px 10px; }
ul.s_detail_text.type02{text-align: left;}
ul.s_detail_text li span, ul.s_detail_text td span{ font-size: 14px; text-align: center; border-radius: 50px; width: 22px; height: 22px; display: inline-block;  margin-left: 3px;}
ul.s_detail_text li span.red{color:#fff; background-color:#d94444;}
ul.s_detail_text li span.blue{color:#fff; background-color: #426185;}
ul.list_style01.selectday{padding: 10px 15px}
.list_title{font-size: 16px; color: #444; font-weight: 500; padding: 10px 15px 10px 3px; display: block;}
.base_write.name {border-top: 1px solid #d9d9d9; margin-top: 20px;}
.base_write.name tr td{padding: 7px 10px 7px 10px;}
.lotto_wrap{margin-bottom: 20px;}
.lotto_wrap:after{content:""; display: block; clear:both;}
.lotto_wrap>ul>li {display: inline-block; width:100%;}
.lotto_wrap>ul>li.lotto_box01{position: absolute; width: 120px; }
.lotto_wrap>ul>li.lotto_box02{padding-left: 125px;}
.lotto_wrap>ul>li>span.lotto_text{font-size: 15px; color: #444; text-align: center; display: block; padding: 3px 0 5px 0; background-color: #f6f6f6; border-radius: 3px; margin-bottom: 5px;}
.bio_text{font-size: 17px; color: #444; font-weight: 500; text-align: center; line-height: 22px; padding: 7px 5px; margin: 20px auto 5px; border-radius: 5px; background-color: #eff1f5;}
.bio_text .t_blue{font-size: 16px; color: #fff; background-color: #426185; padding: 0px 7px 2px; display: inline-block; border-radius: 3px;}
.tbl_brd{border:1px solid #000; padding: 5px 335px 5px 5px; position: relative;}
.bio_textbox{position: absolute; width:330px; top:0px; right:0px; padding:10px 5px 5px 10px; text-align: left; font-size:13px;}
.bio_text01{font-size:16px; color:darkred; font-weight: 500; margin-bottom: 5px; display: block;}
.tbl_bio{border-left:1px solid #f0f0f0; border-top:1px solid #f0f0f0;}
.tbl_bio td{border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; vertical-align: top;}
.tbl_brd>.base_list.type01 th{background-color: #fffbec; font-weight:500}
.tbl_brd>.base_list.type01 td{background-color: #f2f2f2}
.tbl_brd>.base_list.type01 td.bio_bg01, .tbl_brd>.base_list.type01 th.bio_bg01{background:#fff8cd }
.tbl_bi0{min-width: 605px; margin-top: 20px;}
ul.bio_result li{width:100px; min-height:183px; text-align: center; padding-top:14px; vertical-align: middle}
ul.bio_result li.bio_result02{border-top:1px dotted #444; border-bottom:1px dotted #444;}
.list_count{text-align: center; font-size:15px; color:#61508E; margin:30px auto 10px; padding:5px;  background-color: #F5F4FB; }
ul.haemong_result{width:100%; border: 1px solid #ddd;}
ul.haemong_result li{position: relative; border-bottom:1px solid #ddd; /*padding: 6px 10px;*/ display: block; letter-spacing: -0.5px;}
/*ul.haemong_result li:nth-child(2n) {background-color:#f8f8f8}*/
/*ul.haemong_result li:last-child{border-bottom:0px}*/
/*ul.haemong_result:after{content:""; clear:both; display: block;}*/
.graph_bgcolor{clear:both; background-color:#eef3f6; position:relative; margin:20px auto; min-height:110px; padding:20px 20px 0px 215px;}
.graph_bgcolor2{width:250px; float:left; top:0px; left:0px; border-right:75px solid #eef3f6; border-top:110px solid #8dcfc7; position:absolute;}
.graph_bgcolor:after{content:""; clear:both; display: block;}
.text_cont{width:175px; float:left; position:absolute; top:22px; left:20px;}
.graph_text01{font-size:24px; color:#1f3230; font-weight:500; letter-spacing:-1.5px; padding:0 0px 10px; display:inline-block;}
.graph_text01.type02{font-size:21px;}
.graph_text02{font-size: 12px; color: #407675; line-height: 16px; display: block; padding: 0 0 0 1px;}
.graph_cont{position:relative; background-color:#fff; border-radius:5px; height:52px; padding:17px;}
.graph_bg{position:relative; display: block; height:17px; background:url('../images/contents/result/graph_bg.png') 0 0 repeat-x;}
.graph_bg .graph_bg_on{position: absolute; display: block; text-align: right;  background:url('../images/contents/result/graph_bg_on.png') 0 0 repeat-x;}
.graph_bg .graph_bg_on > span{position: relative; width:45px; line-height:23px; padding:2px 5px 3px; top:-3px; background-color:#426185; border-radius:2px; font-size:14px; color:#fff; font-weight:500; letter-spacing: 0px;}
ul.graph_per{padding-top:5px;}
ul.graph_per li{font-size:12.5px; color:#606060; font-weight:500; text-align:center; float:left; width:9%;  position: relative;}
ul.graph_per li:after{content:""; position: absolute; top:-10px; left:50%; height:6px; width:1px; background-color: #e1e1e1; }


/*윈도우 팝업*/
.w_popup{}
.w_cont{ padding: 10px 20px 20px 20px; margin: auto; }
.w_cont.type02{padding: 0px; background-color__:#eef2f5;}
.wid_close{width:37px; height:36px; padding:0px; background: url('../images/common/pop_close.png') 0 0 no-repeat; display: inline-block; position:absolute; top:19px; right:25px; text-indent:-9999px; cursor: pointer}
.w_pop_title{font-size:21px; color:#fff; font-weight:500; min-height:60px; padding:22px 25px 23px; border-bottom:5px solid #e5e5e5; background:#7a5ad1 url('../images/common/layer_title.png?4') 90% bottom no-repeat;}
.w_pop_title02{font-size:18px; color:#454545; font-weight:500; padding:0 0 5px 20px; background:url('../images/contents/title_bullet.png') 0 40% no-repeat;}
.my_product_bg, .free_join_bg{background-color: #e5e5e5; padding:0 5px 5px;}
.my_product{background:#fff url('../images/contents/payment_result_icon_2.png') 93% 50% no-repeat; border-radius:3px; padding:12px 35% 12px 20px;}
dl.my_product_name{float:left}
.my_product:after{content:""; display: block; clear:both}
.my_product_name{font-size:19px; color:#444; font-weight: 500;}
.my_product_name span{font-size:13px; color:#7f7f7f; font-weight: 300}
p.my_product_price{font-size: 19px; font-weight: 600; color: #f9290d; padding-top: 0px;}
.free_join{background:#fff url('../images/contents/free_join.png') 96% 85% no-repeat; border-radius:3px; padding:12px 35% 12px 20px;}
.free_join_text01{float:left}
.free_join:after{content:""; display: block; clear:both}
.free_join_text01{font-size:18px; color:#444; font-weight: 500;}
.free_join_text01 span{color: #f9290d;}
p.my_product_price{font-size: 19px; font-weight: 600; color: #f9290d; padding-top: 0px;}
.tab_title.payment {margin:10px 0 0px; border:1px solid #d8d8d8; border-radius:3px;}
.tab_title.payment:after{content:""; display: block; clear:both;}
/*.tab_title ul {list-style: none; padding: 0; margin: 0; border-bottom__: 1px solid #ccc;}*/
.tab_title.payment li{width:50%; float: left; display__: inline-block; padding: 0; margin-left:0px; vertical-align: bottom;}
.tab_title.payment li{border:none;}
.tab_title.payment a {display: block; font-size: 16px; color: #9c9c9c; text-align: center; text-decoration: none; padding:12px 10px 13px; background-color:#fff; borde__r: 1px solid #ededf0; border:none; }
.tab_title.payment a.active {position: relative; color: #fff; outline: none; background-color: #426185; border__: 1px solid #000; border-bottom__:1px solid #fff; }
.tab_title a:hover, .tab_title a:active, .tab_title a:visited{text-decoration: none }
.tabs > .tab_cont.payment {display: none; padding:20px 0px 10px; margin:5px 0; background-color__: #f8f8f8;}
.tabs > .tab_cont.active {display: block;}
.payment_birth > dt, .payment_mnum > dt{font-size: 16px; padding: 0 0 5px 8px; background: url(../images/contents/list_type_bdot.png) 3px 10px no-repeat;}
.payment_birth > dd{border-bottom: 1px dotted #ddd; padding-bottom: 23px; margin-bottom: 23px;}
.payment_birth > dd > select{width:49.5%; height:50px; margin-bottom: 5px; display: inline-block; text-align: center;}
.payment_birth > dd > input{width: 100%; height:50px;}
.payment_mnum > dd > select, .payment_mnum > dd > input{width:32.5%; height:50px; margin-bottom__: 5px; display: inline-block; text-align: center;}
.payment_mnum > dd{border-bottom: 1px dotted #ddd; padding-bottom: 23px; margin-bottom: 23px;}
.payment_mnum > dd input.widp100{width: 100%;}
.payment_chkbox{position:relative; width:100%; padding:15px 100px 15px 20px; display: block; border:1px solid #e1e1e1; margin-bottom: 5px; }
.payment_chkbox.all{background-color:#f8f7fb; }
.payment_chkbox > label{font-size:16px; color:#343434; font-weight: 400; letter-spacing: -0.5px;}
button.detail_text{font-size:14px; line-height: 30px; position:absolute; top:8px; right:15px; color:#fff; background-color:#343f51; border-radius:3px; padding: 4px 10px 5px; }
.payment_chkbox > input{margin-top: -4px;}
.payment_text01{clear:both; font-size: 12px; color:#939393;font-weight:400; letter-spacing: -0.5px; line-height: 16px; padding-top: 5px; display: block;}
.payment_btn{margin-top: 10px; }
.payment_btn > button.btn_blue{width:100%; line-height: 45px;}
.payment_btn02{margin-top: 10px; }
.payment_btn02 > button.btn_blue, .payment_btn02 > button.btn_gray{width:49%; line-height: 45px;}
.payment_btn02 > button.btn_blue{margin-right: 1%}
.w_cont pre{font-family:'Noto Sans KR', sans-serif, 'Nanum Gothic', Malgun Gothic, dotum,gulim; color: #595959; word-wrap: break-word; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-break:break-all; }
.w_cont pre:after{content:""; clear:both; display:block;}
.base_write.payment{border-top:1px solid #575757; border-bottom: 1px solid #575757;}
.base_write.payment tr th, .base_write.payment tr td{text-align:left; letter-spacing: -0.5px;}
.base_write.payment tr th{font-size:16px; color:#333333; font-weight:400; line-height: 13px; background-color:#fff; border-bottom:1px dotted #e1e1e1; border-left:1px solid #575757; padding:2px 10px 3px 10px;}
.base_write.payment tr td{font-size:14px; color:#666666; background-color: #fff; border-bottom:1px dotted #e1e1e1; border-left: 0px solid #e1e1e1; border-right: 1px solid #575757; padding:5px 5px 5px 5px;}
.base_write.payment tr td>select{width: 100%; height: 50px;}
.base_write.payment tr td>input{width: 100%; height: 50px;}
.payment_wrap {clear:both; overflow:hidden; max-width:400px; margin:0 auto;}
.pay_row01 {clear:both; margin:0 auto 20px; padding:0px 0 20px 0; border-bottom:1px dotted #ddd; }
.pay_row01:after{content:""; display: block; clear:both}
.pay_text01 {font-size:18px; color:#000000; float:left;padding:7px 0 0 0px;}
.pay_text01 em {font-size:15px; color:#5f5f5f;}
.pay_text02 {font-size:12px;color:#929292; clear:both; display:block; padding:9px 0 0 10px; }
.card_pw_hide {font-size: 21px; color: #565652; letter-spacing: 0px; vertical-align: middle;}
.payment_price{border:1px solid #000; border-radius: 3px; box-shadow:0px 3px 3px 0px rgba(95,95,95,0.2); margin-top: 10px; padding:13px 20px; }    
.payment_price > dt{font-size:17px; color:#333333;  float:left; padding-top: 5px;}    .payment_price > dd{font-size:15px; color: #666; font-weight: 400; text-align: right}
.payment_price > dd > span{font-size: 25px; color: #f9290d; font-weight: bold;}
.payment_result_wrap01{padding: 40px 15px 55px 15px; min-height:220px; display: block; margin-bottom: 10px; text-align: center; background-image__: linear-gradient(#1083e3, #7a5ad1); background-image__: linear-gradient(#52caf3, #17aef1); background: url('../images/contents/payment_result_bg.png') 0 0 no-repeat; background-size: 100%;}
.payment_text02{font-size: 25px; color: #fff; text-align: center; letter-spacing: -2px; padding-top: 88px; display: inline-block; background: url(../images/contents/payment_result_icon.png) 50% 0px no-repeat;}
.payment_result{font-size: 15px; text-align: center; padding: 35px 10% 110px;}
.product_point{margin: -70px 0 0; text-align: center; display: flex;}
.product_point li{width: 48%; height__: 97px; display: inline-block; float__: left; background-color: #fff; border-radius: 4px; box-shadow: 0px 2px 5px 0px rgba(95,95,95,0.1); padding: 25px; display: table-cell;}
.product_point li span{display: block;}
.product_point li:first-child{margin-right:4%;}
.product_point:after{content:""; display: block; clear:both}
.mem_join_box{background-color:#f4f7fb ; position: relative; margin-bottom: 20px; padding: 5px 85px 5px 5px; min-height:50px;  }
.mem_join_text01{font-size:15px; line-height: 20px; padding:10px 10px 5px 35px; float:left; background:url('../images/contents/info-txt5_icon.png') 13px 13px no-repeat}
.mem_join_box:after{content:""; display: block; clear: both;}
.btn_mlogin{padding: 1px 7px; background-color: #f7496c; float: right; color: #fff; margin-top: -19px; width: 80px; position: absolute; right: 8px; top: 50%;}
.payment_result_text{margin:40px 10px;}
.payment_text03{background: url(../images/common/m_user_icon.png) 50% 0px no-repeat; font-size: 22px; color: #fff; text-align: center; padding-top: 50px; display: inline-block;}
.payment_text04{background:#f4f7fb; padding:5px 10px; }
.base_write.payment td input.card_pw{width:70px;} 
.base_write.payment td select.card_date{width:70px;}
.w_pop_title.hanja{ background: none; padding: 10px 20px 0 0; min-height: 0; border-bottom: 0; }
.w_pop_title.hanja:after{content:""; display: block; clear:both;}
.hanja_list{height:211px; overflow-y:scroll; border-bottom:1px solid #ddd}
span.hanja{float: right;}
.hanja input.hanja_input{width: 50px; height: 30px; border-radius: 2px; text-align: center; }
button.hanja_btn{color: #fff; height: 30px; padding: 5px 10px; line-height: 20px; background-color: #42accd;}
.hanja_list>.base_list.search_han{border-top:0px;}
.tbl_scroll{overflow-y: scroll; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.self_name:after{content:""; clear:both; display:block;}
.self_name > dt{font-size:16px; color:#fff background-color:#426185}
.self_name > dd{padding-left: 100px; position: relative;}
.text_hanja{background-color:#79b579; border-radius:5px; padding:10px; font-size:20px; color:#fff; position:absolute;}
.tarot{border: 1px solid #ddd; padding:10px 10px 20px; text-align: center}
.tarot_text{font-size: 17px; color: #444; font-weight: 500; text-align: center; padding: 5px; margin-bottom:30px; border-radius: 5px; background-color: #eff1f5;}
.tarotin{width__:730px; margin:30px 20px 20px;}
.tarotin>ul{position: relative; margin-left:96px;}
.tarotin>ul:after{content:""; display: block; clear:both}
.tarotin>ul>li{display:inline-block; margin-left:-96px; box-shadow:1px 1px 3px 0px rgba(95,95,95,0.1);}
.tarotin>ul>li>a>img{cursor: pointer;}                               
li.img_brd{border: 7px solid #fff;}  
li.img_brd.active{border:7px solid #000}              
.tarotin:after{content:""; clear:both; display: block;}
.coin{border: 1px solid #ddd; padding:30px 10px; text-align: center}
.coin > ul{text-align: center;}
.coin > ul > li{display: inline-block; margin: 0 10px;}
.coin > ul > li > img{cursor: pointer}

@media screen and (max-width: 768px){
    .respop_title{padding:15px 50px 0 45px; min-height:58px }
    .respop_title span.icon_print{display:none;}
    .result_wrap {padding: 25px 15px 0; margin: auto;}
    .res_part01 > dl {padding: 20px 20px;}
}

@media screen and (max-width: 640px){
    .res_userinfo {padding: 25px 10px 25px 30px;}
    .uinfo_part01 {display: block;}
    .res_part01_cont.type02 {padding-left: 10px; min-height: auto}
    .res_type02img{display: none}
    .res_sec_title{color:#fff; text-align:center; display: block; top:18px; padding:0px;} 
    .res_sec01_cont {padding: 25px 25px 25px 25px;}
    .res_text01 {padding:20px; background:url('../images/common/bg_w50.png') 0 0 repeat; min-height:100px;}
    .res_text01:before {display:none}
    .res_sec01_cont:before{display:none}
    .res_sec01_cont:after{content:""; position:absolute; right:0px; top:-65px; width:100%; height:190px;}
    .res_sec01_cont.res_bg01:after, .res_sec01_cont.res_bg02:after, 
    .res_sec01_cont.res_bg03:after, .res_sec01_cont.res_bg04:after,
    .res_sec01_cont.res_bg05:after, .res_sec01_cont.res_bg06:after, 
    .res_sec01_cont.res_bg07:after, .res_sec01_cont.res_bg08:after,
    .res_sec01_cont.res_bg09:after, .res_sec01_cont.res_bg10:after, 
    .res_sec01_cont.res_bg11:after, .res_sec01_cont.res_bg12:after,
    .res_sec01_cont.res_bg13:after, .res_sec01_cont.res_bg14:after, 
    .res_sec01_cont.res_bg15:after, .res_sec01_cont.res_bg16:after,
    .res_sec01_cont.res_bg17:after, .res_sec01_cont.res_bg18:after, 
    .res_sec01_cont.res_bg19:after, .res_sec01_cont.res_bg20:after,
    .res_sec01_cont.res_bg21:after, .res_sec01_cont.res_bg22:after, 
    .res_sec01_cont.res_bg23:after, .res_sec01_cont.res_bg24:after,
    .res_sec01_cont.res_bg25:after, .res_sec01_cont.res_bg26:after, 
    .res_sec01_cont.res_bg27:after, .res_sec01_cont.res_bg28:after,
    .res_sec01_cont.res_bg29:after, .res_sec01_cont.res_bg30:after, 
    .res_sec01_cont.res_bg31:after, .res_sec01_cont.res_bg32:after,
    .res_sec01_cont.res_bg33:after, .res_sec01_cont.res_bg34:after, 
    .res_sec01_cont.res_bg35:after, .res_sec01_cont.res_bg36:after,
    .res_sec01_cont.res_bg37:after, .res_sec01_cont.res_bg38:after
    {background-size:400px; background-position:50% 0}
    .ohang_cont {padding: 30px 30px 30px 110px; background-position: -45px 50%, 0 0;}
    .graph_bgcolor2 {width: 150px; float:left; left:0px; border-right:75px solid #eef3f6; border-top:169px solid #8dcfc7; position: absolute;}
    .text_cont {width: 100%; float: none; text-align: center; position:relative; top: -7px; left: 0px; margin-top: 5px;}
    .graph_text01{font-size:20px;}
    .graph_text02 {color: #606060;}
    .graph_text02 > span{display: inline;}
    .graph_bgcolor{clear:both; background-color:#eef3f6; position:relative; margin:20px auto; min-height:110px; padding:17px 17px 17px 17px;}
    .tab_title.payment a {position: relative; top: auto; left: auto; width: auto; height: auto; }   
    .tab_title.payment ul:after {background:none;}
    .tab_title.payment ul {position:relative; border: none;}
    .res_part01_cont.type04{padding: 0 0 15px 10px;}
    .animal{position: relative; left: 0px; top: 0px; text-align: center; display: block; margin-bottom: 10px;}
    .bio_scroll{overflow-x: scroll;}
    .tbl_brd {padding: 5px 5px 5px 5px;}
    .bio_textbox {position: relative; width: 100%; top: auto; right: auto;}
}

@media screen and (max-width: 540px){
    .base_list.type04 td{font-size:1.1em; line-height:20px;}
    .base_list.type04 td > img{width: 80%;}
    .base_list.type04 td label{margin-right:0px; width: 100%; height: 100%;display: block; background-color: #f8f8f8;}
    .base_list.type04 td > label > input{height:17px; margin-top: -4px;}
    .base_list.type04 td > input[type="checkbox"]{margin-right: 0px;}
    .jamidusu_scroll{overflow-x: scroll;}
    ul.name_wrap li.name_change {display: block; margin-left: 0px;}
    ul.name_wrap > li { display: inline; vertical-align: middle; margin: 0 2px 3px 0;}
    input.name_2{width:calc(100% - 68px);}
}

@media screen and (max-width: 480px){
    .modal_popup.bir_time .layer_cont{
    background-image:url(../images/common/bg_w50.png), url(../images/common/layer_img01.png) ;
    background-position:left top, right 15px; background-repeat:repeat, no-repeat; 
    display:block; padding:20px 15px 20px;}
    .pop_title.manse {text-align: left; padding: 25px 25px 20px;}
    .pop_title.manse .select_area select {width: 40px;}
    .base_write.date_change td > select {width:calc(100% - 20px); margin:0 3px 5px 0;}
    .ohang_cont, .ohang_cont.type02 {padding: 30px 20px 30px 20px; background:none}
    .m_ohang_title{display: block; font-size: 20px; color: #222; text-align: center;  margin-bottom: 25px;}
    .ohang_wrap ul > li > p{margin-left: 70px;}
    .res_part01{margin: 15px 15px 0}
    .res_part01_cont.type03 {padding:60px 0 15px 0px}
    .res_month {left: 2px; top: 0px; width: 100px; height:40px; border-radius: 5px; font-size: 22px; padding-top: 8px;}
    .res_month > span {font-size: 24px;}
    .res_month:before {top: 18px; left: 110px;}
    .base_list.type01.jidu td > img{width: 90%;}
    .selectday_box ul{text-align: left;}
    .selectday_box ul li.selectday{display: block; width:100%; display: block; margin-bottom: 5px;}
    .selectday_box ul li.btn_box{width:100%; margin-top: 5px; display: block;}
    .selectday_box ul li.btn_box > button{width:100%; display: block;}
    .result_name{width:80%; margin: auto;}
    .result_name:after{content:""; display: block; clear:both;}
    .result_name > li{display: block;}
    .result_name > li.name01{margin-bottom: 15px;}
    .result_name > li.name01:before{content:""; width:5px; height:5px; border:3px solid #ddd; position: absolute}
    .result_name > li.name01:before, .result_name > li.name02:before{content:""; width:5px; height:5px; border-radius: 30px; background-color: #fff; position: absolute}
    .result_name > li.name01:before{top:50px; right:50%; border:3px solid #4d78e2;}
    .result_name > li.name01:after{content:""; width: 1px; height: 18px; background-color: #a4a4a4; position: absolute; top: 66px; right: 51.5%;}
    .result_name > li.name02:before{top: -3px; left: 46.8%; border: 3px solid #7785dc;}
    .jami_input > input{width:calc(100% - 98px);}
    .jami_inpubox.haemong > button{width:100%; margin-top:5px}
    .coin > ul > li{margin: 0 5px;}
}
@media screen and (max-width: 400px){
    .base_list.bir_time th, .base_list.bir_time td {font-size: 11px; padding: 3px 3px 3px;}
    .pop_title.manse .select_area span {display: inline-block; margin-top:5px;}
    .pop_title.manse .select_area span.d_block{display: block; margin-bottom: 5px;}
    .layer_cont.result {overflow-y:auto; height:calc(100% - 70px); min-height: calc(100% - 70px); padding: 0px 0px 15px;}
    .modal_popup.manse .layer_cont{height:calc(100% - 150px); min-height: calc(100% - 150px); padding: 20px 15px 20px;}
    .base_list.result th{padding:3px 2px 3px; text-align:center; min-height:36px; font-size: 11px; line-height:14px;}
    .base_list.result td{font-size: 11px; padding:3px 2px 3px; }
    .base_list.result td.t_left {padding: 3px 2px 3px 5px;}  
    .base_list.result td ul.saju li:first-child{margin-right: 0px;}
    .base_list.result td ul.saju li > img{width: 25px; display: block}
    .base_list.result td ul.saju02 li > img{width: 20px; display: block}
    .graph_bgcolor{padding:10px;}
    ul.graph_per{display: none;}
    .graph_bgcolor2 {border-top: 0px;}
    .yongsin {text-align: left;}
    .yongsin >li{display: block; margin: 5px 10px;}
    .mem_join_box{padding: 5px 5px 5px 5px;}
    .mem_join_text01{margin-bottom: 10px;}
    .mem_join_box:after{content:""; display: block; clear: both;}
    .btn_mlogin{padding: 1px 7px; background-color: #f7496c; float: none; color: #fff; margin: 0px; width: 100%;
    position: relative; display: block; right: 0px; left:0px; top: auto;}    
    .lotto_wrap>ul>li.lotto_box01 {position:relative; margin-bottom: 10px;}
    .lotto_wrap>ul>li.lotto_box02 {padding-left: 0;}
    .base_list.type03 td > img{width:80%; margin: 10px auto; }
    .base_list.type03 td {padding: 3px 5px 3px; text-align: center;}
    .jidu_list {padding: 10px 10px;}
    .coin > ul > li{width:35%; margin: 0 5px 10px;}
}
@media screen and (max-width: 360px){
    .base_write.date_change th{display:table-cell; height:47px; padding: 2px 5px 3px 5px; border-bottom:1px solid #e1e1e1;}
    .base_write.date_change td{display:table-cell; padding:3px 10px 3px 10px; border-bottom:1px solid #e1e1e1;}
    .w_cont { padding: 15px 10px 15px; margin: auto;}
    .base_write.payment{border-top:0px solid #575757; border:1px solid #575757;}
    .base_write.payment tr th{background-color:#f4f7fb; border-bottom:0px dotted #e1e1e1; border-left:0px solid #e1e1e1; padding:15px 10px 15px 5px;}
    .base_write.payment tr td{background-color: #fff; border-bottom:0px dotted #e1e1e1; border-left: 0px solid #e1e1e1; border-right: 0px solid #e1e1e1; padding:5px 5px 5px 5px; }
    .base_write.payment tr td>select{width: 100%;}
    .base_write.payment tr td>input{width: 100%;}
    .payment_text01{display: inline}
    .payment_btn02 > button.btn_blue, .payment_btn02 > button.btn_gray {width: 100%;  margin-bottom: 5px; line-height: 45px;}
    .base_write.name tr th {/*padding: 18px 0px 5px 0px;*/ padding-left: 14px;}
    .base_write.name tr td {/*padding: 0px 0px 7px 0px;*/}
}

.wrap-loading{ /*화면 전체를 어둡게 합니다.*/
    position: fixed;https://ssl.pstatic.net/sstatic/search/nlogo/20190716143523.png
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: rgba(0,0,0,0.2); /*not in ie */
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');    /* ie */
}

.wrap-loading div{ /*로딩 이미지*/
	position: fixed;
	top:50%;
	left:50%;
	margin-left: -21px;
	margin-top: -21px;
}

.display-none{ /*감추기*/
	display:none;
}

/* 인승열 추가 */

.base_write02{border-top:2px solid #575757;}
.base_write02 tr th, .base_write tr td{/*text-align:left;*/height:46px;min-height:46px;letter-spacing: -0.5px;}
.base_write02 tr th{font-size:14px;color:#333333;font-weight: 500;background:#f3f3f7;border:1px solid #e1e1e1;border-left:1px solid #e1e1e1;padding:2px 10px 2px 10px;}
.base_write02 tr td{font-size:14px; color:#666666; background-color: #fff; border-bottom:1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding:10px; text-align: center;}
.base_write02 tr td.tel_input select.w100, .base_write tr td.tel_input input.w100{float:left; margin-right:3px;}
.base_write02.user_info{border-top:1px solid #575757;}
.base_write02.user_info th{padding:2px 10px 3px 2%;}
.base_write02.user_info td{padding:3px 10px 3px 10px;}
.base_write02 tr td button{letter-spacing:-0.5px;line-height: 28px;text-align:center;/* border-radius:2px; */padding: 0 20px 0px;vertical-align:middle;cursor: pointer;font-size: 12px !important;border-radius: 2px;}
.mypage_member_info{/*background-color: #f9f9f9; */padding-top: 20px; padding-left: 0; padding-right: 0; padding-bottom: 0; margin-top: 20px; border-top: 1px solid #c6c6c6;/* border-bottom: 1px solid #7f7f7f; */}

button.result_btn{font-size: 18px; color: #fff; text-align: center; font-weight: 600px; width: 250px; height: 45px; padding: 0 0 2px 25px; padding-top:7px\0/IE9; /*background: #0f67b1 url(../images/contents/btn_iconresult.png) 40px 45% no-repeat;*/ border-radius: 3px; display: inline-block;}
button.result_btn:hover{background-color:#8365d6; }

.widess { width:60px }

.display-M { display:none; }

@media screen and (max-width: 768px){ 
	.display-noneM { display:none; }
	.display-M { display: -webkit-box; }
	.head{clear:both; max-width:1100px; min-height:0; margin:auto; position:relative;}	
}

@media screen and (max-width: 350px){
	.widess { width:60px }
}

.select03_wraps { text-align: center; min-height: auto; padding-bottom: 10px; }
.memtype0101s { margin: 22px 0 5px 0; }
.memtype0102s { font-size: 24px; }
.memtype0103s { width: 220px; background-size: contain; font-size: 28px; line-height: 30px; height: 117px; }
img { max-width: 100%; height: auto; }
.air_banner { text-align: center; }
.air_banner > img { cursor:pointer; }

@media screen and (max-width:320px){
	.bannerMimg { max-width: 320px; }
}

@media screen and (max-width:375px){
	.bannerMimg { max-width: 375px; }
}

@media screen and (max-width:414px){
	.bannerMimg { max-width: 414px; }
}

@media screen and (max-width:768px){
	.bannerMimg { max-width: 768px; }
}