@charset "utf-8";


/* 메인  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 검색정보 */
.mainInfo {width:100%; padding:25px 0 20px 0; border-bottom:#333 1px solid; overflow:hidden;}
.mainInfo dt {float:left; font-size:26px; line-height:30px;}
.mainInfo dt strong {color:#333; letter-spacing:-1px;}
.mainInfo dt span {font-size:18px;}
.mainInfo dt span em {font-weight:bold; color:#e83839;}
.mainInfo dd {float:right; padding-top:10px;}
.mainInfo dd a {font-size:13px; letter-spacing:-1px;}
.mainInfo dd a.on {font-weight:bold; color:#000;}

/* 통제품목 */
.mainItem {width:100%; margin-top:25px;}
.mainItem h1 {margin-bottom:15px; font-size:20px; line-height:24px; font-weight:bold; color:#0e53a2;}
.mainItem h1 span {font-size:14px; color:#e83839;}
.mainItem table {width:100%; table-layout:fixed; border-top:#0b52a2 3px solid; border-right:#dfe4ec 1px solid; background:#ecf1f8;}
.mainItem table thead th {padding:15px 8px; font-size:20px; line-height:22px; font-weight:bold; color:#0e53a2; letter-spacing:-1px; text-align:center; border-bottom:#dfe4ec 1px solid; border-left:#dfe4ec 1px solid;} 
.mainItem table tbody th {padding:15px; text-align:left; font-size:16px; font-weight:bold; color:#333; border-bottom:#dfe4ec 1px solid; border-left:#dfe4ec 1px solid; background:#fff;}
.mainItem table tbody td {padding:15px; border-bottom:#dfe4ec 1px solid; border-left:#dfe4ec 1px solid; background:#fff;} 
.mainItem table tbody td.arrBtn {text-align:right; vertical-align:top; border-left:none;} 

/* 이미지 */
.mainImg {width:100%; margin-top:25px;}
.mainImg h1 {margin-bottom:15px; font-size:20px; line-height:24px; font-weight:bold; color:#0e53a2;}
.mainImg h1 span {font-size:14px; color:#e83839;}
.mainImg ul {width:100%; overflow:hidden;}
.mainImg ul li {float:left; width:23.5%; margin:0 0 2% 2%;}
.mainImg ul li:first-child {margin-left:0;}
.mainImg ul li div {border:#e5e5e5 1px solid;}







/* 상세  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 통제번호 */
.detailNum {width:100%; padding:25px 0 20px 0; border-bottom:#333 1px solid; overflow:hidden;}
.detailNum dt {float:left; font-size:18px; line-height:24px; padding-right:10px; font-weight:bold; color:#333; letter-spacing:-1px;}
.detailNum dd {float:left; width:240px; margin-left:0px; padding-left:0px; text-align:left; font-size:17px; line-height:22px; font-weight:bold; color:#0f6fb7; background:#ffffff;}

/* 영역나누기 */
.detailArea {width:100%; margin-top:25px; overflow:hidden;}
.detailArea .daL {float:left; width:49%;}
.detailArea .daR {float:right; width:49%;}

.detailArea2 {width:100%; margin-top:25px; overflow:hidden;}
.detailArea2 .daL2 {float:left; width:49%;}
.detailArea2 .daR2 {float:right; width:49%;}

/* 타이틀 */
.detailTitle {position:relative; width:100%; padding:15px 0; border-top:#0b52a2 3px solid; border-bottom:#dfe4ec 1px solid; background:#ecf1f8; overflow:hidden;}
.detailTitle dt {width:100%; text-align:center; font-size:20px; line-height:22px; font-weight:bold; color:#0e53a2; letter-spacing:-1px;}
.detailTitle dd {position:absolute; right:20px; margin-top:-20px;}

/* 이미지 */
.detailImg {width:100%; overflow:hidden;}
.detailImg dt {float:left; width:10%; padding-top:100px; text-align:right;}
.detailImg dt:first-child {text-align:left;}
.detailImg dd {float:left; width:80%;}
.detailImg dd div ul {width:100%; overflow:hidden;}
.detailImg dd div ul li {float:left; margin:0 0 2% 2%;}



/* 통제기준 */
.detailBase {border-left:#dfe4ec 1px solid; border-right:#dfe4ec 1px solid; border-bottom:#dfe4ec 1px solid;}
.detailBase > div {height:450px; padding:20px; overflow:auto;}
.detailBase p {margin:35px 0; text-align:center;}

/* 품목해설 */
.detailExplain {margin-top:25px; border-left:#dfe4ec 1px solid; border-right:#dfe4ec 1px solid; border-bottom:#dfe4ec 1px solid;}
.detailExplain > div {height:450px; padding:20px; overflow:auto;}
.detailExplain p {margin:35px 0; text-align:center;}

/* 이미지-영역 */
.detailImgArea {border-left:#dfe4ec 1px solid; border-right:#dfe4ec 1px solid; border-bottom:#dfe4ec 1px solid;}
.detailImgArea div {padding:20px 10px;}
/* 전략기술 P/S */
.detailPS {border-left:#dfe4ec 1px solid; border-right:#dfe4ec 1px solid; border-bottom:#dfe4ec 1px solid;}
.detailPS div {height:180px; padding:20px; overflow:auto;}
.detailPS div ul {width:100%; overflow:hidden;}
.detailPS div ul li {padding:2px 0;}

/* 관련 HSK */
.detailHSK {border-left:#dfe4ec 1px solid; border-right:#dfe4ec 1px solid; border-bottom:#dfe4ec 1px solid;}
.detailHSK div {height:180px; padding:20px; overflow:auto;}
.detailHSK div ul {width:100%; overflow:hidden;}
.detailHSK div ul li {padding:2px 0;}

/* 판정사례 */
.detailCase {margin-top:25px; border-left:#dfe4ec 1px solid; border-right:#dfe4ec 1px solid; border-bottom:#dfe4ec 1px solid;}
.detailCase div {height:550px; padding:20px 10px; overflow:auto;}
.detailCase div > dl {width:100%; overflow:hidden;}
.detailCase div > dl > dt {float:left; width:10%; padding-top:250px; text-align:right;}
.detailCase div > dl > dt:first-child {text-align:left;}
.detailCase div > dl > dd {float:left; width:80%;}
.detailCase div > dl > dd dl {width:100%; margin-bottom:20px; overflow:hidden;}
.detailCase div > dl > dd dl dt {float:left; width:48%;}
.detailCase div > dl > dd dl dt img {border:#e5e5e5 1px solid;}
.detailCase div > dl > dd dl dd {float:right; width:42%;}
.detailCase div > dl > dd dl dd h1 {font-size:20px; font-weight:bold; color:#333;}
.detailCase div > dl > dd dl dd ul {width:100%; margin-top:10px; overflow:hidden;}
.detailCase div > dl > dd dl dd ul li {padding:3px 0;}

/* 버튼 */
.detailBtn {margin:35px 0 40px 0; text-align:center;}
.detailBtn a {margin:0 10px;}

/* 통제기준 - 스탭 */
.stepText {width:100%;}
.stepText .d1 {padding:5px 0 0 10px;}
.stepText .d2 {padding:5px 0 0 20px;}
.stepText .d3 {padding:5px 0 0 30px;}
.stepText .d4 {padding:5px 0 0 40px;}
.stepText .d5 {padding:5px 0 0 50px;}
.stepText .d6 {padding:5px 0 0 60px;}
.stepText .d7 {padding:5px 0 0 70px;}
.stepText .d8 {padding:5px 0 0 80px;}
.stepText .d9 {padding:5px 0 0 90px;}








/* 반응형 ============================================================================================ */
/* 모바일  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (max-width:480px) {
/* 검색정보 */
.mainInfo {padding:20px 0 15px 0;}
.mainInfo dt {width:100%; font-size:18px; line-height:22px;}
.mainInfo dt span {font-size:14px;}
.mainInfo dd {float:left; width:100%; margin-top:10px; padding-top:10px; text-align:right; border-top:#e5e5e5 1px solid;}
.mainInfo dd a {font-size:12px;}

/* 통제품목 */
.mainItem {margin-top:15px;}
.mainItem table colgroup col:nth-child(3) {width:14%;}
.mainItem table thead th {font-size:16px; line-height:18px;} 
.mainItem table tbody th {font-size:14px;}
.mainItem table tbody td {font-size:13px;} 


/* 영역나누기 */
.detailArea .daL {width:100%;}
.detailArea .daR {width:100%;}

.detailArea2 .daL2 {width:100%;}
.detailArea2 .daR2 {width:100%; margin-top:25px;}

/* 이미지 */
.detailImg dt {width:12%; padding-top:50px;}
.detailImg dd {width:76%;}

/* 이미지-영역 */
.detailImgArea {margin-top:25px;}

/* 판정사례 */
.detailCase div > dl > dt {width:12%; padding-top:250px;}
.detailCase div > dl > dd {width:76%;}

/* 버튼 */
.detailBtn {margin:25px 0 30px 0; text-align:center;}
.detailBtn a {margin:10px 0 0 0;}
}


/* 테블릿1  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:481px) and (max-width:767px) {
/* 검색정보 */
.mainInfo dt {font-size:22px; line-height:26px;}
.mainInfo dt span {font-size:16px;}

/* 통제품목 */
.mainItem {margin-top:20px;}
.mainItem table colgroup col:nth-child(3) {width:8%;}


/* 영역나누기 */
.detailArea .daL {width:100%;}
.detailArea .daR {width:100%;}

/* 이미지-영역 */
.detailImgArea {margin-top:25px;}
}


/* 테블릿2  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:768px) and (max-width:1199px) {

}


/* PC  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:1200px) {

}

/* 조회이력 */
.hist {width:93%; margin-top:0px;}
.hist table {width:100%; table-layout:fixed; border-top:#0b52a2 3px solid; border-right:#dfe4ec 1px solid; background:#ecf1f8;}
.hist table thead th {padding:8px 8px; font-size:14px; line-height:16px; font-weight:bold; color:#0e53a2; letter-spacing:-1px; text-align:center; border-bottom:#dfe4ec 1px solid; border-left:#dfe4ec 1px solid;} 
.hist table tbody th {padding:15px; text-align:left; font-size:16px; font-weight:bold; color:#333; border-bottom:#dfe4ec 1px solid; border-left:#dfe4ec 1px solid; background:#fff;}
.hist table tbody td {padding:15px; border-bottom:#dfe4ec 1px solid; border-left:#dfe4ec 1px solid; background:#fff;} 
.hist table tbody td.arrBtn {text-align:right; vertical-align:top; border-left:none;}