header.header {min-width:100%;}
.navigation {min-width:100%;}
.navigation-biz {min-width:100%;}
.navigation-pre{min-width:100%;}
footer.footer {min-width:100%;}

/*공통*/
@media (max-width:1200px) {
	.wrapper {width:100%;}
	.sub_inner_pc {width:100%;}
	header.header {width:100%;}
	header.header h1 {margin-left:20px;}
	header.header .right_logo {margin-right:20px;}

	.search_area {padding:20px;}

	.recommendation {padding:20px 20px 20px;}
	.basic_list {padding:20px 20px 20px;}
	.schedule_wrap {padding:20px 20px 20px;}
	.sub_inner_pc {padding:20px 20px 20px;}
	.subsec {margin:0;}
	.section_top {margin-top:0;}
	.login {padding:20px 20px 20px;}
}

@media (max-width:640px) {
	.pc_view {display:inline;}

	.navigation {padding:15px 0;}
	.navigation .tit {font-size:18px;}
	.navigation .tit:after {width:20px; margin-left:-10px;}
	.navigation ul {margin-top:10px;}
	.navigation ul li:after {background-size:3.5px auto;}

	footer.footer {padding:20px; text-align:left;}
	footer.footer address {margin:0;}
	footer.footer span {margin:10px 0 0;}
	footer.footer a {color:#dfdfdf;}
}

/*header/nav*/
@media (max-width:860px) {
	header.header h1 img {width:285px;}
	header.header .right_logo {margin-top:8px;}
	header.header .right_logo img {width:140px;}

	nav.nav ul li a {font-size:14px;}
}

@media (max-width:730px) {
	header.header .right_logo {display:none;}
		/*header.header .header_ico_list {display:none;}*/
	
	.header ul.header_ico_list li{list-style:none; text-align: center; width:60px; margin-top:30px;  }
	.header ul.header_ico_list li:last-child{margin-left:7px; display: none;}
	.header ul.header_ico_list li a{/*letter-spacing:-0.07em;*/ font-size:14px; font-weight:bold;}
	.header ul.header_ico_list li a span{display:none;}
}

@media (max-width:640px) {
	header.header {border-bottom:none;}
	header.header>div {padding:15px 0;}
	header.header h1 {float:left; margin-left:20px; text-align:left;}
	header.header h1 img {width:232px;}
	header.header h1 span {display:none; margin:10px 0 0; font-size:13px;}

	nav.nav .mb_menu {display:block; position:absolute; z-index:99; top:22px; right:20px;}
	nav.nav .mb_menu a {display:inline-block; /*width:53px; height:53px;*/ width:28px; height:28px; background:url('../../_images/common/mb_menu.png') no-repeat center center; background-size:28px auto; text-indent:-99999px;}
	nav.nav .mb_close {display: block; position:fixed; z-index:99; top:0; right:-100%; transition: .3s}
	nav.nav .mb_close a {display:inline-block; width:56px; height:56px; background:url('../../_images/common/mb_close.png') no-repeat center center; background-size:29px auto; text-indent:-99999px; /*border:1px solid #fff;*/}
	nav.nav .submenu {/*display:none;*/ position:fixed; z-index:99; top:0; right:-100%; width:250px; background:#fff; height:100vh; overflow-y:auto; transition: .3s}
	nav.nav .submenu.show{right: 0;display: block}
	nav.nav .mb_close.show{right: 250px;display: block}
	nav.nav .submenu .logo {display:block; padding:20px; border-bottom:1px solid #999; text-align:center;}
	nav.nav .submenu .logo img {width:200px; max-width:100%;}
	nav.nav .submenu .logo span {display:block; font-size:13px; margin-top:10px;}
	nav.nav .submenu .header_ico_list {display:block; border-bottom:1px solid #999;}
	nav.nav .submenu .header_ico_list li {width:50%; margin:0; border-right:1px solid #ddd;}
	nav.nav .submenu .header_ico_list li:last-child {border-right:none;}
	nav.nav .submenu .header_ico_list li a:hover {background:rgba(0,0,0,.7);}
	nav.nav .submenu ul.wrapper li {width:100%; border-bottom:1px solid #ddd;}
	nav.nav .submenu ul.wrapper li a {text-align:left;}

	nav.nav .dim {display:none; position:fixed; z-index:98; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7);}
}

/*search*/
@media (max-width:880px) {
	.search_area form div {width:49%;}
	.search_area form div:nth-child(2) {margin-right:0;}
	.search_area form div:last-child {width:100%;}
	.search_area form .inputs {margin-top:2%;}
}

@media (max-width:420px) {
	.search_area form div select {font-size:12px;}
	.search_area form .inputs input[type=text] {width:100%; font-size:12px;}
	.search_area form .inputs input[type=submit] {width:100%; margin-top:2%; font-size:14px;}
}

/*basic_list*/
@media (max-width:860px) {
	.basic_list .buyer_list>ul>li {width:49.5%; margin:0 1% 1%;}
	.basic_list .buyer_list>ul>li:nth-child(2n) {margin-right:0;}
	.basic_list .buyer_list>ul>li:nth-child(3) {margin-right:1%;}

	.basic_list .buyer_list>div>ul>li {width:49.5%; margin:0 1% 1%;}
	.basic_list .buyer_list>div>ul>li:nth-child(2n) {margin-right:0;}
	.basic_list .buyer_list>div>ul>li:nth-child(3) {margin-right:1%;}
}

@media (max-width:640px) {
	.recommendation .select_area {width:100%; text-align:center;}
	.recommendation .tabs_wrap {width:100%; text-align:center;}
	.recommendation .tabs_wrap ul {margin-top:20px;}

	.basic_list .buyer_list>ul>li {width:100%; margin:0 0 3%;}
	.basic_list .buyer_list>ul>li:nth-child(2n) {margin-right:0;}
	.basic_list .buyer_list>ul>li:nth-child(3) {margin-right:0;}

	.basic_list .buyer_list>div>ul>li {width:100%; margin:0 0 3%;}
	.basic_list .buyer_list>div>ul>li:nth-child(2n) {margin-right:0;}
	.basic_list .buyer_list>div>ul>li:nth-child(3) {margin-right:0;}

	.basic_list .more_btn a {font-size:18px; width:auto; padding:10px 20px;}
}

@media (max-width:640px) {
	.recommendation .buyer_list p.tit {font-size:20px; padding-left:28px;}
	.recommendation .buyer_list p.tit:before {top:3px;}
	.basic_list .buyer_list p.tit {font-size:20px; padding-left:28px;}
	.basic_list .buyer_list p.tit:before {top:3px;}

	h3.sec_tit {font-size:20px; padding-left:28px;}
	h3.sec_tit:before {top:3px;}

	.recommendation .buyer_list .owl-carousel {margin-top:10px; padding-top:30px;}
	.recommendation .buyer_list .blank .kind ul li {margin-right:-1px; margin-bottom:3px;}
	.basic_list .buyer_list .blank .kind ul li {margin-right:-1px; margin-bottom:3px;}
}

@media (max-width:380px) {
	.recommendation .select_area>div {width:/*47%*/35%;}
	.basic_list .buyer_list .blank .exhi_logo .logo {vertical-align: middle; width:auto; max-width:180px; height:auto; max-height:90px; }
}

/*schedule*/
@media (max-width:1090px) {
	.schedule_wrap .cont_box {display:block;}
	.schedule_wrap .cont_box .date {display:block; width:100%; padding:20px;}
	.schedule_wrap .cont_box .date span {display:inline; margin-left:10px;}
	.schedule_wrap .cont_box .info {display:block; width:100%;}
	.schedule_wrap .cont_box .info .column .company {width:100%;}
	.schedule_wrap .cont_box .info .column .btns {width:100%; margin-top:30px; text-align:right;}
}

@media (max-width:640px) {
	.schedule_wrap .cont_box .info .column .btns a {font-size:13px; width:50%; float:left; margin:0; text-align:center;}
	.schedule_wrap .cont_box .info .column .btns a span {padding:10px 0;}
	.schedule_wrap .cont_box .info .column .btns a.detail {display:block; margin-top:20px; width:100%; background:#efefef; padding:10px;}
}

@media (max-width:420px) {
	.schedule_wrap .cont_box .info .column .company a.favorite {position:absolute; top:20px; right:10px;}
	.schedule_wrap .cont_box .info .column .company img {margin:0;}
}

/*테이블*/
@media (max-width:690px) {
	.mb_none {display:none;}

	.input_subtit {width:100%; margin-bottom:10px; display:block;}
	.table_02 tr {display:block; width:100%;}
	.table_02 th {display:block; width:100%; border-right:none;}
	.table_02 td {display:block; width:100%;}
	.list_float2_full li {width: 100%;}
	.table_02 input[type=text],
	.table_02 input[type=password] {width:100%; margin:0 0 10px !important;}
	.table_02 .phone_input input {width:70px;}
	.table_02 .phone_input .select_style01 {width:70px;}
	.table_02 .email_input input {width:49%;}
	.table_02 .email_input span {margin-right:20px;}
	.table_02 .email_input span input {width:calc(49% - 20px);}
	.table_02 .email_input span {position:relative;}
	.table_02 .email_input span:after {position:absolute; top:-4px; right:-15px; content:'@';}
	.table_02 .email_input .select_style01 {width:100%;}
	.table_02 td .multi_input_wrap input {width:100%; margin:0 0 10px !important;}
	.table_02 td .multi_input_wrap input:last-child {width:100%; margin-bottom:0 !important;}
	select.select_style01 {width:100%; margin-bottom:10px;}
	select.select_style01:last-child {margin-bottom:0;}

	.meeting_check_wrap.mypage li div>span {width:19%;}

	.id_check {width:100%; margin:0 !important;}
	.zip_code_btn {width:100%;}
}

@media (max-width:490px) {
	.btn_wrap a {width:44%; font-size:14px;}

	.prod_img li {width:100%; display:block; padding:0;}
}

@media (max-width:420px) {
	.meeting_check_wrap.mypage li div>span {width:32%;}
	.apply_table .bring_data2 {position:relative; top:0; padding:10px 0;}
}

/*login*/
@media (max-width:700px) {
	.login .box .inner {width:100%;}
	.login .box .inner p {font-size:16px;}
	.login .box {padding:30px;}
}

@media (max-width:420px) {
	.login .box .inner p {font-size:12px;}
	.login .box .inner .tabs_wrap ul li {font-size:12px;}
	.login .box .tab_content form div {width:100%;}
	.login .box .tab_content form div input {width:100%; height:35px;}
	.login .box .tab_content form input[type=button] {width:100%; height:45px; margin-top:10px;}
}




/*lobby*/
@media (max-width:700px) {
	.lobby .box .inner {width:100%;}
	.lobby .box .inner p {font-size:16px;}
	.lobby .box {padding:30px; margin-bottom: 20px;}
}

@media (max-width:420px) {
	.lobby .box .inner p {font-size:12px;}
	.lobby .box .inner .tabs_wrap ul li {font-size:12px;}
	.lobby .box .tab_content span { display: block; width:100%; margin-bottom: 20px;}
	.lobby .box .tab_content img {width:100%;  max-width: 295px; }
	.lobby .box .tab_content form input[type=button] {width:100%; height:45px; margin-top:10px;}
}



/*footer*/
@media (max-width:640px) {
	.footer address, .footer span {display:block;}
	.footer span {margin-top:10px;}

	.top_btn {display:none !important; bottom:20px; right:20px;}
}

/*layer_pop*/
@media (max-width:420px) {
	.pop-layer h5 {font-size:20px;}
	.data table th, .data table td {display:block; width:100%;}
	.data table th {padding-bottom:0; border-bottom:none;}
}

/*우측 positoin*/
@media (max-width:420px) {
	.apply_table .bring_data{top:-72px;}
	.apply_table .bring_data a {padding:5px;}
}