
dl,ul,ol,li {list-style: none;}
input, select {vertical-align:middle;}
a, a:active, a:hover {text-decoration:none !important; border:none;}
img {border:0;}
input, select, button, label {vertical-align:middle;}
input[type="submit"] {border:0;cursor:pointer;}
table {border-collapse:collapse;border-spacing:0}
.row {padding: 0; margin: 0;}
button[type='button'] {
    outline: none !important;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding: 0;
	}
.inner_wrap {height: 100%; width: 1200px; margin: 0 auto;}
.flex {display: flex; align-items: center;}
ul {margin:0;padding:0;}
.top_title {background:#f5f6f8; height:150px;}

/*고객센터 상단 title css*/
.top_title .con:nth-child(2) {flex-grow: 1;}
.top_title .con:nth-child(3) {width:325px;display:flex;justify-content:flex-end;justify-content: space-between;}

.top_title h1 {
	padding:10px 46px 0 0;
	font-size:44px;
	font-weight:600;
	background:url('/images/info21c/new/title_dot.png') no-repeat;
	background-position: 163px 0;
}

div.con > a > .item {
	background:#fff;
	border-radius:20px;
	width:98px;
	padding:17px 0;
	box-shadow:1px 1px 1px 1px rgb(0 0 0 / 5%);
	color:#353535;
	border:1px solid #fff;
	}
.item > span {font-weight:bold;}
.con a:hover .item {background:#f8fafd;border:1px solid #d1d7e3;}

/*고객센터 left css*/
.contents_menus {width:220px;margin-top:17px;}
.sl_menu a li {
	color:#000;
	font-size:18px;
	line-height:48px;
	font-weight:300;
}
.sl_menu a:hover li{
	color:#000;
	font-size:18px;
	line-height:48px;
	font-weight:600;
}
.icon_sns {margin-top:20px;}
.icon_sns a {margin-right:10px;}
.icon_sns a:last-child {margin:0;}


/*공지사항*/
.contents {float:left;width:980px;padding-left:40px;}
.cont_title_cus {height:70px !important;}
.cont_title_cus > h1 {font-size:23px;font-weight:600;float:left;margin:0;}
.cont_title_cus > span {font-size:15px;color:#707070;padding-left:10px;font-weight:300;line-height:30px;}
.cont_title_cus > .btn {color:#fff;background: #777cf1 !important;border: 0;padding: 10px 40px; font-family:'Roboto','Noto Sans KR', sans-serif;border-radius:6px;border-color:transparent;}

/*자주하는 질문*/
/*.panel-default a {font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 14px;}
.panel-default .btn {font-size: 13px;}
.panel-body p {font-family:'Roboto','Noto Sans KR', sans-serif; font-size: 14px;}*/



/*FAQ*/
.panel-title a.collapse-toggle {font-weight:bold;}


/*원격상담*/
.remote_box {
	background: #fff;
    border-radius: 12px;
    box-shadow: 0px 0px 20px 0px #d8e1f0;
    padding: 50px 40px;
    position: relative;
    color: #282828;
	width:460px;
	text-align:center;
	border:3px solid transparent;
}
.remote_box:hover {border:3px dashed #61a6ef;}
.remote_box > p {
	text-align:left;
	font-family:'Roboto','Noto Sans KR', sans-serif;
	font-size:15px;
	font-weight:300;
	}
.remote_box > h4 {font-weight:600;font-size:30px;font-family:'Roboto','Noto Sans KR', sans-serif;text-align:center;line-height:60px;}
.remote_box > a,.remote_box > button {
	font-family:'Roboto','Noto Sans KR', sans-serif;
	font-size:17px;
	font-weight:400;
	padding:10px 40px;
	margin-top:20px;
	outline:none !important;
	}
	.remote_box a:hover,.remote_box a:focus,.remote_box a:active {
	border:1px solid transparent;
	}

	

.modal-header {
	background:#4a5470;
	
}
.modal-title {
	font-family:'Roboto','Noto Sans KR', sans-serif !important;
	color:#fff;
	font-size:17px;
	font-weight:300;
}
.modal-body {margin:50px 0;text-align:center;}
.modal-body > h5 {
	font-family:'Roboto','Noto Sans KR', sans-serif !important;
	font-size:25px;
	font-weight:400;
}
.modal-body > span {
	font-family:'Roboto','Noto Sans KR', sans-serif !important;
	font-size:15px;
	font-weight:300;
}
.modal-body > p {
	font-family:'Roboto','Noto Sans KR', sans-serif !important;
	font-size:12px;
	font-weight:300;
}
.modal-body > p > input {
	border:1px solid #ccc;
	font-family:'Roboto','Noto Sans KR', sans-serif !important;
	font-size:15px;
	font-weight:400;
	width:250px;
	padding:10px;
}
.btn_mobileremote {
	font-family:'Roboto','Noto Sans KR', sans-serif !important;
	font-size:15px;
	font-weight:400;
	padding:10px 20px;
}

#price_up {z-index:101;position:absolute;display:none;left:calc(50% - 504px);box-shadow:0 0 30px 5px rgba(0, 0, 0, 0.2);}
#price_up .pop_img {width:1009px; height: 486px;}