@media screen and (max-width:1600px) {
	/*  .contents{width:calc(100% - 300px);right:0;left:300px} */
	.contents.main {
		width: 100%;
		right: 0px
	}

	/* .footer p {margin-left: 300px;} */
}

@media screen and (max-width:1399px) {
	.right_column_toggle {
		display: block;
	}
	.right_column {
		position: fixed;
		right: -250px;
	}
	.n_r_panel{z-index:1000; top:0; bottom:0; border-radius:0; box-shadow:-3px 0 6px rgba(0,0,0,0.1)}
}
/*
@media screen and (max-width:1366px) {}

@media screen and (max-width:1280px) {}
    
@media screen and (max-width:1080px) {}
    
@media screen and (max-width:1050px) {}
*/
@media screen and (max-width: 1200px) {
	.header .top_menu li {
		width: 90px;
	}
	.header .top_menu .m_1dep .m_2dep {
		width: 110px;
	}
	.header .top_menu .m_1dep .m_2dep li {
		width: auto;
		min-width: 90px;
	}
	.container .section .contents .con_list .box {
		display: block;
		width: 100%;
	}
	.con_list .detailBox.l_100p .boxDiv .box .title {
		max-width: 197.69px;
	}
	.con_list .detailBox.l_100p .boxDiv .box .content {
		max-width: 434.94px;
	}
}

@media screen and (min-width: 1025px) {
	/* main page start */
	.main_contents .main-item-chart {
		width: calc(100% - 14px) !important;
	}
	/* main page end */
}

