@charset "utf-8";
@media (max-width: 1180px) {
	/* .wrap{ width:96%; } */
	.mypage .wrap_more {bottom: -25px;}
	/*메인*/


	nav #gnb > li:last-child div .user_menu:before {width: 20.5%;}
	.cart .box_prod > li {font-size: 1.2rem;}
	.cart .box_prod {padding: 4% 2.5%;}
	.cart .sum {width: 100%;padding: 4% 2.5%;}
	.cart .box01.order_info > p {float: none;text-align: left;}
	.faq .grid08 > li {width: 23.5%}
	.faq .grid08 > li:nth-child(4) {margin-right: 0;margin-bottom: 2%;}
}

@media (max-width: 1138px) {
	.wrap.bg .search-option dl .keyword,
	.wrap.bg .search-option dl .date {max-width: none;}
	footer .footer_contents ul:last-child {width:81%;margin-left:3%;}
	.intro .box_slide dt a.btn-s br{ display: block; }
}
@media screen and (max-width:1138px)  and (min-width:961px) {
	footer .footer_contents ul {width:12%;}
	footer .footer_contents ul:last-child {width:87%;margin-left:1%;}
}
@media (max-width: 960px) {
/* 	html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {font-size: 15px;} */
	.topmenu .bd1:not(.en) {display: none;}
	.pc {display: none;}
	.w960 {display:block;line-height:1px;text-indent:-9999px;}
	nav #gnb > li.menu_icon .wrap_badge .badge {right: 0px;}
	nav #gnb > li.menu_icon .wrap_badge .count {right: -2px;}
	nav #gnb > li:last-child div .user_menu:before {width: 18%;}
	footer .footer_top #fnb {width: 100%;}
	footer .footer_top .sitelist {display: none;}
	footer .footer_top .wrap {width: 100%;}
	footer .footer_top #fnb {float: none;width: 100%;padding: 0;}
	footer .footer_top #fnb li {width: 25%;padding: 1% 0;border-bottom: 1px solid rgba(255,255,255,.1);border-right: 1px solid rgba(255,255,255,.1);}
	footer .footer_top #fnb li:nth-child(n+5) {border-bottom: none;}
	footer .footer_contents ul, footer .footer_contents ul:last-child {float: none; width: 100%;margin-left: 0;margin: 2% 0;text-align:center;}


	#main_visu .main_txt, .wrap.bg {width: 80%;}
	.mainview .contents_link ul li {width: 16.66%}
	.mainview .contents_link ul li:nth-child(10n) {width: 16.66%;}
	.wrap.bg .search-option dl dd .datepicker {    width: calc(48% - 117px);}

	/*사이트맵*/
	 .sitemap .clearfix > ul li > .sitemap_depth02 > li > a {display: block;width: 100% !important;}
	 .sitemap .clearfix > ul li .sitemap_depth03 {display: block;width: 100% !important;padding-left: 5%;}

	/*sub*/
	.noti_con > p{ }
	.listWrap .list > li > div.li_con{ width:100%; margin-bottom:4%; margin-right:0;}
	.listWrap .list > li > div.li_info{ width:100%; }
	.asme .btn.cart{ width:100%; max-width: 198px;}
	.grid03 > li{ width:100%; margin-right:0; }
	.cart .box_prod > li {width: 26%;padding-left: 8%;}
	.cart .box_prod > li:after {right: 3%;}

	.select_benefit > ul li {width: 48%}
	.select .select_box > ul li:last-child button {font-size: 1.3rem;}

	.mypage.brochure .btn.down {min-width: 80%;}
	.mypage .mypage_card {margin-bottom: 8px;}
}

