charset "utf-8";


/*************************************************
*					LAYOUT						*
*************************************************/

.wrap{width:100%;margin:0;padding:0;position:relative;}
.hcontainer{width:100%;margin:0;padding:0;position:relative;}
.tcontainer{width:100%;margin:0;padding:20px 10px;position:relative;}






/************************************************
*		HEADER									*
************************************************/






/*************************************************
*					MAIN						*
*************************************************/

/********************* HEAD *********************/
.hd_logo{
	height:120px;
	background-color:#f1f1f1;
	text-align:center;
	line-height:120px;
}
.hd_logo img{width:auto;height:50px;margin-bottom:10px;}
.hd_img{
	height:120px;
	border-bottom:1px solid #ccc;
	text-align:center;
	line-height:120px;
	position:relative;
}
.hd_img img{width:auto;height:65px;}
.hd_wrap{
	margin:0;
	padding:20px 10px 10px;
	border-bottom:1px solid #ccc;
	position:relative;
}
.hd_wrap b{margin:0 0 15px;text-align:center;font-size:22px;font-weight:500;color:#333;line-height:28px;display:block;}
.hd_wrap p{margin:0 0 15px;text-align:center;font-size:16px;font-weight:500;color:#333;line-height:22px;display:block;}
.hd_wrap span{margin:0 0 15px;padding:0;text-align:center;font-size:14px;font-weight:400;color:#999;line-height:20px;display:block;}






/************************************************
*				회원가입 : Join					*
************************************************/

.pf_wrap{margin:15px 0;padding:0;position:relative;}
.pf_case{margin:0 0 10px;padding:0;position:relative;}
.pf_inp{margin:0 0 10px;padding:0 10px;background-color:#fff;border:1px solid #ccc;position:relative;}
.pf_inp input{border:0 none;padding:0;}
.pf_inp span{height:40px;text-align:right;color:#0b91da;line-height:40px;display:block;}

.pf_lbit{margin:0 0 15px;text-align:left;font-size:18px;font-weight:500;color:#000;line-height:26px;}
.pf_ltit{margin:0 0 5px;text-align:left;font-size:16px;font-weight:400;color:#333;line-height:24px;}
.pf_ltxt{margin:0 0 10px;text-align:left;font-size:13px;font-weight:400;color:#333;line-height:20px;}

.pf_cbit{margin:0 0 15px;text-align:center;font-size:18px;font-weight:500;color:#000;line-height:26px;}
.pf_ctit{margin:0 0 5px;text-align:center;font-size:16px;font-weight:400;color:#333;line-height:24px;}
.pf_ctxt{margin:0 0 10px;text-align:center;font-size:13px;font-weight:400;color:#333;line-height:20px;}

.pf_rbtn{
	width:180px;
	height:40px;
	background-color:#0b91da;
	text-align:center;
	font-size:14px;
	font-weight:400;
	color:#fff !important;
	line-height:40px;
	display:block;
}
.pf_rbtn:hover,
.pf_rbtn.on{
	background-color:#0b91da;
	color:#fff !important;
}
.pf_rbtn2{
	width:180px;
	height:40px;
	background-color:#f74f4c;
	text-align:center;
	font-size:14px;
	font-weight:400;
	color:#fff !important;
	line-height:40px;
	display:block;
}
.pf_rbtn2:hover,
.pf_rbtn2.on{
	background-color:#f74f4c;
	color:#fff !important;
}
.pf_tbtn{
	height:40px;
	position:relative;
}
.pf_tbtn a{
	width:100%;
	height:40px;
	text-decoration:underline !important;
	font-size:14px;
	font-weight:400;
	color:#0b91da;
	line-height:40px;
	display:block;
}


.t_profile{height:70px;margin:0 0 10px;padding:0;position:relative;}
.t_profile .tp_thum{width:70px;height:70px;margin:0 15px 0 0;position:relative;float:left;}
.t_profile .tp_sthum{width:70px;height:70px;margin:0 auto;position:relative;}
.t_profile .tp_thum .tt_pro,
.t_profile .tp_sthum .tt_pro{background-color:#f3f3f3;border:1px solid #ddd;border-radius:100%;position:relative;overflow:hidden;}
.t_profile .tp_thum .tt_pro .tp_img,
.t_profile .tp_sthum .tt_pro .tp_img{width:100%;}
.t_profile .tp_thum span,
.t_profile .tp_sthum span{
	width:20px;
	height:20px;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:100%;
	text-align:center;
	display:block;
	position:absolute;
	right:0;
	bottom:0;
}
.t_profile .tp_thum span a{
	width:20px;
	height:20px;
	background:url(../images/icon/edit_photo_icon.png) no-repeat 4px 40%;
	background-size:10px 10px;
	line-height:20px;
	display:block;
}
.t_profile .tp_sthum span a{
	width:20px;
	height:20px;
	background:url(../images/icon/edit_photo_icon2.png) no-repeat 4px 40%;
	background-size:10px 10px;
	line-height:20px;
	display:block;
}
.t_profile .tp_btn{height:40px;margin:15px 0;float:left;}
.t_profile .tp_btn a{height:40px;padding:0 65px;background-color:#2d82df;text-align:center;font-size:16px;font-weight:500;color:#fff;line-height:40px;display:block;}



.pw_check{margin:0;padding:0;position:relative;}
.pw_all{height:50px;margin:0 0 10px;padding:0;background-color:#fff;line-height:50px;position:relative;}

.pw_list{margin:0;padding:0;background-color:#fff;position:relative;}
.pw_list li:first-child{border-top:0 none;}
.pw_list li{height:45px;margin:0;border-top:1px solid #e4e4e4;line-height:45px;position:relative;display:block;}
.pw_list li a{
	width:60px;
	height:25px;
	margin:0;
	padding:0;
	background-color:#fff;
	border:1px solid #ccc;
	text-align:center;
	font-size:11px;
	font-weight:400;
	color:#666;
	line-height:25px;
	letter-spacing:-1px;
	display:block;
	position:absolute;
	right:10px;
	top:10px;
}

.pw_all label,
.pw_list li label{
	width:100%;
	margin:0;
	background-color:#f1f1f1;
	font-size:12px;
	font-weight:300;
	cursor:pointer;
	display:block;
}
.pw_all input[type="checkbox"],
.pw_list li input[type="checkbox"] {
	width: 1em;
	margin-right: -2em;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	opacity: 0;
	display: block;
	float: left;
	z-index: -1;
}
.pw_all input[type="checkbox"] + label,
.pw_list li input[type="checkbox"] + label {
	padding:0 15px 0 35px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 400;
	color:#191919;
	letter-spacing:-1px;
	position: relative;
	cursor: pointer;
	display:block;
	float:left;
}
.pw_all input[type="checkbox"] + label b,
.pw_list li input[type="checkbox"] + label b{
	font-size: 14px;
	font-weight: 400;
	color:#191919;
}
.pw_all input[type="checkbox"] + label:before,
.pw_list li input[type="checkbox"] + label:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-transform: none !important;
}
.pw_all input[type="checkbox"] + label:before{
	width: 20px;
	height: 20px;
	background:url(../images/icon/check_off.png) no-repeat center 50%;
	background-size:18px;
	content: '';
	text-align: center;
	line-height: 20px;
	display: inline-block;
	position: absolute;
	left: 10px;
	top: 16px;
}
.pw_list li input[type="checkbox"] + label:before{
	width: 20px;
	height: 20px;
	background:url(../images/icon/check_off.png) no-repeat center 50%;
	background-size:18px;
	content: '';
	text-align: center;
	line-height: 20px;
	display: inline-block;
	position: absolute;
	left: 10px;
	top: 14px;
}
.pw_all input[type="checkbox"]:checked + label:before,
.pw_list li input[type="checkbox"]:checked + label:before{
	background:url(../images/icon/check_on.png) no-repeat center 50%;
	background-size:18px;
	content: '';
}
.pw_all input[type="checkbox"]:checked + label,
.pw_list li input[type="checkbox"]:checked + label {
	color:#333 !important;
}
.pw_all input[type="checkbox"]:focus + label:before,
.pw_list li input[type="checkbox"]:focus + label:before {
	color:#333;
}


.f_bbtn{
	width:100%;
	height:45px;
	background-color:#0b91da;
	text-align:center;
	font-size:14px;
	font-weight:400;
	color:#fff !important;
	line-height:45px;
	display:block;
}
.f_bbtn:hover,
.f_bbtn.on{
	background-color:#0b91da;
	color:#fff !important;
}

.f_rbtn{
	width:100%;
	height:45px;
	background-color:#f74f4c;
	text-align:center;
	font-size:14px;
	font-weight:400;
	color:#fff !important;
	line-height:45px;
	display:block;
}
.f_rbtn:hover,
.f_rbtn.on{
	background-color:#f74f4c;
	color:#fff !important;
}

.f_ubbtn{
	width:100%;
	height:45px;
	background-color:#0b91da;
	text-align:center;
	font-size:14px;
	font-weight:400;
	color:#fff !important;
	line-height:45px;
	display:block;
	position:fixed;
	left:0;
	bottom:0;
}
.f_ubbtn:hover,
.f_ubbtn.on{
	background-color:#0b91da;
	color:#fff !important;
}

.f_ubrbtn{
	width:100%;
	height:45px;
	background-color:#f74f4c;
	text-align:center;
	font-size:14px;
	font-weight:400;
	color:#fff !important;
	line-height:45px;
	display:block;
	position:fixed;
	left:0;
	bottom:0;
}
.f_ubrbtn:hover,
.f_ubrbtn.on{
	background-color:#f74f4c;
	color:#fff !important;
}






/************************************************
*				로그인 : Login					*
************************************************/

.log_btn{margin:0;padding:0;position:relative;}
.log_btn li{
	height:30px;
	text-align:center;
	font-size:13px;
	font-weight:400;
	color:#1c1c1c;
	line-height:30px;
	display:block;
	float:left;
}
.log_btn li a{text-decoration:underline !important;color:#0b91da;}






/*************************************************
*					POPUP						*
*************************************************/

/*************** BOOTSTRAP POP ******************/
.modal{z-index:10000;}

.modal-content{padding-top:0 !important;padding-bottom:0 !important;border-radius:0 !important;}
.modal-header{
	padding-right:30px !important;
	border-bottom:0 none !important;
	border-radius:0;
	font-size:20px;
	font-weight:500;
	color:#1c1c1c;
	line-height:26px;
	letter-spacing:-1px;
	position:relative;
}
.modal-header .mh_case{margin:0;padding:0;position:relative;}
.modal-header .mh_case .mc_left{width:20%;float:left;}
.modal-header .mh_case .mc_left img{width:auto;height:45px;}
.modal-header .mh_case .mc_right{width:75%;float:right;}

.modal-header .close{
	width:20px;
	height:20px;
	margin:7px 0 0;
	background:url(../images/icon/p_close.png) no-repeat right 0;
	background-size:20px;
	position:absolute;
	right:10px;
	top:20px;
}

.pscroll,
.modal-scr{height:280px;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}
.modal-body .mb_tit{font-size:16px;font-weight:500;line-height:24px;}
.modal-body .pw_list li input[type="checkbox"]:checked + label:before{
	background:url(../images/icon/check_on2.png) no-repeat center 50%;
	background-size:18px;
	content: '';
}

.modal-footer{padding:10px !important;border-top:0 none !important;position:relative;}
.modal-footer .btn{height:45px;margin:0 !important;padding:0;border-radius:0;font-size:15px;line-height:45x;float:left;}
.modal-footer .btn-normal{background-color:#ababab !important;color:#fff;}
.modal-footer .btn-primary{background-color:#0b91da !important;color:#fff;}
.modal-footer .btn-point{background-color:#f74f4c !important;color:#fff;}

.modal-footer ul{margin:0 0 0 -4%;padding:0;position:relative;}
.modal-footer li{width:46%;margin:0 0 0 4%;float:left;}






/************************************************
*		동의 : Agreement						*
************************************************/

.arg_case{padding:15px 10px;background-color:#fff;}

.agr_wrap{margin:0;position:relative;}
.agr_wrap .agr_xtit{margin:0;padding:15px 0 20px;text-align:center;font-size:22px;font-weight:700;color:#1c1c1c;line-height:30px;display:block;}
.agr_wrap .agr_btit{margin:0;padding:0 0 5px;text-align:left;font-size:17px;font-weight:600;color:#1c1c1c;line-height:24px;display:block;}
.agr_wrap .agr_tit{margin:0;padding:0 0 5px;text-align:left;font-size:15px;font-weight:500;color:#1c1c1c;line-height:22px;display:block;}
.agr_wrap .agr_txt{margin:0;padding:0 0 20px;text-align:left;font-size:13px;font-weight:400;color:#1c1c1c;line-height:20px;display:block;}

.agr_wrap .aw_table{width:100%;margin:0 0 40px;padding:0;position:relative;}
.agr_wrap .aw_table th{padding:5px;background-color:#efefef;border:1px solid #ddd;font-size:12px;font-weight:600;color:#1c1c1c;line-height:16px;}
.agr_wrap .aw_table td{padding:5px;background-color:#fff;border:1px solid #ddd;font-size:12px;font-weight:400;color:#1c1c1c;line-height:16px;}

.stb_xbti{margin:20px 0;text-align:center;font-size:40px;font-weight:800;color:#000;line-height:50px;display:block;}
.stb_xti{margin-bottom:40px;text-align:center;font-size:18px;font-weight:600;color:#000;line-height:25px;display:block;}
.stb_bti{margin-bottom:5px;text-align:left;font-size:16px;font-weight:600;color:#333;line-height:22px;display:block;}
.stb_ti{margin-bottom:5px;text-align:left;font-size:14px;font-weight:400;color:#333;line-height:20px;display:block;}
.stb_copy{margin-bottom:25px;text-align:left;font-size:13px;color:#666;font-weight:400;line-height:18px;display:block;}
.stb_txt{margin-bottom:5px;padding-left:15px;text-align:left;font-size:13px;font-weight:400;color:#666;line-height:18px;display:block;}






/************************************************
*				로그인 : Login					*
************************************************/
.log_wrap{margin:0;padding:35% 0 0;position:relative;}
.log_wrap .lw_logo{margin:0;padding:0 0 50px;text-align:center;position:relative;}
.log_wrap .lw_logo img{width:40%;}
.log_wrap ul.lw_inp{margin:0;padding:0 25px;position:relative;}
.log_wrap li{margin:0 0 10px;padding:0;}
.log_wrap li input{background:none;background-color:transparent;border:1px solid #fff;color:#fff;}
.log_wrap li input[type="text"]:focus{
	border-color:#fff;
	color:#fff;
}
.log_wrap .lw_btn{margin:7px 0 10px;padding:0 25px;position:relative;}
.log_wrap .lw_btn a{
	height:47px;
	background-color:#2e83e0;
	text-align:center;
	font-size:14px;
	font-weight:400;
	color:#fff;
	line-height:47px;
	display:block;
}
.log_wrap .lw_btn a:hover{color:#fff !important;}
.log_wrap .lw_atxt{text-decoration:underline !important;text-align:center;font-size:14;color:#a7abbc;display:block;}






/************************************************
*		ETC										*
************************************************/

.cbtit{margin:0 0 10px;text-align:center;font-size:20px;font-weight:500;display:block;}
.cbtxt{margin:0 0 10px;text-align:center;font-size:16px;font-weight:400;display:block;}

.ncp_ccop{
	margin:0;
	padding:25px 10px;
	background-color:#fff;
	text-align:center;
	position:relative;
}
.ncp_ccop b{margin:0 0 10px;font-size:20px;font-weight:500;color:#2d82df;line-height:24px;display:block;}
.ncp_ccop p{margin:0 0 10px;font-size:15px;font-weight:500;line-height:20px;display:block;}
.ncp_ccop span{margin:0 0 20px;font-size:12px;font-weight:300;color:#2d82df;line-height:16px;display:block;}

.pc_ctit{margin:20px 0 5px;text-align:center;font-size:16px;font-weight:500;color:#1a1a1a;line-height:24px;}
.pc_ctxt{margin:0 0 15px;text-align:center;font-size:14px;font-weight:400;color:#999;line-height:20px;}
.pc_cxt{margin:0 0 15px;text-align:center;font-size:14px;font-weight:400;color:#666;line-height:20px;}
.pc_cxt img{width:50px;height:auto;margin:0 auto 20px;display:block;}

.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}

.ft_l{float:left !important;}
.ft_r{float:right !important;}






/************************************************
*		TABLE	 								*
************************************************/

.table_type1{width:100%;margin:0;padding:0;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;position:relative;}
.table_type1 caption{display:none}
.table_type1 thead th,
.table_type1 thead td{padding:5px 10px;border-bottom:1px solid #ddd;font-size:16px;font-weight:500;color:#484848;line-height:20px;}
.table_type1 tbody th{padding:5px 10px;background-color:#f1f1f1;border-bottom:1px solid #ddd;font-size:14px;font-weight:400;color:#484848;line-height:20px;}
.table_type1 tbody td{padding:5px 10px;border-bottom:1px solid #ddd;font-size:14px;font-weight:400;color:#484848;line-height:20px;}


.table_type2{width:100%;margin:0 0 25px;padding:0;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;position:relative;}
.table_type2 caption{display:none}
.table_type2 thead th,
.table_type2 thead td{padding:5px 0;background-color:#ececec;border-bottom:1px solid #ddd;font-size:13px;font-weight:500;color:#484848;line-height:18px;}
.table_type2 tbody th{padding:5px 0;background-color:#f1f1f1;border-bottom:1px solid #ddd;font-size:12px;font-weight:400;color:#484848;line-height:16px;}
.table_type2 tbody td{padding:5px 0;border-bottom:1px solid #ddd;font-size:12px;font-weight:400;color:#484848;line-height:16px;}






/************************************************
*		RESPONSIVE								*
************************************************/

@media all and (max-width:1280px){
}

@media (min-width: 1200px){
}

@media all and (max-width:1024px){
}

@media all and (max-width:980px){
}

@media all and (max-width:768px){
}

@media all and (max-width:480px){
}

@media all and (max-width:419px){
}