@media screen and (max-width: 1024px) {
	.only_mobile {
		display: block;
	}
	
	.tab_mv{display:none;}
	
	.only_pc {
		display: none;
	}
	.only_mobile_inline {
		display: inline-block;
	}
	.only_pc_inline {
		display: none;
	}
	.m_dpnone {
		display: none;
	}
	.m_mt10 {
		margin-top: 10px;
	}
	.dim {
		top: 45px;
	}
	.header {
		height: 45px;
		border-bottom: none;
	}
	.header .h_wrapper {
		max-width: 100%;
	}
	.header .togglebell .b_cnt {
		top: 5px;
	}
	.header .notice_area {
		top: 60px;
		right: 10px;
		width: 96%;
	}
	.main {
		padding-top: 0;
	}
	.content {
		background: transparent;
	}
	.main_content {
		overflow-y: auto;
	}
	.main_contents .left, .main_contents .right {
		width: 100%;
		display: block;
	}
	.main_contents .left {
		margin-bottom: 20px;
	}
	
	.input_btn3 {padding-right: 66px;}
	.container {
		width: 100% !important;
		padding: 0;
		max-width: 100%;
		padding-top: 0 !important;
	}
	.container .section {
		padding-top: 45px;
	}
	.opportunity{display:block}
	.container .section .left_column {
		width: 100%;
		height: auto;
		min-height: auto;
		display: block;
		position: relative;
		top: -5px;
		padding-bottom: 1px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		border-right: none;
		padding: 20px 20px 0 !important;
	}
	.search_slide {
		display: none;
		margin-top:20px;
	}
	.left_column .s_box {
		padding-bottom: 5px;
	}
	.treescroll {
		height: 100px
	}
	.container .section .left_column.act {
		top: -300px;
	}
	.container .section .left_column .s_arrow {
		display: block;
		bottom: -20px;
	}
	.container .section .left_column .ip_box {
		width: 49.7%;
		/* float: left; */
		/* display: block; */
	}
	.container .section .left_column .ip_box:nth-child(odd) {
		float: right;
	}
	.container .section .contents {
		margin-left: 0;
		width: 100%;
		padding: 20px;
	}
	.container .section .contents .con_list .detailBox {
		margin-bottom: 0;
	}
	.container .section .contents .con_list .detailBox .box {
		width: 100%;
	}
	.con_list .detailBox .box {
		width: 100%;
	}
	.con_list .detailBox .box .content .icon {
		font-size: 15px;
	}
	table.retable tbody tr td .con_right.only_mobile {
		position: unset;
		margin-bottom: 5px;
		text-align: right;
	}
	table.retable tbody tr td .con_right.only_mobile span {
		float: unset;
		display: inline-block;
		font-size: 16px;
		height: 25px;
		line-height: 25px;
	}
	scrollbar {
		display: block;
	}
	input[readonly].readnly_bg.pr85 {
		padding-right: 0 !important;
	}
	.right_column {
		top: 70px;
	}
	.n_r_panel{
		top:0
	}
	.footer p {
		margin-left: 0px;
	}
	.scroll {
		height: 90%;
	}
	.scroll_s {
		max-height: 320px;
	}
	.footer {
		margin-left: 0;
		width: 100%
	}
	.timeline .select button {
		border: 0 none;
		padding: 0;
		margin: 0;
		font-size: 100%;
		vertical-align: middle;
		background: transparent;
		cursor: pointer
	}
	.timeline .select button.input_select {
		display: block;
		height: 31px;
	}
	.timeline .select button.input_select em {
		display: inline-block;
		width: 89px;
		height: 31px;
		padding-left: 5px;
		text-align: left;
		line-height: 30px;
		vertical-align: middle;
		border: 1px solid #E1E6EB;
		border-radius: 2px 0 2px 0;
		font-family: NanumSquare, Dotum, "�뜝�럥利삣뜝�룞�삕", Helvetica,
			AppleSDGothicNeo, sans-serif;
		font-weight: 600;
	}
	.timeline .select button.input_select i.ico {
		display: inline-block;
		width: 31px;
		height: 31px;
		margin: 0;
		vertical-align: middle;
		background: #2e3f50 url(../../images/all/ico_sort2.png) no-repeat center
			13px;
		background-size: 9px 60px;
	}
	.timeline .select button.input_select.on i.ico {
		background-position: center -42px;
	}
	.timeline .select button.input_select.on+div {
		display: block;
	}
	.timeline .select button.input_select.on em {
		color: #fff;
		border: 1px solid #2e3f50;
		background-color: #2e3f50;
	}
	.timeline .select .right {
		position: relative;
		width: 120px;
		margin-bottom: 0;
	}
	.timeline .select .right div {
		display: none;
		position: absolute;
		right: 0;
		z-index: 2;
		top: 30px;
		width: 120px;
		border: 1px solid #d7d7d7;
		background-color: #fff;
	}
	.timeline .select .right div span {
		display: block;
		padding: 6px 0;
		border-top: 1px solid #d7d7d7;
	}
	.timeline .select .right div span:first-child {
		border-top: none;
	}
	.timeline .select .right div span:hover {
		background-color: #f7f7f7;
	}
	.timeline .tline ul.time>li .con .title p.left {
		float: inherit;
	}
	.timeline .tline ul.time>li .con .title p.right {
		float: inherit;
		font-size: 13px;
		padding: 4px 0 0 0;
	}
	.timeline .tline ul.time {
		padding-left: 42px;
	}
	.timeline .checkbox input {
		margin-top: -1px;
	}
	.timeline .checkbox label {
		display: block !important;
		font-size: 13px;
	}
	.timeline .line {
		left: 13px;
	}
	.timeline .tline i.ico {
		left: -43px;
	}
	.timeline .tline .timeline_blank figure {
		padding: 50px 0 90px;
	}
	.timeline .tline .timeline_blank figure img {
		width: 67px;
		height: 77px;
	}
	.timeline .clearfix.select {
		height: 35px;
	}
	.timeline .bottom_line {
		margin-left: 6px;
	}
	.graph_box_l {
		width: 50%;
		min-width: 408px;
	}
	/* .progressbar li span {left: 18px;} */
	.calendar {
		width: 100%;
	}
	.schedule {
		width: 100%;
	}
	.con_list .detailBox.l_100p .boxDiv .box .title {
		width: 30%;
		max-width: none;
	}
	.con_list .detailBox.l_100p .boxDiv .box .content {
		width: 66%;
		max-width: none;
	}
	.right_btnbox {
		position: relative;
		width: auto;
	}
	/* .main_tbtn_area div {
		display: none;
		position: absolute;
		right: 0;
		z-index: 3;
		top: 30px;
		width: 110px;
		border: 1px solid #f36e29;
		background-color: #fff;
	} */
	.rightbtn_area button {
		display: block;
		width: 100% !important;
		padding: 6px 0;
	}
	.mblock {
		display: block;
		width: 100% !important;
	}
	.mblock .scal {
		width: 100%;
		border-bottom: 1px solid #dbdfe3
	}
	table.retable tbody tr td .time {
		width: 45% !important;
	}
	.con_list .detailBox .box.my_info .pd_30 {
		font-size: 12px;
	}
	.board_table tr th.m_dnone, .board_table tr td.m_dnone {
		display: none;
	}
	.con_list .detailBox .box .con {
		padding: 3px 0;
	}
	/* main page start */
	.main_contents .main-item {
		width: 100%;
		margin: 0;
		margin-bottom: 10px;
	}
	.main_contents .main-item.w24p {
		width: 100% !important;
	}
	/* main page end */
	.left_column .lc_stit {
		padding: 0 10px;
	}
	.left_column .lc_stit .l_plus label {
		line-height: 16px;
	}
	.con_list .detailBox .box .title.adr {
		width: 30%;
	}
	.con_list .detailBox .box .content.adr {
		width: 66%;
	}
	table.retable tbody tr td .pos .poa i {
		font-size: 16px
	}
	.flip_btn_area button i {
		font-size: 20px
	}
	.jqx-icon-calendar2 {
		font-size: 16px
	}
	button i {
		font-size: 16px
	}
	.main_content .mo_status {
		clear: left;
		overflow: hidden;
		padding: 10px;
		color: #fff;
		text-align: center;
	}
	.main_content .mo_status>div {
		float: left;
		width: 32%;
		margin-left: 2%;
		padding: 16px 9px 6px;
		border-radius: 2px;
		box-shadow: 1px 0px 1px 0 rgba(0, 0, 0, 0.3);
	}
	.main_content .mo_status>div:first-child {
		margin-left: 0;
	}
	.main_content .mo_status>div strong {
		font-size: 23px;
	}
	.main_content .mo_status>div i {
		display: block;
		height: 27px;
		margin: 0 auto;
		background-repeat: no-repeat;
	}
	.main_content .mo_status>div p {
		height: 19px;
		margin-top: 7px;
		line-height: 0;
		padding: 11px 0;
		border-radius: 2px;
		letter-spacing: 1px;
	}
	.main_content .mo_status .h {
		background-color: #db4b4b;
	}
	.main_content .mo_status .h i {
		width: 21px;
		background-image: url(../../images/all/main_blet3.png);
		-webkit-background-size: 21px 19.5px;
		-moz-background-size: 21px 19.5px;
		background-size: 21px 19.5px;
	}
	.main_content .mo_status .h p {
		background: #a43838;
	}
	.main_content .mo_status .c {
		background-color: #97a1a9;
	}
	.main_content .mo_status .c p {
		background: #5b6165;
	}
	.main_content .mo_status .c i {
		width: 19px;
		background-image: url(../../images/all/main_blet4.png);
		background-position: 0 3px;
		-webkit-background-size: 19px 17.5px;
		-moz-background-size: 19px 17.5px;
		background-size: 19px 17.5px;
	}
	.main_content .mo_status .hc {
		background-color: #4b545b;
	}
	.main_content .mo_status .hc p {
		background: #2d3237;
	}
	.main_content .mo_status .hc i {
		width: 21px;
		background-image: url(../../images/all/main_blet5.png);
		background-position: 0 3px;
		-webkit-background-size: 21px 17.5px;
		-moz-background-size: 21px 17.5px;
		background-size: 21px 17.5px;
	}
	
	
	.main_notice{
		width: 100% !important;
		margin: 0 auto;
		margin-top: 10px;
	    line-height: 30px;
	}
	
	.blog.only_mobile {
		width: calc(100% - 40px) !important;
		display: inline-block;
		margin: 0 auto;
		margin-top: 10px;
		line-height: 30px;
		color: #f36e29;
	}
	.blog.only_mobile.w100p {
		width: 100% !important;
	} 
	.mhclear .mhlist ul li strong {
		font-size: 1.7rem;
		line-height: 17px;
	}
	
	.pr_box ul li .prc_btn.prc_btn{display:block}
	
	/* 2022.08.12 */
	#content .opportunity{display:block}
	#content .customer{display:block}
	#content .quota{display:block}
	#content .act{display:block}
	#content .flx-box{display:block}
	#content .total{display:block}
}

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

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

