@charset "utf-8";

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

.main_wrap {position:relative; width:100%;}
.MC_wrap01 {position:relative; width:100%;}
.MC_wrap01:after {display:block; content:""; clear:both; overflow:hidden;}
.MC_wrap02 {position:relative; width:100%; max-width:1400px; padding:50px 0; margin:0 auto; z-index:0;}
.MC_wrap02:after {display:block; content:""; clear:both; overflow:hidden;}
.MC_wrap03 {position:relative; width:100%; z-index:1; background:url('/images/web/call/main/bg_wrap03.png') no-repeat center; background-size:cover; overflow:hidden;}

.Notice, .faqBrd, .cnsltBrd {box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box;}

/* 메인비주얼 */
.main_visual {position:relative; width:100%; height:645px; z-index:1;}
.main_visual button{cursor: pointer;}
.main_visual ul li{display:inline-block; padding:25px 30px; overflow:hidden; background:rgba(255,255,255,0.6);} /* 200320 */
.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:-650px; background:url('../images/main/btn_m_prev.png') no-repeat left center;}
.main_visual #m_visual .slick-next{right:50%; margin-right:-650px; background:url('../images/main/btn_m_next.png') no-repeat right center;}
*/
.main_visual .slogan_wrap{position: absolute; width:100%; max-width:1400px; top:12%; left:50%; margin-left:-700px;}
.main_visual .slogan_wrap br{display:none;}
.main_visual #m_slogan li p{color:#111; line-height:1.3; word-break:keep-all;}
.main_visual #m_slogan li p.txt1{font-size:20px; margin:0 0 5px; text-transform:uppercase;}
.main_visual #m_slogan li p.txt1 span{color:#e4012e;}
.main_visual #m_slogan li p.txt2{font-size:40px; font-family: 'NotoT'; letter-spacing: -1px;}
.main_visual #m_slogan li p.txt2 strong{font-family: 'NotoM';}
.main_visual #m_slogan .slick-dots{margin:20px 0 0 35px;}
.main_visual #m_slogan .slick-dots li{float:left; margin-right:8px;}
.main_visual #m_slogan .slick-dots li button{width:13px; height:13px; border-radius:13px; background:rgba(0,0,0,0.5); 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:25px; background:#053863;}
.main_visual .control_btn{position: absolute; left:0px; bottom:2px; } 
.main_visual .control_btn button{width:23px; height:23px; border:0px;  border-radius:15px; font-size:0; float:left;}
.main_visual .control_btn button.btn_stop{background:rgba(0,0,0,0.5) url('/images/web/call/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/call/main/btn_m_play.png') no-repeat center; }

