@charset "utf-8";


/* INFOHUB CSS ============================================================================================ */
/* 인트로  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.introNew {position:relative; width:100%; height:100vh; background:#fff;}
.introNew header {width:100%; height:100px; box-sizing:border-box; padding:0 50px; overflow:hidden;}
.introNew header:after {content:""; display:inline-block; clear:both;}
.introNew header > ul {float:right; overflow:hidden;}
.introNew header > ul:after {content:""; display:inline-block; clear:both;}
.introNew header > ul > li {position:relative; float:left; margin-left:12px; padding-left:12px;}
.introNew header > ul > li:after {content:""; display:inline-block; position:absolute; left:0; top:48%; width:3px; height:3px; border-radius:50%; background:#828aa0;}
.introNew header > ul > li:first-child {margin:0; padding:0;}
.introNew header > ul > li:first-child:after {display:none;}
.introNew header > ul > li.survey {display:none;}
.introNew header > ul > li > a {display:inline-block; font-size:14px; font-weight:bold; line-height:100px; letter-spacing:-0.5px; color:#828aa0;}
.introNew header > ul > li > a:hover {color:#173961;}
.introNew header > ul > li > a br {display:none;}
.introNew header > div {display:none;}

.introNew .intro-form {width:100%; height:calc(100vh - 160px); height:-webkit-calc(100vh - 160px); min-height:800px; box-sizing:border-box; padding:0 50px;}
.introNew .intro-form .form-wrap {display:table; width:100%; height:100%; margin:0 auto; overflow:hidden;}
.introNew .intro-form .form-wrap .form-inner {display:table-cell; vertical-align:middle; text-align:center;}
.introNew .intro-form .intro-search {width:600px; margin:40px auto 50px auto;}
.introNew .intro-form .intro-search > ul {height:60px; box-sizing:border-box; border-radius:30px; border:1px solid #828aa0; background:#fff; overflow:hidden;}
.introNew .intro-form .intro-search > ul:after {content:""; display:inline-block; clear:both;}
.introNew .intro-form .intro-search > ul > li {float:left;}
.introNew .intro-form .intro-search > ul > li > a {display:block;}
.introNew .intro-form .intro-search > ul > li > input {width:100%; height:100%; box-sizing:border-box; padding:0; border:none; background:#fff;}
.introNew .intro-form .intro-search > ul > li > input:focus {outline:none;}
.introNew .intro-form .intro-search > ul > li.sa_icn {padding:19px 20px;}
.introNew .intro-form .intro-search > ul > li.sa_input {width:calc(100% - 120px); width:-webkit-calc(100% - 120px); height:58px;}
.introNew .intro-form .intro-search > div {margin-top:15px; overflow:hidden;}
/* .introNew .intro-form .intro-search > div > a {display:inline-block; min-width:80px; height:30px; font-size:13px; line-height:30px; font-weight:bold; color:#333; margin:0 3px; border-radius:3px; background:rgba(236,237,241,0.6);} */
.introNew .intro-form .intro-search > div > a {display:inline-block; min-width:70px; /* max-width:70px; */ height:30px; font-size:13px; line-height:30px; font-weight:bold; color:#333; margin:0 3px; box-sizing:border-box; padding:0 5px; border-radius:3px; background:rgba(236,237,241,0.6); overflow:hidden;}
.introNew .intro-form .intro-search > div > a:hover {background:rgba(236,237,241,1.0);}
.introNew .intro-event {width:600px; margin:0 auto;}
.introNew .intro-event > div a {display:block; width:340px; margin:0 auto;}
.introNew .intro-event > div a img {border-radius:10px; box-shadow:1px 1px 8px rgba(0,0,0,0.1);}

.introNew footer {width:100%; height:60px; text-align:center; box-sizing:border-box; padding:0 50px; border-top:1px solid #ddd; background:#fff; overflow:hidden;}
.introNew footer > p {display:inline-block; height:25px; color:#999; box-sizing:border-box; margin-top:16px; padding:9px 0 0 165px; background:url('../images/infohub/footerBI.png') left center no-repeat;}
.introNew footer > p br {display:none;}




/* 기본 레이아웃 NEW  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#wrapNew {position:relative; width:100%; background:#f2f3f5;}

/* 상단영역NEW */
#hdrNew {width:100%; height:100px; box-sizing:border-box; padding:0 50px 0 0; border-bottom:1px solid #ebebeb; background:#fff; overflow:hidden;}
#hdrNew:after {content:""; display:inline-block; clear:both;}
#hdrNew h1 {float:left; width:200px; margin:35px auto; text-align:center;}
#hdrNew h1 > a {display:block;}
#hdrNew h1 > a img {height:30px;}
#hdrNew .total-srch-wrap {float:left; width:1000px; margin:20px 0;}
#hdrNew .total-search > ul {height:60px; box-sizing:border-box; border-radius:30px; border:1px solid #f1f1f5; background:#f1f1f5; overflow:hidden;}
#hdrNew .total-search > ul > li {float:left;}
#hdrNew .total-search > ul > li > a {display:block;}
#hdrNew .total-search > ul > li > input {width:100%; height:100%; box-sizing:border-box; padding:0; border:none; background:#f1f1f5;}
#hdrNew .total-search > ul > li > input:focus {outline:none;}
#hdrNew .total-search > ul > li.sa_icn {padding:19px 20px;}
#hdrNew .total-search > ul > li.sa_input {width:calc(100% - 60px); width:-webkit-calc(100% - 60px); height:58px;}
#hdrNew .hdr-site {float:right; margin:32px 0; overflow:hidden;}
#hdrNew .hdr-site:after {content:""; display:inline-block; clear:both;}
#hdrNew .hdr-site > li {float:left; margin-left:10px;}
#hdrNew .hdr-site > li:first-child {margin:0;}
#hdrNew .hdr-site > li > a {display:block; height:36px; font-weight:bold; letter-spacing:-0.5px; color:#191919; text-align:center; box-sizing:border-box; padding:8px 10px; border-radius:20px; border:1px solid #ddd; background:#fff;}
#hdrNew .hdr-site > li > a:hover {background:#f7f8fc;}

/* 컨텐츠영역NEW */
#contWrap {position:relative; width:100%; margin:0 auto; box-sizing:border-box; padding:0 50px 0 200px; background:#fff; overflow:hidden;}
#contNew {width:1000px; min-height:800px; padding-bottom:60px; overflow:hidden;}

.contWrapDetail {background:#f3f7fb !important;} /* 상세보기화면 배경 */

/* 하단영역NEW */
#footerNew {width:100%; height:60px; box-sizing:border-box; padding:0 50px 0 200px; background:#f1f1f5; overflow:hidden;}
#footerNew > p {display:inline-block; height:25px; color:#999; box-sizing:border-box; margin-top:16px; padding:9px 0 0 165px; background:url('../images/infohub/footerBI.png') left center no-repeat;}
#footerNew > p br {display:none;}





/* 메인New  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 검색결과 */
.itemCount {width:100%; height:100px; margin-bottom:40px; box-sizing:border-box; border-bottom:1px solid #d7dbe6; overflow:hidden;}
.itemCount:after {content:""; display:inline-block; clear:both;}
.itemCount h2 {float:left; font-size:24px; line-height:1.2; color:#333; letter-spacing:-1px; margin:35px 0;}
.itemCount h2 strong {color:#3a79af;}
.itemCount p {float:right; font-size:17px; line-height:1.2; color:#333; letter-spacing:-1px; margin:40px 0;}
.itemCount p strong {color:#3a79af; letter-spacing:0;}

/* 통제품목 */
.listMainItem {width:100%;}
.listMainItem h3 {font-size:22px; line-height:1.2; font-weight:bold; color:#191919; margin-bottom:15px;}
.listMainItem > div > ul {width:100%;}
.listMainItem > div > ul > li {width:100%; box-sizing:border-box; padding:10px 5px; border-bottom:1px solid #ddd; overflow:hidden;}
.listMainItem > div > ul > li:after {content:""; display:inline-block; clear:both;}
.listMainItem > div > ul > li:last-child {border-bottom:none;}
.listMainItem > div > ul > li.no-list {width:100% !important; padding:20px 5px; text-align:center;}
.listMainItem > div > ul > li > a {float:left; display:block; width:200px; height:40px; font-size:18px; line-height:40px; font-weight:bold; color:#333; text-align:center; border-radius:5px; background:#f1f1f5;}
.listMainItem > div > ul > li > a:hover {color:#0e53a2;}
/* .listMainItem > div > ul > li > div {float:right; width:calc(100% -200px); width:-webkit-calc(100% - 200px); box-sizing:border-box; padding-left:20px; overflow:hidden;} */
.listMainItem > div > ul > li > div {width:calc(100% -200px); width:-webkit-calc(100% - 200px); box-sizing:border-box; padding-left:20px; overflow:hidden;}
.listMainItem > div > ul > li > div > dl {float:left; width:calc(100% - 45px); width:-webkit-calc(100% - 45px); margin-top:12px;}
.listMainItem > div > ul > li > div > dl dt {color:#4d5156;}
.listMainItem > div > ul > li > div > dl dd {color:#666;}
.listMainItem > div > ul > li > div > a {float:right; margin:12px 0 0 30px;}

/* 통제이미지 */
.listMainImg {width:100%; margin-top:40px;}
.listMainImg h3 {font-size:22px; line-height:1.2; font-weight:bold; color:#191919; margin-bottom:15px;}
.listMainImg > div > ul {width:100%; overflow:hidden;}
.listMainImg > div > ul > li:after {content:""; display:inline-block; clear:both;}
.listMainImg > div > ul > li {float:left; width:calc((100% - 40px) / 5); width:-webkit-calc((100% - 40px) / 5); height:192px; margin:0 10px 10px 0; border-radius:10px; overflow:hidden;}
.listMainImg > div > ul > li:nth-child(5n) {margin:0 0 10px 0;}
.listMainImg > div > ul > li.no-list {width:100% !important; height:auto; padding:20px 5px; margin:0; text-align:center;}
.listMainImg > div > ul > li > a {display:block; width:100%; height:100%; border-radius:10px; overflow:hidden;}
.listMainImg > div > ul > li > a img {width:100%; height:100%; border-radius:10px;}

/* 모두보기 */
.list-view-total {position:relative; width:100%; margin:0 auto; text-align:center; margin-top:20px;}
.list-view-total:after {content:""; display:inline-block; position:absolute; left:0; top:50%; width:100%; height:1px; background:#ddd;}
.list-view-total a {position:relative; z-index:1; display:inline-block; width:165px; height:40px; box-sizing:border-box; border-radius:20px; border:1px solid #ddd; background:#fff;}
.list-view-total a span {padding:0 25px 0 0; line-height:40px; font-weight:bold; color:#191919; background:url('../images/infohub/list_arrB.png') right center no-repeat;}
.list-view-total a:hover span {color:#245d8b;}





/* 상세New  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*  통제번호 */
.detailNumItem {width:100%; height:100px; box-sizing:border-box; border-bottom:1px solid #d7dbe6; overflow:hidden;}
.detailNumItem:after {content:""; display:inline-block; clear:both;}
.detailNumItem > li {float:left;}
.detailNumItem > li.detailArr {width:80px; margin:35px 0;}
.detailNumItem > li.detailArr a {display:block;}
.detailNumItem > li.detailArr a img {vertical-align:top;}
.detailNumItem > li.detailArr a span {display:inline-block; color:#333; line-height:30px; font-weight:bold; margin:0 5px;}
.detailNumItem > li.detailSlct {width:calc(100% - 160px); width:-webkit-calc(100% - 160px); margin:25px auto; text-align:center;}
.detailNumItem > li.detailSlct > label {font-size:18px; color:#333; letter-spacing:-1px; line-height:50px; margin-right:10px;}
.detailNumItem > li.detailSlct > select {
	-webkit-appearance:none; -moz-appearance:none; appearance:none;
	width:200px; height:50px; vertical-align:top; font-size:15px; box-sizing:border-box; padding:0 5px; border:1px solid #d7dbe6; 
	background:url('../images/infohub/select_arr.png') 97% center no-repeat, #fff;
}
.detailNumItem > li.detailSlct > select::-ms-expand {display: none;}


/* 판정버튼영역 */
.detailBtnArea {width:100%; margin:30px auto; text-align:center; overflow:hidden;}
.detailBtnArea > a {display:inline-block; width:165px; font-size:16px; letter-spacing:-1.2px; color:#fff; text-align:center; box-sizing:border-box; padding:14px 5px; margin:0 5px; border-radius:3px; border:1px solid #245d8b; background:#245d8b; verflow:hidden;}

/* 하단버튼영역 */
.detailBtmBtn {width:100%; margin:30px auto; text-align:center; overflow:hidden;}
.detailBtmBtn a {display:inline-block; width:145px; font-size:16px; letter-spacing:-1.2px; color:#fff; text-align:center; box-sizing:border-box; padding:14px 5px; margin:0 5px; border-radius:3px; overflow:hidden;}
.detailBtmBtn .btnBm1 {border:1px solid #4c83d6; background:#4c83d6;}
.detailBtmBtn .btnBm2 {border:1px solid #2497d0; background:#2497d0;}
.detailBtmBtn .btnBm3 {border:1px solid #596ad2; background:#596ad2;}
.detailBtmBtn .btnBm4 {border:1px solid #828aa0; background:#828aa0;}


/* 콘텐츠박스영역 */
.detailBoxArea {width:100%; box-sizing:border-box; padding:5px; overflow:hidden;}

.detailBox {position:relative; width:100%; height:440px; margin-bottom:20px; box-sizing:border-box; padding:30px; border:1px solid #d7dbe6; background:#fff; box-shadow:1px 1px 5px rgba(0,0,0,0.1);}
.detailBox:last-child {margin-bottom:0;}
.detailBox .detail-btn {position:absolute; top:0; right:30px; overflow:hidden;}
.detailBox .detail-btn:after {content:""; display:inline-block; clear:both;}
.detailBox .detail-btn > li {float:left; margin-left:5px;}
.detailBox .detail-btn > li > a {display:block; height:40px; line-height:40px; font-size:15px; color:#fff; letter-spacing:-0.5px; box-sizing:border-box; padding:0 15px; border-radius:0 0 5px 5px; border:1px solid #d7dbe6; border-top:none;}
.detailBox .detail-btn > li > a.btnNum {background:#828aa0;}
.detailBox .detail-btn > li > a.btnKOR {background:#173961;}
.detailBox .detail-btn > li > a.btnENG {background:#3a79af;}
.detailBox .detail-btn > li > a.btnAlert {background:#ea4335;}
.detailBox .detail-btn > li > a.btnIndex {background:#3594ff;}
.detailBox .detail-title {width:100%; margin-bottom:20px; overflow:hidden;}
.detailBox .detail-title:after {content:""; display:inline-block; clear:both;}
.detailBox .detail-title > h3 {position:relative; float:left; font-size:22px; line-height:1.2; letter-spacing:-0.5px; font-weight:bold; color:#191919; padding-bottom:15px;}
.detailBox .detail-title > h3:before {content:""; display:inline-block; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#173961;}
.detailBox .detail-title > div {float:right;}
.detailBox .detail-title > div a {display:inline-block; margin-left:5px;}
.detailBox .detail-text {position:relative; height:285px; min-height:285px; overflow:hidden;}
.detailBox .detail-text:before {content:""; display:block; position:absolute; left:0; bottom:0; z-index:2; width:100%; height:20px; background:linear-gradient(to bottom, transparent 0%, #fff 100%);}
.detailBox .detail-text .stepTextNew {color:#828282;}
.detailBox .detail-text .stepTextNew > .d0 {color:#555; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed rgba(175,183,205,0.8);}
.detailBox .detail-img-area {width:100%; overflow:hidden;}
.detailBox .detail-img-area:after {content:""; display:inline-block; clear:both;}
.detailBox .detail-img-area div {width:100%;}
/* .detailBox .detail-img-area div > span {float:left; float:left; width:calc((100% - 30px) / 3); width:-webkit-calc((100% - 30px) / 3); margin:0 5px;} */
.detailBox .detail-img-area div > span {float:left; margin:0 5px;}
.detailBox .detail-img-area div > span a {display:block;}
.detailBox .detail-hsk-area {overflow:hidden;}
.detailBox .detail-hsk-area:after {content:""; display:inline-block; clear:both;}
.detailBox .detail-hsk-area > li {
	float:left; width:calc((100% - 50px) / 6); width:-webkit-calc((100% - 50px) / 6); height:40px; margin:0 10px 10px 0;
	font-size:15px; font-weight:bold; line-height:40px; text-align:center; color:#173961; background:#f3f7fb;
}
.detailBox .detail-hsk-area > li:nth-child(6n) {margin:0 0 10px 0;}

.contShowBtn, .contCloseBtn {position:absolute; left:0; bottom:0; width:100%; display:block; text-align:center; box-sizing:border-box; padding:12px 10px; border-top:1px solid #d7dbe6; background:#f7f8fc;}
.contShowBtn span {color:#333; font-weight:bold; padding:0 20px 0 0; background:url('../images/infohub/detail_view_arr.png') right center no-repeat;}
.contCloseBtn span {color:#333; font-weight:bold; padding:0 20px 0 0; background:url('../images/infohub/detail_close_arr.png') right center no-repeat;}


.detail_case .detail-text .no-list {height:285px; line-height:285px; text-align:center;}

.detail_index {height:auto;} /* 전략기술 인덱스 */
.detail_index .detail-text {height:auto; min-height:auto;}
.detail_index .detail-text:before {display:none;}
.detail_index .defineHead {font-size:18px; font-weight:bold; color:#245d8b; text-align:center; margin-bottom:20px;}
.detail_index .no-list {height:auto !important; line-height:1.2 !important; margin:20px 0;}

.detail_img {height:auto; min-height:auto;} /* 이미지 */
.detail_img .no-list {margin:20px 0; text-align:center;}

.detail_hsk {height:auto; min-height:auto;} /* 관련HSK */
.detail_hsk .no-list {margin:20px 0; text-align:center;}


/* 펼쳐보기 기능 사용할 경우 */
.show {height:auto; min-height:auto;}

.detailShow.show {height:auto; min-height:auto;}

.detailShow .detail-text.show {height:auto; min-height:auto; margin-bottom:40px;}
.detailShow .detail-text.show::before {display:none;}




/* 공통  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 탭영역 */
.tabItem {position:fixed; left:0; top:240px; width:200px; margin:0 auto;}
.tabItem > li {display:table; width:110px; margin:0 auto 10px auto; box-sizing:border-box; border-radius:5px; border:1px solid #d7dbe6; background:#fff; box-shadow:1px 1px 2px rgba(0,0,0,0.1);}
.tabItem > li:last-child {margin-bottom:0;}
.tabItem > li > a {display:table-cell; vertical-align:middle; text-align:center;}
.tabItem > li > a strong {display:block; font-size:15px;}
.tabItem > li > a span {display:inline-block; width:50px; margin-top:5px; color:#fff; font-weight:bold; text-align:center; box-sizing:border-box; padding:3px; border-radius:20px; overflow:hidden;}

.tabItem > li:nth-child(1) > a strong {color:#173961;}
.tabItem > li:nth-child(2) > a strong {color:#245d8b;}
.tabItem > li:nth-child(3) > a strong {color:#3a79af;}
.tabItem > li:nth-child(4) > a strong {color:#1f439b;}
.tabItem > li:nth-child(5) > a strong {color:#375fc1;}
.tabItem > li:nth-child(6) > a strong {color:#3d6de1;}
.tabItem > li:nth-child(1) > a span {background:#173961;}
.tabItem > li:nth-child(2) > a span {background:#245d8b;}
.tabItem > li:nth-child(3) > a span {background:#3a79af;}
.tabItem > li:nth-child(4) > a span {background:#1f439b;}
.tabItem > li:nth-child(5) > a span {background:#375fc1;}
.tabItem > li:nth-child(6) > a span {background:#3d6de1;}

.tabItem > li:nth-child(1):hover, .tabItem > li:nth-child(1).on {background:#173961;}
.tabItem > li:nth-child(2):hover, .tabItem > li:nth-child(2).on {background:#245d8b;}
.tabItem > li:nth-child(3):hover, .tabItem > li:nth-child(3).on {background:#3a79af;}
.tabItem > li:nth-child(4):hover, .tabItem > li:nth-child(4).on {background:#1f439b;}
.tabItem > li:nth-child(5):hover, .tabItem > li:nth-child(5).on {background:#375fc1;}
.tabItem > li:nth-child(6):hover, .tabItem > li:nth-child(6).on {background:#3d6de1;}
.tabItem > li:hover > a strong, .tabItem > li.on > a strong {color:#fff;}
.tabItem > li:hover > a span, .tabItem > li.on > a span {background:#fff;}
.tabItem > li:nth-child(1):hover > a span, .tabItem > li:nth-child(1).on > a span {color:#173961;}
.tabItem > li:nth-child(2):hover > a span, .tabItem > li:nth-child(2).on > a span {color:#245d8b;}
.tabItem > li:nth-child(3):hover > a span, .tabItem > li:nth-child(3).on > a span {color:#3a79af;}
.tabItem > li:nth-child(4):hover > a span, .tabItem > li:nth-child(4).on > a span {color:#1f439b;}
.tabItem > li:nth-child(5):hover > a span, .tabItem > li:nth-child(5).on > a span {color:#375fc1;}
.tabItem > li:nth-child(6):hover > a span, .tabItem > li:nth-child(6).on > a span {color:#3d6de1;}

.mainTab > li {height:80px;} /* 전체검색결과 탭 */
.detailTab > li {height:60px;} /* 상세화면 탭 */


/* 통제기준 - 스탭 */
.stepTextNew {width:100%;}
.stepTextNew .d1 {position:relative; padding:5px 0 0 10px;}
.stepTextNew .d1:after {content:""; display:inline-block; position:absolute; left:0; top:12px; width:3px; height:3px; border-radius:50%; background:#173961;}
/* .stepTextNew .d2 {position:relative; padding:5px 0 0 20px;}
.stepTextNew .d2:after {content:""; display:inline-block; position:absolute; left:10px; top:14px; width:5px; height:1px; background:#6e6f71;} */
.stepTextNew .d2 {padding:5px 0 0 20px;}
.stepTextNew .d3 {padding:5px 0 0 30px;}
.stepTextNew .d4 {padding:5px 0 0 40px;}
.stepTextNew .d5 {padding:5px 0 0 50px;}
.stepTextNew .d6 {padding:5px 0 0 60px;}
.stepTextNew .d7 {padding:5px 0 0 70px;}
.stepTextNew .d8 {padding:5px 0 0 80px;}
.stepTextNew .d9 {padding:5px 0 0 90px;}
.stepTextNew .no-list {height:285px; line-height:285px; text-align:center;}


/* 상세보기 - 해설 */
.defineText {width:100%;}
.defineText dl {width:100%; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed rgba(175,183,205,0.8); overflow:hidden;}
.defineText dl:last-child {padding:0; margin:0; border-bottom:none;}
.defineText dl:after {content:""; display:inline-block; clear:both;}
.defineText dl dt {float:left; width:215px; height:40px; font-size:15px; line-height:30px; font-weight:bold; letter-spacing:-0.5px; color:#173961; text-align:center; box-sizing:border-box; padding:5px; margin-right:20px; background:#f3f7fb;}
.defineText dl dd {float:right; width:calc(100% - 235px); width:-webkit-calc(100% - 235px); margin-top:12px;}
.defineText dl dd > figure {width:100%; margin:10px 0; box-sizing:border-box; padding:10px; border-radius:5px; border:1px solid #d7dbe6; background:#fff; overflow:hidden;}
.defineText dl dd > figure:last-child {margin:10px 0 0 0;}
.defineText dl dd > figure:after {content:""; display:inline-block; clear:both;}
.defineText dl dd > figure img {float:left;}
.defineText dl dd > figure figcaption {float:right; display:table; width:calc(100% - 110px); width:-webkit-calc(100% - 110px); height:80px; box-sizing:border-box; padding-left:10px;}
.defineText dl dd > figure figcaption > span {display:table-cell; vertical-align:middle;}
.defineText dl dd .rsType {display:inline-block; width:70px; height:30px; line-height:30px; letter-spacing:-0.5px; color:#fff; text-align:center; border-radius:20px;}
.defineText dl dd .imgCaseList {overflow:hidden;}
.defineText dl dd .imgCaseList:after {content:""; display:inline-block; clear:both;}
.defineText dl dd .imgCaseList > li {float:left; width:calc((100% - 20px) / 3); width:-webkit-calc((100% - 20px) / 3); margin-bottom:10px;}
.defineText dl dd .imgCaseList > li:nth-child(3n-1) {margin:0 10px;}
.defineText dl dd p.no-list {text-align:center; margin:0;}
.defineText .no-list {height:285px; line-height:285px; text-align:center;}






/* QR코드  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.qrCodeArea {width:100%; margin:0 auto; text-align:center; padding:10px 0;}
.qrCodeArea span {display:block; width:230px; height:230px; margin:0 auto; box-sizing:border-box; padding:5px; box-shadow:1px 1px 8px rgba(0,0,0,0.1);}

.detailQRBtn {width:100%; margin:30px auto; text-align:center; overflow:hidden;}
.detailQRBtn a {display:inline-block; width:120px; font-size:16px; letter-spacing:-1.2px; color:#fff; font-weight:bold; text-align:center; box-sizing:border-box; padding:14px 5px; margin:0 5px; border-radius:3px; overflow:hidden;}
.detailQRBtn .btnBm1 {border:1px solid #4c83d6; background:#4c83d6;}
.detailQRBtn .btnBm2 {border:1px solid #2497d0; background:#2497d0;}
.detailQRBtn .btnBm3 {border:1px solid #596ad2; background:#596ad2;}
.detailQRBtn .btnBm4 {border:1px solid #828aa0; background:#828aa0;}

.qrCodeLayer {position:absolute; top:10px; left:120px; z-index:9998; width:300px; max-width:450px; transform:translate(-30%); box-shadow:1px 1px 10px rgba(0,0,0,0.2); background:#fff; opacity:0.96;}
.layerTitle {height:48px; padding:0 30px 0 30px; background-color:#002c7d; margin-bottom:20px; overflow:hidden;}
.layerTitle dt {float:left; padding-top:14px; font-size:16px; font-weight:bold; color:#fff; letter-spacing:-1px;}
.layerTitle dd {float:right; padding-top:14px;}



/* 만족도조사-알림 설정 : 모바일용 */
.viewMob {display:none;}

/* 만족도조사_웹 */
.satisfyCont {width:100%; box-sizing:border-box; padding:5px;}
.stisWrap {margin-top:30px; box-sizing:border-box; border:1px solid #ddd; background:#fff; overflow:hidden; box-shadow:0px 0px 5px rgba(0,0,0,0.1);}

.manage_dept {padding:15px 25px; box-sizing:border-box; border-bottom:1px solid #ddd; background:#f7f8fc; overflow:hidden;}
.manage_dept > dl {float:left; margin:5px 30px 5px 0; overflow:hidden;}
.manage_dept > dl:last-child {margin:5px 0;}
.manage_dept > dl dt {float:left; font-size:15px; font-weight:bold; color:#333; letter-spacing:-1px; margin-right:5px;}
.manage_dept > dl dd {float:right; font-size:15px;}

.satisfy {width:100%; font-size:15px; box-sizing:border-box; padding:25px;}
.satisfy p {word-break:keep-all;}
.satisfy ul {margin:10px 0; overflow:hidden;}
.satisfy ul > li {float:left; margin-right:20px;}
.satisfy ul > li:last-child {margin:0;}
.satisfy ul > li input[type="radio"]:checked, .satisfy ul > li input[type="radio"]:not(:checked) {position:absolute; left:-9999px;}
.satisfy ul > li input[type="radio"]:checked + label, .satisfy ul > li input[type="radio"]:not(:checked) + label {
	position:relative; padding-left:25px; margin:5px 0; line-height:20px; display:inline-block; color:#666; cursor:pointer;
}
.satisfy ul > li input[type="radio"]:checked + label:before, .satisfy ul > li input[type="radio"]:not(:checked) + label:before {
	content:""; position:absolute; left:0; top:0; width:15px; height:15px; border:2px solid #ddd; border-radius:50%; background:#fff;
}
.satisfy ul > li input[type="radio"]:checked + label:before {border:2px solid #245d8b; border-radius:50%;}
.satisfy ul > li input[type="radio"]:checked + label:after, .satisfy ul > li input[type="radio"]:not(:checked) + label:after {
	content:""; position:absolute; left:4px; top:4px; width:11px; height:11px; border-radius:50%; background:#245d8b; transition:all 0.2s ease;
}
.satisfy ul > li input[type="radio"]:not(:checked) + label:after {opacity:0; transform:scale(0);}
.satisfy ul > li input[type="radio"]:checked + label:after {opacity:1; transform:scale(1);}
.satisfy div {width:100%; overflow:hidden;}
.satisfy div > div {float:left; width:calc(100% - 100px); width:-webkit-calc(100% - 100px);}
.satisfy div > div input {width:100%; height:50px; box-sizing:border-box; padding:0 5px; border-radius:3px 0 0 3px; border:1px solid #ddd; background:#fff;}
.satisfy div > button {float:right; display:block; width:100px; height:50px; color:#fff; line-height:50px; border-radius:0 3px 3px 0; border:1px solid #173961; background:#173961; cursor:pointer;}





/* 반응형 ============================================================================================ */
/* 모바일  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (max-width:480px) {
	/* 인트로 */
	/* .introNew header {position:relative; height:50px; padding:0; border-radius:0 0 10px 10px; box-shadow:0 1px 8px rgba(0,0,0,0.1); overflow:inherit;}
	.introNew header > ul {float:none; width:100%;}
	.introNew header > ul > li {width:50%; margin:0; padding:0; box-sizing:border-box;}
	.introNew header > ul > li:nth-child(1) {padding-right:30px;}
	.introNew header > ul > li:nth-child(2) {padding-left:30px;}
	.introNew header > ul > li:after {display:none;}
	.introNew header > ul > li > a {display:block; font-size:13px; text-align:center; line-height:50px;}
	.introNew header > a {display:table; position:absolute; top:0; left:50%; z-index:2; transform:translateX(-50%); width:60px; height:60px; box-sizing:border-box; padding:5px; border-radius:50%; background:#fff; box-shadow:0 6px 8px rgba(0,0,0,0.1);}
	.introNew header > a span {display:table-cell; vertical-align:middle; text-align:center; border-radius:50%; background:#173961;}
	.introNew header > a em {position:absolute; top:20px; left:60%; transform:translateX(-50%); width:7px; height:7px; border-radius:50%; background:#ea4335;} */
	
	.introNew header {height:60px; padding:0; background:#f3f7fb;}
	.introNew header > ul {float:left; width:calc(100% - 55px); width:-webkit-calc(100% - 55px); box-sizing:border-box; padding:12px 8px; border-radius:0 35px 0 0; background:#fff;}
	.introNew header > ul > li {float:left; width:calc((100% - 12px) / 3);  width:-webkit-calc((100% - 12px) / 3); margin:0 2px; padding:0;}
	.introNew header > ul > li:first-child {margin:0 1px;}
	.introNew header > ul > li:after {display:none;}
	.introNew header > ul > li.survey {display:inline-block;}
	.introNew header > ul > li > a {display:block; height:36px; font-size:11px; line-height:1.2; color:#191919; text-align:center; box-sizing:border-box; padding:4px 8px; border-radius:20px; border:1px solid #ddd; background:#fff;}
	.introNew header > ul > li > a br {display:block;}
	.introNew header > ul > li.survey > a {padding:11px 10px;}
	.introNew header > div {float:right; display:block; width:55px; height:60px; box-sizing:border-box; background:#fff;}
	.introNew header > div > span {position:relative; display:block; width:100%; height:60px; border-radius:0 0 35px 35px; background:#f3f7fb;}
	.introNew header > div > span > a {position:absolute; bottom:10px; left:50%; z-index:2; transform:translateX(-50%); display:table; width:35px; height:35px; box-sizing:border-box; padding:5px; border-radius:50%; background:#173961;}
	.introNew header > div > span > a span {display:table-cell; vertical-align:middle; text-align:center; border-radius:50%; background:#173961;}
	.introNew header > div > span > a em {position:absolute; top:10px; right:16%; transform:translateX(-50%); width:6px; height:6px; border-radius:50%; background:#ea4335;}
	
	.introNew .intro-form {height:calc(100vh - 168px); height:-webkit-calc(100vh - 168px); min-height:500px; padding:0 20px;}
	.introNew .intro-form .intro-search {width:100%;}
	.introNew .intro-form .intro-search > div > a {/* float:left; display:block; */ width:19%; /* min-width:auto; */ margin:0 0.5%;}
	.introNew .intro-event {width:100%;}
	.introNew .intro-event > div a {width:100%;}
	.introNew .intro-event > div a img {width:100%;}
	
	.introNew footer {height:auto; padding:0 20px;}
	.introNew footer > p {height:auto; margin:16px 0; padding:35px 0 0 0; background:url('../images/infohub/footerBI.png') top center no-repeat;}
	.introNew footer > p br {display:block;}
	
	
	
	/* 기본 레이아웃 NEW */
	#hdrNew {position:relative; height:245px; padding:0 20px;}
	#hdrNew h1 {float:none; width:220px; text-align:center; margin:35px auto 25px auto;}
	#hdrNew h1 > a img {height:45px;}
	#hdrNew .total-srch-wrap {float:none; width:100%; margin:84px 0 0 0;}
	#hdrNew .hdr-site {position:absolute; left:0; top:105px; float:none; width:100%; margin:0 auto; text-align:center;}
	#hdrNew .hdr-site > li {float:none; display:inline-block; margin-left:5px;}
	#hdrNew .hdr-site > li > a {font-size:12px;}
	
	#contWrap {margin-top:5px; padding:0 20px; border-top:1px solid #ebebeb;}
	#contNew {width:100%; min-height:auto; padding-bottom:30px;}
	
	.detailBody #footerNew {padding-bottom:45px;}
	#footerNew {height:auto; padding:0 20px;}
	#footerNew > p {display:block; height:auto; text-align:center; margin:20px 0; padding:35px 0 0 0; background:url('../images/infohub/footerBI.png') center top no-repeat;}
	#footerNew > p br {display:block;}
	
	
	
	/* 메인New */
	.itemCount {height:auto; margin:80px 0 30px 0;}
	.itemCount h2 {float:none; text-align:center; font-size:20px; margin:20px 0;}
	.itemCount p {float:none; font-size:16px; text-align:center; margin:0;}
	
	.listMainItem h3 {font-size:20px;}
	.listMainItem > div > ul > li > a {float:none; width:100%; font-size:16px;}
	.listMainItem > div > ul > li > a:hover {color:#0e53a2;}
	.listMainItem > div > ul > li > div {width:100%; padding:10px 0 0 0;}
	.listMainItem > div > ul > li > div > dl {margin-top:0;}
	.listMainItem > div > ul > li > div > a {margin:0 0 0 30px;}
	
	.listMainImg h3 {font-size:20px;}
	.listMainImg > div > ul > li {float:left; width:calc((100% - 20px) / 3); width:-webkit-calc((100% - 20px) / 3); height:115px;}
	.listMainImg > div > ul > li:nth-child(5n) {margin:0 10px 10px 0;}
	.listMainImg > div > ul > li:nth-child(3n) {margin:0 0 10px 0;}
	
	
	
	/* 상세New */
	.detailNumItem {height:120px; margin:120px 0 30px 0;}
	.detailNumItem > li.detailArr {width:30px; margin:45px 0;}
	.detailNumItem > li.detailArr a span {display:none;}
	.detailNumItem > li.detailSlct {width:calc(100% - 60px); width:-webkit-calc(100% - 60px); margin:19px auto;}
	.detailNumItem > li.detailSlct > label {display:block; line-height:1.2; margin:0 0 10px 0;}
	
	.detailBtnArea > a {width:105px; font-size:11px; margin:0 2px;}
	.detailBtnArea > a.btnSelf, .detailBtnArea > a.btnJaReq {width:75px;}
	
	.detailBtmBtn {position:fixed; left:0; bottom:0; z-index:99; width:100%; margin:0; background:#fff; box-shadow:0 -2px 8px rgba(0,0,0,0.1); overflow:hidden;}
	.detailBtmBtn a {float:left; display:block; width:25%; font-size:10px; line-height:1.2; letter-spacing:0; padding:5px 0; margin:0; border-radius:0;}
	.detailBtmBtn a span {display:block; margin-bottom:3px;}
	.detailBtmBtn a.btnQR span {height:20px; background:url('../images/infohub/icn_dtBtm_QR.png') center center no-repeat; background-size:20px 20px;}
	.detailBtmBtn a.btnURL span {height:20px; background:url('../images/infohub/icn_dtBtm_URL.png') center center no-repeat; background-size:20px 20px;}
	.detailBtmBtn a.btnPDF span {height:20px; background:url('../images/infohub/icn_dtBtm_PDF.png') center center no-repeat; background-size:20px 20px;}
	.detailBtmBtn a.btnGoList span {height:20px; background:url('../images/infohub/icn_dtBtm_list.png') center center no-repeat; background-size:20px 20px;}
	
	.detailBox {padding:30px 20px;}
	.detailBox .detail-btn {width:100%; right:initial; left:50%; transform:translateX(-50%); margin:0 auto; text-align:center;}
	.detailBox .detail-btn > li {float:none; display:inline-block; overflow:hidden;}
	.detailBox .detail-btn > li > a {font-size:14px; padding:0 10px;}
	.detailBox .detail-title > h3 {font-size:18px;}
	
	.detailBox .detail-img-area div {width:100% !important;}
	.detailBox .detail-img-area div > span {width:100%; margin:0;}
	.detailBox .detail-img-area div > span a img {width:100%; height:230px;}
	
	.detailBox .detail-hsk-area > li {width:calc((100% - 10px) / 2); width:-webkit-calc((100% - 10px) / 2);}
	.detailBox .detail-hsk-area > li:nth-child(6n) {margin:0 10px 10px 0;}
	.detailBox .detail-hsk-area > li:nth-child(2n) {margin:0 0 10px 0;}
	
	.detail_stnd, .detail_index {height:460px;}
	.detail_stnd .detail-title, .detail_index .detail-title {margin-top:30px;}

	.detail_index {height:auto;} /* 전략기술 인덱스 */
	.detail_img {height:auto; min-height:auto;} /* 이미지 */
	.detail_hsk {height:auto; min-height:auto;} /* 관련HSK */
	
	
	
	/* 공통 */
	.tabItem {position:absolute; left:0; top:0; width:100%;}
	.tabItem > li {float:left; width:33.333%; margin:0 auto; border-radius:0; border:none;}
	.tabItem > li:nth-child(3n-1) {border-left:1px solid #d7dbe6; border-right:1px solid #d7dbe6;}
	.detailTab > li:nth-child(4), .detailTab > li:nth-child(5), .detailTab > li:nth-child(6) {border-top:1px solid #d7dbe6;}
	
	.defineText dl:after {display:none;}
	.defineText dl dt {float:none; width:100%; margin:0 0 10px 0;}
	.defineText dl dd {float:none; width:100%; margin:0;}
	.defineText dl dd > figure:after {display:none;}
	.defineText dl dd > figure img {float:none; width:100%; height:100%;}
	.defineText dl dd > figure figcaption {float:none; width:100%; height:auto; padding:10px 0 0 0;}
	.defineText dl dd.rsTypeArea {margin:0 auto; text-align:center;}
	.defineText dl dd .imgCaseList:after {display:none;}
	.defineText dl dd .imgCaseList > li {float:none; width:100%;}
	.defineText dl dd .imgCaseList > li:nth-child(3n-1) {margin:0 0 10px 0;}
	.defineText dl dd p.no-list {text-align:center; margin:5px 0 0 0;}
	
	
	/* 만족도조사_웹 */
	.satisfy div > div {float:none; width:100%;}
	.satisfy div > div input {width:100%; border-radius:3px 3px 0 0;}
	.satisfy div > button {float:none; width:100%; border-radius:0 0 3px 3px;}
	
	
	
	/* 만족도조사-알림 설정 */
	.viewMob {display:block;}
	
	.sa-header {width:100%; height:60px; box-sizing:border-box; padding:0 20px; background:#3a79af; overflow:hidden;}
	.sa-header > h2 {float:left; font-size:18px; line-height:60px; font-weight:bold; color:#fff;}
	.sa-header > a {float:right; line-height:60px;}
	
	.sa-footer {text-align:center; box-sizing:border-box; padding:0 20px; border-top:1px solid #ddd; background:#fff; overflow:hidden;}
	.sa-footer > p {display:inline-block; color:#999; box-sizing:border-box; margin:16px 0; padding:35px 0 0 0; background:url('../images/infohub/footerBI.png') top center no-repeat;}
	.introNew footer > p br {display:block;}
	
	.survey-area {width:100%; height:100%; min-height:580px; box-sizing:border-box; padding:0 20px; background:#f3f7fb; overflow:hidden;} /* 설문조사 리스트 화면 */
	.survey-area > ul {margin:20px 0;}
	.survey-area > ul > li {position:relative; width:100%; margin-top:15px; box-sizing:border-box; padding:20px 15px 20px 25px; border-radius:20px; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.1); overflow:hidden;}
	.survey-area > ul > li:after {content:""; display:block; position:absolute; top:0; left:0; width:10px; height:100%; border-radius:30px 0 0 30px; background:#f3f7fb;}
	.survey-area > ul > li > dl {overflow:hidden;}
	.survey-area > ul > li > dl dt {float:left; display:table; width:60px; height:60px; margin:0 auto; box-sizing:border-box; border-radius:10px; border:1px solid #eee; background:#fff;}
	.survey-area > ul > li > dl dt span {display:table-cell; vertical-align:middle; text-align:center;}
	.survey-area > ul > li > dl dd {float:right; width:calc(100% - 75px); width:-webkit-calc(100% - 75px);}
	.survey-area > ul > li > dl dd > div {font-size:16px; color:#333; font-weight:bold; letter-spacing:-1px; margin:10px 0 5px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.survey-area > ul > li > dl dd > p {color:#828aa0; letter-spacing:0;}
	.survey-area > ul > li > a {display:block; margin-top:15px; letter-spacing:-1px; text-align:center; box-sizing:border-box; padding:10px 5px; border-radius:2px;}
	.survey-area > ul > li > a.sv-attend {color:#fff; background:#3a79af;}
	.survey-area > ul > li > a.sv-done {color:#fff; background:#828aa0;}
	.survey-area > ul > li > a.sv-end {color:#828aa0; background:#f2f3f8;}
	
	.survey-view {width:100%; min-height:580px; background:#f3f7fb; overflow:hidden;} /* 만족도 조사 질문화면 */
	.survey-title {width:100%; box-sizing:border-box; padding:20px; background:#fff; overflow:hidden;}
	.survey-title dt {float:left; display:table; width:60px; height:60px; margin:0 auto; box-sizing:border-box; border-radius:10px; border:1px solid #eee; background:#fff;}
	.survey-title dt span {display:table-cell; vertical-align:middle; text-align:center;}
	.survey-title dd {
	float:right; width:calc(100% - 75px); width:-webkit-calc(100% - 75px); display:block; display:-webkit-box; height:48px; line-height:24px; 
	font-size:16px; color:#333; font-weight:bold; letter-spacing:-1px; margin:5px 0; white-space:normal; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
	}
	.survey-qst {margin-top:10px; min-height:500px; box-sizing:border-box; padding:0 20px 20px 20px; background:#fff;}
	.survey-qst > ul li {box-sizing:border-box; padding:25px 0; border-bottom:1px solid #ddd;}
	.survey-qst > ul li:last-child {border:none;}
	.survey-qst > ul li > h4 {font-size:16px; color:#333; font-weight:bold; letter-spacing:-1px; word-break:keep-all; margin-bottom:10px; box-sizing:border-box; padding:0 5px;}
	.survey-qst > ul li > div {overflow:hidden;}
	.survey-qst > ul li > div input[type=radio] {width:0; height:0; position:absolute; left:-9999px;}
	.survey-qst > ul li > div input[type=radio] + label {
		position:relative; float:left; display:block; width:calc((100% - 50px) / 5); width:-webkit-calc((100% - 50px) / 5); height:50px; margin:0 5px; padding:17px 5px; color:#828aa0;
		font-size:11px; line-height:1.3; text-align:center; box-sizing:border-box; border:solid 1px #ddd; background:#fff; box-shadow:0 0 0 rgba(255, 255, 255, 0); cursor:pointer;
		transition:border-color .15s ease-out,  color .25s ease-out, background-color .15s ease-out, box-shadow .15s ease-out;
	}
	.survey-qst > ul li > div input[type=radio] + label.asw_h {padding:10px 5px;}
	.survey-qst > ul li > div input[type=radio]:checked + label {color:#fff; border:1px solid #3a79af; background:#3a79af; box-shadow: 0 0 10px rgba(102, 179, 251, 0.5);}
	.survey-qst > ul li > div textarea {width:100%; min-height:100px; padding:1rem; line-height:1.4; resize:none; box-sizing:border-box; border:1px solid #ddd; overflow:hidden; overflow-y:scroll;}
	.survey-qst > .survey_btn {margin:50px 0 0 0; overflow:hidden;}
	.survey-qst > .survey_btn a {width:49%; font-size:15px; letter-spacing:-1px; font-weight:bold; text-align:center; color:#fff; box-sizing:border-box; padding:15px 5px; border-radius:3px;}
	.survey-qst > .survey_btn a:nth-child(1) {float:left; background:#245d8b;}
	.survey-qst > .survey_btn a:nth-child(2) {float:right; background:#828aa0;}
	
	.alarm-area {width:100%; min-height:580px; background:#f3f7fb; overflow:hidden;} /* 알람 수신 설정 화면 */
	.alarm-push {width:100%; box-sizing:border-box; padding:20px; background:#fff; overflow:hidden;}
	.alarm-push dt {float:left; width:calc(100% - 80px); width:-webkit-calc(100% - 80px);}
	.alarm-push dt > strong {display:block; font-weight:bold; color:#333; letter-spacing:-1px; margin-bottom:5px;}
	.alarm-push dt > span {display:block; font-size:15px; color:#828aa0; letter-spacing:-1px;}
	.alarm-push dd {float:right; margin:8px 0 0 0;}
	.alarm-push dd input[type="checkbox"] {display:none;}
	.alarm-push dd .label-on-off {position:relative; display:inline-block; width:70px; height:30px; font-size:13px; color:#fff; font-weight:bold; cursor:pointer; transition:all 0.3s; border-radius:20px; background:linear-gradient(to right, #ddd 0%, #a7a7a7 100%); overflow:hidden;}
	.alarm-push dd .label-on-off > * {vertical-align:sub; font-size:14px; line-height:30px; transition:all 0.3s;}
	.alarm-push dd .label-on-off .marble {position:absolute; top:5px; left:5px; display:block; width:20px; height:20px; background:#fff; border-radius:50%; box-shadow:0 0 10px rgba(0,0,0,0.3);}
	.alarm-push dd .label-on-off .on {display:none; padding-left:12px;}
	.alarm-push dd .label-on-off .off {padding-left:32px;}
	.alarm-push dd .input-on-off:checked + .label-on-off {background:linear-gradient(to right, #7cb5ee 0%, #61a0e4 100%);}
	.alarm-push dd .input-on-off:checked + .label-on-off .on {display:inline-block;}
	.alarm-push dd .input-on-off:checked + .label-on-off .off {display:none;}
	.alarm-push dd .input-on-off:checked + .label-on-off .marble {left:45px;}
	.time-setting {margin-top:10px; min-height:500px; box-sizing:border-box; padding:0 20px; background:#fff;}
	.time-setting dl {padding:20px 0;}
	.time-setting .time-show {width:100%; box-sizing:border-box; padding:15px; background:#f3f7fb; overflow:hidden;}
	.time-setting .time-show > p {float:left; font-size:13px; color:#828aa0;}
	.time-setting .time-show > a {float:right; display:block; font-size:13px; color:#3a79af;}
	.time-setting .time-show > a img {transform:rotate(90deg);}
	.time-setting .time-change {width:100%; background:#fff; overflow:hidden;}
	.time-setting .time-change > ul {overflow:hidden;}
	.time-setting .time-change > ul li {margin-bottom:10px; overflow:hidden;}
	.time-setting .time-change > ul li:last-child {margin:0;}
	.time-setting .time-change > ul li > div {float:left; width:calc((98% - 35px) / 3); width:-webkit-calc((98% - 35px) / 3);}
	.time-setting .time-change > ul li > div:nth-child(2) {margin:0 1%;}
	.time-setting .time-change > ul li > div > select {
		-webkit-appearance:none; -moz-appearance:none; appearance:none; height:50px; vertical-align:top; 
		width:100%; font-size:15px; box-sizing:border-box; padding:0 5px; border:1px solid #d7dbe6; 
		background:url('../images/infohub/select_arr.png') 90% center no-repeat, #fff;
	}
	.time-setting .time-change > ul li > div > select::-ms-expand {display: none;}
	.time-setting .time-change > ul li span {float:left; display:block; font-weight:500; line-height:50px; color:#828aa0; margin-left:5px;}
	.time-setting .time-change > a {display:block; width:100%; margin-top:15px; letter-spacing:-1px; color:#fff; text-align:center; box-sizing:border-box; padding:10px 5px; border-radius:2px; background:#3a79af;}
}


/* 테블릿1  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:481px) and (max-width:767px) {
	/* 인트로 */
	.introNew header {height:60px; padding:0; background:#f3f7fb;}
	.introNew header > ul {float:left; width:calc(100% - 55px); width:-webkit-calc(100% - 55px); box-sizing:border-box; padding:12px 20px; border-radius:0 35px 0 0; background:#fff;}
	.introNew header > ul > li {float:left; width:calc((100% - 30px) / 3);  width:-webkit-calc((100% - 30px) / 3); margin:0 5px; padding:0;}
	.introNew header > ul > li:first-child {margin:0 5px;}
	.introNew header > ul > li:after {display:none;}
	.introNew header > ul > li.survey {display:inline-block;}
	.introNew header > ul > li > a {display:block; height:36px; font-size:12px; line-height:36px; color:#191919; text-align:center; box-sizing:border-box; padding:0 8px; border-radius:20px; border:1px solid #ddd; background:#fff;}
	.introNew header > div {float:right; display:block; width:55px; height:60px; box-sizing:border-box; background:#fff;}
	.introNew header > div > span {position:relative; display:block; width:100%; height:60px; border-radius:0 0 35px 35px; background:#f3f7fb;}
	.introNew header > div > span > a {position:absolute; bottom:10px; left:50%; z-index:2; transform:translateX(-50%); display:table; width:35px; height:35px; box-sizing:border-box; padding:5px; border-radius:50%; background:#173961;}
	.introNew header > div > span > a span {display:table-cell; vertical-align:middle; text-align:center; border-radius:50%; background:#173961;}
	.introNew header > div > span > a em {position:absolute; top:10px; right:16%; transform:translateX(-50%); width:6px; height:6px; border-radius:50%; background:#ea4335;}
	
	.introNew .intro-form {height:calc(100vh - 168px); height:-webkit-calc(100vh - 168px); min-height:500px; padding:0 20px;}
	.introNew .intro-form .intro-search {width:100%;}
	.introNew .intro-form .intro-search > div > a {/* float:left; display:block; */ width:19%; /* min-width:auto; */ margin:0 0.5%;}
	.introNew .intro-event {width:100%;}
	
	.introNew footer {height:auto; padding:0 20px;}
	.introNew footer > p {height:auto; margin:16px 0; padding:35px 0 0 0; background:url('../images/infohub/footerBI.png') top center no-repeat;}
	.introNew footer > p br {display:block;}
	
	
	
	/* 기본 레이아웃 NEW */
	#hdrNew {position:relative; height:245px; padding:0 20px;}
	#hdrNew h1 {float:none; width:220px; text-align:center; margin:35px auto 25px auto;}
	#hdrNew h1 > a img {height:45px;}
	#hdrNew .total-srch-wrap {float:none; width:100%; margin:84px 0 0 0;}
	#hdrNew .hdr-site {position:absolute; left:0; top:105px; float:none; width:100%; margin:0 auto; text-align:center;}
	#hdrNew .hdr-site > li {float:none; display:inline-block; margin-left:5px;}
	#hdrNew .hdr-site > li > a {font-size:12px;}
	
	#contWrap {margin-top:5px; padding:0 20px; border-top:1px solid #ebebeb;}
	#contNew {width:100%; min-height:auto; padding-bottom:30px;}
	
	.detailBody #footerNew {padding-bottom:50px;}
	#footerNew {height:auto; padding:0 20px;}
	#footerNew > p {display:block; height:auto; text-align:center; margin:20px 0; padding:35px 0 0 0; background:url('../images/infohub/footerBI.png') center top no-repeat;}
	#footerNew > p br {display:block;}
	
	
	
	/* 메인New */
	.itemCount {height:auto; margin:60px 0 40px 0;}
	.itemCount h2 {float:none; text-align:center; font-size:20px; margin:20px 0;}
	.itemCount p {float:none; font-size:16px; text-align:center; margin:0;}
	
	.listMainImg h3 {font-size:20px;}
	.listMainImg > div > ul > li {float:left; width:calc((100% - 20px) / 3); width:-webkit-calc((100% - 20px) / 3); height:160px;}
	.listMainImg > div > ul > li:nth-child(5n) {margin:0 10px 10px 0;}
	.listMainImg > div > ul > li:nth-child(3n) {margin:0 0 10px 0;}
	
	
	
	/* 상세New */
	.detailNumItem {margin:60px 0 30px 0;}
	.detailNumItem > li.detailArr {width:30px;}
	.detailNumItem > li.detailArr a span {display:none;}
	.detailNumItem > li.detailSlct {width:calc(100% - 60px); width:-webkit-calc(100% - 60px);}
	
	.detailBtnArea > a {width:130px; font-size:14px; margin:0 2px;}
	
	.detailBtmBtn {position:fixed; left:0; bottom:0; z-index:99; width:100%; margin:0; background:#fff; box-shadow:0 -2px 8px rgba(0,0,0,0.1); overflow:hidden;}
	.detailBtmBtn a {float:left; display:block; width:25%; font-size:10px; line-height:1.2; letter-spacing:0; padding:5px 0; margin:0; border-radius:0;}
	.detailBtmBtn a span {display:block; margin-bottom:3px;}
	.detailBtmBtn a.btnQR span {height:20px; background:url('../images/infohub/icn_dtBtm_QR.png') center center no-repeat; background-size:20px 20px;}
	.detailBtmBtn a.btnURL span {height:20px; background:url('../images/infohub/icn_dtBtm_URL.png') center center no-repeat; background-size:20px 20px;}
	.detailBtmBtn a.btnPDF span {height:20px; background:url('../images/infohub/icn_dtBtm_PDF.png') center center no-repeat; background-size:20px 20px;}
	.detailBtmBtn a.btnGoList span {height:20px; background:url('../images/infohub/icn_dtBtm_list.png') center center no-repeat; background-size:20px 20px;}
	
	.detailBox {padding:30px 20px;}
	.detailBox .detail-btn {width:100%; right:initial; left:50%; transform:translateX(-50%); margin:0 auto; text-align:center;}
	.detailBox .detail-btn > li {float:none; display:inline-block; overflow:hidden;}
	.detailBox .detail-btn > li > a {font-size:14px; padding:0 10px;}
	.detailBox .detail-title > h3 {font-size:18px;}
	
	.detailBox .detail-hsk-area > li {width:calc((100% - 20px) / 3); width:-webkit-calc((100% - 20px) / 3);}
	.detailBox .detail-hsk-area > li:nth-child(6n) {margin:0 10px 10px 0;}
	.detailBox .detail-hsk-area > li:nth-child(3n) {margin:0 0 10px 0;}
	
	.detail_stnd, .detail_index {height:460px;}
	.detail_stnd .detail-title, .detail_index .detail-title {margin-top:30px;}

	.detail_index {height:auto;} /* 전략기술 인덱스 */
	.detail_img {height:auto; min-height:auto;} /* 이미지 */
	.detail_hsk {height:auto; min-height:auto;} /* 관련HSK */
	
	
	
	/* 공통 */
	.tabItem {position:absolute; left:0; top:0; width:100%;}
	.tabItem > li {float:left; width:33.333%; margin:0 auto; border-radius:0; border:none;}
	.tabItem > li:nth-child(3n-1) {border-left:1px solid #d7dbe6; border-right:1px solid #d7dbe6;}
	.tabItem > li > a strong {display:inline-block; font-size:15px; line-height:24px; overflow:hidden;}
	.tabItem > li > a span {margin:5px 0 0 5px;}

	.mainTab > li {height:60px;}
	.detailTab > li {width:16.6667%;}
	.detailTab > li:nth-child(3) {border-right:1px solid #d7dbe6;}
	.detailTab > li > a strong {display:block;}
	
	.defineText dl:after {display:none;}
	.defineText dl dt {float:none; width:100%; margin:0 0 10px 0;}
	.defineText dl dd {float:none; width:100%; margin:0;}
	.defineText dl dd > figure:after {display:none;}
	.defineText dl dd > figure img {float:none; width:100%; height:100%;}
	.defineText dl dd > figure figcaption {float:none; width:100%; height:auto; padding:10px 0 0 0;}
	.defineText dl dd.rsTypeArea {margin:0 auto; text-align:center;}
	.defineText dl dd .imgCaseList:after {display:none;}
	.defineText dl dd .imgCaseList > li {float:none; width:100%;}
	.defineText dl dd .imgCaseList > li:nth-child(3n-1) {margin:0 0 10px 0;}
	.defineText dl dd p.no-list {text-align:center; margin:5px 0 0 0;}
	
	
	/* 만족도조사-알림 설정 */
	.viewMob {display:block;}
	
	.sa-header {width:100%; height:60px; box-sizing:border-box; padding:0 20px; background:#3a79af; overflow:hidden;}
	.sa-header > h2 {float:left; font-size:18px; line-height:60px; font-weight:bold; color:#fff;}
	.sa-header > a {float:right; line-height:60px;}
	
	.sa-footer {text-align:center; box-sizing:border-box; padding:0 20px; border-top:1px solid #ddd; background:#fff; overflow:hidden;}
	.sa-footer > p {display:inline-block; color:#999; box-sizing:border-box; margin:16px 0; padding:35px 0 0 0; background:url('../images/infohub/footerBI.png') top center no-repeat;}
	.introNew footer > p br {display:block;}
	
	.survey-area {width:100%; height:100%; min-height:580px; box-sizing:border-box; padding:0 20px; background:#f3f7fb; overflow:hidden;} /* 설문조사 리스트 화면 */
	.survey-area > ul {margin:20px 0;}
	.survey-area > ul > li {position:relative; width:100%; margin-top:15px; box-sizing:border-box; padding:20px 20px 20px 30px; border-radius:20px; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.1); overflow:hidden;}
	.survey-area > ul > li:after {content:""; display:block; position:absolute; top:0; left:0; width:10px; height:100%; border-radius:30px 0 0 30px; background:#f3f7fb;}
	.survey-area > ul > li > dl {overflow:hidden;}
	.survey-area > ul > li > dl dt {float:left; display:table; width:60px; height:60px; margin:0 auto; box-sizing:border-box; border-radius:10px; border:1px solid #eee; background:#fff;}
	.survey-area > ul > li > dl dt span {display:table-cell; vertical-align:middle; text-align:center;}
	.survey-area > ul > li > dl dd {float:right; width:calc(100% - 75px); width:-webkit-calc(100% - 75px);}
	.survey-area > ul > li > dl dd > div {font-size:16px; color:#333; font-weight:bold; letter-spacing:-1px; margin:10px 0 5px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.survey-area > ul > li > dl dd > p {color:#828aa0; letter-spacing:0;}
	.survey-area > ul > li > a {display:block; margin-top:15px; letter-spacing:-1px; text-align:center; box-sizing:border-box; padding:10px 5px; border-radius:2px;}
	.survey-area > ul > li > a.sv-attend {color:#fff; background:#3a79af;}
	.survey-area > ul > li > a.sv-done {color:#fff; background:#828aa0;}
	.survey-area > ul > li > a.sv-end {color:#828aa0; background:#f2f3f8;}
	
	.survey-view {width:100%; min-height:580px; background:#f3f7fb; overflow:hidden;} /* 만족도 조사 질문화면 */
	.survey-title {width:100%; box-sizing:border-box; padding:20px; background:#fff; overflow:hidden;}
	.survey-title dt {float:left; display:table; width:60px; height:60px; margin:0 auto; box-sizing:border-box; border-radius:10px; border:1px solid #eee; background:#fff;}
	.survey-title dt span {display:table-cell; vertical-align:middle; text-align:center;}
	.survey-title dd {
	float:right; width:calc(100% - 75px); width:-webkit-calc(100% - 75px); display:block; display:-webkit-box; height:48px; line-height:24px; 
	font-size:16px; color:#333; font-weight:bold; letter-spacing:-1px; margin:5px 0; white-space:normal; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
	}
	.survey-qst {margin-top:10px; min-height:500px; box-sizing:border-box; padding:0 20px 20px 20px; background:#fff;}
	.survey-qst > ul li {box-sizing:border-box; padding:25px 0; border-bottom:1px solid #ddd;}
	.survey-qst > ul li:last-child {border:none;}
	.survey-qst > ul li > h4 {font-size:16px; color:#333; font-weight:bold; letter-spacing:-1px; word-break:keep-all; margin-bottom:10px; box-sizing:border-box; padding:0 5px;}
	.survey-qst > ul li > div {overflow:hidden;}
	.survey-qst > ul li > div input[type=radio] {width:0; height:0; position:absolute; left:-9999px;}
	.survey-qst > ul li > div input[type=radio] + label {
		position:relative; float:left; display:block; width:calc((100% - 50px) / 5); width:-webkit-calc((100% - 50px) / 5); height:50px; margin:0 5px; padding:17px 5px; color:#828aa0;
		font-size:11px; line-height:1.3; text-align:center; box-sizing:border-box; border:solid 1px #ddd; background:#fff; box-shadow:0 0 0 rgba(255, 255, 255, 0); cursor:pointer;
		transition:border-color .15s ease-out,  color .25s ease-out, background-color .15s ease-out, box-shadow .15s ease-out;
	}
	.survey-qst > ul li > div input[type=radio] + label.asw_h {padding:10px 5px;}
	.survey-qst > ul li > div input[type=radio]:checked + label {color:#fff; border:1px solid #3a79af; background:#3a79af; box-shadow: 0 0 10px rgba(102, 179, 251, 0.5);}
	.survey-qst > ul li > div textarea {width:100%; min-height:100px; padding:1rem; line-height:1.4; resize:none; box-sizing:border-box; border:1px solid #ddd; overflow:hidden; overflow-y:scroll;}
	.survey-qst > .survey_btn {margin:50px 0 0 0; overflow:hidden;}
	.survey-qst > .survey_btn a {width:49%; font-size:15px; letter-spacing:-1px; font-weight:bold; text-align:center; color:#fff; box-sizing:border-box; padding:15px 5px; border-radius:3px;}
	.survey-qst > .survey_btn a:nth-child(1) {float:left; background:#245d8b;}
	.survey-qst > .survey_btn a:nth-child(2) {float:right; background:#828aa0;}
	
	.alarm-area {width:100%; min-height:580px; background:#f3f7fb; overflow:hidden;} /* 알람 수신 설정 화면 */
	.alarm-push {width:100%; box-sizing:border-box; padding:20px; background:#fff; overflow:hidden;}
	.alarm-push dt {float:left; width:calc(100% - 80px); width:-webkit-calc(100% - 80px);}
	.alarm-push dt > strong {display:block; font-weight:bold; color:#333; letter-spacing:-1px; margin-bottom:5px;}
	.alarm-push dt > span {display:block; font-size:15px; color:#828aa0; letter-spacing:-1px;}
	.alarm-push dd {float:right; margin:8px 0 0 0;}
	.alarm-push dd input[type="checkbox"] {display:none;}
	.alarm-push dd .label-on-off {position:relative; display:inline-block; width:70px; height:30px; font-size:13px; color:#fff; font-weight:bold; cursor:pointer; transition:all 0.3s; border-radius:20px; background:linear-gradient(to right, #ddd 0%, #a7a7a7 100%); overflow:hidden;}
	.alarm-push dd .label-on-off > * {vertical-align:sub; font-size:14px; line-height:30px; transition:all 0.3s;}
	.alarm-push dd .label-on-off .marble {position:absolute; top:5px; left:5px; display:block; width:20px; height:20px; background:#fff; border-radius:50%; box-shadow:0 0 10px rgba(0,0,0,0.3);}
	.alarm-push dd .label-on-off .on {display:none; padding-left:12px;}
	.alarm-push dd .label-on-off .off {padding-left:32px;}
	.alarm-push dd .input-on-off:checked + .label-on-off {background:linear-gradient(to right, #7cb5ee 0%, #61a0e4 100%);}
	.alarm-push dd .input-on-off:checked + .label-on-off .on {display:inline-block;}
	.alarm-push dd .input-on-off:checked + .label-on-off .off {display:none;}
	.alarm-push dd .input-on-off:checked + .label-on-off .marble {left:45px;}
	.time-setting {margin-top:10px; min-height:500px; box-sizing:border-box; padding:0 20px; background:#fff;}
	.time-setting dl {padding:20px 0;}
	.time-setting .time-show {width:100%; box-sizing:border-box; padding:15px; background:#f3f7fb; overflow:hidden;}
	.time-setting .time-show > p {float:left; font-size:13px; color:#828aa0;}
	.time-setting .time-show > a {float:right; display:block; font-size:13px; color:#3a79af;}
	.time-setting .time-show > a img {transform:rotate(90deg);}
	.time-setting .time-change {width:100%; background:#fff; overflow:hidden;}
	.time-setting .time-change > ul {overflow:hidden;}
	.time-setting .time-change > ul li {margin-bottom:10px; overflow:hidden;}
	.time-setting .time-change > ul li:last-child {margin:0;}
	.time-setting .time-change > ul li > div {float:left; width:calc((98% - 35px) / 3); width:-webkit-calc((98% - 35px) / 3);}
	.time-setting .time-change > ul li > div:nth-child(2) {margin:0 1%;}
	.time-setting .time-change > ul li > div > select {
		-webkit-appearance:none; -moz-appearance:none; appearance:none; height:50px; vertical-align:top; 
		width:100%; font-size:15px; box-sizing:border-box; padding:0 5px; border:1px solid #d7dbe6; 
		background:url('../images/infohub/select_arr.png') 90% center no-repeat, #fff;
	}
	.time-setting .time-change > ul li > div > select::-ms-expand {display: none;}
	.time-setting .time-change > ul li span {float:left; display:block; font-weight:500; line-height:50px; color:#828aa0; margin-left:5px;}
	.time-setting .time-change > a {display:block; width:100%; margin-top:15px; letter-spacing:-1px; color:#fff; text-align:center; box-sizing:border-box; padding:10px 5px; border-radius:2px; background:#3a79af;}
}


/* 테블릿2  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:768px) and (max-width:1199px) {
	/* 기본 레이아웃 NEW */
	#hdrNew {position:relative; height:245px; padding:0 20px;}
	#hdrNew h1 {float:none; width:220px; text-align:center; margin:35px auto 25px auto;}
	#hdrNew h1 > a img {height:45px;}
	#hdrNew .total-srch-wrap {float:none; width:100%; margin:84px 0 0 0;}
	#hdrNew .hdr-site {position:absolute; left:0; top:105px; float:none; width:100%; margin:0 auto; text-align:center;}
	#hdrNew .hdr-site > li {float:none; display:inline-block; margin-left:5px;}
	#hdrNew .hdr-site > li > a {font-size:12px;}
	
	#contWrap {margin-top:5px; padding:0 20px; border-top:1px solid #ebebeb;}
	#contNew {width:100%; min-height:1024px; padding-bottom:30px;}
	
	#footerNew {padding:0 50px; text-align:center;}
	
	
	
	/* 메인New */
	.itemCount {height:auto; margin:60px 0 40px 0;}
	.itemCount h2 {float:none; text-align:center; font-size:20px; margin:20px 0;}
	.itemCount p {float:none; font-size:16px; text-align:center; margin:0;}
	
	.listMainImg h3 {font-size:20px;}
	.listMainImg > div > ul > li {float:left; width:calc((100% - 30px) / 4); width:-webkit-calc((100% - 30px) / 4); height:230px;}
	.listMainImg > div > ul > li:nth-child(5n) {margin:0 10px 10px 0;}
	.listMainImg > div > ul > li:nth-child(4n) {margin:0 0 10px 0;}
	
	
	
	/* 상세New */
	.detailNumItem {margin:60px 0 30px 0;}



	/* 공통 */
	.tabItem {position:absolute; left:0; top:0; width:100%;}
	.tabItem > li {float:left; width:33.333%; margin:0 auto; border-radius:0; border:none;}
	.tabItem > li:nth-child(3n-1) {border-left:1px solid #d7dbe6; border-right:1px solid #d7dbe6;}
	.tabItem > li > a strong {display:inline-block; font-size:15px; line-height:24px; overflow:hidden;}
	.tabItem > li > a span {margin:5px 0 0 5px;}

	.mainTab > li {height:60px;}
	.detailTab > li {width:16.6667%;}
	.detailTab > li:nth-child(3) {border-right:1px solid #d7dbe6;}
	.detailTab > li > a strong {display:block;}
	
}


/* PC  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:1200px) and (max-width:1600px){
	/* 기본 레이아웃 NEW */
	#hdrNew {padding:0 30px 0 0;}
	#hdrNew .total-srch-wrap {width:calc(100% - 530px); width:-webkit-calc(100% - 530px);}
	
	#contWrap {padding:0 30px 0 200px;}
	#contNew {width:calc(100% - 330px); width:-webkit-calc(100% - 330px);}
	
	#footerNew {padding:0 30px 0 200px;}
	
	
	
	/* 메인New */
	.listMainImg h3 {font-size:20px;}
	.listMainImg > div > ul > li {float:left; width:calc((100% - 30px) / 4); width:-webkit-calc((100% - 30px) / 4); height:155px;}
	.listMainImg > div > ul > li:nth-child(5n) {margin:0 10px 10px 0;}
	.listMainImg > div > ul > li:nth-child(4n) {margin:0 0 10px 0;}
}