@charset "utf-8";

/* container */
#container {position:relative; width:100%; padding-top:186px;} 
#container:after {display:block; content:""; clear:both;}

.main_wrap {position:relative; width:100%;}
.main_wrap .MC_cont_wrap{position:relative; width:100%; max-width:1400px; margin:0 auto; overflow:hidden;}

.main_wrap .MC_wrap01 {position:relative; width:100%;}
.main_wrap .MC_wrap02 {position:relative; width:100%; max-width:1400px; margin:0 auto; padding:50px 0; overflow:hidden;}
.main_wrap .MC_wrap03{position:relative; width:100%; background:#dfe4ea; z-index:1;}
.main_wrap .MC_wrap03::before{content:""; position: absolute; left:0; top:-20px; width:53%; height:230px; background:#114a7b url('/images/web/cclss/main/bg_wrap03.png') no-repeat right center; z-index:0;}

/* 메인비주얼 */
.main_visual {position:relative; width:100%; height:490px; z-index:1;}
.main_visual button{cursor: pointer;}
.main_visual ul li{overflow:hidden;}
.main_visual #m_visual{height:100%; text-align:center;}
.main_visual #m_visual div{height:100%;}
.main_visual #m_visual li {position:relative; width:100%; height:100%; }
.main_visual #m_visual li img { width:auto; height:100%;}
/* 슬라이드 화살표 사용시 활성
.main_visual #m_visual .slick-arrow{position: absolute; width:85px; height:40px; top:30%; text-indent:-99999%; overflow:hidden; z-index:1;}
.main_visual #m_visual .slick-prev{left:50%; margin-left:-700px; background:url('../images/main/btn_m_prev.png') no-repeat left center;}
.main_visual #m_visual .slick-next{right:50%; margin-right:-700px; background:url('../images/main/btn_m_next.png') no-repeat right center;}
*/
.main_visual .slogan_wrap{position: absolute; width:100%; max-width:1400px; top:10%; left:50%; margin-left:-700px; letter-spacing: -1px; text-align:center;}
.main_visual #m_slogan li p{color:#fff; line-height:1.2; word-break:keep-all; text-shadow: 2px 2px 2px rgba(0,0,0,0.5);}
.main_visual #m_slogan li p.txt1{position:relative; font-size:22px; padding:15px 0 0;}
.main_visual #m_slogan li p.txt1::before{content:""; position: absolute; left:50%; top:0; width:70px; height:2px; margin-left:-35px; background:#fff; box-shadow:2px 2px 2px rgba(0,0,0,0.5);}
.main_visual #m_slogan li p.txt2{font-size:50px; font-family:'NotoM'; line-height:50px; margin:20px 0; }
.main_visual #m_slogan li p.txt3{font-size:16px; font-family: 'NotoR';}
.main_visual #m_slogan .slick-dots{position: absolute; left:50%; bottom:-53px; margin-left:15px;}
.main_visual #m_slogan .slick-dots li{float:left; margin-right:8px;}
.main_visual #m_slogan .slick-dots li button{width:10px; height:10px; border-radius:10px; background:rgba(255,255,255,0.7); text-indent:-9999%; overflow:hidden; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.main_visual #m_slogan .slick-dots li.slick-active button{width:20px; background:#fff;}
.main_visual .control_btn{position: absolute; left:50%; bottom:-50px; margin-left:-20px; } 
.main_visual .control_btn button{width:25px; height:25px; border:0px;  border-radius:20px; font-size:0; float:left;}
.main_visual .control_btn button.btn_stop{background:rgba(0,0,0,0.5) url('/images/web/cclss/main/btn_m_stop.png') no-repeat center; }
.main_visual .control_btn button.btn_play{display:none; background:rgba(0,0,0,0.5) url('/images/web/cclss/main/btn_m_play.png') no-repeat center; }

/* 바로가기01 */
.m_link01{position: absolute; left:0; bottom:0; width:100%; height:auto; background:rgba(0,0,0,0.6); z-index:10;} 
.m_link01 ul{width:100%; max-width:1400px; margin:0 auto; overflow:hidden;}
.m_link01 ul li{width:33%; float:left; text-align:center;}/* 191218 수정 */
.m_link01 ul li:first-child{margin-left:0;}
.m_link01 ul li a{display:block; line-height:18px; padding:20px 10px 10px; word-break:keep-all;}
.m_link01 ul li a p{width:77px; height:85px; line-height:85px; margin:0 auto; background:url('/images/web/cclss/main/bg_link01.png') no-repeat center;}
.m_link01 ul li a p img{width:48px; height:40px;}
.m_link01 ul li a span{display:block; height:32px; color:#fff; line-height:16px; font-size:13px; margin:10px 0 0;}
.m_link01 ul li a:hover{background:#e4022e;}
.m_link01 ul li a:hover p{ background:url('/images/web/cclss/main/bg_link01_ov.png') no-repeat center;}
.m_link01 ul li a:hover img{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -webkit-transform: rotateY(360deg);}
.m_link01 ul li, .m_link01 ul li p, .m_link01 ul li a img{ -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* 공지사항 */
.Notice {position:relative; width:700px; height:275px; float:left;}
.Notice h2 {position:relative; float:left; font-size:20px; line-height:1.1; font-family:'NotoR'; font-weight:normal; z-index:2;} 
.Notice h2 a {position:relative; display:block; text-align:center; color:#999; font-family:'NotoM'; padding:0 15px 10px; margin-right:5px;}
.Notice h2 a:hover{color:#000; text-decoration: underline;}
.Notice h2.current a {color:#043764; font-family: 'NotoB';}
.Notice h2.current a::before{content:""; position: absolute; left:0; bottom:-4px; width:100%; height:6px; background:#005dbb;}
.Notice .list_box1 {display:none; position:absolute; left:0; top:32px; width:100%; padding:10px 0 0; background:url('/images/web/cclss/main/pttrn_notice.png') repeat-x top;}
.Notice .list_box1.on {display:block;}
.Notice .list_box1 ul { height:230px; overflow:hidden;}
.Notice .list_box1 ul li {position:relative; padding-left:85px; overflow:hidden; margin:9px 0 0;}
.Notice .list_box1 ul li a {display:block; color:#333; width:100%; float:left; margin:10px 0; }
.Notice .list_box1 ul li a .tit{font-size:16px; color:#111; font-family: 'NotoM'; position:relative; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0 0 5px; }
.Notice .list_box1 ul li a span{display:block; font-size:13px; color:#999; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.Notice .list_box1 ul li a img {vertical-align:middle; margin-right:5px;}
.Notice .list_box1 ul li .date{position: absolute; left:0; top:0px; width:63px; height:63px; border:1px dashed #333; border-radius:50px; text-align:center;}
.Notice .list_box1 ul li .date span{display:block;}
.Notice .list_box1 ul li .date .year{position: absolute; left:15%; bottom:5px; width:70%; line-height:20px; color:#666; font-size:13px; border-top:1px solid #aaa;}
.Notice .list_box1 ul li .date .d-m{font-size:18px; color:#002a54; line-height:48px; font-family: 'NotoM';}
.Notice .list_box1 ul li.new a .tit{padding-left:25px;}
.Notice .list_box1 ul li.new a .tit::after{content:"N"; position: absolute; left:0; top:2px; width:20px; height:20px; line-height:20px; background:#f00; text-align:center; font-size:13px; color:#fff; font-family: 'NotoM'; border-radius:20px;}
.Notice .list_box1 ul li a:hover {color:#222; text-decoration:underline;}
.Notice .list_box1 ul li a:hover p{color:#005dbb;}
.Notice .list_box1 ul li:hover .date{border-color:#005dbb;}
.Notice a.btn_more {position:absolute; top:-35px; right:0; width:24px; height:24px; display:block; text-indent:-10000em; background:url('/images/web/cclss/main/btn_more.png') no-repeat center; overflow:hidden;}
.Notice h2 a, .Notice .list_box1 p{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

.Notice .list_box2 {display:none; position:absolute; left:0; top:32px; width:100%; padding:10px 0 0; background:url('/images/web/cclss/main/pttrn_notice.png') repeat-x top;}
.Notice .list_box2.on {display:block;}
.Notice .list_box2 ul { height:230px; overflow:hidden;}
.Notice .list_box2 ul li {position:relative; padding-left:85px; overflow:hidden; margin:9px 0 0;}
.Notice .list_box2 ul li a {display:block; color:#333; width:100%; float:left; margin:10px 0; }
.Notice .list_box2 ul li a .tit{font-size:16px; color:#111; font-family: 'NotoM'; position:relative; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0 0 5px; }
.Notice .list_box2 ul li a span{display:block; font-size:13px; color:#999; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.Notice .list_box2 ul li a img {vertical-align:middle; margin-right:5px;}
.Notice .list_box2 ul li .date{position: absolute; left:0; top:0px; width:63px; height:63px; border:1px dashed #333; border-radius:50px; text-align:center;}
.Notice .list_box2 ul li .date span{display:block;}
.Notice .list_box2 ul li .date .year{position: absolute; left:15%; bottom:5px; width:70%; line-height:20px; color:#666; font-size:13px; border-top:1px solid #aaa;}
.Notice .list_box2 ul li .date .d-m{font-size:18px; color:#002a54; line-height:48px; font-family: 'NotoM';}
.Notice .list_box2 ul li.new a .tit{padding-left:25px;}
.Notice .list_box2 ul li.new a .tit::after{content:"N"; position: absolute; left:0; top:2px; width:20px; height:20px; line-height:20px; background:#f00; text-align:center; font-size:13px; color:#fff; font-family: 'NotoM'; border-radius:20px;}
.Notice .list_box2 ul li a:hover {color:#222; text-decoration:underline;}
.Notice .list_box2 ul li a:hover p{color:#005dbb;}
.Notice .list_box2 ul li:hover .date{border-color:#005dbb;}
.Notice a.btn_more {position:absolute; top:-35px; right:0; width:24px; height:24px; display:block; text-indent:-10000em; background:url('/images/web/cclss/main/btn_more.png') no-repeat center; overflow:hidden;}
.Notice h2 a, .Notice .list_box2 p{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

.Notice .list_box3 {display:none; position:absolute; left:0; top:32px; width:100%; padding:10px 0 0; background:url('/images/web/cclss/main/pttrn_notice.png') repeat-x top;}
.Notice .list_box3.on {display:block;}
.Notice .list_box3 ul { height:230px; overflow:hidden;}
.Notice .list_box3 ul li {position:relative; padding-left:85px; overflow:hidden; margin:9px 0 0;}
.Notice .list_box3 ul li a {display:block; color:#333; width:100%; float:left; margin:10px 0; }
.Notice .list_box3 ul li a .tit{font-size:16px; color:#111; font-family: 'NotoM'; position:relative; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0 0 5px; }
.Notice .list_box3 ul li a span{display:block; font-size:13px; color:#999; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.Notice .list_box3 ul li a img {vertical-align:middle; margin-right:5px;}
.Notice .list_box3 ul li .date{position: absolute; left:0; top:0px; width:63px; height:63px; border:1px dashed #333; border-radius:50px; text-align:center;}
.Notice .list_box3 ul li .date span{display:block;}
.Notice .list_box3 ul li .date .year{position: absolute; left:15%; bottom:5px; width:70%; line-height:20px; color:#666; font-size:13px; border-top:1px solid #aaa;}
.Notice .list_box3 ul li .date .d-m{font-size:18px; color:#002a54; line-height:48px; font-family: 'NotoM';}
.Notice .list_box3 ul li.new a .tit{padding-left:25px;}
.Notice .list_box3 ul li.new a .tit::after{content:"N"; position: absolute; left:0; top:2px; width:20px; height:20px; line-height:20px; background:#f00; text-align:center; font-size:13px; color:#fff; font-family: 'NotoM'; border-radius:20px;}
.Notice .list_box3 ul li a:hover {color:#222; text-decoration:underline;}
.Notice .list_box3 ul li a:hover p{color:#005dbb;}
.Notice .list_box3 ul li:hover .date{border-color:#005dbb;}
.Notice a.btn_more {position:absolute; top:-35px; right:0; width:24px; height:24px; display:block; text-indent:-10000em; background:url('/images/web/cclss/main/btn_more.png') no-repeat center; overflow:hidden;}
.Notice h2 a, .Notice .list_box3 p{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

.Notice .list_box4 {display:none; position:absolute; left:0; top:32px; width:100%; padding:10px 0 0; background:url('/images/web/cclss/main/pttrn_notice.png') repeat-x top;}
.Notice .list_box4.on {display:block;}
.Notice .list_box4 ul { height:230px; overflow:hidden;}
.Notice .list_box4 ul li {position:relative; padding-left:85px; overflow:hidden; margin:9px 0 0;}
.Notice .list_box4 ul li a {display:block; color:#333; width:100%; float:left; margin:10px 0; }
.Notice .list_box4 ul li a .tit{font-size:16px; color:#111; font-family: 'NotoM'; position:relative; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0 0 5px; }
.Notice .list_box4 ul li a span{display:block; font-size:13px; color:#999; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.Notice .list_box4 ul li a img {vertical-align:middle; margin-right:5px;}
.Notice .list_box4 ul li .date{position: absolute; left:0; top:0px; width:63px; height:63px; border:1px dashed #333; border-radius:50px; text-align:center;}
.Notice .list_box4 ul li .date span{display:block;}
.Notice .list_box4 ul li .date .year{position: absolute; left:15%; bottom:5px; width:70%; line-height:20px; color:#666; font-size:13px; border-top:1px solid #aaa;}
.Notice .list_box4 ul li .date .d-m{font-size:18px; color:#002a54; line-height:48px; font-family: 'NotoM';}
.Notice .list_box4 ul li.new a .tit{padding-left:25px;}
.Notice .list_box4 ul li.new a .tit::after{content:"N"; position: absolute; left:0; top:2px; width:20px; height:20px; line-height:20px; background:#f00; text-align:center; font-size:13px; color:#fff; font-family: 'NotoM'; border-radius:20px;}
.Notice .list_box4 ul li a:hover {color:#222; text-decoration:underline;}
.Notice .list_box4 ul li a:hover p{color:#005dbb;}
.Notice .list_box4 ul li:hover .date{border-color:#005dbb;}
.Notice a.btn_more {position:absolute; top:-35px; right:0; width:24px; height:24px; display:block; text-indent:-10000em; background:url('/images/web/cclss/main/btn_more.png') no-repeat center; overflow:hidden;}
.Notice h2 a, .Notice .list_box4 p{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* 바로가기02 */
.m_link02{position:relative; width:330px; height:275px; margin:0 40px; float:left;}
.m_link02 h2{font-size:20px; line-height:1.1; font-family: 'NotoM';}
.m_link02 ul {padding:5px 20px; margin:10px 0 0; border:1px solid #aaa; overflow:hidden;}
.m_link02 ul li a{position:relative; display:block; line-height:57px; color:#2c3447; border-top:1px dashed #ccc; } /* 191218 수정 */
.m_link02 ul li a::before{content:""; position: absolute; width:20px; height:20px; right:0px; top:50%; margin-top:-10px; background:url('/images/web/cclss/main/btn_more_arr01.png') no-repeat center; border:1px solid #768ea8; border-radius:20px;}
.m_link02 ul li:first-child a{border-top:0;}
.m_link02 ul li a img{position: absolute; left:0; top:50%; width:30px; height:25px; margin-top:-12px;}
.m_link02 ul li a p{margin-left:45px;}
.m_link02 ul li a:hover::before{right:-10px;}
.m_link02 ul li a:hover p{margin-left:50px; color:#005dbb; font-family: 'NotoM';}
.m_link02 ul li a, .m_link02 ul li a::before, .m_link02 ul li a p{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* 분석진행 상황조회 */
.unipass{position:relative; width:290px; height:240px; margin:35px 0 0; float:right;}
.unipass .bnBox a{display:block; position:relative; height:130px; padding:30px 25px; color:#fff; background:url('/images/web/cclss/main/bg_unipass.png') no-repeat; background-size:100% 100%;}
.unipass .bnBox a::before{content:""; position: absolute; bottom:30px; left:25px; width:48px; height:22px; background:url('/images/web/cclss/main/btn_more_arr02.png') no-repeat center;}
.unipass .bnBox a h2{font-size:20px; font-family:'NotoM';}
.unipass .bnBox a p{margin:10px 0 0; padding-right:100px; word-break:keep-all; color:#dde9fe;}
.unipass .bnBox a img{position: absolute; width:84px; height:96px; right:20px; bottom:20px;}
.unipass .bnBox a:hover{opacity: 0.9;}
.unipass .bnBox a:hover h2{text-decoration: underline;}
.unipass .bnBox a:hover::before{left:35px;}
.unipass ul li{width:100%;}/* 191231 */
.unipass ul li a{display:block; line-height:50px; text-align:center; background:#123294; color:#fff; font-family: 'NotoM';}
.unipass ul li.dateinfo {display:none;}/* 191231 */
.unipass ul li.dateinfo a{background:#0170e0;}
.unipass ul li a:hover{background:#061c5f; text-decoration: underline;}
.unipass ul li.dateinfo a:hover{background:#085eb4;}
.unipass .bnBox a, .unipass .bnBox a::before, .unipass ul li a{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}


/* 바로가기03 */
.m_link03{position:relative; width:45%; height:190px; margin:10px 0; font-size:0; line-height:0; z-index:1; float:left;}
.m_link03 .linkBox{width:45%; display:inline-block; vertical-align: top;}
.m_link03 .linkBox:first-child{margin-right:10%;}
.m_link03 .linkBox h2{line-height:40px; border:1px solid #88a5bd; color:#fff; text-align:Center; font-family: 'NotoM'; font-size:16px; margin:0 0 20px;}
.m_link03 .linkBox a{display:block; line-height:1.2; font-size:14px; position:relative; padding:10px; border-top:1px dashed #4983b5; color:#fff;}
.m_link03 .linkBox li:first-child a{border-top:0;}
.m_link03 .linkBox a::before{content:""; position: absolute; left:0; top:50%; width:2px; height:2px; background:#ccc;}
.m_link03 .linkBox a::after{content:""; position: absolute; right:10px; top:0; width:10px; height:100%; background:url('/images/web/cclss/main/btn_more_arr03.png') no-repeat center;}
.m_link03 .linkBox a:hover{text-decoration: underline;}
.m_link03 .linkBox a:hover::after{right:0;}
.m_link03 .linkBox a::after{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* HS CODE 검색 */
.HScode_srch{position:relative; width:33%; height:120px; padding:50px 12% 40px 5%; background:url('/images/web/cclss/main/bg_search.png') no-repeat right center; float:right; z-index:1;}
.HScode_srch h2{font-family: 'NotoR'; color:#434483; font-size:22px; letter-spacing: -1px;}
.HScode_srch h2 strong{font-family: 'NotoM'; color:#043764;}
.HScode_srch h2 span{ color:#333;}
.HScode_srch p{font-size:13px; margin:5px 0 15px; letter-spacing: -0.5px; font-family:'NotoM'; color:#555;}
.HScode_srch .searchBox{position:relative; margin:25px 0 0; padding-right:100px;}
.HScode_srch .searchBox .selectBox{position:relative; width:30%; height:35px; margin-right:2%; overflow:hidden; float:left;}
.HScode_srch .searchBox .selectBox::after{content:""; position: absolute; right:0; top:0; width:33px; height:32px; background:url('/images/web/cclss/main/search_arr02.png') no-repeat center;}
.HScode_srch .searchBox select{height:33px; width:100%; font-family: 'NotoR'; padding-left:10px; line-height:33px; background:#fff; border:0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align: middle;}
.HScode_srch .searchBox input{width:67%; height:33px; line-height:33px; background:#fff;border:0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align: middle;}
.HScode_srch a.search_btn{display:block; position: absolute; right:0; bottom:0; width:100px; line-height:35px; text-align:center; color:#fff; background:#043764;}
.HScode_srch{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* HS CODE 검색 191218 수정 
.HScode_srch{position:relative; width:33%; height:120px; padding:50px 12% 40px 5%; background:url('/images/web/cclss/main/bg_search.png') no-repeat right bottom; float:right; z-index:1;}
.HScode_srch h2{font-family: 'NotoR'; color:#434483; font-size:22px; letter-spacing: -1px;}
.HScode_srch h2 strong{font-family: 'NotoM'; color:#043764;}
.HScode_srch h2 span{ color:#333;}
.HScode_srch p {font-size:13px; margin:5px 0 10px; letter-spacing: -0.5px; font-family:'NotoM'; color:#555;}
.HScode_srch a {display:inline-block; height:50px; padding:0 100px 0 20px; color:#fff; line-height:50px; font-family:'NotoM'; background:#0170e0 url('/images/web/cclss/main/search_arr03.png') no-repeat 85% center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.HScode_srch a:hover{text-decoration: underline; background-position:80% center;}
*/
/* HS CODE 검색 200803 수정 */
.HScode_srch{position:relative; width:33%; height:120px; padding:50px 12% 40px 5%; background:url('/images/web/cclss/main/bg_search.png') no-repeat right bottom; background-size:30%; float:right; z-index:1;}
.HScode_srch h2{font-family: 'NotoR'; color:#434483; font-size:17px; letter-spacing: -1px;}
.HScode_srch h2 strong{font-family: 'NotoM'; color:#043764;}
.HScode_srch h2 span{ color:#333;}
.HScode_srch p {font-size:12px; margin:5px 0 10px; letter-spacing: -0.5px; font-family:'NotoM'; color:#555;}
.HScode_srch a {display:inline-block; height:40px; padding:0 100px 0 20px; color:#fff; line-height:40px; font-family:'NotoM'; background:#0170e0 url('/images/web/cclss/main/search_arr03.png') no-repeat 85% center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.HScode_srch a:hover{text-decoration: underline; background-position:80% center;}

.HScode_srch_div {width:45%; display:inline-block; float:left; margin-left:10px;}

/* 배너 191210 전체덮어쓰기 */
.banner_box {position:relative; height:65px; background:#fff;}
.banner_box .banner_inner {position:relative; width:1300px; line-height:46px; margin:0 auto; padding:10px 0; overflow:hidden;}
.banner_box h2 {position: absolute !important; height: 1px; width:1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } 
.banner_box .obj {position:relative; margin-right:200px; height:46px; overflow:hidden;}
.banner_box .obj li {width:20%; height:46px; float:left;} 
.banner_box .obj li a {display:block; margin:0 5px; text-align:center;}
.banner_box .obj li a img {max-width:100%; height:100%;}
.banner_box .control {position:absolute; top:10px; right:0; z-index:10} 
.banner_box .control a {display:block; float:left; text-indent:-10000px; width:45px; height:46px; overflow:hidden; }
.banner_box .control a.prev { background:url('/images/web/cclss/main/btn_b_prev.png') no-repeat; }
.banner_box .control a.next { background:url('/images/web/cclss/main/btn_b_next.png') no-repeat; }
.banner_box .control a.stop { width:46px; background:url('/images/web/cclss/main/btn_b_stop.png') no-repeat; }
.banner_box .control a.play { width:46px; background:url('/images/web/cclss/main/btn_b_play.png') no-repeat; }
.banner_box .control a.list { width:46px; background:url('/images/web/cclss/main/btn_b_list.png') no-repeat; }

@media screen and (max-width:1420px) {

	.main_visual, .Notice, .HScode_srch, .unipass, .m_link01, .m_link02, .m_link03{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

	.main_wrap .MC_cont_wrap{width:96%;}
	.main_wrap .MC_wrap02{width:96%; padding:40px 0;}
	
	/* 메인비주얼 */
	.main_visual .slogan_wrap{margin-left:0; left:0;}

	/* 공지사항 */
	.Notice{width:60%;}

	/* 바로가기02 */
	.m_link02{width:24%; margin:0 2%;}

	/* 분석진행 상황조회 */
	.unipass{width:24%;}

	/* HS CODE 검색 191218 수정 */
	.HScode_srch{width:50%; height:210px; padding:50px 5% 40px; background-size:auto 140px;}

	/* 배너 */
	.banner_box .banner_inner {width:95%;}
	.banner_box .obj li {width:20%;} 

}

@media screen and (max-width:1200px) {	
	
	/* container */
	#container {padding-top:0;} 

	/* 배너 */
	.banner_box .obj li {width:25%;}


	.HScode_srch a {display:inline-block; font-size:10px; height:40px; padding:0 80px 0 10px; color:#fff; line-height:40px; font-family:'NotoM'; background:#0170e0 url('/images/web/cclss/main/search_arr03.png') no-repeat 95% center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
	.HScode_srch a:hover{text-decoration: underline; background-position:80% center;}
	
	.HScode_srch_div {width:45%; display:inline-block; float:left; margin-left:10px;}


}
@media screen and (max-width:960px) {
	
	.main_wrap .MC_wrap03::before{width:120%; right:-20%;}

	/* 공지사항 */
	.Notice{width:100%; margin:0 0 20px;}
	
	/* 바로가기02 */
	.m_link02{width:48%; margin:0 4% 0 0;}

	/* 분석진행 상황조회 */
	.unipass{width:48%;}

	/* 바로가기03 */
	.m_link03{width:100%;}
	.m_link03 .linkBox{width:48%;}
	.m_link03 .linkBox:first-child{margin-right:4%;}

	/* HS CODE 검색 191218 수정 */
	.HScode_srch{width:100%; height:auto; padding:30px 2% 30px;}
	
}

@media screen and (max-width:760px) {
	
	/* 메인비주얼 */
	.main_visual{height:560px;}
	.main_visual .slogan_wrap{top:8%;}
	.main_visual #m_slogan li p.txt2{font-size:45px;}
	
	/* 공지사항 */
	.Notice { float:none;}

	/* 바로가기01 */
	.m_link01 ul li{width:32%;}
	.m_link01 ul li:nth-child(3n+1){margin-left:0%;}
	.m_link01 ul li a{padding:10px 5px 5px;}
	.m_link01 ul li a p{width:65px; height:72px; line-height:72px; background-size:cover;}
	.m_link01 ul li a img{width:40px; height:auto;}
	.m_link01 ul li a:hover p{background-size:cover;}

	/* 배너 191224 수정 */	
	.banner_box .obj li {width:50%;} 


}
@media screen and (max-width:690px) {	

}

@media screen and (max-width:560px) {	
	
	/* 메인비주얼 */
	.main_visual{height:520px;}
	.main_visual #m_slogan li p.txt1{font-size:20px;}
	.main_visual #m_slogan li p.txt2{font-size:40px;}
	.main_visual #m_slogan li p.txt3{font-size:15px;}
	.main_visual #m_slogan .slick-dots{display:none !important;}
	.main_visual .control_btn{display:none !important;}

	/* 바로가기01 */
	.m_link01 ul li a{padding:10px 5px 5px;}
	.m_link01 ul li a p{width:60px; height:66px; line-height:66px; }
	.m_link01 ul li a img{width:40px; height:auto;}
	.m_link01 ul li a span{font-size:13px;}

	/* HS CODE 검색 191218 수정 */
	.HScode_srch{background-size:auto 70%;}
	.HScode_srch p{padding-right:150px; word-break:keep-all;}
	.HScode_srch .searchBox .selectBox{width:60%; margin:0 0 5px;}
	.HScode_srch .searchBox input{width:98%;}

	/* 배너 191224 수정 */	
	.banner_box .obj {margin-right:150px; height:46px; overflow:hidden;}
	.banner_box .obj li {width:1000%;} 
	.banner_box .control {position:absolute; top:15px; right:0; z-index:10} 
	.banner_box .control a {width:35px; height:36px;}
	.banner_box .control a.prev,
	.banner_box .control a.next {background-size:auto 36px; background-position:center; }
	.banner_box .control a.stop,
	.banner_box .control a.play,
	.banner_box .control a.list { width:36px; background-size:auto 36px; background-position:center; }

	.HScode_srch_div {width:100%; display:inline-block; float:left; margin-left:10px;}

}

@media screen and (max-width:480px) {
	
	.main_wrap .MC_cont_wrap{width:90%;}

	/* 바로가기02 */
	.m_link02{width:100%; margin:0 0 20px;}

	/* 분석진행 상황조회 */
	.unipass{width:100%; margin:0;}
	
	/* 공지사항 */
	.Notice h2{font-size:18px;}	
	.Notice h2 a{padding:0 15px 15px 10px}

	/* 배너 */	
	.banner_box .obj li {width:100%;} 

}

@media screen and (max-width:380px) {

	.main_wrap .MC_wrap03::before{height:350px;}

	/* HS CODE 검색 191218 수정 */
	.HScode_srch{padding:20px 0; background-size:auto 60%;}
	.HScode_srch p{padding-right:110px;}
	
    /* 마약류정보 */
	.m_link03 {height:310px;}
	.m_link03 .linkBox{width:100%;}
	.m_link03 .linkBox:first-child{margin-right:0;}

	/* 배너 */
	.banner_box .obj li {width:100%; margin-left:0;}
}