@media (max-width: 860px) {
	section .contents_top .popup li .popup_txt h4{font-size:1.4em}
	nav #gnb > li:last-child div .user_menu:before {width: 16.5%;}
	nav #gnb > li.menu_icon .wrap_badge .badge {right: -3px;}
	nav #gnb > li.menu_icon .wrap_badge .count {right: -3px;}
	/*sub*/
	.wrap.bg .search-option dl dd {vertical-align:top;}
	.noti_con {display: block;}
	.noti_con > p { display: block;width: 100%; margin-right: 0; margin-top: 5px; text-align: right;}

	#search .search > .wrap {width: 96%;}
	#search .search > .wrap .checkbox + label {display: none;}
	#search .search > .wrap form > input {width:calc(100% - 187px)}
}
@media (max-width: 768px) {
	/*common*/
	section input, section select, section option, section textarea,  .meminfo  .tbl01 button {min-height: 32px;}
	.tablet {display: block;}
	.tablet-inline {display: inline;}
	.tbl01 tbody tr td, .tbl01 tr th {padding:7.5px 12.5px}

	nav {background-color: transparent;}
	nav > .wrap{width: 100%;}
	header > .wrap h1 {display: table-cell;float: none;}
	header .topmenu {display: table-cell;float: none;text-align: right;}
	header .topmenu > ul {display: inline-block;vertical-align: middle;}
	header .topmenu > ul li:not(.en) {display: none;}
	.topmenu_search {display: inline-block;}
	.tit_gnb {display: block;}
	nav .wrap.on {position: fixed;top: 0;z-index: 1;width: 100%;}
	/* #gnb {display: none;} */
	#gnb_mobi > li {width: 100%;text-align: center;border:1px solid #eee;background-color: #fff;color:#666}
	#gnb_mobi > li a {position: relative;padding: 5px 0;font-size: 15px;color:#333}
	#gnb_mobi > li a span {display: block;width: 85%;margin: auto;text-align: left;}
	#gnb_mobi > li a span img {margin-right: 2px;}
	#gnb_mobi > li a .arrow {position: absolute;top: 50%;right: 10%;margin-top: -4px;}
	#gnb_mobi > li > .depth2 {display: none;}
	#gnb_mobi > li > .depth2 > li:first-child {padding-top: 0;}
	#gnb_mobi > li > .depth2 > li > a {margin-right: 0;font-size: 14px;background-color: #e5eef5;color:#4c7ac5;}
	#gnb_mobi > li > .depth2 > li > .depth3 {display: none;}
	#gnb_mobi > li > .depth2 > li > .depth3 li:before {display: none;}
	#gnb_mobi > li > .depth2 > li > .depth3 li {padding: 0;}
	#gnb_mobi > li > .depth2 > li > .depth3 li a {font-size: 14px;background-color: #f4f4f4;color:#333}
	nav .lnb_bg, footer .footer_top {display: none;}
	.fixed_bar {display: block;z-index: 998; position: fixed; bottom: 0; left: 0; width: 100%; margin-bottom: 0;}
	.fixed_bar > .grid03 > li {overflow:visible;float: left;width: 25%; margin-right: 0; text-align: center;}
	.fixed_bar > .grid03 > li .btn {border-right: 1px solid #4f699c; border-top: 1px solid #4f699c; font-size: 14px; background: #435b8b; padding: 12px 0; color:#fff; width: auto;vertical-align: middle;}
	.fixed_bar > .grid03 > li .btn:before {content: ''; vertical-align: text-bottom; 	width: 20px; height: 20px; margin-right: 0.8%; display: inline-block;background-position: 50% 50%; background-repeat: no-repeat;}
	.fixed_bar > .grid03 > li .btn.menu:before {background-image: url(/img/icon/i_allList.png);}
	.fixed_bar > .grid03 > li .btn.cart-mobi:before {background-image: url(/img/icon/i_cart_small.png);}
	.fixed_bar > .grid03 > li .btn.mypage:before {background-image: url(/img/icon/i_person_white.png);}
	.fixed_bar > .grid03 > li .btn.home:before {background-image: url(/img/icon/i_home_white.png);}
	.fixed_bar > .grid03 > .ico > div {float:left;position:relative;width:50%;}
	.fixed_bar > .grid03 > .ico .btn_share:before {background-image:url(/img/icon/i_share_white.png);}
	.fixed_bar > .grid03 > .ico .sns_list {top:auto;bottom:55px;z-index:999;}
	footer .footer_contents {padding-bottom:40px;}
	footer .footer_contents ul li {text-align:center;}
	footer .footer_contents ul li span {display:block;text-indent:-9999px;line-height:1px;}
	.footer_mobi {display: block;overflow: hidden;}
	.footer_mobi li {float: left;width: 25%;}
	.footer_mobi li.w50 {width: 50%;}
	.footer_mobi li a {padding: 6px 0;border-right: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.1);font-size: 14px;background-color: #324558;color:#fff;text-align: center;}
	.footer_mobi li a.orange {color:#fe4d0a}
	.footer_mobi li a:hover {box-shadow: 0 0 50px rgba(0,0,0,.3) inset}
	.top-btn {display: block;}
	.wrap.bg .search-option dl dd .datepicker {margin-top: 5px;}

	/*메인*/
	.tit_gnb {font-size: 1.2rem;}
	.mainview .contents_top .slide, .quickmeun {display: none;}
	#main_visu {height: auto;}
	#main_visu .wrap {width: 100%;}
	#main_visu .main_txt {position: static;top: 0;left: 0;transform:none;width: 100%;text-align: center;}
	#main_visu .main_txt h2 {display: none;}
	#main_visu .main_txt form {display: inline;}
	#main_visu .main_txt form .btn{margin-right: 0;}
	#main_visu .main_txt form input {width: 60%;font-size: 12px;margin-left: -4px;}
	.mainview .contents_top .popup li .popup_txt {width: 70%;}
	.mainview > article > h3, .mainview .area h3 {display: none;}
	.mainview .contents_top .popup {float: none;width: 100%;}
	.mainview .contents_top .popup li .popup_txt {width: 80%;}
	.mainview .contents_top .popup li .popup_txt h4 {font-size: 24px;}
	.mainview .contents_top .popup li .popup_txt .btn_detail {font-size: 16px;}
	.mainview .contents_tap .tap_btn li a {font-size: 16px;-ms-word-break: break-all;
	word-break: break-all;}
	.mainview .contents_tap .tap_box:not(.std) .explain {float: none;width: 100%;padding-bottom: 2%;border-bottom: 1px solid #b0bac4}
	.mainview .contents_tap .tap_box .board {float: none;width: 100%;padding-left: 0;border-left: none;}
	.mainview .contents_tap .tap_box .explain li a {margin: auto;}
	.mainview .contents_tap .tap_box .board li a {width: 100%;font-size: 14px;}
	.mainview .contents_tap .tap_box .board li span {display: none;}
	#main .wrap.bg {top:0}
	.wrap.bg .search-option dl dd .datepicker {max-width: none;width: calc(49.5% - 5px);}
	.search label{ display:none}
	.search label input[type="checkbox"]{margin-left:0;}
	.f-right{ display:block; width:100%; margin-top:15px;  text-align:right;}
	.mainview .contents_tap .newestStd ul.board {width: 100%;}
	.mainview .contents_tap .newestStd ul.board li {width: 25%;}

	/*
		SUB
	*/
	.c-tit {padding: 21px 0 13px 15px;}
	.box01 {padding: 20px 7.5px;}
	.mypage .mypage_card {margin-bottom: 9px;}
	.mypage .card_wrap .bnr {min-height: 122px;margin-top: 39px;}
	.btn.cart, .btn.down, .btn.btn_org {min-height: auto;padding: 2% 0;}
	.common_top, .sub_top {text-align: center;background: #32498c;padding: 10px 0;border-bottom: none;}
	.common_top .wrap, .sub_top .wrap { padding-top: 0; position: relative; color: #000; }
	.m_arrow {display: block;}
	.common_top .tit, .sub_top .tit {font-weight: 400; color: #fff; font-size: 1.2rem; position: relative; }
	.common_top .navi, .sub_top .navi { display: none; }
	.t-cent.mb38 {display: none;}
	.box01.detail dl.dl01 > dt {float: none;width: 100%;}
	.box01.detail dl.dl01 > dd {float: none;width: 100%;padding-left: 15px;}
	.order_adress li {height: 44px;vertical-align: middle;}
	.order_adress li span {display: block;text-align: left;margin: 0;}
	.order_adress li span:before {display: none;}

	/*국내단체표준*/
	.spslist .cont .tap_btn > li {width: 25%;}

	/* list.html 공통*/
	.search > .wrap > div > form {display: inline;}
	.search > .wrap > div > form select, .search > .wrap > div > form option, .search input::placeholder, .search .txt {font-size: 1rem}
	.search > .wrap > div > form input {font-size: 1rem;}
	.search .txt .about {font-size: 1.2rem;}
	.search .txt .sum {font-size: 1.25rem;}
	.cont .tap_btn > li {max-width: none;}
	.cont .cate a {width: 33.33%;text-align: center;}
	.cont .cate .f-right {display: none;}
	.noti_con {display: none;}
	.listWrap .list {margin-top: 3%;}
	.listWrap .list > li > div.li_con div.box_gray {display: none;}
	.listWrap .list > li > div.li_con div.txt .title > a, .listWrap .list > li > div.li_con div.txt .title h3 {font-size: 22px;}
	.iso .wrap.spscate .grid04 > li {width: 19.25%;}
	.iso .wrap.spscate .grid04 > li a {height: auto;}
	.iso .wrap.spscate .grid04 > li:last-child {margin-right: 0;}
	.library.procedure .for_top .for_step {overflow: hidden;max-width: 300px;min-height: auto;margin: auto;}
	.library.procedure .for_top .for_step:before {display: none;}


	/*spscate.html*/
	.spscate .grid04 > li a {height: 68px;vertical-align: middle;}
	.spscate .btn_org  {min-width: 194px;margin-top: 4px}
	.spscate .tbl01.line0 colgroup col:nth-child(4) {width:0%}
	.spscate .tbl01.line0 tr td:nth-child(4), .spscate .tbl01.line0 tr th:nth-child(4) {display: none;}

	/*FOR - category.html*/
	.for.category .box01.detail .grid03 > ul {width: 50%;}

	/*FOR - estimate.html*/
	.for_top .for_step {float: none;width: 100% !important;text-align: center;}
	.for_top .for_step:before {display: none;}
	.for_listselect form select, .for_listselect form input {max-width: none !important;width: 31.5%;}
	.for_listselect form input {margin-right: 0;}
	.for_listselect form select:nth-child(n+4) {width:20%;margin-top: 1%;}
	.for_listselect form button {width: 9%;margin-top: 1%;}
	.for_top .for_step.grid05 {min-height: 0;}
	.for_top .for_step.grid05 > li {float: none;display: inline-block;}
	.for_top .for_step.grid05 > li:nth-child(2) {float: none;width: auto;}

	/*KS*/
	.ks .box01.detail.top dl dt {width: 100%;}
	.ks .box01.detail.top dl dd {width: 100%;}
	.ks .cont .cate {display: none;}

	/*COMMON - */
	.chcomppop {padding: 3% 2%;}

	/*
		마이페이지 공통 H
	*/

	.mypage .sub_top {display: none;}
	.aside-none .sub_top  {display: block;padding: 10px 0;}
	.aside-none .sub_top h3 {text-indent: 0;}
	.sub_top + .wrap{ width:100%; }
	.mypage .m_arrow{ left:1%; }
	.sub .mypage_aside.mypage_aside{ width:100%; float:none;}
	.sub .lnb > li{ position:relative;}
	.sub .lnb > li > ul{ display:none; z-index:999; width:100%; position:absolute; min-height:auto !important;  box-shadow: 0px 8px 25px rgba(0,0,0,.2);}
	.sub .lnb > li > a:not(.m_arrow){ text-align: center; color:#fff !important; padding: 10px 0; border-bottom: 0; font-size: 1.1rem !important; font-weight:400 !important; background: #00549b; }
	.sub .lnb > li > a:not(.m_arrow):after{ content:''; transition:all .5s;display:inline-block; width:16px; height:18px; vertical-align:middle; margin-left:6px; background:url(/img/icon/i_arrow_b.png) no-repeat; transform:rotate(0deg); }
	.sub .lnb > li > a:not(.m_arrow).active:after{  transform:rotate(180deg);vertical-align: sub;}
	.sub .lnb > li > a span{ display:none; }
	.sub .lnb > li > ul > li > a{ text-align:center; padding:3.5% 0;}
	.sub .lnb > li > ul > li > a.on:before,.sub .lnb > li > ul > li > a:hover:before{ display:none }
	.sub .container.container { float: none; width: 98%; padding: 0; margin: 0 auto;margin-bottom: 10%; }
	.mypage .tit_top h3{ margin-top:5%; }
	.withnoti .tit_top p, .recheckp .tit_top p{ font-size:1.5em }
	.mypage .btn01 {font-size: 16px;}
	.mypage .agree .agree_tit label {font-weight: 400;font-size: 15px;}

	.cnt_box {padding-right: 10px;}

	.order .kssnorder_result ul {margin-top: 2%;}

	.mypage .orderlist .calender {margin-bottom: 0;}

	/*마이페이지 메인*/
	.begin .tit_top p {display: none;}
	.mypage .begin .c-tit .btn-s {float: right; min-width: 91px;}
	.mypage .area_mid .card_wrap {float:none;width:100%;}

	/*표준인증관리*/
	.stdtree, .stdinfo {float: none;width: 100%;margin-bottom: 2%;}
	.stdtree .stdtree_depth1 {height: auto;}
	/* .calender {margin-bottom: 20px;text-align: center;} */
	.mypage .stdman  .tbl_hori tr th:nth-child(4), .mypage .stdman  .tbl_hori tr td:nth-child(4) {display: none;}
	.stdman .box_skyblu  > form input {width: 95%;min-height: 40px;}
	.mypage .agree .card_box > ul li:nth-child(2) {font-size: 1.75rem;}

	/*장바구니*/
	.tbl01 .com-num .w80 {width: 15%;}
	.tbl01 .com-num .w100 {width: 22%;}
	.tbl01 .com-num .w125 {width: 30%;}
	.sub .email input, .sub .email select {width: 29%;}
	.tbl01 .adress a.btn-s {margin: 0.5% 0}
	.cart .order_info tr td small {display: block;-ms-word-break: keep-all;	word-break: keep-all;}
	.cart .pay_info tr th label {display: block;margin-bottom: 10px;}
	.cart .tbl01.order_info.pay_info tr th .radio:checked + label:after {display: none;}

	/*라이브러리*/
	.library.intro .grid02 > li > dl {padding-left: 20%;}
	.library.intro .grid02 > li:nth-child(1) {width: 71%;margin-right: 0;}
	.library.intro .grid02 > li:nth-child(2) {width: 29%;}
	.library.intro .grid02 > li.imgs > div:nth-child(1) {display: none;}
	.library.intro .grid02 > li.imgs > div:nth-child(2) {top: 25px;right: 25%;width: 145px;height: 145px;}
	.library.intro .grid02 > li.imgs > div:nth-child(3) {top: 140px;right: -5%;width: 200px;height: 200px;}
	.library.intro .grid03 > li {min-height: auto;margin-bottom: 3%;}

	/*info*/
	.help .listWrap dl dd p.txt span:after {right: -23px;}
	.mypage.map .map + .box01 li h4 {text-align: center;}

	.mypage.map dl > dt {float: none;width: 100%;}
	.mypage.map dl > dd {float: none;width: 100%;padding-left: 1.5%}

	/* 회원탈퇴완료 */
	.withcomp .container .tit_top{ margin-bottom:0; }

	/* 나의관심표준 */
	.freqread .calender{ display:none; }
	.freqread .tit_top p small { float: none; display: block; }
	.stdman .box_skyblu .stdman_link{ margin-top:1%;text-align:center; }
	.stdman .box_skyblu .stdman_link > li{ max-width:23%; }

	/*	 회원가입 H */
	.select_benefit > p{ width:85%; text-align:center;font-size: 1.2em; 	padding: 2% 0; }

	/* 회원가입 > 약관동의 H */
	.join_step{ padding:5% 0;}
	.join_step li {display: block;max-width: 250px;margin: auto;padding-right: 0;text-align: left;}
	.join_step li:after{ display:none;}
/* 	.agree .agree_tit h4{ font-size:1.2rem; width:100%;} */
	.agree .agree_tit h3{ font-size:1.2rem; width:100%;}
	.agree .agree_tit label{ float:left; }
	.agree .agree_tit .btn-s{ display:inline-block; }
	.agree ul.box01{ display:none; }
	.join_step li span {font-size: 1.7rem;}

	/* 회원가입 > 회원정도입력 H */
	.meminfo .tbl01 td small {display: block;}

	/* 회원가입 > 가입완료(인증메일발송) H*/
	.confsend .confsend_info{ width:90%; }
	.confsend .confsend_info li h4{ margin-bottom:2%; }
	.confsend .confsend_info li .btn-s{ margin-left:0; width: 100%;}

	/* 로그인 H*/
	.tit_top p{ font-family: 'NotoKr', sans-serif;    font-weight: 300; font-size:15px;}
	.noticemail .login_top{ font-size:15px;}
	.login .login_top{ font-size:15px; font-weight:300; padding:0 20px; font-weight: 400; line-height: 20px;}
	.login .mempop_tap a{height: 50px; font-size: 15px;}
	.login .mempop_tap a.active{  padding-bottom: 3.3%; }
	.mempop div > ul li { display: inline-block; margin-right: 10px; font-size: 15px; }
	.noticemail .tit_top{ margin-top:10%; }
	.acclockpop .acclockpop_pop{ top:46%; }
	.acclockpop .acclockpop_pop button{ width:100%; }
	.logintemp table td{ font-size:.9rem; }
	.acclockpop .acclockpop_pop div .close {right: 0;}

	/* 메일 */
	.noticemail article:first-child > p{ font-size:1rem; }
	.noticemail{ padding:20px 4%; }

	/*intro*/
	.intro .box_slide dt > a{ width: 100%; }
	.intro .box_slide .t-right{ display: block; width: 100%; margin-top: 2%; text-align: center; }
	.intro .box_slide dt a.btn-s{ width: 32.6%; }
	.intro .box_slide dt a.btn-s br{ display: none; }

	.terms .box01, .personinfo .box01{max-height:420px;}

}

@media (max-width: 630px) {
	.sitemap img {width: 45px}
	.sitemap h3 {font-size: 1.5rem;line-height: 1.3;letter-spacing: -1px;}
	.sitemap .clearfix > ul {width: 49%;margin-bottom: 5%;}
	.sitemap .clearfix > ul.con  {height: auto}\
	.sitemap .clearfix > ul > li > h4 {font-size: 1.075rem;}
}

@media (max-width: 576px) {


	/*common*/
	.btn, .btn-s {font-weight: 400;}
	.tbl-block tr td, .tbl-block tr th, .tbl-block tr {display: block;}
	.tbl-block tr:after {content: '';display: block;overflow: hidden;clear: both;}
	.tbl-block tr th {float:left; width: 23%;line-height: 1.25;}
	.tbl-block tr td {float:left; width: 77%;}
	.order_info.tbl-block tr th {float:left; width: 30%;line-height: 1.25;}
	.order_info.tbl-block tr td {float:left; width: 70%;}
	.tbl-block .textarea, .tbl-block .textarea th, .tbl-block .textarea td {min-height: 80px;}
	.mobi {display: block;}
	.mobi-n {display: none;}
	.mobi-inline {display: inline;}
	.mypage table .btn-s {padding: 5px;}
	.m_arrow img {width: 70%;margin-top: 15%;}
	.topmenu_search img, .search > .wrap > div > form button img {width: 25px;}
	header > .wrap h1 a {width: 100%;}
	header > .wrap h1 a > img {width: 100%;}
	footer .footer_contents ul li img {width: 35%;}
	.fixed_bar > .grid03 > li .btn {font-size: 13px ;letter-spacing: -0.5px}
	.footer_mobi li a.orange {letter-spacing: -1.5px}
	.tbl01 tbody tr td, .tbl01 tr th {padding:3px 6px}
	.meminfo .tbl01 tr td img {display:none;}
	:root .phone-num {height:44.3px;}
	:root .wrap_adress {height:131.74px}

	/*메인*/
	.wrap.bg {width: 96%;}
	#main_visu .main_txt button:nth-of-type(1) img {width: 25px;}
	.wrap.bg .search-option dl dt {width: 23%;}
	.wrap.bg .search-option dl dd {width: 76%;}
	.wrap.bg .search-option dl dd input {margin: 1% 0;}
	.wrap.bg .search-option dl .field .w100 {width: calc(33% - 5px);max-width: none;}
	.wrap.bg .search-option dl .field .w100:last-child {margin-right: 0;}
	#question ul {display: block;}
	#question ul:not(.txt_dethelp) {padding: 3% 0;text-align: center;}
	#question .txt_dethelp {width: 100%;margin-left: 0;}
	.mainview .contents_tap .tap_btn li a {letter-spacing: -1px;}
	.mainview .contents_tap .best.best ol, .mainview .contents_tap .best ul {display: block;width: 100%;}
	.mainview .contents_tap .best.best ol li{width: 16.66%;}
	.mainview .contents_top .popup li {height: 160px;}
	.mainview .contents_top .popup li .popup_txt {width: 100%; padding: 0 15%;}
	.mainview .contents_link ul li {width: 25%}
	.mainview .contents_link ul li.con a{line-height: 3;}
	.mainview .contents_link ul li:nth-child(10n) {width: 25%;}
	.mainview .contents_tap .newestStd ul.board {width: 100%;}
	.mainview .contents_tap .newestStd ul.board li {width: 25%;}

	/*
	SUB
	*/
	.mypage .tbl01 input, .mypage .tbl01 input::placeholder, .mypage .tbl01 select, .mypage .tbl01 option, .mypage .tbl01 button {min-height: 34px;}
	.li01:before {top: 10px;}
	/* .search > .wrap > div > form input, .search > .wrap > div > form select  {height: 44px;} */
	.search > .wrap > div > form .btn {height: 44px;line-height: 44px;}
/* 	.search > .wrap > div > form button {width: 45px; height: 45px;} */
	.btn.cart, .btn.down {display: block;font-size: 12px;min-width:160px;}
	.btn.cart.small {min-width: 55px;}
	.sps .tbl01 tr td > a {margin: 0 5px;}
	.listWrap {padding: 0;}
	.listWrap .list > li > div.li_con div.img{ width:100px;}
	.listWrap .list > li > div.li_con div.txt {width: calc(98% - 100px);}
/* 	.label {width: 32%;max-width: 64px;font-size: 11px;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} */
	.listWrap .list > li > div.li_con div.txt .title > a, .listWrap .list > li > div.li_con div.txt .title h3 {overflow: hidden;text-overflow:ellipsis;width: 100%;font-size: 16px;white-space: nowrap;}
	.listWrap .list > li > div.li_con div.txt .title > p {overflow: hidden;text-overflow:ellipsis;width: 100%;white-space: normal;}
	.listWrap .list > li > div.li_con div.txt ul > li {font-size: 12px;margin-bottom: 0;}
	.stddetail .box01 a, .sps .box01 a{display: block;}
	.contact .box_blue .row > div:nth-child(3) .btn-s  {font-size: 13px;}
	.popup_contact {width: 185px;right: -31px;}
	.passwordpop_area {display: none;}

	.for_main ul li.orange b {display: inline-block;width: calc(99% - 85px);margin-right: 1%;}
	.for_main ul li.orange .btn {vertical-align: text-bottom;}
/* 	.favo {display: none !important;} */
	label + .btn.cart {display: inline-block;}
	.ks .box01 p.li01 a,.handbook .box01 p.li01 a {width: 65px;}
	.sub .tbl_info tr td img.pdl4 {display: none;}


	/*FOR-category.html*/
	.for.category .box01.detail .grid03 > ul {width: 100%;}

	/*FOR-estimate.html*/
	.estimate .btn01 {width: 100%;}

	/*Handbook - 공통*/
	.handbook .search .txt {display: none;}
	.asme	.sps .wrap > .box_blue, .ks .wrap > .box_blue, .handbook .wrap > .box_blue {letter-spacing: -0.5px;-ms-word-break: keep-all;	word-break: keep-all;}
	.asme .info.box01.line0 .add .t-blue {padding-left: 20 px;font-size: 15px;}
	.asme .info.box01.line0 .box_slide.add a:before {top: 4px;width: 13px;height: 13px;-webkit-background-size: contain;	background-size: contain;}

	/*KS*/
	.symlist .btns.inlineB {min-width: auto;}
	.symlist .cart.small {display:inherit;width: auto;max-width: none;}
	.symlist .wrap > .box_blue > strong > br {display: none;}
	.ks .btn-s.preview {min-width: 35px;}

	/*COMMON - */
	.chcomppop .com-num .w125 {width: 25%}
	.chcomppop .com-num .w100 {width: 18%}
	.chcomppop .com-num .w150 {width: 45%}
	.chcomppop .tbl01 button {width: auto;max-width: none;padding: 0 3%}
	.deliverypop .deliverypop_top a img {width: 60%;}

	/*라이브러리*/
	.library.prod .listWrap > li > h4 {float: none;width: 100%;margin-bottom: 3%;}
	.library.prod .listWrap > li > ul {float: none;width: 100%;}
	.library.prod .listWrap > li > ul li {padding-left: 25px;}
	.library.prod .listWrap > li > h4 .tablet {display: none;}
	.library.prod .listWrap > li > ul li .recomm	 {left: 0%;top: 2px;width: 17px;height: 17px; background: url(/img/icon/i_recomm_orange.png) no-repeat;text-indent: -9999px;}
	.library.intro .grid02 > li:nth-child(1) {float: none;width: 100%;}
	.library.intro .grid02 > li:nth-child(2) {display: none;}

	/*
		마이페이지 공통 H
	*/
	.mypage .btn01 {padding: 8px 3%;  font-weight: 400;font-size: 14px;}
	.stddetail .submit button {width:23%;margin:0 0.2%;}
	.mypage .tit_top h3{ margin-top:8%; }
	.withnoti .tit_top p, .recheckp .tit_top p{ font-size:1.2em; }
	.btn_com-num {max-width: 18%;line-height: 1;}

	/*마이페이지 - 메인*/
	.mypage .card_wrap {float: none;width: 100%;}
	.mypage .card_wrap .bnr {margin-top: 4px;}
	.mypage .contents > .line_t .card_wrap {overflow: hidden;}
	.mypage .contents > .line_t .mypage_card {float: left;width: 49%;}
	.mypage .mypage_card > a > span:first-child {left: 6%;}
	.mypage .mypage_card:not(.order_more) > a > span:first-child br {display: none;}
	.mypage .mypage_card > a > span:last-child {right: 6%;}
	.mypage .wrap_more {position: static;float: left;width: 49%;}
	.mypage .grid05 .mypage_card:nth-of-type(5) {margin-right: 1%;}
	.mypage .wrap_more a {min-height: 140px;padding-top: 30px;text-align: center;font-weight: 500;font-size: 22px;}
	.mypage .wrap_more a img {display: block;margin: auto;}
	.mypage .contents > div:not(.area_bot) .mypage_card {max-width: none;}
	.mypage .area_mid .card_wrap:first-child .mypage_card {min-height: 130px;}
	.mypage .contents > div:not(.line_t) .mypage_card {margin-bottom: 0;}
	.mypage .area_bot .mypage_card > li > div > span {display: block;overflow: hidden;width: 100%;text-overflow:ellipsis}
	.mypage .area_bot .mypage_card > li > div > span:nth-child(2) {display: none;}
	.mypage .area_bot .mypage_card > li > .more {margin-top: 8px;}

	/*마이페이지 - 서브*/
	.compdetail .compinfo td p {min-height: auto;line-height: 2;font-size: 13px}
	.mypage .tbl_hori .btn {width: auto;min-width: 25px;line-height: 1;}
	.estireq .submit a {display: block;width: 70%;margin: auto;margin-bottom: 2%;}
	.estireq .submit a:last-child {margin-right: auto;}
	.order .kssnorder_result ul {float: none !important;margin-left: auto;margin-right: auto;text-align: center;}
	.kssnorderdetail .tit .orange {display: block;font-size: 12px;}
	.list .line_t .orange {display: block;}
	.mypage .orderlist .tbl_hori .btn {width: 35px;}
	.withnoti .line_t ul {padding: 2%}

	/* 마이페이지 - 나의관심표준*/
	.mypage .favorite .stdman_tap a {max-width:none;width:50%;}
	/*표준인증관리*/
	.stdman .agree .card_box > ul {float: none;width: 60%;margin: auto;margin-bottom: 5%;padding:2% 0;}
	.stdman .agree .card_box > ul:last-child {margin-right: auto;margin-bottom: 0;}
	.stdman .tbl01 .inline_form .w250 {width: 78%;}
	.stdman .tbl01 .inline_form .w100 {width: 20%;}
	.stdman .tbl01 .inline_form .w200 {width: 58%;}
	.stdman .tbl01 .inline_form .w125 {width: 40%;}
	.stdman .tbl01 .inline_form_half input {width: 49%;}
	.calender span .w150 {max-width: 113px;}
	.mypage .agree .card_box > ul {width: 48%;min-height: 150px;margin: 0 1%;}

	/*장바구니*/
	.cart h3.c-tit span {display: block;margin-left: 0;}
	.cart .box_prod > li {float: none;width: 50%;margin: auto;margin-bottom: 4%;text-align: center;font-size: 1.5rem;}
	.cart .box_prod > li:last-child {width: 50%;margin-bottom: 0;}
	.cart .box_prod > li:before {left: 20%;}
	.cart .box_prod > li:after {display: none;}
	.cart .noti .btn-s {margin-top: 10px;}
	.cart .sum > li {float: none;width: 90%;margin: auto;margin-bottom: 10px;padding-bottom: 5px;border-bottom: 1px solid #ddd;text-align: right;}
	.cart .sum > li:last-child {margin-right: auto;margin-bottom: 0;border-bottom: none}
	.cart .sum > li:before {left: 0 !important;}
	.cart .noti > p, .cart .tbl01 tr.mark p {font-size: 12px;text-align: left;}
	.cart .m-tit label {float: right;position: static;text-align: right;}
	.tbl01 .wrap_adress button, .tbl01 .watermark button {max-width: 60px; padding: 0 !important;font-weight: 400;}
	.tbl01 .com-num button {max-width: 45px;}
	.tbl01 .sectors input {width: 49%;}
	.sub .phone-num input, .sub .phone-num select {width: 29%;}
	.tbl01 .watermark input {width: calc(100% - 64px);}
	.tbl01 .wrap_adress ul li:first-child > input {width: 34%;}
	.order_info.tbl01 .wrap_adress ul li:first-child > input {width: 30%;}
	.cart .adress a.btn-s {padding: 2%;}
	.cart .tbl01.order_info.pay_info tr td label input {display: block;margin-top: 2%;margin-left: 0;}
	.cart ol li, .cart ol li strong {font-size: 12px;}

	/*Info*/
	.info .c-tit:nth-of-type(1) {margin-top: 0;}
	.info.begin .box01 {font-size: 1.2rem;}
	.info.begin .box01 > p:nth-of-type(1) {font-size: 1.8rem;margin-bottom: 2%;}
	.info.begin .box01 > p:nth-of-type(2) {font-size: 1.4rem;}

	.mypage.brochure .listWrap .list_brochure > li {width: 50%;margin-bottom: 3%;}
	.mypage.brochure .listWrap .list_brochure > li .txt h4 {padding: 6px 0;}

	.contact .box_blue .row > div:nth-child(1) > p {display: block;width: 100% !important;}
	.contact .box_blue .row > div:nth-child(2) .btn-s {padding: 5px 0;font-size: 12px}
	.contact .popup_contact {right: -50px;}

	.help .listWrap dl dd p.txt span:after {right: -20px;}

	.noti .box_slide a > p.title {width: 90%;}
	.noti .box_slide a > p.date {display: none;}

	.mypage.qna .tbl01 tr td small {display: block;}
	.mypage.qna .tbl01 tr td.info_change {width: 100%;text-align: right;}
	.mypage.qna .tbl01 tr td.td-cont {width: 100%;}
	.mypage.qna .tbl01 tr td.info_change small {display: block;width: 100%;font-size: 13px;text-align: left;}
	.mypage.qna .submit button {min-width: 40%;margin: 0 1.5%;}

	/*인트로*/
	.contents.intro .box01.detail li > ul li {float: none;width: 100%;}
	.contents.intro .box01.detail li > ul li a {margin: 0 3.5%;}

	/*회원가입*/
	.m-tit {font-size: 1.3rem;}
	.select_benefit{ margin-top:6%; }
	.select_benefit > p{ position:static; text-align: center; top:0; left:0; transform:translateX(0); width:100%; margin-bottom:8%;}
	.join_step li {max-width: 210px;}
	.meminfo .addinfo ul:nth-child(2) li p:first-child {font-weight: 700;}
	.meminfo .addinfo ul:nth-child(2) li p {float: none;width: 100% !important;}
	.select .select_box > ul {float: none;width: 100%;margin: 5% auto;padding-bottom: 90px;}
	.joincomp .submit_wrap button {min-width: 32%;}
	.joincomp .select_benefit {display: none;}

	/* 로그인 */
	.tit_top h3,.bg_white .tit {font-size: 1.7rem;line-height: 1.2}
	.tit_top p, .bg_white .txt{ font-family: 'NotoKr', sans-serif; font-weight: 300; font-size:13px;}
	.chanpw .tit_top p {font-size: 1.05rem;letter-spacing: -0.5px}
	.noticemail .login_top{ font-size:13px;}
	.acclockpop .acclockpop_pop {top: 39%;}
	.bg_white .tit, .bg_white .login_top p {font-size: 24px;letter-spacing: -1px}
	section .login table input, section .mypage  table input {width: calc(100% - 25px);max-width: none;min-width:20px;}
	.logintemp table sub {width: calc(100% - 25px); font-size:.7rem}
	.login input {width: 95.9%}

	/* 나의열람표준 H */
	.recread .tit_top p{ padding-top:2%; padding-bottom:0; }
	.sub .recread .container .tit_top{ margin-bottom:2%; }
	.recread .tit_top .btn_bookmark{ position:static; margin-top:3%; }

	/* 나의관심표준 */
	.stdman .tit_top p{ font-size:1.2em; font-weight:500; }

	/* 내정보수정 H*/
	.compdetail .submit button{ width:49%; margin-right:0; font-weight: 400;}
}


@media (max-width: 480px){
	#main_visu .main_txt form input {width: 56%;margin-left: 0;}
}

@media (max-width: 435px){

	#search .search > .wrap form > input {width:56%}
	.wrap.bg .search-option dl dd .btn-m {padding: 5.5px 12.6px}
	.wrap.bg .search-option dl dd .btn-m:nth-of-type(4) {margin-right: 0;}
	/*sub*/
	.for_listselect form select, .for_listselect form input {width: 100%;margin-right: 0;margin-top: 1%;}
	.for_listselect form select:nth-child(n+4) {width: 49%;margin-right: 0;}
	.for_listselect form button {width: 98%;margin-top: 2%;}

	/*장바구니*/
	.cart .box_prod > li:before {left: 0%;}
	.cart ol li {margin-left: 4%;}

	/*라이브러리*/
	.library .cont .top dt {font-size: 1.6rem;}

	/*Member*/
	.chanpw .tit_top img {width: 28px;}
	.chanpw .tit_top p br:first-child {display: none;}
	.select_benefit > ul li{ width:100%; margin-bottom: 10px;}
	.select_benefit > ul li h5 {padding-top: 0px;}
	.logintemp table sub {width: 100%;text-align: left;}
	.acclockpop .acclockpop_pop {top: 33%;}

	/*마이페이지*/
	.orderlist .box_skyblu div {width: 100%;margin-top: 3%;text-align: center;}
	.orderlist .box_skyblu span:last-child {display: block;margin-top: 3%;}
	.orderlist .box_skyblu span:last-child .btn {width: 80%;margin: auto;}

	/*info*/
	.mypage.brochure .listWrap .list_brochure > li {width: 100%;}
	.contact .popup_contact {right: -65px;}

	.faq .grid08 > li {width: 49%}
	.faq .grid08 > li:nth-child(2n) {margin-right: 0;margin-bottom: 2%;}
	.faq .grid08 > li:nth-child(4) {margin-right: auto}
	.faq .grid08 > li a{padding: 8% 4%;}
	.faq .grid08 > li a .icons{ display: none; }

	.info .box_slide.ques dt a .hits {display: none;}
	.help .listWrap dl dd p.txt:after {content: '';display: block;overflow: hidden;clear: both;}
	.help .listWrap dl dd p.txt span {display: block;float: left;width: 40%;margin:0 5%;text-align: left;}
	.help .listWrap dl:last-child dd p.txt span {width: 100%;}
	.help .listWrap dl dd p.txt span:after {display: none;}

}