/* 사례조회 */
.case_inq{position:absolute; left:50%; top:40%; margin-left:-700px; z-index:3;}
.case_wrap{position:relative; width:550px; padding:10px; background:#fff; border-radius:10px; box-shadow: 3px 3px 5px rgba(0,0,0,0.5);}
.case_wrap h2{position:absolute; left:0; top:10px; width:100px; line-height:35px; border-right:1px solid #ccc; text-align:center; font-size:16px; color:#111; font-family: 'NotoM';}
.case_wrap .inputBox{margin:0 100px; }
.case_wrap .inputBox input{width:100%; height:35px; line-height:35px; border:0; color:#666; font-family: 'NotoR';}
.case_wrap a.btn_search{position: absolute; right:-20px; top:-15px; width:80px; height:80px; text-indent:-99999%; overflow:hidden; background:#042163 url('/images/web/call/main/btn_search_wh.png') no-repeat center; border-radius:80px; box-shadow: 3px 3px 5px rgba(0,0,0,0.5); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.case_wrap a.btn_search:hover{background-color:#e4012e;}

/* 바로가기01 */
.m_link01{position:absolute; width:100%; height:220px; max-width:1400px; bottom:70px; left:50%; margin-left:-700px; z-index:2;}
.m_link01 h2{position: absolute; width:0px; height:0px; overflow:hidden; text-indent: -9999%;}
.m_link01 ul {width:100%; height:100%; float:left;}
.m_link01 ul li{width:18.3%; height:100%; margin-left:2%; float:left;}
.m_link01 ul li:first-child{margin-left:0;}
.m_link01 ul li a{display:block; position:relative; height:100%; padding:0 30px; color:#fff; word-break:keep-all;}
.m_link01 ul li a::before{content:""; position: absolute; right:10px; bottom:10px; width:11px; height:11px; background:url('/images/web/call/main/more_mini_bk.png') no-repeat center;}
.m_link01 ul li a h3{font-size:22px; line-height:28px; font-family: 'NotoM'; padding:30px 0 5px; overflow:hidden; letter-spacing: -1.5px;}
.m_link01 ul li a p{opacity: 0.9;}
.m_link01 ul li a p.img{width:60px; height:60px; position: absolute; left:30px; bottom:30px;}
.m_link01 ul li.link01 a{background:rgba(228, 2, 46, 0.8) url('/images/web/call/main/bg_link01_wh.png') no-repeat right bottom;}
.m_link01 ul li.link02 a{background:rgba(32, 65, 175, 0.8) url('/images/web/call/main/bg_link01_wh.png') no-repeat right bottom;}
.m_link01 ul li.link03 a{background:rgba(255, 255, 255, 0.8) url('/images/web/call/main/bg_link01_bk.png') no-repeat right bottom; color:#111;}
.m_link01 ul li.link03 a span{ color:#333;}
.m_link01 ul li.link03 a::before{background:url('/images/web/call/main/more_mini_wh.png') no-repeat center;}
.m_link01 ul li.link04 a{background:rgba(3, 35, 65, 0.8) url('/images/web/call/main/bg_link01_wh.png') no-repeat right bottom;}
.m_link01 ul li.link05 a{background:rgba(186, 125, 78, 0.8) url('/images/web/call/main/bg_link01_wh.png') no-repeat right bottom;}
.m_link01 ul li a:hover h3{text-decoration: underline;}
.m_link01 ul li a:hover::before{transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg);}
.m_link01 ul li a:hover p img{transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg);}
.m_link01 ul li a span{display:block; color:#fff; font-size:15px; line-height:18px; margin:10px 0 0;}
.m_link01 ul li.link01 a:hover{background-color:rgb(228, 2, 46);}
.m_link01 ul li.link02 a:hover{background-color:rgb(32, 65, 175);}
.m_link01 ul li.link03 a:hover{background-color:rgb(255, 255, 255);}
.m_link01 ul li.link04 a:hover{background-color:rgb(3, 35, 65);}
.m_link01 ul li a, .m_link01 ul li a::before, .m_link01 ul li a p 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:690px; height:425px; float:left; text-align:right; border:1px solid #ccc;}
.Notice h2{font-size:20px; line-height:68px; padding:0 20px; color:#111; font-family: 'NotoM'; float:left;}
.Notice h3 {position:relative; display:inline-block; font-size:14px; margin:18px 10px 18px 0;}.Notice h3 a {display:block; line-height:30px; text-align:center; color:#999; font-family:'NotoM'; padding:0 20px; border:1px solid #ccc; border-radius:20px;}
.Notice h3 a:hover{border-color:#000; color:#000;}
.Notice h3.current a {background:#f00; border-color:#f00; color:#fff;}
.Notice .list_box {display:none; position:absolute; left:0; top:68px; width:100%; height:354px; border-top:1px solid #ccc; text-align:left; background:#f1f1f1;}
.Notice .list_box.on {display:block;}
.Notice .list_box .contBox{width:100%; height:100%; overflow:auto;}
.Notice .list_box ul{position:relative; padding:20px 0 30px 20px;}
.Notice .list_box ul::before{content:""; width:1px; height:100%; position: absolute; left:25px; top:0; background:#ccc;}
.Notice .list_box ul::after, .Notice .list_box ul li::after{content:""; display:block; clear: both;}
.Notice .list_box li{width:100%; float:left;}
.Notice .list_box li a{position:relative; display:block; margin:10px 30px; padding:25px 35px; background:#fff; box-shadow:1px 1px 2px rgba(0,0,0,0.3);}
.Notice .list_box li a::before{content:""; width:20px; height:20px; position: absolute; left:-10px; top:50%; margin-top:-10px; background:#fff; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.Notice .list_box li a::after{content:""; width:9px; height:9px; position: absolute; left:-29px; top:50%; margin-top:-4px; border-radius:10px; background:#f00; }
.Notice .list_box li a:hover{background:#36498c; color:#fff ;}
.Notice .list_box li a:hover::after{background:#36498c;}
.Notice .list_box li a:hover::before{background:#36498c;}
.Notice .list_box li a:hover p{color:#fff ;}
.Notice .list_box li a p{font-size:17px; font-family: 'NotoM'; color:#111;}
.Notice .list_box li a span{display:block; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.Notice a.btn_more {position:absolute; bottom:20px; right:20px; width:70px; height:70px; display:block; text-indent:-10000em; border-radius:70px; background:rgba(0, 35, 83, 0.8) url('/images/web/call/main/btn_more_wh.png') no-repeat center; overflow:hidden; box-shadow:1px 1px 2px rgba(0,0,0,0.3);}
.Notice a.btn_more:hover{background-color:rgb(0, 35, 83); transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.Notice a, .Notice a::after, .Notice a::before, .Notice a p{-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; transition:all 0.2s ease;}

/* 자주하는질문 */
.faqBrd {position:relative; width:335px; height:425px; float:left; border:1px solid #ccc; margin:0 20px;}
.faqBrd h2{font-size:20px; line-height:68px; padding:0 20px; color:#111; font-family: 'NotoM'; float:left;}
.faqBrd .list_box {position:relative; width:100%; height:354px; border-top:1px solid #ccc; background:#f1f1f1; overflow:auto;}
.faqBrd .list_box ul{position:relative; padding:20px 0;}
.faqBrd .list_box ul::after, .faqBrd .list_box ul li::after{content:""; display:block; clear: both;}
.faqBrd .list_box li{width:100%; float:left;}
.faqBrd .list_box li a{position:relative; display:block; margin:10px 30px; color:#333; font-size:15px; font-family: 'NotoM'; word-break: keep-all; padding:20px; background:#fff; box-shadow:1px 1px 2px rgba(0,0,0,0.3);}
.faqBrd .list_box li a:hover{background:#36498c; color:#fff ;}
.faqBrd a.btn_more {position:absolute; top:18px; right:20px; width:36px; height:36px; display:block; text-indent:-10000em; border-radius:35px; background:rgba(0, 35, 83, 0.8) url('/images/web/call/main/btn_more_wh02.png') no-repeat center; overflow:hidden; box-shadow:1px 1px 2px rgba(0,0,0,0.3);}
.faqBrd a.btn_more:hover{background-color:rgb(0, 35, 83); transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.faqBrd a, .faqBrd a::after, .faqBrd a::before, .faqBrd a p{-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; transition:all 0.2s ease;}

/* 인터넷상담사례 */
.cnsltBrd {position:relative; width:335px; height:425px; float:right; border:1px solid #ccc; }
.cnsltBrd h2{font-size:20px; line-height:68px; padding:0 20px; color:#111; font-family: 'NotoM'; float:left;}
.cnsltBrd .list_box {position:relative; width:100%; height:354px; border-top:1px solid #ccc; background:#f1f1f1; overflow:auto;}
.cnsltBrd .list_box ul{position:relative; padding:20px 0;}
.cnsltBrd .list_box ul::after, .cnsltBrd .list_box ul li::after{content:""; display:block; clear: both;}
.cnsltBrd .list_box li{width:100%; float:left;}
.cnsltBrd .list_box li a{position:relative; display:block; margin:10px 30px; color:#333; font-size:15px; font-family: 'NotoM'; word-break: keep-all; padding:20px; background:#fff; box-shadow:1px 1px 2px rgba(0,0,0,0.3);}
.cnsltBrd .list_box li a:hover{background:#36498c; color:#fff ;}
.cnsltBrd a.btn_more {position:absolute; top:18px; right:20px; width:36px; height:36px; display:block; text-indent:-10000em; border-radius:35px; background:rgba(0, 35, 83, 0.8) url('/images/web/call/main/btn_more_wh02.png') no-repeat center; overflow:hidden; box-shadow:1px 1px 2px rgba(0,0,0,0.3);}
.cnsltBrd a.btn_more:hover{background-color:rgb(0, 35, 83); transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.cnsltBrd a, .cnsltBrd a::after, .cnsltBrd a::before, .cnsltBrd a p{-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; transition:all 0.2s ease;}

/* 바로가기02 191212 수정 */
.m_link02{position:relative; width:100%; float:left; margin:60px 0 0; }
.m_link02 h2{position: absolute; width:0px; height:0px; overflow:hidden; text-indent: -9999%;}
.m_link02 ul li{width:20%; float:left;}
.m_link02 ul li a{display:block; position:relative; padding:20px 40px; border-left:1px dashed #ddd;}
.m_link02 ul li a::before{content:"GO"; position: absolute; right:20px; bottom:0; width:30px; height:30px; border-radius:30px; color:#fff; font-family: 'NotoM'; font-size:13px;
letter-spacing: -0.5em; background:#afaeae; border:1px solid #afaeae; text-align:center; line-height:30px;}
.m_link02 ul li a:hover::before{background:#0035a9; border-color:#0035a9;}
.m_link02 ul li:first-child a{border-left:0;}
.m_link02 ul li a img{position:absolute; width:72px; height:72px; left:40px; top:20px;}
.m_link02 ul li a p{font-size:15px; line-height:20px; height:40px; font-family: 'NotoM'; word-break:keep-all; color:#111; margin:20px 0 20px 85px;}
.m_link02 ul li a:hover img{left:35px;}
.m_link02 ul li a:hover p{margin-left:90px; color:#1152ca; text-decoration: underline;}
.m_link02 ul li a::before, .m_link02 ul li a img, .m_link02 ul li a p{-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; transition:all 0.2s ease;}

/* 상담안내 */
.cnsltInfo{position:relative;  width:100%; max-width:1400px; margin:50px auto; overflow:hidden; text-align:center; }
.cnsltInfo .tit_wrap{font-size:30px; line-height:1.1; font-family: 'NotoT'; word-break: keep-all;}
.cnsltInfo .tit_wrap .txt1{display:inline-block; position:relative; }
.cnsltInfo .tit_wrap strong{position:relative; font-family: 'NotoR'; z-index:1;}
.cnsltInfo .tit_wrap .txt1::before{content:""; position: absolute; left:0; bottom:4px; width:100%; height:8px; background:#fad961; z-index:0;}
.cnsltInfo .tit_wrap span{display:block; font-size:18px; color:#666; margin:20px 0 0; font-family: 'NotoR';}
.cnsltInfo dl{display:inline-block; position:relative; width:40%; max-width:300px; margin:30px 0 0; padding:0 40px; text-align:left; vertical-align: top;}
.cnsltInfo dl dt{font-size:20px; font-family: 'NotoB'; margin:0 0 20px;}
.cnsltInfo dl dd{font-size:22px; letter-spacing: -1px;}
.cnsltInfo dl dd ul li{width:100%; float:left; margin:10px 0 0; position:relative;}
.cnsltInfo dl dd ul li p.tit{line-height:35px; color:#555; font-size:22px;}
.cnsltInfo dl dd ul li p.cont{position:absolute; line-height:35px; left:120px; bottom:0;}
.cnsltInfo dl.info::before{content:""; position:absolute; right:0px; top:10%; width:1px; height:80%; background:#ddd;}
.cnsltInfo dl.info dd ul li.call span {font-size:40px; font-family: 'NotoB'; float:left;}
.cnsltInfo dl.info dd ul li.call span.num01{color:#e64930;}
.cnsltInfo dl.info dd ul li.call span.num02{color:#08552d;}
.cnsltInfo dl.info dd ul li.call span.num03{color:#1c558b;}
.cnsltInfo dl.info dd ul li.ovsea .cont {font-size:24px; font-family: 'NotoB'; color:#0035a9;}
.cnsltInfo dl.time dd ul li p.cont{top:0; bottom:auto; font-family: 'NotoM';} 
.cnsltInfo dl.time dd ul li span.txt01{color:#0035a9;}
.cnsltInfo dl.time dd ul li span.txt02{color:#e30000; font-family: 'NotoR';}

/* 퀵메뉴 */
.qLink{position: absolute; right:50%; top:20px; width:170px; margin-right:-900px; border:3px solid #192f7a; background:#fff;}
.qLink h2{ position:relative; line-height:50px; padding:0 5px; color:#fff; font-size:18px; font-family: 'NotoM'; letter-spacing: -1px; background:#0035a9 url('/images/web/call/main/bg_qLink_tit.png') no-repeat right bottom; background-size:cover;}
.qLink h2::before{content:""; position: absolute; right:0; top:0; width:50px; height:50px; background:url('/images/web/call/main/ico_qLink.png') no-repeat center;}
.qLink li a{display:block; padding:15px 5px; border-top:1px solid #ddd;}
.qLink li a span{display:inline-block; width:80px; font-family: 'NotoM'; font-size:12px; color:#111; word-break: keep-all; letter-spacing: -0.5px; margin-left:10px; vertical-align: middle;}

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

	/* 퀵메뉴 */	
	.qLink{display:none;}

	.main_wrap .MC_wrap02{width:96%;}
	.main_wrap .MC_wrap03 .MC_cont{width:96%;}

	/* 메인비주얼 */
	.main_visual .slogan_wrap{width:96%; left:2%; margin-left:0;}

	/* 사례조회 */
	.case_inq{left:2%; margin-left:0;}

	/* 바로가기01 */
	.m_link01{width:96%; left:2%; margin-left:0;}

	/* 핫이슈 상담사례 */
	.Notice{width:49%;}

	/* 자주하는질문 */
	.faqBrd{width:24.5%; margin:0 1%;}

	/* 인터넷상담사례 */
	.cnsltBrd{width:24.5%;}

	/* 바로가기02 */
	.m_link02 ul li a{padding:20px;}
	.m_link02 ul li a img{left:20px;}
	.m_link02 ul li a:hover img{left:15px;}
	.m_link02 ul li a p{margin:18px 0 20px 85px}


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

	/* 핫이슈 상담사례 */
	.Notice{width:100%; margin:0 0 15px;}

	/* 자주하는질문 */
	.faqBrd{width:49%; margin:0 2% 0 0;}

	/* 인터넷상담사례 */
	.cnsltBrd{width:49%;}

}

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

	#container {padding:0;}

	.MC_wrap02{padding:30px 0;}

	/* 바로가기01 */
	.m_link01 {height:auto; bottom:20px;}
	.m_link01 ul li{width:48%; margin:10px 1% 0;}
	.m_link01 ul li:first-child{margin:10px 1% 0;}
	.m_link01 ul li a{padding:0 10px 15px 90px;}
	.m_link01 ul li a p{line-height:18px; height:36px; padding-right:20px;}
	.m_link01 ul li a p.img{left:20px;}
	
	/* 바로가기02 */
	.m_link02{margin:30px 0 0;}
	.m_link02 ul li a{padding:10px 10px 40px; text-align:center;}
	.m_link02 ul li a::before{right:50%; margin-right:-15px; }
	.m_link02 ul li a img{position:relative; left:auto; top:auto; margin:0 auto;}
	.m_link02 ul li a p{margin:5px 0 0;}
	.m_link02 ul li a:hover img{left:auto; margin:-10px 0 10px;}
	.m_link02 ul li a:hover p{margin:5px 0 0;}

}
@media screen and (max-width:960px) {
	
	/* 메인비주얼 */
	.main_visual .slogan_wrap br{display:block;}

	/* 사례조회 */
	.case_inq{top:45%;}
}
@media screen and (max-width:790px) {

	.MC_wrap03{background-position:30% center;}
	
	/* 메인비주얼 */
	.main_visual #m_slogan li p.txt1{font-size:18px;}
	.main_visual #m_slogan li p.txt2{font-size:35px; line-height:42px;}

	/* 바로가기01 */
	.m_link01 ul li a h3{font-size:18px; padding:25px 0 5px;}

	/* 상담안내 */
	.cnsltInfo{width:96%; margin:40px auto 0;}
	.cnsltInfo .tit_wrap{font-size:25px;}
	.cnsltInfo .tit_wrap span{font-size:16px;}
	.cnsltInfo dl{width:90%; max-width:100%; padding:20px 5%; margin:0; float:left;}
	.cnsltInfo dl.info::before{width:100%; height:1px; left:0; top:auto; bottom:0;}
	.cnsltInfo dl dt{margin:0;}
	.cnsltInfo dl.time dd ul li{min-height:70px;}
	
	/* 바로가기02 191210 추가 */
	.m_link02:before {content:""; position: absolute; top:33.33%; left:0; width:100%; height:1px; border-bottom:1px dashed #ddd;}
	.m_link02 ul li{width:50%}
	.m_link02 ul li:nth-child(3), .m_link02 ul li:nth-child(4) { border-bottom:1px dashed #ddd}
	.m_link02 ul li:last-child { border-right:1px dashed #ddd}
	.m_link02 ul li a{padding:10px 10px 5px; text-align:left;}
	.m_link02 ul li a::before{right:20px; top:20px; bottom:auto; }
	.m_link02 ul li a img{width:55px; height:55px;}
	.m_link02 ul li:nth-child(odd) a{border-left:0;}


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


	/* 사례조회 */
	.case_inq{width:90%; left:5%;}
	.case_wrap{width:auto;}
	.case_wrap .inputBox{margin:0 50px 0 100px;}

	/* 핫이슈 상담사례 */
	.Notice {text-align:center;}
	.Notice h2{float:none; line-height:30px; margin:20px 0;}
	.Notice h3{margin:0 5px;}
	.Notice .list_box{top:120px; height:302px;}
	.Notice a.btn_more{width:40px; height:40px; background-size:20px 20px;}
}

@media screen and (max-width:580px) {
	.main_wrap .MC_wrap03 .MC_cont{width:90%;}	
	
	/* 메인비주얼 */
	.main_visual{height:320px;}

	/* 사례조회 */
	.case_inq{top:28%;}
	.case_wrap{width:auto; margin-right:20px;}
	.case_wrap .inputBox{margin:0 50px 0 100px;}
	.case_wrap a.btn_search{top:-2px; right:-20px; width:60px; height:60px; background-size:20px 20px;}

	/* 바로가기01 */
	.m_link01{position:relative; bottom:auto; left:auto; margin:0 auto;}
	.m_link01 ul li{width:100%; margin:10px 0% 0;}
	.m_link01 ul li:first-child{margin:10px 0% 0;}
	.m_link01 ul li a{border:1px solid #ddd;}	


	.Notice .list_box ul{padding:10px 0 10px 20px;}
	.Notice .list_box li a{padding:15px 25px;}

	/* 자주하는질문 */
	.faqBrd{width:100%; height:auto; margin:0 0 20px;}
	.faqBrd .list_box{height:auto; max-height:354px;}
	.faqBrd .list_box ul{padding:10px 0;}
	.faqBrd .list_box li a{margin:5px 15px;}
	.faqBrd a.btn_more{background-size:15px 15px;}

	/* 인터넷상담사례 */
	.cnsltBrd{width:100%; height:auto;}
	.cnsltBrd .list_box{height:auto; max-height:354px;}
	.cnsltBrd .list_box ul{padding:10px 0;}
	.cnsltBrd .list_box li a{margin:5px 15px;}
	.cnsltBrd a.btn_more{background-size:15px 15px;}

	/* 바로가기02  191210 주석
	.m_link02:before {content:""; position: absolute; top:50%; left:0; width:100%; height:1px; border-bottom:1px dashed #ddd;}
	.m_link02 ul li{width:50%;}
	.m_link02 ul li a{padding:10px 10px 5px; text-align:left;}
	.m_link02 ul li a::before{right:20px; top:20px; bottom:auto; }
	.m_link02 ul li a img{width:55px; height:55px;}
	.m_link02 ul li:nth-child(odd) a{border-left:0;} */

}

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

	/* 메인비주얼 */
	.main_visual {height:250px;}
	.main_visual #m_slogan li {display:inline-block; padding:15px;}/* 200320 */
	.main_visual #m_slogan .slick-dots{display:none !important;}
	.main_visual .control_btn{display:none !important;}
	.main_visual #m_slogan li p.txt1{font-size:14px;}/* 200320 */
	.main_visual #m_slogan li p.txt2{font-size:24px; line-height:35px;}/* 200320 */

	/* 사례조회 */
	.case_inq{top:23%;}	
	.case_inq input::-moz-input-placeholder{color:#fff;}
	.case_inq input::-webkit-input-placeholder{color:#fff;}
	.case_inq input:-ms-input-placeholder{color:#fff;}

	/* 핫이슈 상담사례 */
	.Notice{height:455px;}
	.Notice h2{margin:12px 0;}
	.Notice h3{width:40%; margin:5px;}
	.Notice .list_box{top:150px;}
}

@media screen and (max-width:380px) {
	
	/* 바로가기02 */
	.m_link02 ul li a::before{ top:15px; }
	.m_link02 ul li a p{font-size:14px;}
	.m_link02 ul li a img{width:45px; height:45px;}

	/* 상담안내 */
	.cnsltInfo dl dd{font-size:18px;}
	.cnsltInfo dl dd ul li p.tit{font-size:18px; line-height:25px;}
	.cnsltInfo dl dd ul li p.cont{left:90px; line-height:25px;}
	.cnsltInfo dl.info dd ul li.call span{font-size:30px;}
	.cnsltInfo dl.info dd ul li.ovsea .cont{font-size:20px;}
}