@charset "utf-8";

/* container */
#container {position:relative; width:100%;}
#container:after {display:block; content:""; clear:both; overflow:hidden}

.M_link01, .M_link02, .M_link03, .impBsns, .popup img, .M_link04 .link, .M_link05, .vfyRcept, .prVideo a .cont, .M_link06{box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/* 상단팝업 */
.toppopup_wrap{position:relative; display:block; background:#323f4e; z-index:300;}
.toppopup_wrap .toppopup{ position:relative; max-width:1400px; padding:25px 0 45px; margin:0 auto; }
.top_slider{ width:100%; margin:0 auto; position:relative; }
.top_slider .slick-list{margin:0 45px;}
.top_slider .slick-slide a{ display:block; padding:0 10px; text-align:center; }
.top_slider .slick-slide a img{max-width:100%; height:auto; }
.top_slider .slick-slide.dragging img{ pointer-events:none; }
.top_slider .slick-prev, .top_slider .slick-next{ position:absolute; top:50%; display:block; width:40px; height:40px; margin-top:-20px; cursor:pointer; text-indent:-10000px; z-index:20; }
.top_slider .slick-prev{ left:0px; background:url('/images/web/tongtong/layout/btn_p_prev.png')no-repeat center; }
.top_slider .slick-next{ right:0px; background:url('/images/web/tongtong/layout/btn_p_next.png')no-repeat center; }
.top_slider .slick-dots{ position:absolute; width:auto; left:20px; bottom:-28px; }
.top_slider .slick-dots li{ position:relative; display:inline-block; margin:0 3px; padding:0; cursor:pointer; }
.top_slider .slick-dots li button{ display:block; width:10px; height:10px; border-radius:20px; cursor:pointer; border:2px solid #fff; font-size:0; overflow:hidden; }
.top_slider .slick-dots li.slick-active button{background:#fff; }

.toppopup_wrap .control a{position:absolute; bottom:-28px; left:0; width:15px; height:15px; display:block; text-indent:-9999em; overflow:hidden;  }
.toppopup_wrap .control a.btn_stop{background:url('/images/web/tongtong/layout/btn_stop.png') no-repeat center; }
.toppopup_wrap .control a.btn_play{display:none; background:url('/images/web/tongtong/layout/btn_play.png') no-repeat center; }

.toppopup_wrap .closeCheck {position:absolute; bottom:-30px; right:0; color:#fff; text-align:right; }
.toppopup_wrap .closeCheck input{vertical-align: middle;}
.toppopup_wrap .closeCheck label {margin-right:5px; font-size:13px; line-height:20px; vertical-align:bottom;}
.toppopup_wrap .closeCheck .btn_close{width:18px; height:18px; border:1px solid #999; background:url('/images/web/tongtong/layout/toppop_close.png') no-repeat center; font-size:0; vertical-align: bottom;}


/* 메인비주얼 */
.main_visual{width:100%; height:100%;}
.main_visual h2{position: absolute; left:-9999em; top:-9999em; width:1px; height:1px; overflow:hidden;}
.main_visual .visual_wrap{position:relative; z-index:0;}
.main_visual .visual_wrap{width:100%; height:100%; overflow:hidden;}
.main_visual .visual_wrap div, .main_visual .visual_wrap p{height:100%;}
.main_visual .visual_wrap img{width:auto; height:100%;}
.main_visual .slogan_wrap{position: absolute; width:90%; right:5%; top:20%; padding:40px 0 0; z-index:1; color:#fff; background:url('/images/web/tongtong/main/bg_slogan.png') no-repeat 30% top;}
.main_visual .slogan {position:relative; max-width:700px; min-height:160px; margin:0 auto; text-shadow:1px 1px 4px rgba(0,0,0,0.8); word-break: keep-all;}
.main_visual .slogan .txt1{font-size:40px; font-family: 'NotoM'; line-height:1.2;}
.main_visual .slogan .txt1 span{display:block;}
.main_visual .slogan .txt2{margin:20px 0 0; font-size:18px; line-height:1.4;}
.main_visual .slogan .txt2 span{display:block;}
.main_visual .slogan .slick-list{margin:0 80px;}
.main_visual .slogan .slick-arrow{position:absolute; top:50%; width:42px; height:42px; margin-top:-21px; border:1px solid #fff; border-radius:50%; text-indent:-9999%; overflow:hidden;}
.main_visual .slogan .slick-next{right:0; background:rgba(255,255,255,0.2) url('/images/web/tongtong/main/btn_m_next.png')no-repeat center;}
.main_visual .slogan .slick-prev{left:0; background:rgba(255,255,255,0.2) url('/images/web/tongtong/main/btn_m_prev.png')no-repeat center;}

	/* 버튼 */
	.main_visual .control{position:absolute; left:50%; bottom:-40px; margin-left:-350px;}
	.main_visual .control a{display:block; width:33px; height:33px; text-indent:-9999%; overflow:hidden; float:left;}
	.main_visual .control a.btn_stop{background:url('/images/web/tongtong/main/btn_m_stop.png') no-repeat center;}
	.main_visual .control a.btn_play{display:none; line-height:33px; background:url('/images/web/tongtong/main/btn_m_play.png') no-repeat center;}

	/* dots */
	.main_visual .slick-dots{position: absolute; bottom:-40px; left:40px;}
	.main_visual .slick-dots li{position:relative; line-height:33px; display:inline-block; vertical-align: middle; font-size:18px; color:#fff; margin:0 5px;}
	.main_visual .slick-dots li::before{content:""; position:absolute; right:0; top:50%; width:0px; height:1px; background:#fff; box-shadow:1px 1px 4px rgba(0,0,0,0.3);}
	.main_visual .slick-dots li button{cursor: pointer;}
	.main_visual .slick-dots li.slick-active{font-size:22px; padding-right:35px; font-family: 'NotoM'; text-shadow:1px 1px 4px rgba(0,0,0,0.7); }
	.main_visual .slick-dots li.slick-active::before{width:30px;}
	.main_visual .slick-dots li, .main_visual .slick-dots li::before{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* 바로가기01 */
.M_link01{ height:100%; padding:0 30px; border-radius:40px 0 0 0; background:#80bd00 url('/images/web/tongtong/main/bg_link01.png') no-repeat 95% bottom; overflow:hidden;}
.M_link01 h2{color:#fff; font-size:22px; margin:25px 0 20px; font-family:'NotoM';}
.M_link01 ul li{width:100%; float:left; margin:5px 0;}
.M_link01 ul li a{position:relative; display:block; border:1px solid #fff; padding:10px 45px 10px 15px; color:#fff; font-size:16px; font-family: 'NotoM'; overflow:hidden;}
.M_link01 ul li a::before{content:""; position: absolute; right:15px; top:10px; width:23px; height:23px; background:url('/images/web/tongtong/main/ico_check.png') no-repeat center;}
.M_link01 ul li a:hover{background-color:rgba(0,0,0,0.3);}
.M_link01 ul li a:hover::before{right:10px;}
.M_link01 a, .M_link01 ::before{-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{ height:100%; padding:0 30px; border-radius:0 40px 0 0; background:#0055a2 url('/images/web/tongtong/main/bg_link02.png') no-repeat 95% bottom; overflow:hidden;}
.M_link02 h2{color:#fff; font-size:22px; margin:25px 0 20px; font-family:'NotoM';}
.M_link02 ul li{width:100%; float:left; margin:5px 0;}
.M_link02 ul li a{position:relative; display:block; border:1px solid #fff; padding:10px 45px 10px 15px; color:#fff; font-size:16px; font-family: 'NotoM'; overflow:hidden;}
.M_link02 ul li a::before{content:""; position: absolute; right:15px; top:10px; width:23px; height:23px; background:url('/images/web/tongtong/main/ico_check.png') no-repeat center;}
.M_link02 ul li a:hover{background-color:rgba(0,0,0,0.3);}
.M_link02 ul li a:hover::before{right:10px;}
.M_link02 a, .M_link02 ::before{-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{ width:100%; height:100%; border-radius:0 0 40px 0; overflow:hidden;
	background: #3bb4ba; /* Old browsers */
	background: -moz-linear-gradient(left,  #3bb4ba 1%, #b5de0e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #3bb4ba 1%,#b5de0e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #3bb4ba 1%,#b5de0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bb4ba', endColorstr='#b5de0e',GradientType=1 ); /* IE6-9 */
}
.M_link03::before{content:""; position: absolute; right:30px; bottom:0; width:270px; height:150px; background:url('/images/web/tongtong/main/bg_link03.png') no-repeat 95% bottom; z-index:0;}
.M_link03 a{position:relative; display:block; height:100%; padding:0 30px; color:#fff; z-index:1; overflow:hidden;}
.M_link03 a::before{content:""; position: absolute; left:50px; bottom:15px; width:30px; height:30px; background:rgba(0, 44, 108, 0.3); border-radius:50%;}
.M_link03 a::after{content:""; position: absolute; left:30px; bottom:25px; width:40px; height:9px; background:url('/images/web/tongtong/main/btn_arr01.png') no-repeat center;}
.M_link03 h2{font-size:22px; margin:20px 0 0; font-family:'NotoM';}
.M_link03 p{font-size:15px; line-height:1.4; margin:10px 0 0;}
.M_link03 p span{display:block;}
.M_link03:hover::before{right:40px;}
.M_link03 a:hover::before{background:rgba(0, 44, 108, 0.8);}
.M_link03 a:hover::after{left:35px;}
.M_link03::before, .M_link03 ::before, .M_link03 ::after{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* 공지사항 */
.Notice {width:100%; height:100%; overflow:hidden;}
.Notice h2 a{position:relative; display:block; font-size:22px; float:left; color:#999; padding-left:15px; margin-left:15px; letter-spacing: -1px; z-index:1;}
.Notice h2.tit_1 a{margin-left:0; padding-left:0;}
.Notice h2.tit_1 a::before{display:none;}
.Notice h2 a::before{content:""; position: absolute; left:0; top:10px; width:1px; height:15px; background:#bbb;}
.Notice h2 a span{position:relative; display:inline-block; line-height:30px; padding: 0 0 10px;}
.Notice h2 a span::after{content:""; position: absolute; left:50%; bottom:0; width:0%;}
.Notice h2.current a{color:#111; font-family: 'NotoM';}
.Notice h2 a:hover span::after{left:0%; height:2px; width:100%; background:#999;}
.Notice h2.current a:hover span::after,
.Notice h2.current a span::after{left:0%; height:3px; width:100%; background:#111;}
.Notice .list_box.on{display:block;}
.Notice .list_box {display:none; position:absolute; left:0; top:40px; width:100%; border-top:1px solid #ccc; }
.Notice .list_box.new::before{content:"N"; position: absolute; left:0; top:10px; width:30px; height:30px; border-radius:50%; background:url('/images/web/tongtong/main/bg_notiNew.png') no-repeat center; background-size:cover; text-align:center; line-height:30px; color:#fff; z-index:10;}
.Notice .list_box a{display:block;}
.Notice .list_box dl{position:relative; margin:20px 10px; padding-left:100px; overflow:hidden;}
.Notice .list_box dt{font-size:18px; font-family: 'NotoM'; color:#333; line-height:30px; padding-left:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.Notice .list_box dd.cont{ height:44px; line-height:22px; font-size:15px; margin:10px 0 0; overflow:hidden; color:#777;}
.Notice .list_box dd.date{position: absolute; left:0; top:0; width:80px; height:60px; padding:10px 0; border:1px solid #333; color:#333; text-align:center;}
.Notice .list_box dd.date .y-m{line-height:20px;}
.Notice .list_box dd.date .day{line-height:40px; font-size:30px; font-family: 'NotoB'; color:#111;}
.Notice .list_box a:hover dd.date{border-color:#429412}
.Notice .list_box a:hover dd.date .day{color:#429412;}
.Notice .list_box a:hover dt{color:#429412;}
.Notice .list_box a:hover dd.cont{text-decoration:underline;}
.Notice .list_box ul{border-top:1px solid #ccc; padding:15px 0 0;}
.Notice .list_box ul li {position:relative; padding-left:10px;}
.Notice .list_box ul li::before{content:""; position: absolute; left:0; top:12px; width:3px; height:3px; background:#666;}
.Notice .list_box ul li.new{padding-left:35px;}
.Notice .list_box ul li.new::after{content:"N"; position: absolute; left:8px; top:4px; width:22px; height:22px; border-radius:50%; background:url('/images/web/tongtong/main/bg_notiNew.png') no-repeat center; background-size:cover; text-align:center; line-height:22px; font-size:13px; color:#fff; z-index:10;}
.Notice .list_box ul li a{display:block; position:relative; margin-right:80px; color:#333; line-height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.Notice .list_box ul li span{position: absolute; right:0; top:0; color:#666; line-height:28px;}
.Notice .list_box ul li a:hover{color:#429412; text-decoration: underline;}
.Notice .list_box ul li:hover::before{background-color:#429412;}
.Notice .list_box a.btn_more{position: absolute; right:0; top:-40px; width:25px; height:25px; text-indent:-9999em; overflow:hidden; background:url('/images/web/tongtong/main/btn_more.png') no-repeat center; }.Notice .list_box a.btn_more:hover{transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.Notice a, .Notice dt, .Notice dd, .Notice dd p, .Notice ::after{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* 정비사업 */
.impBsns{width:100%; height:100%; background:url('/images/web/tongtong/main/bg_link04.png') no-repeat 95% bottom; border:1px solid #ccc; overflow:hidden;}
.impBsns h2{width:33%; margin-left:0.5%; float:left;}
.impBsns h2.tit_1{margin-left:0;}
.impBsns h2 a{display:block; color:#111; font-size:16px; line-height:18px; padding:20px 0; font-family:'NotoM'; text-align:center; background:#e0e0e0; }
.impBsns h2 a:hover{background:#ccc;}
.impBsns h2.current a{background:#fff;}
.impBsns .list_box.on{display:block;}
.impBsns .list_box{display:none; position:absolute; left:0; top:80px; width:100%;}
.impBsns .list_box dl{position:relative; max-height:250px; padding-left:230px; margin:0 20px; overflow:auto;}
.impBsns .list_box dt{font-size:20px; line-height:1.2; color:#004588; font-family: 'NotoB'; padding:10px 0;}
.impBsns .list_box .map{position: absolute; left:30px; top:0; width:198px; height:223px; border:1px solid #ccc;}
.impBsns .list_box .map::after{content:""; position: absolute; left:5px; top:5px; width:100%; height:100%; background:url('/images/web/tongtong/main/pttrn_impBsns.png'); z-index:0;}
.impBsns .list_box .map img{ position:relative; width:100%; height:100%; z-index:1;}
.impBsns .list_box .map a.btn_more{position: absolute; left:0; bottom:-25px; width:70px; line-height:50px; padding:0 50px 0 15px; border-radius:0 25px 0 0; z-index:2; color:#fff; background:#0055a2 url('/images/web/tongtong/main/btn_next.png') no-repeat 86% center;}
.impBsns .list_box .map a.btn_more:hover{background-color:#0c4880; background-position:93% center;}
.impBsns .list_box dd ul li{position:relative; padding-left:90px; line-height:20px; color:#697988; margin:5px;}
.impBsns .list_box dd ul li::before{content:""; position: absolute; left:0; top:13px; width:3px; height:3px; background:#0080fc;}
.impBsns .list_box dd ul li p{position: absolute; left:10px; top:0; font-family: 'NotoM'; color:#00284f; width:80px;}
.impBsns a{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* 팝업존 */
.popup{width:100%; height:100%; overflow:hidden;}
.popup h2{font-size:20px; line-height:20px; margin:0 0 15px; color:#111; font-family:'NotoM';}
.popup .popup_wrap{height:218px;}
.popup .popup_wrap div,
.popup .popup_wrap p{height:100%;}
.popup .popup_wrap p img{border:1px solid #ccc; width:100%; height:100%;}
.popup .slick-arrow{position:absolute; top:0; width:33px; height:33px; border-radius:50%; text-indent:-9999%; overflow:hidden;}
.popup .slick-next{right:0; background:#7f8d94 url('/images/web/tongtong/main/btn_next.png')no-repeat center;}
.popup .slick-prev{right:74px; background:#7f8d94 url('/images/web/tongtong/main/btn_prev.png')no-repeat center;}
	/* 버튼 */
	.popup .control{position:absolute; right:37px; top:0;}
	.popup .control a{display:block; width:33px; height:33px; text-indent:-9999%; overflow:hidden; float:left; border-radius:50%;}
	.popup .control a.btn_stop{background:#7f8d94 url('/images/web/tongtong/main/btn_stop.png') no-repeat center;}
	.popup .control a.btn_play{display:none; line-height:33px; background:#7f8d94 url('/images/web/tongtong/main/btn_play.png') no-repeat center;}
.popup .slick-arrow:hover,
.popup .control a:hover{background-color:#647680;}
.popup .slick-arrow, .popup a{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* 바로가기04 */
.M_link04{width:100%; height:100%; overflow:hidden;}
.M_link04 .tit_wrap{width:50%; height:100%; float:left; text-align:center; border-radius:30px 0 0 0; }
.M_link04 .tit_wrap h2{position:relative; display:inline-block; font-size:24px; letter-spacing: -1px; font-family:'NotoB'; padding:45px 0 0;}
.M_link04 .tit_wrap h2 span{position: relative;}
.M_link04 .tit_wrap h2::before{content:""; position: absolute; width:100%; height:20px; left:-10px; bottom:-3px; background:rgba(0,0,0,0.15); padding:0 10px; border-radius:30px; z-index:0;}
.M_link04 .link{width:50%; height:100%; float:left; border-radius:0 0 30px 0; border:1px solid #ccc; overflow:hidden;}
.M_link04 .link li a{ position:relative; display:block; padding:25px 30px;}
.M_link04 .link li a::before{content:""; position: absolute; left:50px; bottom:25px; width:30px; height:30px; background:#dedede; border-radius:50%;}
.M_link04 .link li a::after{content:""; position: absolute; left:30px; bottom:35px; width:42px; height:9px; background:url('/images/web/tongtong/main/btn_arr01_bk.png') no-repeat center;}
.M_link04 .link li:first-child a{border-bottom:1px dashed #ccc;}
.M_link04 .link li a span{display:block; font-size:20px; font-family: 'NotoM'; line-height:30px;}
.M_link04 .link li a p{text-align:right;}
.M_link04 .link li a:hover::after{left:40px;}
.M_link04 .link li a:hover p{margin-right:-10px;}
.M_link04 a, .M_link04 a p, .M_link04 ::before, .M_link04 ::after{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

	/* 바로가기04 : 온라인상담접수 */
	.onlineCs .tit_wrap{background:#fcc434 url('/images/web/tongtong/main/bg_link04_1.png') no-repeat center bottom; color:#111;}
	.onlineCs .link li a:hover::before{background:#fcc434;}
	.onlineCs .link li a:hover span{color:#dc8314;}

	/* 바로가기04 : 고객제안 */
	.csPse .tit_wrap{background:#00bcb7 url('/images/web/tongtong/main/bg_link04_2.png') no-repeat center bottom; color:#fff;}
	.csPse .link li a:hover::before{background:#bee6f8;}
	.csPse .link li a:hover span{color:#0d8682;}

/* 바로가기05 */
.M_link05{width:100%; height:100%; padding:0 30px; background:#00afff url('/images/web/tongtong/main/bg_link05.png') no-repeat 20px bottom; border-radius:30px 0 0 0; overflow:hidden; }
.M_link05 .tit_wrap{width:35%; color:#fff; margin:30px 0 0; float:left;}
.M_link05 .tit_wrap h2{font-size:24px; font-family:'NotoM';}
.M_link05 .tit_wrap p{margin:15px 0; font-size:16px; line-height:1.4;}
.M_link05 .tit_wrap p span{display:block;}
.M_link05 ul{width:65%; margin:55px 0; float:left;}
.M_link05 ul li{width:48%; float:left;}
.M_link05 ul li:first-child{margin-right:4%;}
.M_link05 ul li a{position:relative; display:block; color:#fff; font-size:20px; line-height:80px; padding:15px; background:#0055a2; border-radius:25px;}
.M_link05 ul li a p{ position: absolute; left:15px; top:15px; width:80px; height:80px; text-align:center; border-radius:50%; background:#fff;}
.M_link05 ul li a p img{width:54px; height:54px; vertical-align: middle;}
.M_link05 ul li a span{display:block; margin-left:95px;}
.M_link05 ul li a:hover{background:#05437e;}
.M_link05 ul li a:hover p img{transform:rotateY(360deg); -moz-transform:rotateY(360deg); -ms-transform:rotateY(360deg); -webkit-transform:rotateY(360deg);}
.M_link05 a, .M_link05 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;}

/* 검증접수 */
.vfyRcept{width:100%; height:100%; border:1px solid #ccc; background:#fff; overflow:hidden; overflow:hidden;}
.vfyRcept h2{width:49.5%; margin-left:1%; float:left;}
.vfyRcept h2.tit_1{margin-left:0;}
.vfyRcept h2 a{display:block; color:#111; font-size:16px; font-family:'NotoM'; line-height:55px; text-align:center; background:#e0e0e0; }
.vfyRcept h2 a:hover{background:#ccc;}
.vfyRcept h2.current a{background:#fff;}
.vfyRcept .list_box.on{display:block;}
.vfyRcept .list_box{display:none; position:absolute; left:0; top:55px; width:100%; padding:30px 0;}
.vfyRcept .list_box::before{content:""; position:absolute; left:30px; top:50%; width:65px; height:70px; margin-top:-35px; background:url('/images/web/tongtong/main/ico_vfyRcept.png') no-repeat center;}
.vfyRcept .list_box ul{margin-left:105px; margin-right:30px; overflow:hidden;}
.vfyRcept .list_box ul li a{display:block; padding:10px 30px 10px 10px; border:1px solid #aaa; font-size:16px; color:#555; margin:5px 0; background:url('/images/web/tongtong/main/btn_arr03.png') no-repeat 92% center;}
.vfyRcept .list_box ul li a:hover{border-color:#004588; color:#004588; background-position:96% center;}
.vfyRcept a{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* 바로가기06 */
.M_link06{width:100%; height:100%; padding:35px 25px; background:#5bbc58 url('/images/web/tongtong/main/bg_link06.png') no-repeat 120% 240%; border-radius: 0 0 30px 0;}
.M_link06 a{display:block; width:100%; height:100%;}
.M_link06 a::before{content:""; position: absolute; left:50px; top:115px; width:30px; height:30px; background:rgba(255, 255, 255, 0.3); border-radius:50%;}
.M_link06 a::after{content:""; position: absolute; left:30px; top:125px; width:40px; height:9px; background:url('/images/web/tongtong/main/btn_arr01.png') no-repeat center;}
.M_link06 a h2{font-size:24px; line-height:1.2; color:#fff; font-family:'NotoM';}
.M_link06 a h2 span{display:block;}
.M_link06 a:hover::before{background:#087b04;}
.M_link06 a:hover::after{left:35px;}
.M_link06:hover{background-position:110% 230%;}
.M_link06, .M_link06 ::before, .M_link06 ::after{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* 홍보자료 */
.gallery{width:100%; height:100%; overflow:hidden;}
.gallery h2{font-size:20px; line-height:20px; margin:0 0 25px; color:#111; font-family:'NotoM';}
.gallery .gallery_wrap{height:215px;}
.gallery div{height:100%;}
.gallery div a{position:relative; display:block; height:100%; margin:0 5px; }
.gallery div a .txt{position: absolute; left:0; bottom:0; width:85%; border-radius:0 20px 0 0; background:rgba(0,0,0,0.7) url('/images/web/tongtong/main/btn_next.png') no-repeat 92% center; color:#fff;}
.gallery div a .txt span{display:block; padding:15px 50px 15px 20px; line-height:30px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.gallery div .img{width:100%; height:100%; overflow:hidden; background:#222;}
.gallery .slick-arrow{position:absolute; top:0; width:33px; height:33px; border-radius:50%; text-indent:-9999%; overflow:hidden; cursor: pointer;}
.gallery .slick-next{right:0; background:#2b2b2b url('/images/web/tongtong/main/btn_next.png')no-repeat center;}
.gallery .slick-prev{right:74px; background:#2b2b2b url('/images/web/tongtong/main/btn_prev.png')no-repeat center;}
	/* 버튼 */
	.gallery .control{position:absolute; right:32px; top:0;}
	.gallery .control a{display:block; width:33px; height:33px; text-indent:-9999%; overflow:hidden; float:left; border-radius:50%;}
	.gallery .control a.btn_stop{background:#2b2b2b url('/images/web/tongtong/main/btn_stop.png') no-repeat center;}
	.gallery .control a.btn_play{display:none; line-height:33px; background:#2b2b2b url('/images/web/tongtong/main/btn_play.png') no-repeat center;}

.gallery div a:hover .txt{background-position:95% center;}
.gallery div a:hover .img img{transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);}
.gallery .slick-arrow:hover,
.gallery .control a:hover{background-color:#1d1e1f;}
.gallery a, .gallery a .txt, .gallery a img, .gallery .slick-arrow{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* PR VIDEO */
.prVideo{width:100%; height:100%; overflow:hidden;}
.prVideo a{display:block; position:relative; width:100%; height:100%; overflow:hidden;}
.prVideo a h2{font-size:20px; line-height:20px; color:#fff; font-family:'NotoM';}
.prVideo a .cont{position:relative; width:100%; height:100%; z-index:1; padding:35px 25px; overflow:hidden; background:rgba(0,0,0,0.15) url('/images/web/tongtong/main/pttrn_video.png');}
.prVideo a .btn_play{position: absolute; left:50%; top:50%; width:78px; height:78px; margin-top:-39px; margin-left:-39px; background:rgba(255,255,255,0.4) url('/images/web/tongtong/main/ico_video.png') no-repeat center; border-radius:50%; border:2px solid #fff; font-size:0; line-height:0;}
.prVideo a .btn_play::before{content:""; position: absolute; left:-60px; bottom:-30%; width:60px; height:1px; background:#fff; transform: rotateZ(-45deg);}
.prVideo a .btn_play::after{content:""; position: absolute; right:-60px; top:-30%; width:60px; height:1px; background:#fff; transform: rotateZ(-45deg);}
.prVideo a .img{position: absolute; left:0; top:0; width:100%; height:100%; z-index:0;}
.prVideo a:hover .img img{transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);}
.prVideo a:hover .btn_play{background-color:rgba(52, 255, 114, 0.4);}
.prVideo a:hover .btn_play::before{transform: rotateZ(0deg); left:-70px; bottom:50%;}
.prVideo a:hover .btn_play::after{transform: rotateZ(0deg); right:-70px; top:50%;}
.prVideo img, .prVideo .btn_play, .prVideo ::before, .prVideo ::after{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* 배너 */
.bn_wrap{position:relative; width:100%; max-width:1400px; margin:0 auto;}
.bn_wrap h2{position: absolute; left:0; top:50%; margin-top:-10px; line-height:20px; font-size:16px; font-family: 'NotoM'; color:#111;}
.bn_wrap .bnlist{margin:20px 0 20px 180px; overflow:hidden;}
.bn_wrap .bnlist p{float:left;}
.bn_wrap .bnlist p a{display:block; margin:0 2px; text-align:center;}
.bn_wrap .bnlist p a img{max-width:100%; height:35px;}
.bn_wrap .slick-arrow{position:absolute; top:50%; width:25px; height:26px; margin-top:-12px; display:block; text-indent:-99999%; overflow:hidden; cursor:pointer; }
.bn_wrap .slick-next{left:116px; background:url('/images/web/tongtong/main/btn_b_next.png') no-repeat center; }
.bn_wrap .slick-prev{left:65px; background:url('/images/web/tongtong/main/btn_b_prev.png') no-repeat center; }
.bn_wrap .btn_box a{display:block; position:absolute; top:50%; width:25px; height:26px; margin-top:-12px; text-indent:-99999%; overflow:hidden;}
.bn_wrap .btn_box .control a{left:90px; width:35px; }
.bn_wrap .btn_box a.btn_stop{width:26px; background:url('/images/web/tongtong/main/btn_b_stop.png') no-repeat center; }
.bn_wrap .btn_box a.btn_play{display:none; width:26px; background:url('/images/web/tongtong/main/btn_b_play.png') no-repeat center; }
.bn_wrap .btn_box a.btn_list{left:141px; background:url('/images/web/tongtong/main/btn_b_list.png') no-repeat center; }

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

	/* 메인비주얼 */
	.main_visual .control{left:0; margin-left:0;}

}

@media screen and (max-width:1420px) {
	
	/* 상단팝업 */
	.toppopup_wrap .toppopup{width:96%;}
	
	/* 메인비주얼 */
	.main_visual .slogan_wrap{top:15%;}
	.main_visual .slogan{max-width:100%;}
	
	/* 바로가기05 */
	.M_link05 .tit_wrap{width:30%;}
	.M_link05 ul{width:70%;}
	.M_link05 ul li a{font-size:18px;}

	/* 검증접수 */
	.vfyRcept .list_box::before{ left:20px; width:55px; height:60px; background-size:cover;}
	.vfyRcept .list_box ul{margin-left:90px; margin-right:15px;}

	/* 배너 */
	.bn_wrap{width:95%;}
}

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

	/* 상단팝업 */	
	.top_slider .slick-dots{bottom:-35px;}
	.toppopup_wrap{height:auto !important;}/* 200225 */
	.toppopup_wrap .closeCheck{bottom:-35px;}
	.toppopup_wrap .control a{bottom:-35px;}/* 200226 */

	/* container */
	#container { padding:80px 0 0;}

	/* 메인비주얼 */
	.main_visual .visual_wrap img{width:100%; height:auto;}

	/* 정비사업 */
	.impBsns .list_box dl{padding-left:180px;}
	.impBsns .list_box dt{padding:0 0 10px;}
	.impBsns .list_box dd ul li{padding-left:10px;}
	.impBsns .list_box dd ul li::before{top:9px;}
	.impBsns .list_box dd ul li p{position:relative; left:auto; top:auto; display:block;}
	.impBsns .list_box .map{width:160px; height:180px; left:20px;}

	/* 팝업존 */
	.popup .popup_wrap{height:auto;}
	.popup .popup_wrap p{width:100%; padding:42px 0; text-align:center; background:#f1f1f1; margin:10px 0 0; }
	.popup .popup_wrap p img{height:220px; width:auto; max-width:100%;} 

	/* 바로가기05 */
	.M_link05 .tit_wrap{width:100%;}
	.M_link05 .tit_wrap h2{display:inline-block; margin-right:10px; }
	.M_link05 .tit_wrap p{display:inline-block; vertical-align:sub; margin:0;}
	.M_link05 .tit_wrap p span{display:inline-block;}
	.M_link05 ul{width:100%; margin:10px 0;}
	.M_link05 ul li a{font-size:18px;}
	.M_link06:hover{ background-position:90% 40px;}

	/* 바로가기06 */
	.M_link06{ background-position: 95% 50px;}

	/* PR VIDEO */
	.prVideo a .img img{width:100%;}

}

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

	/* 바로가기04 */
	.M_link04 .tit_wrap{width:35%; background-size:120% auto;}
	.M_link04 .tit_wrap h2{font-size:20px; line-height:1.2; margin:0 20px; word-break: keep-all;}
	.M_link04 .link{width:65%;}

	/* 팝업존 */
	.popup .popup_wrap p{padding:10px;}
	.popup .popup_wrap p img{height:auto;}
	
}
@media screen and (max-width:860px) {
	
	/* 메인비주얼 */
	.main_visual .visual_wrap img{width:auto; height:100%;}
}

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

	/* 바로가기04 */
	.M_link04 .tit_wrap{width:100%; height:auto; background-size:135px; background-position:right -50px;}
	.M_link04 .tit_wrap h2{float:left; padding:0; margin:20px 30px;}
	.M_link04 .tit_wrap h2::before{display:none;}
	.M_link04 .link{width:100%;}
	.M_link04 .link li a{padding:15px 30px;}
	.M_link04 .link li a::before{width:25px; height:25px;}
	.M_link04 .link li a span{font-size:18px;}
	
}

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

	/* 바로가기01 */
	.M_link01 h2{font-size:20px;}

	/* 바로가기02 */
	.M_link02 h2{font-size:20px;}

	/* 바로가기03 */
	.M_link03 h2{font-size:20px;}
	
	/* 바로가기05 */
	.M_link05{ padding:0 30px 60px;}
	.M_link05 ul li a {line-height:20px; font-size:17px;}
	.M_link05 ul li a p{position:relative; left:auto; top:auto; width:60px; height:60px; line-height:60px; margin:0 auto;}
	.M_link05 ul li a p img{width:40px; height:40px; }
	.M_link05 ul li a span{margin-left:0; padding:10px 0 0; text-align:center;}

	/* 배너 */
	.bn_wrap h2{display:none;}
	.bn_wrap .bnlist{margin:20px 0 20px 120px;}
	.bn_wrap .slick-prev{left:0;}
	.bn_wrap .slick-next{left:51px;}
	.bn_wrap .btn_box .control a{left:25px;}
	.bn_wrap .btn_box a.btn_list{left:76px;}
	
}

@media screen and (max-width:540px) {
	
	/* 메인비주얼 */
	.main_visual .slogan_wrap{width:86%; left:7%; background-size:50% auto; top:20%;}
	.main_visual .slogan .slick-list{margin:0 60px;}
	.main_visual .slogan .txt1{font-size:30px;}
	.main_visual .slogan .txt2{font-size:16px;}
	.main_visual .slick-dots,
	.main_visual .control{display:none !important;}

	/* 바로가기01 */
	.M_link01{background-image:none; padding:0 30px 30px;}
	.M_link01 h2{margin:20px 0 10px;}

	/* 바로가기02 */
	.M_link02{background-image:none; padding:0 30px 30px; }
	.M_link02 h2{margin:20px 0 10px;}

	/* 바로가기03 */
	.M_link03 h2{font-size:20px;}
	.M_link03::before{width:150px; right:10px; background-size:contain;}

	/* 공지사항 */
	.Notice h2 a{font-size:18px;}

	/* 정비사업 */
	.impBsns h2 a{padding:11px 0;}
	.impBsns h2 a span{display:block;}
	.impBsns .list_box dl{padding:0; max-height:136px;}
	.impBsns .list_box dd ul li{ padding-left:80px; }
	.impBsns .list_box dd ul li p{position: absolute; left:10px; top:0; width:70px;}
	.impBsns .list_box .map{position:relative; left:auto; top:auto; width:95%; margin:10px auto 0;  background:#f1f1f1; text-align:center; border:0;}
	.impBsns .list_box .map::after{display:none;}
	.impBsns .list_box .map img{width:160px;}
}

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

	/* 상단팝업 */
	.top_slider .slick-arrow{display:none !important;}
	.top_slider .slick-dots{left:20px;}/* 200226 */
	.toppopup_wrap .closeCheck{right:2%;}
	.top_slider .slick-list{margin:0 10px;}
	
	/* 메인비주얼 */
	.main_visual .slogan .slick-list{margin:0;}
	.main_visual .slogan .slick-arrow{display:none !important;}
	
	/* 정비사업 */
	.impBsns h2 a{font-size:15px;}
	
	/* 바로가기05 */
	.M_link05 ul li{width:100%; margin:5px 0 !important;}
	.M_link05 ul li a p{ position: absolute; left:15px; top:15px;}
	.M_link05 ul li a span{padding:20px 0; text-align:left; margin-left:75px;}
}
	
@media screen and (max-width:380px) {
	
	/* 바로가기03 */
	.M_link03::before{width:120px;}
	
	/* 바로가기06 */
	.M_link06{background-position:110% 100px;}
}