@media screen and (max-width:768px) {
	.contents.main .p_box {width: 100%}
	.contents {padding: 20px}

	/**** //login ****/
	.c_inner {
		width: 95%;
		background: 0 0;
		padding: 8px 0 0 0;
		text-align: center
	}
	
	.c_inner.topimg02 {
		width: 95%;
		background: 0 0;
		padding: 8px 0 0 0;
		text-align: center
	}
	.c_inner p.desc {text-align: center}
	.c_inner>p {
		margin-bottom: 2px;
		font-size: 16px
	}
	.c_inner>p>b {font-size: 18px}

	/* .c_inner .pc_bt{position:unset;display:inline-block;height:20px;line-height:20px;transform:translateY(2px);border:none;border-bottom:1px dotted #fff;width:auto;font-size:12px} */
	.c_inner .pc_bt {
		position: unset;
		/* display: inline-flex; */
		height: 20px;
		/* line-height: 20px; */
		border: none;
		border-bottom: 1px dotted #fff;
		width: auto;
		font-size: 12px;
	}
	.login_form {
		margin: 10% 0 5%;
		padding: 20px
	}
	.login_c>div {width: 100%}
	
	.login_c_l {border-right: none}
	
	.login_c_l div .la_tit {width: 25%}
	
	.login_c_l div .la_sp {
		width: 75%;
		float: right
	}
	.check_d {margin-right: 0}
	
	.login_c_l a {
		width: 100%;
		margin-top: 0
	}
	.m_border {
		background: #f3f3f3;
		padding-bottom: 20px;
		margin-top: 20px
	}
	.lg_desc {padding-top: 0}

	/**** login// ****/
	.prog_box .prog_sec {width: 100% !important;}

	.graph02 {
		width: 98.5%;
		height: 25px;
		margin-left: 0;
		padding-left: 0;
	}
	.outer-therm {
		margin: 20px 0;
		width: 100% !important;
	}
	.progress_bar {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.op .sub_tit {
		display: block;
		width: 100%;
		margin-bottom: 5px;
		height: 25px;
		line-height: unset;
		padding: 2px 0;
	}
	.op .sub_tit::before {
		display: inline-block;
		margin-bottom: 4px;
	}
	.op ul {
		width: 100%;
		text-align: center;
	}
	.op ul li {width: 24%;}
	
	.graph_box_r .graph_tit {width: 18%;}
	
	.graph_box_l {
		width: 60%;
		min-width: 250px;
	}
	.prog_box .prog_sec .prog_ttl {margin-top: 0}
	
	.graph_area li {width: 55px;}
	
	.graph_dot span::before {content: "■■■■■■■";}
	
	.graph_dot.st_01 span::before, 
	.graph_dot.st_02 span::before, 
	.graph_dot.st_03 span::before,
	.graph_dot.st_04 span::before {
		content: "■■■■■■■";
	}
	
	.fc-border-separate tr th {font-size: 11px;}
	
	.con_list .detailBox .box .content .icon.con_right span {
		font-size: 17px;
	}
	
	.login_checkbox{
	    padding-right: 0px;
	}
}

@media screen and (max-width:730px) {
	.p_con .chart_cell {
		width: 100%;
	}
	.tab_content .tbl_basic td {
		text-align: center;
	}
	
	table.retable tbody tr td .time {
	    width: 85% !important;
	    display:block;
	}
	
	table.retable tbody tr td .time select{
		width:35% !important;
	}
}

/*

@media screen and (max-width:736px) {}

@media screen and (max-width:667px) {}
*/
@media screen and (max-width:684px) {
	.con_list .pr_box ul li {
		width: calc(25% - 3px);
	}
}

@media screen and (max-width:640px) {
	.detail .con_list .detailBox .box .content {
		width: 65%;
	}
	/*.container .section .left_column {top: -10px;}*/
	/* .notice_area {width: 45%; left: 2.7%;} */
	.con_list .detailBox .box .con .con_top_right {
		display: block;
		width: 100%;
		padding-left: 10px;
		padding-top: 0
	}
	.con_list .detailBox .box .con .con_top_right.con2ea {
		display: block;
		width: 100%;
		padding-left: 10px;
		padding-top: 0
	}
	.con_list .detailBox .box .con .con_top_right.con3ea {
		display: block;
		width: 100%;
		padding-left: 10px;
		padding-top: 0
	}
	.con_list .detailBox .box .con .con_area .toto_c_area {
		display: block;
		width: 100%;
		padding-left: 10px;
		padding-top: 0
	}
	.con_list .detailBox .box .con .con_top_right.con2ea .c_info li {
		width: auto;
		margin-right: 10px
	}
	.con_list .detailBox .box .con .con_top_left {
		display: block;
		width: 100% !important;
		padding: 10px
	}
	.con_list .detailBox .box .con .con_top_left.l_photo {
		width: 70% !important;
	}
	.con_list .detailBox .box .con .con_top_left.l_p_2ea {
		width: 70% !important;
	}
	.con_list .detailBox .box .con .con_top_left.con2ea {
		display: block;
		width: 100% !important;
		padding: 10px
	}
	.con_list .detailBox .box .con .con_top_left.con3ea {
		display: block;
		width: 100% !important;
		padding: 10px
	}
	.c_info {
		text-align: left
	}
	.c_info li {
		width: auto;
		margin-right: 10px
	}
	.c_info li p {
		float: left;
		width: auto;
		min-width: 0;
		text-align: left;
	}
	.c_info li span {
		width: auto;
		margin-right: 5px;
		float: left;
		margin-bottom: 0;
		line-height: inherit;
	}
	.button.report {
		padding: 0 10px;
	}
	.op ul li {
		width: 24.2%;
	}
	.graph_box_l {
		display: block;
		width: 100%;
		margin-bottom: 8px;
	}
	.graph_box_r {
		display: block;
		min-width: 180px;
		float: left;
	}
	.graph_box_l, .graph_box_r {
		font-size: 11px;
	}
	.graph_box_l .graph_tit {
		font-size: 11px;
		padding-right: 5px;
		width: 22%;
	}
	.graph_box_r .graph_tit {
		font-size: 11px;
		padding-right: 5px;
		width: 22%;
	}
	.graph_area li {
		width: 40px;
		margin-right: 5px;
	}
	.graph_area li div:first-child {
		width: 40px;
	}
	.graph_dot span::before {
		content: "■■■■■";
		clear: both;
		display: block;
		width: 100%;
		height: 8px;
		color: #e7e7e7;
	}
	.graph_dot.st_01 span::before, .graph_dot.st_02 span::before, .graph_dot.st_03 span::before,
		.graph_dot.st_04 span::before {
		content: "■■■■■";
		clear: both;
		display: inline-block;
		width: 100%;
		height: 8px;
	}
	.graph_area li {
		line-height: 12px !important;
	}
	.graph_bar span {
		line-height: 12px !important;
	}
	.mhclear .mhlist ul li p {
		font-size: 1.2rem;
	}
	.mhclear .mhlist ul li strong {
		font-size: 1.4rem;
	}
	.mhclear .mhlist ul li p.mw44p {
		min-width: 44px;
	}
	.mhclear .mhlist ul li strong.mw44p {
		width: auto;
	}
	
	.customer_03.r_color li i{margin-bottom:5px;}
	.customer_03.r_color li strong {
		font-size: 1.4rem;
		line-height: 12px;
	}
	.customer_03.r_color li {
		height: auto;
		min-height: 100px;
		margin-top: 20px;
	}
	.customer_03.r_color>li>div {
		height: 40px;
		margin: 10px 0;
	}
	.panel_box ul li>div::before {
	    width: 40px;
	    height: 40px;
	    line-height: 30px;
	    left: 10px;
	}
	
	.panel_box ul li > div.prospect i::before,
	.panel_box ul li > div.customer i::before,
	.panel_box ul li > div.company i::before,
	.panel_box ul li > div.opportunity i::before{left: 19px;}
	
	.panel_box ul li > div.quotation i::before,
	.panel_box ul li > div.order2 i::before
	 {left: 23px;}


	.panel_box ul li > div.bgc_01 i::before,
	.panel_box ul li > div.bgc_02 i::before,
	.panel_box ul li > div.bgc_03 i::before,
	.panel_box ul li > div.bgc_04 i::before{left: 19px;}
	
	
	
	.panel_box ul li div {
		padding: 20px 10px 20px 50px;
	}
	.panel_box ul li div p.c_red {
		font-size: 1.4rem;
	}
	
	.customer_03_box {height: 328px !important;}
	
	.customer_03.r_color li p{font-size:12px;}
	
	span[class^=i_]:after{vertical-align: top;}
	
	/* .act__list li{width:100%;} */
}

@media screen and (max-width:550px) {
	.con_list .pr_box ul li {
		width: calc(25% - 3px);
		min-width: 120px;
	}
}

@media screen and (max-width:540px) {
	/* .stit{min-width:260px; } */
	.con_list .detailBox .box .con .txt_box span.txt_block {
		display: block;
	}
	.con_list .detailBox .box .con .txt_box .mobile_none {
		display: none;
	}
	.container .section .left_column {
		min-width: 320px;
	}
	.container .section .left_column .ip_box {
		width: 100%;
		/* clear: left; */	float: unset;
		/* display: block; */
	}
	.container .section .left_column .ip_box:nth-child(odd) {
		/* clear: right; */    float: unset;
	}
	html::-webkit-scrollbar, body::-webkit-scrollbar {
		display: none;
	}
	.con_list .detailBox .box .con .con_area_top .con_top_left {
		width: 100%;
		display: block;
	}
	.con_list .detailBox .box .con .con_area_top .con_top_right {
		width: 100%;
		display: block;
		margin-top: 5px;
	}

	/* .sub_mbtn_area .mbtn_right {    display: block;  width: 100%;  margin-top: 10px;} */
	.wcalcp_r3 {
		width: calc(100% - 160px);
	}
	.wcalcp_r3 div.right button {
		width: 50px;
		min-width: 50px;
	}
}

@media screen and (max-width:520px) {
	.lg_red {
		display: block
	}
	.c_inner p.desc {
		font-size: 12px;
	}

	/* .tabs.tab_activity{height: auto; min-height: 82px;} */

	/* .tabs.tab_activity li {display: table-cell; width: 50%; margin: 0; }
    
    .tabs.tab_activity li:last-child { width: 100% !important;} */
	.area .pcon div {
		line-height: 15px;
	}
	.area .pcon div span {
		width: 100%
	}
	
	.name_box ul li {
		width: 23%;
	}
	.con_list .pr_box ul li {
		width: calc(33% - 3px);
		min-width: 120px;
	}
	
	table.retable tbody tr td .time {
		width: 85% !important;
	}
	
	table.retable tbody tr td .time select{
		width:25% !important;
	}
	
	
	.tree_box .left .treelist{height: 150px;}
	.tree_box .left{width: 100%; display: block;}
	.tree_box .right{width: 100%; display: block;}
	
}

@media screen and (max-width:480px) {
	.progressbar li span {
		font-size: 11px
	}
	.pop_con .psearch_box .popsec_box span.pop_condesc {
		width: 75%;
	}
	.act .calendar .fc-border-separate tr th {
		white-space: nowrap;
		letter-spacing: -0.05em;
	}
	.graph_grade.step_5 {
		background: url(../../images/campaign/steps_5.png) no-repeat 5px 10px;
		display: inline-block;
		padding: 12px 5px;
	}
	
	.act__list li{
		width:47%
	}
}

@media screen and (max-width:445px) {
	.con_list .detailBox .box .con .con_area_top {
		padding: 15px 15px 50px 15px;
	}
	.c_inner>p {
		font-size: 14px;
	}
	.c_inner>p>b {
		font-size: 14px;
	}
	.desc span {
		display: block;
	}
	/* .c_inner .pc_bt{transform:translateY(-11px);} */
	.wcalcp_r3 {
		width: 100%;
	}
	.wcalcp_r3 div.right {
		display: block;
		position: unset;
		margin-top: 5px;
	}
	.wcalcp_r3 div.right button {
		width: 60px;
		min-width: 50px;
	}
	
	.act__list li div {
    letter-spacing: -0.5px;}
}

@media screen and (max-width:414px) {
	.login_c_l div .la_tit {
		width: 30%;
	}
	.login_c_l div .la_sp {
		width: 69%;
	}
	.up_b {
		display: none;
	}
	.up_b2 {
		display: block;
		color: red;
	}
	.up_b2 span {
		display: block;
	}
	.op ul li:nth-child(1)::before, .op ul li:nth-child(2)::before, .op ul li:nth-child(3)::before,
		.op ul li:nth-child(4)::before {
		display: none;
	}
	.op ul li {
		text-align: center;
	}
	.pop_con .psearch_box .popsec_box span.pop_condesc {
		width: 65%;
	}
}

@media screen and (max-width:400px) {
	table.retable tbody tr td .op_con_list span input.left {
		margin: 5px 0;
	}
	table.retable tbody tr td .op_con_list span {
		line-height: 43px;
	}
	.shclear h3 {
		width: 70%;
	}
	.graph_grade.step_5 {
		background: url(../../images/campaign/steps_5.png) no-repeat 15px 10px;
	}
	.graph_grade.step_5 ul li span {
		left: 10px;
	}
	.graph_grade.step_5 ul li:before {
		left: 10px;
	}
}

@media screen and (max-width:390px) {
	.con_list .pr_box ul li {
		width: calc(50% - 3px);
		min-width: 120px;
	}
}

@media screen and (max-width:384px) {
	.right_column {
		width: 250px;
	}
	.right_column {
		right: -250px;
	}
	.con_list .detailBox .box .title {
		font-size: 12px;
	}
	.con_list .detailBox .box .content {
		font-size: 12px;
	}
	.sbutton {
		padding: 5px 8px;
	}
	.sbutton.map_btn {
		padding: 0 7px;
	}
	p.text {
		letter-spacing: -1px;
	}
	
	/*  .header .notice_area{width:80%} */
	
	.shclear h3 {
		width: 80%;
	    overflow: hidden;
	}
}

@media screen and (max-width:333px) {
	.op ul li {
		width: 24%;
	}
	.progressbar li span {
		font-size: 11px
	}
}