@charset "utf-8";


/* top tap nav start */
.top_nav_area{background:#efefef;overflow:hidden;height: 29px; border-bottom: 1px solid #ccc;}
.hd_top{margin-right:20px;font-size: 13px;height:30px;line-height:30px;position:relative;background:#efefef;border-bottom:1px solid #d7d7d7}
.hd_top_sub .top_left_area{min-width:450px;}
.hd_top_sub .top_left_area button{padding:0;   border-width: 0 !important;   border-style: none;   border-color: none;   border-image: none;}
.hd_top > .hd_top_sub {box-sizing:border-box;font-size:12px; text-align: right;position:relative;overflow:hidden;}

.service-name{display:hidden;padding:0 10px;text-align:center;position:absolute;height:30px; left:20px;font-size:14px;color:#6d6d6d;border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;background:#f7f7f7;}
.service-name > div{display:inline-block;padding:7px;color: #797070;}
.service-name i{font-size:12px;}
.service-name span.blue{color:#418cf3;}

.userinfo_txt{display:inline-block;padding:0 10px 0 10px;height:30px;border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;background:#f7f7f7;}
.userinfo_txt ul li{float:left;padding:8px 15px;border-right:1px dotted #e1e1e1;}
.userinfo_txt ul li.top_modal{position: relative; padding: 8px 40px 8px 20px; border-right: 0;}

.userinfo_txt ul li:last-child{border: 0; border-left: 1px dotted #e1e1e1; padding-top: 4px; padding:4px 10px 2px 20px}
.userinfo_txt .btn-gray2.small{padding:4px 7px;}
.userinfo_txt ul li div{display: inline-block;}

.top_modal .btn_userinfo{display:inline-block;background: url(../../images/pt/top_icon_01.png); width: 19px; height: 19px; position: absolute; right: 16px;top: 5px;}
.top_modal{cursor:pointer;}
.top_modal:hover button.btn_userinfo{background:url('../../images/pt/top_icon_02.png');}
.top_modal:hover > div{color:#0d395b;padding-bottom: 3px; border-bottom: 2px solid #0d395b;}

.service-name1 {float:left; margin-left:10px;padding: 0 10px;text-align: center; height: 30px; font-size: 14px; color: #6d6d6d; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; background: #f7f7f7; position:relative;}
.service-name1 > div{display:inline-block;padding:7px;color: #797070;}

.blue{color:#418cf3;}

ul.tap-family{float:left;margin-top:13px;margin-left:10px;}
ul.tap-family li{cursor:pointer;float:left;margin-right:5px;display:inline-block}
ul.tap-family li:hover{}
ul.tap-family li a{background:white;border:1px solid #cccccc;border-radius:0 4px 0 0;padding:1px 10px;border-bottom:0;}
ul.tap-family li:hover a{border:1px solid #418cf3;border-bottom:0;margin-top:0;color:#418cf3;padding-top:3px;}
/* top tap nav end */

/* top right start */
.userinfo_txt{float:right;display:inline-block;padding:0 10px 0 10px;height:30px;border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;background:#f7f7f7;float:right;}
.userinfo_txt ul li{float:left;padding:4px 15px;border-right:1px dotted #e1e1e1;}
.userinfo_txt ul li.top_modal{position: relative; padding: 8px 40px 8px 20px;}

.userinfo_txt .btn-gray2.small{padding:4px 7px;}
.userinfo_txt ul li div{display: inline-block;}

.top_modal .btn_userinfo{display:inline-block;background: url(../../../images/pt/top_icon_01.png); width: 19px; height: 19px; position: absolute; right: 16px;top: 5px;}
.top_modal{cursor:pointer;}
.top_modal:hover button.btn_userinfo{background:url('../../../images/pt/top_icon_02.png');}
.top_modal:hover > div{color:#0d395b;padding-bottom: 3px; border-bottom: 2px solid #0d395b;}
/* top right end */


/* 개인정보 모달창 start */
#modal_userinfo { position:absolute;width:100%; height:100%; z-index:99; display:none;}
#modal_userinfo h2 { margin-bottom: 8px; font-size: 18px; font-weight:bold; color:#064d82; text-align: center;}
#modal_userinfo button { display:inline-block; padding:8px 15px; text-align:center;}
#modal_userinfo .modal_content { border-radius:4px;  width:400px; margin:100px auto; padding:20px 10px; background:#fff; border:2px solid #666; overflow:hidden;}
#modal_userinfo .modal_content span.bluer{background:#468dc7}
#modal_userinfo .modal_bottom{padding-top:20px;text-align:center;}
#modal_userinfo .modal_layer { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:-1;}   
#modal_userinfo .modal_bottom{text-align:center;}
#modal_userinfo table.table_userinfo{width:100%;font-size:14px;text-align:left;}
.table_userinfo td:first-child{padding-left:15px;background: url('../../../images/pt/point.png') no-repeat -3px center;background-color:#f7f7f7; }
.table_userinfo td{border:1px solid #d9d9d9;padding:3px;}
.table_userinfo td input{width:95%;border:1px solid #eee;}

.sevice_area{width:100%;font-size:14px;text-align:left;margin-top:20px;}
.sevice_area td:first-child{padding-left:3px;width:24%}
.sevice_area h3{display:inline-block;font-size:14px;padding-left:15px;background: url(../../../images/pt/bullet_blue.png) no-repeat 5px center;}
.sevice_area select{margin-left:10px;display:inline-block; width:97%;border: 1px solid #d9d9d9;color:#418cf3}
#modal_userinfo .btn-blue{font-size:13px;border-radius:2px;font-weight:400; cursor:pointer;padding: 7px 10px; font-size:12px; color:#fff; text-align:center; border:1px solid #427fd5;background:#428df6}
#modal_userinfo .btn-blue:hover{background:#2c74d9}

.btn-bluedark{border-radius:2px;font-weight:400; cursor:pointer;padding: 7px 10px; font-size:12px; color:#fff; text-align:center;background:#145c92}
.btn-bluedark:hover{background:#104872}
.btn-gray2:hover {background: #e1e1e1; color: #000;}
.btn-gray2 {  border-radius: 2px; font-weight: 400; cursor: pointer; padding: 7px 10px; font-size: 12px; color: #5f5f5f; text-align: center; border: 1px solid #cbcbcb; background: #dbdbdb4f;}
.btn-gray3{border-radius:2px;font-weight:400; background: #b7b7b7;padding: 7px 10px; font-size:12px; color:#fff; text-align:center}
.btn-gray3:hover{background:#ababab;}
/* 개인정보 모달창 end */


@media screen and (max-width:1100px) {
	.userinfo_txt ul li.top_modal{display:none;}
	.userinfo_txt ul li:last-child {border: 0;}	
} 
/* max 1100px media */

@media screen and (max-width:880px) {
} 
/* max 880px media */

@media screen and (max-width: 600px) {
} 
/* max 600px media */