@charset "utf-8";
.bbs .operator{text-align: center;}
.bbs dl.addFile{    overflow: hidden;    margin: 0;    border-bottom: solid 1px #ddd;	}
.inputForm, .viewForm{overflow-x:hidden;overflow:hidden;}
.bbs dl.addFile,
.pageContent .inputForm dl.part2,
.pageContent .viewForm dl.part2 {    background: #f9f9f9;    margin-right: -4px;background: none;}
.bbs dl.addFile dt,
.inputForm  dl.part2 dt,
.bbs .inputForm .articleBottom dl dt,
.viewForm  dl.part2 dt { width:130px; height:28px; clear:none; line-height:23px; text-align:center; padding:7px 0 0 0; color:#333; font-weight:400; background:none; border-top:solid 1px #DDD; float:left; border-right: 0;}
.bbs dl.addFile dd,
/* .inputForm   dl.part2 dd, */
.viewForm   dl.part2 dd,
.inputForm  dl.part2 dd.wideArea{ width:calc(48.9% - 132px ); height:28px; line-height:23px; background:#fff; border-top:solid 1px #DDD; padding:7px 0 0 0; float:left; padding-left:1%;border-left:solid 1px #DDD;border-right:solid 1px #DDD;word-wrap:break-word;word-break: break-all;}
/* .inputForm  dl.part2 dd.wideArea { width:32.4%;  } */
.viewForm dl.addFile dd,
.inputForm dl.part2 dd,
.bbs .inputForm .articleBottom dl dd,
.viewForm dl.part2 dd.wide { width:calc(99% - 131px ); line-height:23px; height:auto; min-height:28px; border-right:0; padding: 12px 0 0 1% !important;}

.articleBody{border-bottom: 1px solid #000;margin-bottom: 10px;}
.userContents { padding:40px 20px; border:none; background:none; margin:0 0 10px; line-height: 160%;}
.pageContent .articleBody .userContents img{max-width: 800px;margin: 0 auto;display: block;}
.pageContent .article_list .remark td{background: #f5f4f9;}
.pageContent .article_list .remark td a{}
.pageContent .article_list{border-top:solid 1px #000;margin-top:8px;margin-bottom:8px;border-collapse: separate;clear: both;}
.pageContent .article_list th,.pageContent .article_list td{padding-top:28px;padding-bottom:27px;font-size:18px;border-bottom-color:#e1e1e1;vertical-align:middle;line-height:1.3;color: #111;}
.pageContent .article_list thead th{padding-top: 15px;padding-bottom: 15px;font-size: 16px;}
.pageContent .article_list td a{color:#000;font-weight:600}
.pageContent .article_list td img{vertical-align: middle;top: -1px;position: relative;}
.pageContent .article_list th{background-color:transparent}
.pageContent .article_list:not(.regionalDevelopment) thead {display: none;}

.pageContent .article_list thead th{border-bottom-color:#000;border-top: 1px solid #000;}
.pageContent .article_list em{font-style:normal}
.pageContent .article_list td.m_btm_l,.pageContent .article_list td.m_btm_r,.pageContent .article_list td.m_x{color:#333;}
@media screen and (min-width:1201px) {
.pageContent .article_list.m_tbList td.m_tit {font-size: 22px;}
}
.pageContent .list_top{height:auto;padding-bottom:0;line-height: 50px;margin-bottom: 20px;/* display: none; */}
.pageContent .list_top .hilite{color: #517bec;}
.pageContent .bbs:has(.list_top) .sort_box{float: left;}
.pageContent .sort_box ~ .list_top {line-height: 1;padding-left: 11px;margin-left:11px;border-left: 1px solid #ccc;position: relative;top: 19px;}

.pageContent .article_list td.lineRight,.pageContent .article_list th.lineRight{border-right:none;}
.article_faq ul,.article_faq li{margin: 0;padding: 0;list-style: none;}
.article_faq li .qt{margin-top: 0;padding-bottom: 0;}
.article_faq li .abox{background-color: none;border:none}
.pager ul{margin: 0;}
.pager ul,.pager li{list-style: none;}
.pageContent .article_faq .nothing,
.pageContent .article_list .nothing{line-height:230px;background-color:#f8f8f8;margin: 0;height: auto;}
.pageContent .article_total,.pageContent .articleTotal{font-size:1.15em}
.pageContent .viewForm h3,.pageContent .inputForm h3{border-top:solid 1px #000;padding-top:19px;padding-bottom:19px;margin-top:6px;/* font-weight: 500; */border-bottom: none;background: none;border-bottom: 1px solid #000;}
.pageContent .viewForm h3 span{color:#000;font-size:19px !important;width:auto!important;padding-left:4%;padding-right:4%;line-height:1.2;text-overflow:inherit;white-space:inherit;text-align:center;display: block;}
.bbs .inputForm .articleBottom dl dt,.bbs .inputForm .articleBottom dl dd,
.pageContent .viewForm dl.part2 dt,.pageContent .viewForm dl.part2 dd,.pageContent .inputForm dl.part2 dt,.pageContent .inputForm dl.part2 dd,.bbs dl.addFile dt,.bbs dl.addFile dd{font-size:18px;/* color:#595958; */height:auto;line-height:145%;padding-top:11px !important;padding-bottom: 8px !important;background: none;}
.pageContent .viewForm dl.part2 dd.wide,.pageContent .inputForm dl.part2 dd.wide{line-height:145%;height:auto;min-height:29px}
.pageContent .inputForm dl.part2 dd.forLong{padding-bottom:0}
.pageContent .viewForm dl.part2 dd.wide a img{vertical-align: middle;display: inline-block;}
.bbs dl.addFile dt,
.bbs dl.addFile dd{border-top: none;}


.pageContent .inputForm .inputTxt,.pageContent  .inputForm input[type="text"],.pageContent .inputForm input[type="password"],.pageContent .inputForm input[type="file"],.pageContent .inputForm textarea{padding:5px;margin-top:-4px;vertical-align:baseline;font-size: 16px;}
.pageContent .inputForm input[name="file_nm[]"]{margin-top:3px;margin-bottom:5px}
.pageContent .inputForm dl.part2 dd.forLong input[type="text"],.pageContent .inputForm dl.part2 dd.forLong textarea{margin-bottom:8px;margin-top:0}
/* .pageContent .inputForm input[type="file"].inputFile{height:auto;padding:3px 3px 2px;vertical-align:top} */
.pageContent .inputForm dl.part2 dd.forLong input[type="file"].inputFile{vertical-align:middle!important}
.pageContent .inputForm dl.part2 dd.forLong input[type="file"].inputFile + input[type="text"]{vertical-align:middle;margin-top:0}
.pageContent select{padding:2px;height:auto!important}
.pageContent .member.v2 .option_area li a{border:solid 1px #333;background:#FFF}

.pageContent .seeker{background:none;border:none;text-align:left; margin: 0;padding: 0;position: absolute;top: 0;right: 0;width: 315px}
.pageContent .seeker select{display: none;}
.pageContent .seeker .inputTxt{line-height:50px;padding:0 60px 0 20px;margin:0;height:auto;vertical-align:middle;font-size: 1.2em;border-radius:10px ;background-color: #fff;border: 1px solid #ddd;width: 100%;
box-sizing: border-box;transition:.25s}
.pageContent .seeker .inputBtn{position: absolute;top: 2px;right: 3px;border: none;display: block;background: none;}
.pageContent .seeker .inputBtn input,
.pageContent .seeker .inputBtn button{width: 48px;height: 48px;border-radius:100%;background: none;display: block;font-size: 0 !important;}
.pageContent .seeker .inputBtn input::before,
.pageContent .seeker .inputBtn button::before{display: block;font-size: 18px;content: '\f002';font-family: 'Font Awesome 6 Free';font-weight: 900;line-height: 48px;text-align: center;transition:.25s}

.pageContent .seeker .inputTxt:hover,
.pageContent .seeker .inputTxt:focus{outline-color: #517bec;border-color: #517bec;}
.pageContent .seeker .inputBtn input:hover::before,
.pageContent .seeker .inputBtn button:hover::before,
.pageContent .seeker .inputBtn input:focus::before,
.pageContent .seeker .inputBtn button:focus::before{color: #517bec;}
.pageContent .seeker:hover .inputTxt{border-color: #517bec;}
.pageContent .seeker:hover button::before,
.pageContent .seeker:hover input::before{color: #517bec;}

.pageContent .pager li#present,
.pageContent .pager li#present:hover,
.pageContent .pager li a,
.pageContent .pager li,
.pageContent .pager ul{height: auto;}
.pager li a{margin: 0;}
.pageContent .pager li,
.pageContent .pager li a{line-height:40px;min-width: 38px;padding: 0;}
.pageContent .pager li{padding: 0;font-size: 16px;border-radius:4px;overflow: hidden;}
.pageContent .pager li#present,
.pageContent .pager li#present:hover{border-color:#000;color:#000;line-height:40px;margin: 0;min-width:38px;padding: 0;}
.pager li a img,
.pager li img{margin: 0 auto;vertical-align: middle;}


.pageContent .sort_box{width:auto;height:auto;clear:both;padding:0;background:none;border-bottom:none}
.pageContent .sort_box ul.lst{height:auto;display:block;float:none;border: none;/* display: flex; */}
.pageContent .sort_box ul.lst::after{display:block;clear:both;content:''}
.pageContent .sort_box ul.lst li{float:none;display:inline-block;width:auto;border:0}
.pageContent .sort_box ul.lst li a{font-size:18px;display:inline-block;height:auto;padding:0;line-height:45px;margin:0;background:none;border:0;font-weight: 300;color: #666;padding: 0 10px;position: relative;transition:.25s ease-out}
.pageContent .sort_box ul.lst li a::before{display: block;content: '';position: relative;width: 6px;height: 6px;border-radius:50% ;background-color: #ef5a6e;left: 50%;margin-left: -3px;opacity: 0;transition:.25s ease-out}
.pageContent .sort_box ul.lst li a.on{background:none;font-weight: 800;color: #000;}
.pageContent .sort_box ul.lst li:first-child a{border:none}
.pageContent .sort_box ul.lst li a:hover{color: #000;}
.pageContent .sort_box ul.lst li a:hover::before,
.pageContent .sort_box ul.lst li a.on::before{opacity: 1;}

.bbs dl.near{font-size:0;margin-bottom:50px;border-top: 2px solid #231f19;border-bottom: 1px solid #bbb;}
.bbs dl.near dt,.bbs dl.near dd{font-size:18px;height:60px;padding-top:0;line-height: 60px;border-color: #bbb;}

.bbs dl.near dt:nth-of-type(1),.bbs dl.near dd:nth-of-type(1){border-top:none}


.bbs dl.near dt{width: 130px;background: none;color: #222;font-weight: 800;}
.bbs dl.near dd{width: calc(100% - 141px);padding-left: 10px;border-left: none;color: #999;}
.bbs dl.near dd a[href]{color: #555;}
.bbs dl.near dd a[href]:hover{text-decoration: underline;color: #517bec;}
.pageContent .inputForm .codeBox {vertical-align: middle;display: inline-block;}
.pageContent .inputForm .codeBox  img{height: auto !important;width: auto; vertical-align: middle;}
.pageContent .article_photo{overflow:hidden;margin:0 auto;border-bottom:1px solid #ccc;border-top:1px solid #666;position:relative}
.pageContent .article_photo ul{margin:0 -2.5%;width:auto;overflow:hidden;position:relative;margin-bottom:-1px;}
.pageContent .article_photo li{width:28.3333%;padding:30px 2.5% 20px;height:auto;border-bottom:1px solid #d9d9d8;text-align:left}
.pageContent .article_photo li a{display:block;color:#000;position: relative;font-weight: 400;}
.pageContent .article_photo li .ph,
.pageContent .article_photo li .txt,
.pageContent .article_photo li em{width:auto;display:block;font-style:normal;text-align:left;padding:0;margin:0}
.pageContent .article_photo li .txt{font-size:18px !important;border-top:0;font-weight:400}
.pageContent .article_photo li .ph{height:auto;overflow:hidden;margin-bottom:20px;border:0;background:#fff}
.pageContent .article_photo li .ph img{width:auto;height:auto;width:100%;height:183px;display:block}
.pageContent .article_photo li .txt,.pageContent .article_photo li em{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:20px}
.pageContent .article_photo li .txt b,.pageContent .article_photo li em b{letter-spacing:-1px;width:85px;display:inline-block}
.pageContent .article_photo li em.when{position: absolute;top: 0;right: 0;text-align: right;line-height: 1;}
.pageContent .article_photo li .txt{padding: 10px 0;font-weight: 800;color: #000;font-size: 20px !important;}

.pageContent .article_photo li.nothing{width:100%;height:250px;line-height:250px;padding:0;margin:0;text-indent:0;border:0;margin-left:0;float:none;background-color:#f8f8f8}
.pageContent .article_photo li .ph a{height:0;overflow:hidden;margin-bottom:0;border:0;position:relative;padding-bottom:/* 100% */calc(9/16 * 100%);;background-repeat: no-repeat;background-position: center; background-size:cover ;}
.pageContent .article_photo li .ph img{width:auto!important;height:auto!important;display:block;position:absolute;max-height:200%;image-rendering:crisp-edges;-ms-interpolation-mode:bicubic; top: 0;left: 0;display: none;}
.pageContent .article_photo li .ph::before{display: block;position: absolute;font-size: 40px;content: '\f03e';font-family: 'Font Awesome 6 Free';font-weight: 900;display: flex;align-items: center;justify-content: center;top: 0;left: 0;right: 0;bottom: 0;opacity: .1;background-color: #ccc;}

/* .pageContent .bbs{overflow: hidden;}
.pageContent .article_photo.vdo {margin-top: 71px;} */

.pageContent .article_photo.vdo li .ph a{padding-bottom:calc(9/16 * 100%);}
.pageContent .article_photo.vdo li .ph::before{content: '\f144';font-family: 'Font Awesome 6 Free';font-weight: 900;}
.pageContent .article_photo.certi li{width: 20%;}
.pageContent .article_photo.certi li .ph a{padding-bottom:calc(297/210 * 100%);}

/* 장바구니_구매 */
.payTotal{display: table;width: 80%;padding: 0 10%;}
.payTotal .sect{display: table-cell;vertical-align: middle;}
.payTotal .sect strong{display: block;font-size: 16px;}
.payTotal .sect .ttpTle{font-size: 25px;display: block;}
.pageContent .article_list.m_tbList.addr  .inputTxt{height: 40px !important;line-height: 40px;padding: 0 5px;background-color: #fff ;border-color: #ccc !important;font-size: 18px;}
.pageContent .article_list.m_tbList.addr td{padding-left: 5%;border-bottom-color: #ccc;}
.pageContent .article_list.m_tbList.addr th{border-bottom-color: #ccc;}
.pageContent .article_list.m_tbList.addr td label{display: none;}
a.zipBtn {line-height: 42px;height: 42px;border: 0;position: relative;background-color: #454849;color: #fff;width: 100px;display: inline-block;vertical-align: middle;}
a.zipBtn::after{display: block;content: '우편번호';position: absolute;top: 0;left: 0;line-height: 40px;right: 0;text-align: center;height: 40px;color: #fff;font-size: 18px;}
a.zipBtn img{display: none;}

.bbs .member.v2 *{font-size:1em}
@media screen and (max-width:1024px) {
.divpop{z-index:9999!important;max-width:100%!important;width:auto!important;height:auto!important;left:5px!important;top:5px!important;box-shadow:2px 2px 15px 0 rgba(0,0,0,0.4);border-radius:10px;overflow:hidden;margin-right:5px}
.layerPop,.divpop{z-index:9999!important;max-width:100%!important;width:auto!important;height:auto!important;left:3.3%!important;right:3.3%}
.layerPop .layerPopImg img,.divpop .popLayerImg img{width:100%!important}
.pageContent .page.pt30.pb30{display:none}
.list_top{padding-left:0}
.pageContent .article_list{width:100%!important;display:table}
.pageContent .article_list .m_x,.pageContent .article_list thead{display:none!important}
.pageContent .article_faq .nothing,
.pageContent .article_list .nothing{line-height:180px}
.pageContent .viewForm h3,.pageContent .inputForm h3{/* padding-top:8px;padding-bottom:8px;font-size:15px!important */}
.pageContent .viewForm h3 span{font-size:15px!important;width:100%}
.pageContent .viewForm dl.part2,.pageContent .inputForm dl.part2,.bbs .inputForm .articleBottom dl{background:none;margin-right:0!important;height:auto;min-height:auto;font-size:13px}
.pageContent .viewForm dl.part2 dt,.pageContent .inputForm dl.part2 dt,.pageContent .viewForm dl.part2 dt.forLong,.pageContent .inputForm dl.part2 dt.forLong,.bbs dl.addFile dt,.bbs .inputForm .articleBottom dl dt{width:100px;height:auto;clear:none;line-height:normal;text-align:center;padding:0;/* padding-top:10px !important; */color:#999;background:none;border-top:solid 1px #DDD;float:left;border-right:0;position:relative;left:0;font-size:14px}
.pageContent .viewForm dl.part2 dd,.pageContent .viewForm dl.part2 dd.wide,.pageContent .viewForm dl.part2 dd.wide.forLong,.pageContent .inputForm dl.part2 dd,.pageContent .inputForm dl.part2 dd.wide,.pageContent .inputForm dl.part2 dd.wide.forLong,.bbs dl.addFile dd,.bbs .inputForm .articleBottom dl dd{position:static;right:0;bottom:0;width:auto;background:none;border-top:solid 1px #DDD;padding:10px 0 10px 8px !important;float:none;border-right:0;font-size:14px;border-left:solid 1px #DDD;margin-left:100px;line-height:normal;min-height:20px;margin-top:0;height:auto!important;text-align:left;}
.bbs dl.addFile {min-height: 100%;}
.bbs dl.addFile dt,.bbs dl.addFile dd{border-top: none;}
.bbs dl.addFile dt{padding-bottom: 0 !important;}
.pageContent .inputForm dl.part2 dd.forLong textarea{width:90%!important;margin-bottom:0!important}
.pageContent .viewForm dl.part2 dd.m_file_list a{display:block;padding-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;width:92%;line-height:20px}
.pageContent .viewForm dl.part2 dd.wide.forLong.long2{margin-top:-42px}

.pageContent .articleBody .userContents img{width:100%;max-width:600px}
.pageContent .inputForm .inputTxt,.pageContent .inputForm input[type="text"],.pageContent .inputForm input[type="password"],.pageContent .inputForm input[type="file"],.pageContent .inputForm textarea{margin-top:0;font-size: 14px;}
.pageContent .inputForm input[type="file"].inputFile{width:95.6%!important;padding:3px;display:block;margin-bottom:2px;margin-top:2px}
.pageContent .inputForm input[name="File_Nm_viewer"]{width:79%!important}
.pageContent .inputForm .codeBox img{/* height: 31px !important */}
.pageContent .member.v2{width:auto;margin:30px auto}
.pageContent .member.v2 *{border:0;background:0;padding:0;margin:0;font-size:1em;text-align:center;height:auto;width:auto;position:static!important}
.pageContent .member.v2 .card h3{height:auto;width:auto;margin:0 auto;color:#333;font-size:1.1em;text-align:center;padding:0 0 20px;font-family:inherit}
.pageContent .member.v2 .card{border-top:1px solid #999;background:#f6f5f5;padding:20px 0 10px;text-align:center}
.pageContent .member.v2 form{padding:0;margin:0}
.pageContent .member.v2 label{display:none}
.pageContent .member.v2 .loginBox{width:auto;margin:0 auto;padding:0 20px}
.pageContent .member.v2 .inputTxt{border:solid 1px #DDD;font-size:1.2em;text-align:left;height:40px;width:100%!important;background:#fff;margin:0 auto 5px;padding:0 10px;display:block}
.pageContent .member.v2 .loginBtn{padding:0;margin:0;height:auto}
.pageContent .member.v2 .loginBtn input,.pageContent .member.v2 .loginBtn a{width:100%;display:block;background:#666;cursor:pointer;color:#FFF;font-size:16px;text-align:center;height:42px;line-height:42px;margin:0 auto}
.pageContent .member.v2 .loginBtn2{padding:0;margin:0;height:auto}
.pageContent .member.v2 .loginBtn2 a{width:auto;display:block;background:#d0d0d0;cursor:pointer;color:#333;font-size:14px;text-align:center;height:42px;line-height:42px;margin:5px 0 0}
.pageContent .member.v2 .loginBox .mentBox{border:solid 1px #DDD;font-size:1.2em;text-align:center;height:50px;width:auto;background:#fff;margin-bottom:10px;padding:20px 10px;line-height:170%}
.pageContent .member.v2 .loginBox .mentBox *{font-size:inherit}
.pageContent .member.v2 .loginBox .mentBox.loginBoxAfter{line-height:50px}
.pageContent .member.v2 .option_area{text-align:center;padding:10px 0 30px}
.pageContent .member.v2 .option_area ul{display:inline;text-align:center;width:auto}
.pageContent .member.v2 .option_area li{width:auto;text-align:center;display:inline;float:none}
.pageContent .member.v2 .option_area li a{display:inline-block;padding:0 10px;height:auto;line-height:normal;border:0;background:none;text-decoration:underline!important}
*+html .pageContent .member.v2 .option_area li a{margin:0 1px}
.pageContent .member.v2 .option_info{text-align:center;padding-bottom:15px;color:#c63;font-size:13px!important}
.pageContent .member.v2 .textInput{border:solid 1px #DDD;font-size:1.2em;text-align:center;height:40px;line-height:40px;width:100%!important;background-color:#fff;margin:0 auto 5px;padding:0}
.pageContent .member.v2 .textInput#user_id{background:#FFF url(/common/img/m_builder/user_id.gif) 9px center no-repeat}
.pageContent .member.v2 .textInput#user_nm{background:#FFF url(/common/img/m_builder/user_nm.gif) 9px center no-repeat}
.pageContent .member.v2 .textInput#email{background:#FFF url(/common/img/m_builder/user_email.gif) 9px center no-repeat}
.pageContent .member.v2 .textInput#passwd{background:#FFF url(/common/img/m_builder/user_pw.gif) 9px center no-repeat}
.pageContent .member.v2 .textInputBack{border:solid 1px #DDD;font-size:1.2em;text-align:center;height:40px;width:100%!important;background-color:#fff;margin:0 auto 5px;padding:0}
*+html .pageContent .member.v2 .textInputBack{line-height:40px}
.pageContent .tabSub{width:100%!important;padding-left:0;margin:0}
.pageContent .tabSub ul.tabs{padding:0;list-style:none;height:39px;overflow:hidden;width:100%!important;display:inline-block;text-align:center}
*+html .pageContent .tabSub ul.tabs{display:inline!important}
.pageContent .tabSub ul.tabs li{float:left;width:50%!important}
.pageContent .tabSub ul.tabs li a{height:38px!important;line-height:37px;font-weight:700;font-size:15px;padding-top:0;text-align:center!important;display:block;width:100%;color:#AAA;letter-spacing:0;background:#FFF!important;border-top:solid 1px #CCC!important;border-right:solid 1px #CCC!important}
.pageContent .tabSub ul.tabs li.first a{border-left:solid 1px #CCC!important;border-right:none!important}
.pageContent .tabSub ul.tabs li a:hover{color:#000}
html .pageContent .tabSub ul.tabs li.active a{background-color:#777!important;height:39px!important;color:#FFF;border:none!important}
html .pageContent .tabSub ul.tabs li.active a:hover{color:#CCC}
.pageContent .tabSub .tab_content{position:relative!important;z-index:1}
.pageContent .agreeStep .agreeTxt{font-size:.825em;line-height:130%}
.pageContent .article_photo ul{margin: 0 -1.5%;}
.pageContent .article_photo li{width:30.33%;padding:20px 1.5%;height:auto;}
.pageContent .article_photo.certi li{width:22%;}
.list_top{height:auto}
.btnWrapper{margin:0;padding:0}
.btnWrapper .left{padding:0}
.pageContent .article_total{font-size:1em}
.pageContent .article_list.m_tbList{display:block;margin-top:5px;margin-bottom:8px}
.pageContent .article_list.m_tbList colgroup,.pageContent .article_list.m_tbList thead,.pageContent .article_list.m_tbList thead th{display:none}
.pageContent .article_list.m_tbList tbody{display:block;vertical-align:top}
.pageContent .article_list.m_tbList tr{overflow:hidden;display:block;padding:15px 0;border-bottom:1px solid #d9d8d7;position:relative}
.pageContent .article_list.m_tbList tr.remark{background-color: #f5f4f9;}
.pageContent .article_list.m_tbList td{display:block;float:left;border-bottom:none;padding:0;height:auto;line-height:normal;min-height:100%!important;padding:4px 0!important;background:none;/* font-size:13px */}
.pageContent .article_list.m_tbList tbody th,.pageContent .article_list.m_tbList td.m_tit{float:none;clear:both;display:block;/* font-weight:500;font-size:14px; */text-align:left}
.pageContent .article_list.m_tbList th{padding:10px 0 15px;margin:0;line-height: 100%;}

.pageContent .article_list.m_tbList td.m_tit a,.pageContent .article_list.m_tbList td.m_cont a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:auto;padding-right: 100px;}
.pageContent .article_list.m_tbList td.m_cont{clear:both;float:none;text-align:left;font-size:12px}
.pageContent .article_list.m_tbList.payLst td.m_cont {font-size: 16px;padding: 10px 0 !important;}
.pageContent .article_list.m_tbList.payLst td.m_btm_r .pay_font {font-size: 18px;}
.pageContent .article_list.m_tbList td.m_btm_l{float:left;width:49%;text-align:left}
.pageContent .article_list.m_tbList td.m_btm_r{float:right;width:49%;text-align:right}
.pageContent .article_list.m_tbList td.m_btm_r.clr{clear:none;margin-top:-23px}
.pageContent .article_list.m_tbList td.m_top_r{position:absolute;left:auto;right:0;top:10px;padding:0}
.pageContent .article_list.m_tbList td.m_tit em.rep_num{margin:9px 0 0;padding:2px 4px 2px 3px !important;line-height:100%!important;height:auto;font-style:normal}
.pageContent .article_list.m_tbList td.m_tit .m_notice_icon{display: inline-block;}
.pageContent .article_list.m_tbList td.m_tit .list_thum+a{display: inline-block;vertical-align: middle;}
.pageContent .article_list.m_tbList td.m_w20{width:20%}
.pageContent .article_list.m_tbList td.m_w25{width:25%}
.pageContent .article_list.m_tbList td.m_w30{width:30%}
.pageContent .article_list.m_tbList td.m_w35{width:35%}
.pageContent .article_list.m_tbList td.m_w40{width:40%}
.pageContent .article_list.m_tbList td.m_w60{width:60%}
.pageContent .article_list.m_tbList td.m_w65{width:65%}
.pageContent .article_list.m_tbList td.m_w70{width:70%}
.pageContent .article_list.m_tbList td.m_w75{width:75%}
.pageContent .article_list.m_tbList td.m_w80{width:80%}
.pageContent .article_list.m_tbList td.m_clr{width: auto;clear: both;float: none;}
.pageContent .article_list.m_tbList.addr th.m_clr{text-align: center;padding-left: 0;}
.pageContent .article_list.m_tbList.addr td.m_clr{border-left: 0 !important;padding: 20px 2% !important;}
.pageContent .article_list.m_tbList .lineRight{border:none}
.pageContent .article_list td.back em{width:50px;font-size:11px;width:52px;line-height:19px;border-radius:3px;letter-spacing:-1px;margin-top:-3px}
.pageContent .article_list.m_tbList td.nothing{float:none;min-height:100%!important;padding:20px 0!important;text-align:center;margin:0;line-height:100px;margin-top:-5px;margin-bottom:-5px}
.pageContent h3 span{font-size:1em!important}
}

@media screen and (max-width:820px) {
.pageContent .article_photo.certi li{width:30.33333%;}
}
@media screen and (max-width:736px) {
.pageContent .pager li a{position: relative;}
.pageContent .pager li a::before{display: inline-block;content: '';vertical-align: middle;width: 6px;height: 6px;background-color: #ddd;border-radius:3px ;}
.pageContent .pager li a,
.pageContent .pager li:not(:has(img)){min-width: inherit;border: none;background: none;padding: 0 1px;}
.pageContent .pager li:not(#present){font-size: 0;}
.pageContent .pager li:first-child,
.pageContent .pager li:last-child,
.pageContent .pager li:nth-child(2) a::before,
.pageContent .pager li:nth-last-child(2) a::before,
.pageContent .pager li:last-child a::before{display: none;}

.pageContent .inputForm  input#Security_no{width: 120px !important;}
.pageContent .inputForm .codeBox{line-height:normal;display:block;padding: 5px 0;}
.pageContent .sort_box{position: relative;top: 0;margin-top: -20px;margin-bottom: 80px;float: none;}
.pageContent .seeker{top: 0;right: 1%;left: 1%;width: 98%;max-width: 100%;}
.pageContent .article_photo li{width:47%;padding:10px 1.5%}
.pageContent .article_photo li .txt{font-size:15px!important}

.pageContent .list_top {line-height: 1;padding-top: 70px;margin-bottom: 15px;}
.pageContent .bbs:has(.list_top) .sort_box{float: none;}
.pageContent .sort_box ~ .list_top {line-height: 1;padding-left: 0;margin-left:0;border-left: 0;position: relative;top: auto;padding-top: 0;}


/* .pageContent  .sort_box~.list_top {line-height: 1;} */
.pageContent .apl_finder ~.list_top {padding-top: 0;}
.pageContent:has(.bbs .sort_box){padding-top: 70px;}
.bbs{position: relative;overflow: hidden;}
.bbs::after{display: block;content: '';clear: both;}
.pageContent:has(.sort_box) .seeker{top: 40px;}
}
@media screen and (max-width:450px) {

span.m_br2{display:block}
p.note.right{font-size:12px!important}
.pageContent .article_list th,.pageContent .article_list td{font-size:16px}
.pageContent .article_list img.m_img{position:absolute;top:10px;width:11px;left:-4px}
.pageContent .article_list td.m_file{width:5%}
.pageContent .article_list td.m_date{text-align:right;color:#999;letter-spacing:-1px;padding-left:0;width:23%;font-size:.875em}
.pageContent .article_list td.m_date2{text-align:right;color:#999;letter-spacing:-1px;padding-left:0;width:20%}
.pageContent .article_list td.m_name span,.pageContent .article_list td.m_date span{display:inline-block;border-left:solid 1px #eee;padding-left:5px}
.pageContent .article_list td.m_file img{width:auto}
.pageContent .inputForm input.m_input_title{width:70%}
.pageContent .inputForm input.m_input_pw{width:70px!important}
.pageContent .m_x{display:none}
.pageContent dl.near dt{height:40px;width: 70px;font-size: 13px;padding-top: 0;line-height: 40px;}
.pageContent dl.near dd{height:40px;width: calc(100% - 81px);padding-top: 0;line-height: 40px;font-size: 15px;}
.pageContent dl.near dt{background-position: 10px center;}

.pageContent .viewForm h3,.pageContent .inputForm h3{padding-top:6px;padding-bottom:6px;/* font-size:14px!important*/}
.pageContent .viewForm h3 span{/* font-size:14px!important; */width:100%}
.pageContent .viewForm dl.part2 dt,.pageContent .inputForm dl.part2 dt,.pageContent .viewForm dl.part2 dt.forLong,.pageContent .inputForm dl.part2 dt.forLong{width:80px;font-size: 13px;}
.pageContent .viewForm dl.part2 dd,.pageContent .viewForm dl.part2 dd.wide,.pageContent .viewForm dl.part2 dd.wide.forLong,.pageContent .inputForm dl.part2 dd,.pageContent .inputForm dl.part2 dd.wide,.pageContent .inputForm dl.part2 dd.wide.forLong{margin-left: 80px;}
/* .pageContent .viewForm dl.part2 dt,.pageContent .inputForm dl.part2 dt,.pageContent .viewForm dl.part2 dt.forLong,.pageContent .inputForm dl.part2 dt.forLong{width:80px;line-height:29px;font-size:13px}
.pageContent .viewForm dl.part2 dd,.pageContent .viewForm dl.part2 dd.wide,.pageContent .viewForm dl.part2 dd.wide.forLong,.pageContent .inputForm dl.part2 dd,.pageContent .inputForm dl.part2 dd.wide,.pageContent .inputForm dl.part2 dd.wide.forLong{padding:4px 0 4px 8px;font-size:13px;margin-left:80px;line-height:33px;min-height:33px;margin-top:-36px}
.pageContent .inputForm .mem dl.part2 dt,.pageContent .inputForm .mem dl.part2 dt.forLong,.pageContent .viewForm.mem dl.part2 dt,.pageContent .viewForm.mem dl.part2 dt.forLong{width:85px}
.pageContent .inputForm .mem dl.part2 dd,.pageContent .inputForm .mem dl.part2 dd.wide,.pageContent .inputForm .mem dl.part2 dd.forLong,.pageContent .viewForm.mem dl.part2 dd,.pageContent .viewForm.mem dl.part2 dd.wide
.pageContent .viewForm.mem dl.part2 dd.wide.forLong{margin-left:86px}
.pageContent .inputForm dl.part2 dd.forLong textarea{width:77%!important;margin-bottom:0!important} */
.pageContent .viewForm dl.part2 dd.m_file_list a{display:block;padding-top:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;width:92%;line-height:20px}
.pageContent .inputForm dl.part2 dd.wide input.inputTxt{line-height:32px;height:32px;padding:0 10px;width:80%!important}
.pageContent .inputForm dl.part2 dd.wide input.inputTxt.tel{width:10%!important}
.pageContent .inputForm dl.part2 dd.wide span.inputBtn{padding:0;width:auto;border:0;background:0;margin:0;vertical-align:middle;line-height:normal;height:auto}
.pageContent .inputForm dl.part2 dd.wide span.inputBtn a{padding:0;width:auto;border:0;background:0;background:#666;height:33px;line-height:33px;padding:0 10px;margin:0 0 1px;vertical-align:top}
.pageContent .inputForm input[name="File_Nm_viewer"]{width:67%!important;padding:5px 3px;font-size:11px}
.pageContent .articleBottom dl{top:-1px;position:relative}


.pageContent .pollPaper{border:solid 1px #CCC;padding:6px;margin:10px 0;font-size:.8em}
.pageContent .pollPaper ul li .pollQuestion{border:1px solid #e0e0e0;background:#f0f0f0;padding:6px 4px 2px 25px;min-height:24px;margin-bottom:5px;overflow:hidden;height:auto;position:relative}
.pageContent .pollPaper ul li .pollQuestion .tool{display:none}
.pageContent .pollPaper ul li .pollQuestion .qNum{display:inline-block;float:none;text-align:center;border:0;padding:2px 5px;margin-right:0;width:auto;position:absolute;top:7px;left:5px;background:#666;color:#FFF;font-size:.7em}
.pageContent .pollPaper ul li .pollQuestion .qTxt{display:block;float:none;width:auto;padding-bottom:5px;word-break:break-all;white-space:pre-wrap;line-height:140%}
.pageContent .pollPaper ul li .pollQuestion .tool img{line-height:0;font-size:0}
.pageContent .pollPaper ul li .pollAnswer{margin:0 0 5px}
.pageContent .pollPaper ul li .pollAnswer li{line-height:135%;list-style:none;margin:0;padding:0 0 9px;overflow:hidden;clear:both}
.pageContent .pollPaper ul li .pollAnswer .pollNum,.pageContent .pollPaper ul li .pollAnswer .pollinput{display:inline;float:none;width:auto;vertical-align:middle;margin:0;padding:0}
.pageContent .pollPaper ul li .pollAnswer .pollinput input{vertical-align:top}
.pageContent .pollPaper ul li .pollAnswer .pollTxt{float:none;display:inline;width:auto;padding:0;color:#666;word-break:break-all}
.pageContent .pollPaper ul li .pollAnswer textarea{width:97.4%;height:100px;overflow:auto;word-break:break-all}
.pageContent .pollPaper ul li .pollAnswer .userOpinion ul{margin:0 20px;border:solid 1px #ddd;border-bottom:0 none}
.pageContent .pollPaper ul li .pollAnswer .userOpinion li{padding:10px 5px 8px 7px;border-bottom:solid 1px #ddd}
.pageContent .inputForm dl.part2 dt.forLong.m_time{display:none}
.pageContent .inputForm dl.part2 dd.wide.forLong.m_time{margin-left:0!important;padding:5px 0;border-left:0;line-height:normal;margin-top:0}
.pageContent .inputForm dl.part2 dt.forLong.m_rentAddBox{margin-top:0;height:70px}
.pageContent .inputForm dl.part2 dd.wide.forLong.m_rentAddBox{margin-top:-71px}
.pageContent .inputForm dd.m_tel.wide input{width:45px!important;padding-left:0!important}
.pageContent .inputForm .basic dd.wide textarea.m_textarea{margin-bottom:0!important;width:72.5%!important;height:100px!important}
/* .pageContent .viewForm dl.part2{position:static!important} */
.reserv_time_list li{float:left;width:50%;font-size:.9em}
.reserv_time_list{padding-bottom:5px}
.pageContent .article_photo.certi li{width:47%;}
.pageContent .article_photo li .txt{font-size:12px!important}
.pageContent .articleBody .userContents{overflow:auto;padding:10px 3%}
.pageContent .articleBody .userContents img{max-width:300px;width:auto!important;height:auto!important}
}
@media screen and (max-width:380px) {
.pageContent .article_photo:not(.certi) ul{margin: 0 0;}
.pageContent .article_photo:not(.certi)  li{width:auto;float: none;}
}
.m_tbList .m_tit a:hover{text-decoration: underline;color: #517bec;transition:.25s}
.article_list.m_tbList td.m_tit img.m_lock,
/* .m_tbList .m_tit img, */
.m_tbList .m_tit img.m_x,
.m_tbList .m_top_r img,
.m_tbList .remark td:not(.m_btm_r) img{display: none;}
.m_tbList td i{font-size: 16px;margin-right: 5px;}
.m_tbList td i.fa-bell{color: #c00;/* font-size: 19px; */}
.m_tbList td i.fa-lock{color: #00afd6;}
.m_tbList td i.fa-arrow-right{color: #f37343;}
.m_tbList td i.won{background-color: #517bec;width: 33px;height: 33px;border-radius:50%;line-height: 33px;text-align: center;display: inline-block;margin-right: 0;}
.m_tbList td i.fa-check{color: #fff;font-size: 14px;font-weight: bold;margin-right: 0;}
.m_tbList td.m_btm_r img + span{font-weight: bold;}
.m_tbList td.m_tit img.m_new + span{font-weight: bold;}

.pageContent .viewForm dl.part2,.bbs .viewForm dl.addFile,.pageContent .viewForm dl:not(.near),.bbs .viewForm dl.addFile dt, .bbs .viewForm dl.addFile dd,
.pageContent .viewForm dl.part2 dt,.pageContent .viewForm dl.part2 dt.forLong,.pageContent .viewForm dl.part2 dd,.pageContent .viewForm dl.part2 dd.wide,.pageContent .viewForm dl.part2 dd.wide.forLong{margin: 0;float: none;width: auto;border: none;line-height: normal;font-size: 18px;padding: 0 ;height: auto;display: inline-block;text-align: left;min-height: inherit;color: #000;font-weight: 400;}
.pageContent .inputForm h3{display: none;}
.pageContent .viewForm h3{text-align: left;padding: 30px 0 10px 0 ;border-top:0 /* 2px solid #000 */;border-bottom: 0/* 1px solid #ddd */;font-size: 50px;margin: 0;font-weight: 900;}
.pageContent .viewForm h3 span {color: inherit;font-size:inherit !important; width: auto!important;padding-left: 0;padding-right:0; line-height: inherit;text-overflow: inherit;    white-space: inherit;text-align: inherit; display: block;}
.pageContent .viewForm dl.part2{border-bottom: 2px solid #000;display: block;padding: 15px 0 ;position: relative;overflow: visible;}
.pageContent .viewForm dl.part2 dt{font-size: 0;vertical-align: middle;margin-top: -4px;}
.pageContent .viewForm dl.part2 dt::before{display: inline-block;content: '';margin: 0 5px 0 10px;width: 1px;background-color: #ddd;height: 10px;vertical-align: middle;}

.pageContent .viewForm dl.part2 dd.ctgr span{display: block;text-align: center;background-color: #eee;border-radius:2.5em ;font-size: 15px;line-height: 30px;padding: 0 13px ;right: 1px;position: absolute;top: 50%;margin-top: -15px;font-weight: 600;letter-spacing: -1px;}

.pageContent .viewForm dl.part2 dd._x,
.pageContent .viewForm dl.part2 dt._x{display: none}

.bbs .viewForm dl.addFile dd a img,
.pageContent .viewForm dl.part2 dt:first-of-type{display: none;}
.bbs .viewForm dl.addFile{border-bottom: 1px solid #999;padding: 20px 0 15px !important;display: flex;}
.bbs .viewForm dl.addFile dt{flex-shrink:0;width: 30px;padding: 0 !important;font-size: 0;position: relative;}
.bbs .viewForm dl.addFile dt::before{display: block;position: absolute;content: '\f063';font-family: 'Font Awesome 6 Free';font-weight: 900;font-size: 13px;left: 0;top: 0px;border-bottom: 2px solid #000;padding:  1px 2px;}
.bbs .viewForm dl.addFile dd{font-size: 16px;flex-grow: 1;padding: 0 !important;}
.bbs .viewForm dl.addFile dd i{color: #517bec;margin-right: 4px}
.bbs .viewForm dl.addFile dd a{display: block;margin-bottom: 5px;/* position: relative;padding-left: 20px; */}
/* .bbs .viewForm dl.addFile dd a::before{display: block;position: absolute;content: '';content: '\f0c7';font-family: 'Font Awesome 6 Free';font-weight: 900;font-size: 15px;left: 0;top: 2px;color: #517bec;} */
.bbs .viewForm dl.addFile dd a:hover{text-decoration: underline;}



@media screen and (max-width:1024px) {
.pageContent .viewForm dl.part2 dd{padding: 0 !important;}
/* .pageContent .viewForm h3{border-top: 0;} */
.pageContent .article_list .remark td.m_tit a::before{vertical-align: middle;display: inline-block;content: '\f058';font-family: 'Font Awesome 6 Free';font-weight: 900;margin-right: 5px;font-size: 16px;padding: 0 1px;color: #517bec;}
}
@media screen and (max-width:820px) {
.pageContent .viewForm h3{font-size: 33px;line-height: 1.2;}
/* .pageContent .viewForm dl.part2{padding: 10px;}
.pageContent .viewForm dl.part2 dd{font-size: 16px !important;}
.bbs .viewForm dl.addFile{padding: 10px !important;display: block;}
.bbs .viewForm dl.addFile dt{display: none;} */
}
/* 쓰기폼 */
.note.right.gap{font-size: inherit;padding-bottom: 10px;}
.note strong,
.customize .inputForm strong {    color: #f60;}

.customize .inputForm .articleBody + .note{color: #000;}
.pageContent .customize  .inputForm dl.part2{margin: 0;min-height: inherit;border: none;font-size: inherit;}
.pageContent .customize  .inputForm dl.part2 dt{float: none;border: 0;padding: 20px 0 !important;width: auto;margin: 0;min-height: inherit;}
.pageContent .customize  .inputForm dl.part2 dd{float: none;width: auto;min-height: inherit;border: none; padding: 20px 0 !important;}
.customize .bbsDel fieldset,
.pageContent .customize .inputForm fieldset{display: block;border-radius:30px ;border: 1px solid #ddd;padding: 60px 80px;margin: 0;}
.customize .bbsDel p,
.pageContent .customize  .inputForm dl.part2{display: flex;flex-wrap: wrap;align-items: center;}
.customize .bbsDel p label,
.pageContent .customize  .inputForm dl.part2 dt{flex:0 0 100px;font-size: 20px;font-weight: 700;text-align: left;color: #000;line-height: 1;}
.pageContent .customize  .inputForm dl.part2 dd{width: calc(100%/2 - 100px);}
.pageContent .customize  .inputForm dl.part2 dd.wide,
.pageContent .customize  .inputForm dl.part2 dd.merge{width:calc(100% - 100px)}
.pageContent .customize .inputForm select{padding: 10px;font-size: 18px;padding-right: 20px;border-radius:8px ;background-position: calc(100% - 8px) 50%;}
.pageContent .customize .inputForm textarea,
.customize .inputForm dl dd input[type="text"],
.customize .inputForm dl dd input[type="password"],
.customize .bbsDel p input[type="password"]{margin: 0;font-size: 20px;padding: 10px;border-radius:8px ;background: #fff;width: auto;box-sizing: border-box;}
.pageContent .customize .inputForm input[type="file"].inputFile{border: none;height: auto;border-bottom: 1px solid #999;background: none;}
.customize .inputForm dl dd input[type="password"],
.customize .inputForm dl dd input#txtReg_Nm{width:36.4% ;}
.customize .inputForm dl dd input[maxlength]{width:25%}
.customize .inputForm .articleBody {margin: 0;border: none;}
.customize .inputForm .articleBody dl.part2{border-top: 1px solid #e0e0e0;border-bottom: 1px solid #eee;}
.customize .bbsDel{border: none;background: none;padding: 0;font-size: inherit;}
.customize .bbsDel p{border: none;text-align: left;margin-bottom: 0;}

.customize textarea.inputTxt:hover,
.customize textarea.inputTxt:focus,
.customize .inputForm input:hover{background-color: inherit;}
.yBox{background: none;padding: 0;border: none;margin: 0 !important;color: #999;line-height: 1.1;}
.customize .inputForm form > fieldset > .articleBottom ~.yBox,
.yBox img{display: none;}
.pageContent .customize.for_interview .inputForm fieldset{padding-top: 15px;padding-bottom: 15px;}
@media screen and (min-width: 821px){

.pageContent .customize.for_interview .inputForm dl.part2 dt{flex:0 0 150px}
.pageContent .customize.for_interview .inputForm dl.part2 dd.wide{width:calc(100% - 150px)}
}
@media screen and (max-width: 1400px){
.customize .bbsDel fieldset,
.pageContent .customize .inputForm fieldset{padding: 30px 40px;}
.customize .inputForm dl dd input[type="password"],
.customize .inputForm dl dd input#txtReg_Nm{width:39.1% }
.customize .inputForm dl dd input[maxlength]{width:27.5%}
}
@media screen and (max-width: 1024px){
/* .customize{padding-top: 50px;} */
.pageContent .customize .inputForm dl.part2 dd{margin-left: 0;}
.pageContent .customize .inputForm dl.part2 dd{padding: 10px 0 !important;}
.pageContent .customize .inputForm dl.part2 dd.wide.forLong{border: 0;padding: 5px 0 !important;margin: 0;}
/* .pageContent .customize .inputForm dl.part2 dd,
.pageContent .customize .inputForm dl.part2 dd.wide,
,
.bbs.customize  dl.addFile dd,
.bbs.customize  .inputForm .articleBottom dl dd{position:static;right:0;bottom:0;width:auto;background:none;border-top:0;padding:0 !important;float:none;border-right:0;font-size:inherit;border-left:0;margin-left:0;line-height:normal;min-height:inherit;margin-top:0;height:auto!important;text-align:left;} */
}
@media screen and (max-width: 820px){
.customize .bbsDel fieldset,
.pageContent .customize .inputForm fieldset{padding: 20px 5%;border-radius:15px ;}
.customize .bbsDel p,
.pageContent .customize .inputForm dl.part2 {display: block;}
.pageContent .customize .inputForm textarea{height: 240px !important;}
.pageContent .customize .inputForm textarea,
.customize .inputForm dl dd input[type="text"],.customize .inputForm dl dd input[type="password"],
.customize .bbsDel p label,
.pageContent .customize  .inputForm dl.part2 dt{font-size: 18px;}
.pageContent .customize  .inputForm dl.part2 dt{margin-top: 15px;padding: 0 !important;}
.pageContent .customize  .inputForm dl.part2 dd,
.pageContent .customize .inputForm dl.part2 dd.wide.forLong,
.pageContent .customize .inputForm dl.part2 dd.wide,
.pageContent .customize  .inputForm dl.part2 dd.merge{width: auto;}
.customize .inputForm dl dd input[type="password"],
.customize .bbsDel p input[type="password"],
.customize .inputForm dl dd input#txtReg_Nm{width: 98%;}
.customize .inputForm dl dd input[maxlength]{width:30.3%}
.customize .operator{text-align: center;}
.customize .inputForm .articleBody{border: 0;}
.customize .bbsDel p label{display: block;padding-bottom: 5px;}
.customize .inputForm form .yBox{display: none;}
}


.article_faq li {padding: 0 0;position: relative;border-top:0;}
.article_faq li .qt::before{display: block;content: 'Q.';position: absolute;top: 38px;left: 30px;font-size: 24px;font-weight: 700;color: #ef5a6e;/* font-family: 'Gmarket Sans'; */ }
.article_faq li .qt {padding: 0;background: none;margin: 0;position: static;line-height: 1;}
.article_faq li .qt a{padding: 35px 80px 35px 80px;display: block;background-color: transparent !important;font-size: 24px;font-weight: 700;color: #000;position: relative;line-height: 1.2;height: auto;}
.article_faq li a::after{border-style: solid;border-color: #CCC;border-width: 0;display: block;padding: 8px;transform: rotate(-135deg);position: absolute;content: '';transition: all .25s ease-out;border-width:  2px  0 0 2px ;transform:rotate(-135deg);top:43%;right:38px;padding: 4px;border-color: #333;}
.article_faq li a:hover::after,
.article_faq li .qt.active a::after{border-color:#ef5a6e;right:38px}
.article_faq li .qt.active a::after{transform:rotate(-315deg)}
.article_faq li .abox {  padding: 0 80px 25px 80px; line-height: 1.5; display: none;   font-size: 20px;position: relative;background: none;}
.article_faq li .abox::before{display: block;content: 'A.';position: absolute;top: 5px;left: 30px;font-size: 16px;font-weight:700;color: #ccc;/* font-family: 'Gmarket Sans'; */ }

@media screen  and (max-width:1024px) {
.article_faq li .qt::before{/* top: 36px; */}
.article_faq li .qt a{font-size: 21px;}
.article_faq li .abox{font-size: 18px;line-height: 1.4;}
}

@media screen  and (max-width:510px) {
.article_faq li .qt::before{top: 26px;font-size: 18px;left: 0;}
.article_faq li .qt a{padding: 25px 50px 20px 30px;font-size: 18px;}
.article_faq li a::after,.article_faq li a:hover::after,.article_faq li .qt.active a::after{right: 10px;}
.article_faq li .abox{padding:0 30px 20px;font-size: 16px;}
.article_faq li .abox::before{left: 0;font-size: 15px;top: 0;}
.pageContent .viewForm dl.part2 dt::before{margin-left: 5px;}

}

.article_list span[class^="pst_"]{display: inline-block;font-size: 0.845em;background-color:rgba(0,0,0,0.05);padding: 5px 15px 4px;line-height:1 ;text-align: center;border: 0 solid #ddd;border-radius:2.5em ;font-weight: 500;}
.article_list span.pst_0{color: #666;}
.article_list span.pst_1{color: #090;}
.article_list span.pst_2{color: #ef5a6e;}
.article_list span.pst_3{color: #009;}


.apl_finder{margin:15px auto;text-align:center;background-color:#f0f0f0;padding:25px 15px;border:1px solid #eee}
.apl_finder form{max-width:450px;margin:auto}
.attr_finder_input{width:auto;height:45px;overflow:hidden;position:relative;border:1px solid #cccccc;border-radius:2.5em;padding-left:20px;background-color:#fff}
.attr_finder_input label{position:absolute;z-index:-1;left:-9999px;height:0;width:0}
.attr_finder_input input[type="text"]{border:0;padding:0;height:45px;margin:0;display:block;float:left;font-weight:400;font-size:1em;width:calc(100% - 59px);background-color:#fff}
.attr_finder_input input[type="text"]::placeholder{color: #aaa;}
/* .attr_finder_input button{height:45px;display:block;position:relative;float:right;border:0;text-indent:-999em;background-color:#fff;width:50px} */

/* .attr_finder_input button::after{display:block;content:'';width:22px;height:22px;background-position:-30px 0;position:absolute;top:50%;right:19px;transform:translateY(-50%)} */
.attr_finder_input button{height: 45px;border-radius:100%;background: none;display: block;font-size: 0 !important;float: right;width: 55px;}
.attr_finder_input button::after{display: block;font-size: 20px;content: '\f002';font-family: 'Font Awesome 6 Free';font-weight: 900;line-height: 40px;text-align: center;transition:.25s}

.attr_finder_input.with_select{padding-left: 95px;}
.attr_finder_input.with_select select{position: absolute;border: none;left: 14px;top: 11px;font-size: 16px;width: 80px;}

@media all and (max-width:500px) {
.attr_finder_input{height: 40px;}
.attr_finder_input input[type="text"]{height: 40px;}
.attr_finder_input button{height: 40px;}
.attr_finder_input.with_select{padding-left: 84px;}
.attr_finder_input.with_select select{left: 10px;top: 10px;font-size: 14px;width: 70px;}


}