@charset "UTF-8";

.color_G01{color:#2d84ff;}
.color_G02{color:#e5743a;}
.color_G03{color:#1F8477;}
.color_G04{color:#0047bf;}
.color_G05{color:#ff481f;}
.color_G06{color:#ffa413;}
.color_G07{color:#03bf81;}
.color_G08{color:#9a1aff;}
.color_G09{color:#15a040;}
.color_G10{color:#03a0bf;}
.color_G11{color:#ff1a92;}
.color_G12{color:#089350;}
.color_G13{color:#c2009f;}
.color_G14{color:#ddbc0f;}
.color_G15{color:#016FD0;}
.color_G16{color:#686868;}
.color_G99{color:#118614;}

.a_block{width:100%; height:100%; display:block;}
#footer {background:#eef0f2;}
.footer_wrap .f_link li strong a {color: #3474d5;}
.footer_wrap address {color:#666;}


/*메인 코딩시작*/
.main_slider {background: url(/images/front/main2/main.jpg) right no-repeat #004a98; width:100%; height:390px; background-size:1500px; overflow:hidden;}

.main_sl{width:1300px; margin:0 auto; position:relative;}

.main_sl .slider_img {width:807px; height:307px; float:left; margin-top:44px; border-radius:3px;overflow:hidden;}
.main_sl .slider_img img{width:100%; height: 307px;}

.main_sl .button a{ width:63px; height:63px; margin-right:1px; float:left;}
.main_sl .button a:hover {opacity: 1;}
.main_sl .button a:last-child{margin-right:0;}
.main_sl .button {width:191px; height:63px; position:absolute; right:275px; top:290px;}
.main_sl .button_left {background:url(/images/front/main2/left.png)no-repeat center;}
.main_sl .button_stop {background:url(/images/front/main2/stop.png)no-repeat center;}
.main_sl .button_play {background:url(/images/front/main2/play.png)no-repeat center;}
.main_sl .button_right {background:url(/images/front/main2/right.png)no-repeat center;}

.main_sl .search_box {float: left; margin-top:44px; margin-left:20px;}
.main_sl .search_box .search_txt{height:47px; border:0; padding:16px 16px 16px 15px; min-width:300px; border-radius:3px 0 0 3px; float:left; background-color:#fff; color:#858585; }
.main_sl .search_box button {height:47px; float:left;background-color:#022543; width:70px; color: #fff; border-radius: 0 3px 3px 0; font-weight: bold; font-size: 15px;}
.main_sl .search_box .search_txt::placeholder{color:#303030!important;}



/*---------메인 섹션1-혁신제안톡------*/
.contents {width: 100%; position: relative; overflow: hidden;}
#section01_v2{background-color: #f6f6f6;}
#section01_v2 .bg{background-color:#022543; position:absolute; width:38%; height:390px; left:0;}
#section01_v2 .section01_wrap{width:1300px; min-height: 390px; margin:0 auto; color: #fff; position: relative;}
#section01_v2 .l_box {float: left; color: #fff; padding-top:60px; width:38%; overflow:hidden;}

.leftbox_01 {width: 46%; float: left; margin-right: 10%; }
.leftbox_01 h2 {width: 100%; padding: 15px 0 25px; font-size: 32px;}
.leftbox_01 > p {font-size: 15px; line-height: 22px; width: 100%;     word-break:keep-all;}
.leftbox_01 .left_button {color:#fff; margin-top:38%; width:100%; padding: 15px 0; text-align: center; border-radius: 3px; background:#22a3af; font-size: 18px; font-weight: bold; display: block;}
.leftbox_01 .left_button:hover{ background:#10c4d5;}
.leftbox_01 .left_button img {margin-left: 12px;}

.leftbox_02 {width:190px; float:left; color: #022543;}
.leftbox_02 li {margin-bottom: 12px; line-height: 25px;background-color: #e4e4e4;}
.leftbox_02 li a {display: block;padding:15px 18px;}
.leftbox_02 li strong {font-size: 18px;}
.leftbox_02 li span {font-size: 21px;line-height: 24px;}
.leftbox_02 .on {background-color: #1d84fa; color:#fff;}
.leftbox_02 .on a{color:#fff;}
.leftbox_02 li.active a,
.leftbox_02 li a:focus,
.leftbox_02 li a:hover {background-color: #1d84fa;color: #fff;}

#section01_v2 .right_box{width:62%; float:right;}

.m_suggest_slide{padding-top:55px; width: 100%; min-height: 295px; overflow: hidden;}
.m_suggest_slide .text_top .step{border-radius:50px; text-align:center; width:75px; float:right;font-size: 14px; color:#fff; font-weight:bold; padding: 3px 0;}
.m_suggest_slide .text_top .step00{border-radius:50px; text-align:center; float:right;font-size: 14px; color:#fff; font-weight:500; padding:0 10px;}
.m_suggest_slide .text_top .step0{background:#064298;}
.m_suggest_slide .text_top .step1{background:#f7a919;}
.m_suggest_slide .text_top .step2{background:#f36b2f;}
.m_suggest_slide .text_top .step3{background:#f32f4b;}
.m_suggest_slide .text_top .step4{background:#880013;}

.m_suggest_slide .box{width:50%; float:left;}
.m_suggest_slide .box_padding{padding:0 3px;}
.m_suggest_slide .text_box {width:100%; display: block;  padding: 22px; background-color: #fff;  border: 1px solid #e4e4e4; box-sizing: border-box; overflow: hidden;}
.m_suggest_slide .last {margin-right: 0%}
.m_suggest_slide .text_top {overflow:hidden; width:100%; line-height:20px; font-size: 15px;}

.m_suggest_slide .text_box:hover {background-color: #fbfdff; border: 1px solid #1d84fa;}
.m_suggest_slide .text_box:hover dt {color: #1d84fa;}
.m_suggest_slide .text_top strong {width: 80px; float: left; line-height: 30px; }
.m_suggest_slide .text_top .color_box {width: 40px; float: right; background-color: #fcab19; padding: 3px 14px; border-radius: 14px; font-size: 14px;color: #fff;font-weight: bold;}
 
.m_suggest_slide .color_box.red{background-color: #f32f4b;}

.m_suggest_slide .text_box dt {font-size:22px;font-weight: bold; word-break:keep-all; color: #555; height:58px; line-height:1.4; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin:5px 0 12px;}
.m_suggest_slide .text_box dd {height:43px;overflow: hidden;font-size: 14px; line-height:1.5; color:#858585; word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.m_suggest_slide .text_box .user{clear:both; font-size:14px; color: #787878;font-weight:bold; height:30px;}
.m_suggest_slide .score6{padding:3px 0 1px 30px; background: url(/images/front/lv_s05.png) no-repeat 0px; background-size:25px;}
.m_suggest_slide .score5{padding:2px 0 1px 30px; background: url(/images/front/lv_s04.png) no-repeat 0px; background-size:25px;}
.m_suggest_slide .score4{padding:2px 0 1px 24px; background: url(/images/front/lv_s03.png) no-repeat 0px; background-size:20px;}
.m_suggest_slide .score3{padding:2px 0 1px 25px; background: url(/images/front/lv_s02.png) no-repeat 0px; background-size:20px;}
.m_suggest_slide .score2{padding:2px 0 1px 25px; background: url(/images/front/lv_s01.png) no-repeat 0px; background-size:20px;}
/* .m_suggest_slide .score6{padding: 3px 0px 20px 24px; background: url(/images/front/main2/user.jpg) 0 3px no-repeat; background-size: 18px;} */
/* .m_suggest_slide .score5{padding: 3px 0px 20px 24px; background: url(/images/front/main2/user.jpg) 0 3px no-repeat; background-size: 18px;} */
/* .m_suggest_slide .score4{padding: 3px 0px 20px 24px; background: url(/images/front/main2/user.jpg) 0 3px no-repeat; background-size: 18px;} */
/* .m_suggest_slide .score3{padding: 3px 0px 20px 24px; background: url(/images/front/main2/user.jpg) 0 3px no-repeat; background-size: 18px;} */
/* .m_suggest_slide .score2{padding: 3px 0px 20px 24px; background: url(/images/front/main2/user.jpg) 0 3px no-repeat; background-size: 18px;} */
.m_suggest_slide .score1{padding: 3px 0px 20px 24px; background: url(/images/front/main2/user.jpg) 0 3px no-repeat; background-size: 18px;}


.m_suggest_slide .text_bottom {width: 100%;overflow: hidden;border-top: 1px solid #ddd;color: #858585;margin-top: 10px;padding: 16px 0 0 0;font-size:13px;}
.m_suggest_slide .text_bottom > ul {float: right;}
.m_suggest_slide .text_bottom > ul li {float: left;}
.m_suggest_slide .text_bottom .good {height:18px;background: url(/images/front/main2/icon_02.png) 0 4px no-repeat; background-size: 15px; padding-left:20px; margin-right: 9px;}
.m_suggest_slide .text_bottom .reply {height:18px;background: url(/images/front/main2/icon_04.png) 0 6px no-repeat;background-size: 15px; padding-left:20px; margin-right: 5px;}

.section01_wrap .s_icon {width:60px; margin:16px auto 0; height:18px; overflow:hidden;}
.section01_wrap .s_icon li.left{width:18px;height:18px;float:left;background: url(/images/front/main2/s_left.png) center no-repeat;}
.section01_wrap .s_icon li.stop{width:18px;height:18px;float:left;margin-left: 3px;background: url(/images/front/main2/s_stop.png) center no-repeat;}
.section01_wrap .s_icon li.play{width:18px;height:18px;float:left;margin-left: 3px;background: url(/images/front/main2/s_play.png) center no-repeat;}
.section01_wrap .s_icon li.right{width:18px;height:18px;float:left;margin-left: 3px;background: url(/images/front/main2/s_right.png) center no-repeat;}
.section01_wrap .s_icon li a{display: block;width:18px;height:18px; border:1px solid #f6f6f6;}

#section02_v2{margin:0 auto; width:1300px;}

.quick_wrap{overflow:hidden; width:100%; padding:40px 0; margin:50px 0; box-shadow: 1px 1px 3px #999;float: left; }
.quick_wrap .quick_left {width:15%; float:left; padding:10px 10px 0 40px; word-break: keep-all;}
.quick_wrap .quick_left p {color: #0392f2; font-weight: bold; margin-bottom: 8px; font-size: 14px; font-weight:600;}
.quick_wrap .quick_left strong {font-weight: 600; font-size: 28px; line-height: 32px;}

.quick_menu {width:85%; float: left;}
.quick_menu li {position:relative; width:19.9%; float: left; font-weight: bold; border-right: 1px solid #d9d9d9; text-align: center; font-size: 16px; }
.quick_menu li:first-child { border-left: 1px solid #d9d9d9; }
.quick_menu li:hover {color: #13bccc;}
.quick_menu li:last-child { border: 0;}
.quick_menu li p{background:#f3f3f3; bottom:0; z-index:2; word-break:keep-all; font-weight:100; font-size:13px; line-height: 1.3; border-radius: 3px; padding: 10px; position: absolute; width: 100%; text-align: center; color: #3d3d3d;}
.quick_menu a{padding-top:90px; display:block;}
.quick_menu .bg01 a {background: url(/images/front/main2/icon1.png) no-repeat center; background-position: top;}
.quick_menu .bg02 a {background: url(/images/front/main2/icon2.png) no-repeat center;background-position: top;}
.quick_menu .bg03 a {background: url(/images/front/main2/icon3.png) no-repeat center;background-position: top;}
.quick_menu .bg04 a {background: url(/images/front/main2/icon4.png) no-repeat center;background-position: top;}
.quick_menu .bg05 a {background: url(/images/front/main2/icon5.png) no-repeat center;background-position: top;}



/*-------------하단메뉴-정책참여,열린소통 포럼, 공지사항---------------*/
.main_bottom_box{overflow: hidden;float: left;width: 100%;padding-bottom: 100px;}
.bottom_left {width: 68%; height: auto; float: left;}
.bottom_menu {width: 100%; float: left;}


/* 3depth */
.main_bottom_box .depth_3{margin:0 0 15px; width:100%; letter-spacing:-0.05em;}
.main_bottom_box .depth_3:after{clear:both; content:""; display:block;}
.main_bottom_box .depth_3 li{float:left; display:table; width:100%; text-align:center; border-left:1px solid #fff; border-bottom:1px solid #fff;}

.main_bottom_box .depth_3 li a{display:table-cell; vertical-align:middle; padding:15px; font-size:18px; color:#333; position: relative; font-weight: bold; background:#f5f5f5;}
.main_bottom_box .depth_3 li.active a:after{content: "";position: absolute;bottom: -32px; width:0px;height:17px;border-left: 15px solid transparent;border-right: 15px solid transparent; border-top: 15px solid #022543;left: 0;right: 0;margin-left: auto;margin-right: auto;}
.main_bottom_box .depth_3 li.active a,.main_bottom_box .depth_3 li a:focus, .main_bottom_box .depth_3 li a:hover{color:#fff;font-weight:bold;}
.main_bottom_box .depth_3 li {width: 32.8%; border: 1px solid #e4e4e4; float: left;margin-right: 3px;font-size: 18px;text-align: center;font-weight: 500;}
.main_bottom_box .depth_3 li.active a,
.main_bottom_box .depth_3 li a:focus,
.main_bottom_box .depth_3 li a:hover {color: #fff;background: #022543;font-weight: bold;}

.main_bottom_box .bottom_icon2 {width:100%; float: left; position: relative; margin:8px 0 18px;}

.main_bottom_box .small_icon {width: 60px;}
.main_bottom_box .small_icon li.left {width: 18px;height: 18px;float: left;background: url(/images/front/main2/s_left.png) no-repeat;}
.main_bottom_box .small_icon li.stop {width: 18px;height: 18px;float: left;margin-left: 3px;background: url(/images/front/main2/s_stop.png) no-repeat;}
.main_bottom_box .small_icon li.play {width: 18px;height: 18px;float: left;margin-left: 3px;background: url(/images/front/main2/s_play.png) no-repeat;}
.main_bottom_box .small_icon li.right{width: 18px;height: 18px;float: left;margin-left: 3px;background: url(/images/front/main2/s_right.png) no-repeat;}
.main_bottom_box .small_icon a{display: block;width: 18px;height: 18px;}

/*메인 하단3뎁스-공통 박스*/
.bottom_slide {overflow: hidden; width:100%; float:left;}
.bottom_slide li{width:50%;float:left;}
.bottom_slide .box{display:block; width:auto; height:245px; padding:45px 30px 30px 30px; border:1px solid #e4e4e4; position:relative; overflow: hidden;}
.bottom_slide .box_padding {padding:0 5px;}
.bottom_slide .ing_box{position:absolute; background:#ff2a42; color:#fff; padding:5px; font-size:14px; z-index:2; top: 0; left: 0; text-align: center; min-width:65px;}
.bottom_slide .ing_box.not{background:#2d73ce; color:#fff;}
.bottom_slide .ing_box.standby {background:#ff9b20; color:#fff;}
.bottom_slide .ing_box.end {background:#464e5e; color:#fff;}

.gover_libox a:hover p,
.community_libox a:hover dt,
.notice_libox a:hover dt{color:#1d84fa;}

/*메인 하단3뎁스-정책참여*/
.gover_libox .box .result_btn{width:73px; display:block; position:absolute; left:70px;  height:32px;}
.gover_libox .box .ing_box.result {padding:3px 10px; background:#3566ab; color:#fff;}
.gover_libox .box dt span {display: block;padding:10px 0 12px 0;font-size: 15px;color:#777;}
.gover_libox .box dt p {overflow:hidden; font-size:22px; font-weight:bold; height:63px; line-height:1.4;word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; margin-bottom:10px;}
.gover_libox .box dd {overflow:hidden; width:100%;padding:17px 0 0; border-top:1px solid #dfdfdf; color:#666; font-size: 14px;line-height: 22px;}
.gover_libox .box dd span {width: 200px;float: left; font-size:15px; }

.gover_libox .box dd ul{float:right; font-size:13px;}
.gover_libox .box dd li{float:left;  margin-left:10px; width:auto;}
.gover_libox .box .gift_box{height:20px; width:20px; background:url(/images/front/main2/gift_box.png) no-repeat;background-size:20px;}
/*
.gover_libox .box .like{background:url(/images/front/main2/people.jpg) no-repeat 0 4px; background-size:16px; padding-left:22px;}
.gover_libox .box .share{height:18px;background:url(/images/front/main2/share.jpg) 0px 3px no-repeat;background-size:13px; padding-left:20px;}*/

/*메인 하단3뎁스-열린소통포럼*/
/*.community_libox dt{overflow:hidden; font-size:22px; font-weight:bold; height:65px; line-height:1.4;word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; margin-bottom:10px;}
.community_libox dd{height:80px;overflow: hidden; line-height:1.5; color:#858585; font-size:14px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4;  -webkit-box-orient: vertical; margin-bottom: 20px;}
*/
.community_libox .box .result_btn{width:73px; display:block; position:absolute; left:70px;  height:32px;}
.community_libox .box .ing_box.result {padding:3px 10px; background:#3566ab; color:#fff;}
.community_libox .box dt span {display: block;padding:10px 0 12px 0;font-size: 15px;color:#777;}
.community_libox .box dt p {overflow:hidden; font-size:22px; font-weight:bold; height:63px; line-height:1.4;word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; margin-bottom:10px;}
.community_libox .box dd {overflow:hidden; width:100%;padding:17px 0 0; border-top:1px solid #dfdfdf; color:#666; font-size: 14px;line-height: 22px;}
.community_libox .box dd span {width: 200px;float: left; font-size:15px; }

.community_libox .box dd ul{float:right; font-size:13px;}
.community_libox .box dd li{float:left;  margin-left:10px; width:auto;}
.community_libox .box .gift_box{height:17px; width:17px; background:url(/images/front/main2/gift_box.png) no-repeat;background-size:17px;}

.image_libox a{display:block; position:relative; }
.image_libox a img{width:100%; height:100%;}
.image_libox .thumb{width:100%; height:245px; overflow:hidden;}
.image_libox a:hover .thumb img{transform: scale(1.1); transition:.4s; }

/*메인 하단3뎁스-공지사항*/
.notice_libox dt strong{overflow:hidden; font-size:22px; font-weight:bold; height:64px; line-height:1.4;word-break: break-all; text-overflow: ellipsis; display:block; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; margin-bottom:10px;}
.notice_libox dt p{height:40px;overflow: hidden; line-height:1.5; color:#858585; font-size:14px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;  -webkit-box-orient: vertical; margin-bottom: 20px;}
.notice_libox dd{overflow:hidden; width: 100%; padding: 17px 0 0; border-top: 1px solid #dfdfdf; color: #666; font-size: 14px; line-height: 22px;}
.notice_libox dd .user{color:#787878;float: left; padding:0px 0 0px 20px; font-size:14px; background:url(/images/front/main2/user.jpg) no-repeat;  background-size:15px;}
.notice_libox dd .date{float:left;}

.banner_wrap {width:372px; height:355px;  float:right; position: relative; overflow: hidden;}
.banner_wrap img {width:100%; height:355px;}

.b_button{height:45px;position: absolute;bottom:0;right:0;}
.b_button a{width:45px; height:45px; margin-right:1px; float:left;}
.b_button .b_left {background:url(/images/front/main2/left.png)no-repeat center;background-size: 45px;}
.b_button .b_stop {background:url(/images/front/main2/stop.png)no-repeat center;background-size: 45px;}
.b_button .b_play {background:url(/images/front/main2/play.png)no-repeat center;background-size: 45px;}
.b_button .b_right {background:url(/images/front/main2/right.png)no-repeat center;background-size: 45px;}



/*-------------------1300사이즈------------------*/
@media (max-width:1300px) {
.footer_wrap .f_link {float:inherit; width:197px;  margin:0 auto;}
	
.main_sl {width:100%;}
.main_slider {height:100%; padding:50px 30px 30px; background-size:cover;}
.main_sl .search_box {margin:0; width: 100%; float: inherit; padding:15px 0; overflow:hidden;}
.main_sl .slider_img {width:100%; margin:0; overflow:hidden; position:relative;}
	
.main_sl .button {top:inherit; bottom: 0; right: 0;}
.main_sl .search_box .search_txt {width:80%; min-width:auto; padding:12px;}
.main_sl .search_box button {width:20%; padding:12px 0;}

.leftbox_01 {margin-right:17px;}

#section02_v2 {width:100%; padding:0 20px;}
#section01_v2 .section01_wrap {width:100%;}   
#section01_v2 .l_box {padding:60px 0 0 20px;}

.quick_wrap {padding:20px 0 40px;}
.quick_wrap .quick_left {width:100%; padding:0 0 20px 40px;}
.quick_wrap .quick_left p {margin-bottom:3px;}
.quick_menu {width:100%;}
.quick_menu li {width:19.8%;}
.quick_menu li:first-child {border-left:0;}

}
  
 
/*-------------------1220사이즈------------------*/
@media (max-width:1220px) {
.main_sl .slider_img {height:307px;}

.bottom_left {width:100%;}
.bottom_slide .box{padding: 45px 20px 30px 20px;}
.main_bottom_box {padding-bottom:20px;}
.main_bottom_box .depth_3 li {width:33%;}
.banner_wrap {width:100%; margin-top: 10px;}

} 

/*-------------------1150사이즈------------------*/  
@media (max-width: 1150px){
#wrap {min-width: 100% !important;}

.section01_wrap .s_icon {width:60px; margin:10px auto; height:18px; overflow:hidden;}
.section01_wrap .s_icon li.left{width:18px;height: 18px;float: left;background: url(/images/front/main2/w_left.png) center no-repeat;}
.section01_wrap .s_icon li.stop{width:18px;height: 18px;float: left;margin-left: 3px;background: url(/images/front/main2/w_stop.png) center no-repeat;}
.section01_wrap .s_icon li.play{width:18px;height: 18px;float: left;margin-left: 3px;background: url(/images/front/main2/w_play.png) center no-repeat;}
.section01_wrap .s_icon li.right{width:18px;height: 18px;float: left;margin-left: 3px;background: url(/images/front/main2/w_right.png) center no-repeat;}
.section01_wrap .s_icon li a{display: block;width: 18px;height:18px; border:none;}

#section01_v2 {background:#022543;}
#section01_v2 .bg {width:100%; background:none;}
#section01_v2 .l_box {width:100%; padding:20px;}
#section01_v2 .right_box{width:100%;float:inherit; overflow:hidden; padding:0 20px;}

.leftbox_01 {width:100%; margin:0 0 20px;position:relative; float:inherit;}
.leftbox_01 h2 { padding: 15px 0 10px;}
.leftbox_01 .left_button {margin:5px 3px; width:200px; position:absolute; right: 0; top: 5px;}
.leftbox_02 {float:inherit; width:100%;}
.leftbox_02 li {float:left; width:32.7%; margin:3px;}
.leftbox_02 li:last-child{margin-right:0;}
.m_suggest_slide {padding-top:0;}
}

/*--------------------950사이즈------------------*/
@media (max-width: 950px) {
.main_slider {padding:30px 15px;}
.main_sl .slider_img  {height:290px;}
.main_sl .slider_img img {height:290px;}
.main_sl .button {width:93px; height:30px;}
.main_sl .button a {width:30px; height:30px; background-size:30px;}

#section02_v2 {padding:0 15px;}
#section01_v2 .l_box {padding:20px 15px 5px;}
#section01_v2 .right_box {padding:0px;}
.leftbox_01 {margin: 0 0 10px;}
.leftbox_01 h2 {padding:5px 0; font-size:25px;}
.leftbox_02 li {width:32.58%;}
.leftbox_02 li strong {font-size: 15px;}
.m_suggest_slide {padding:0 15px;}


.main_bottom_box .depth_3 li {width:32.7%;}

.quick_wrap {padding:20px 0 20px; margin:20px 0;}
.quick_wrap .quick_left {padding:0 10px;text-align: center;}
.quick_wrap .quick_left strong {font-size: 24px;line-height: 1;}

.main_bottom_box {padding-bottom: 10px;}
}

/*-----------------mobile 708사이즈--------------*/
@media (max-width:708px) { 
.leftbox_02 li {width: 32.4%;}
.banner_wrap {height:280px;}
.banner_wrap img {height:280px;}

.footer_wrap address p{font-size:13px; line-height:1.5;}
.footer_wrap .f_link a {font-size:13px;}
}

/*-----------------mobile 678사이즈--------------*/
@media (max-width:678px) {   
	
.leftbox_01 .left_button {position:inherit; width:100%; padding:10px; font-size:15px; top:0; margin:5px 0 0;}
.leftbox_02 li {float:left; width: 32.4%;}
.leftbox_02 li a {padding:10px 12px;}
.leftbox_02 li:first-child{margin-left:0;}
.leftbox_02 li p { font-size: 18px;}

.quick_menu li {width:50%;  border-right:0;}
.quick_menu li:first-child {border-left:0;}

.m_suggest_slide .box_padding {padding: 0;}
.m_suggest_slide .box {width:100%; float: inherit;}

.quick_wrap {border:1px solid #ddd; box-shadow: none;}

.bottom_slide li {width:100%;float: inherit;margin-bottom: 5px;}
.bottom_slide .box_padding {padding: 0;}

.main_bottom_box .bottom_icon2 {margin:0px 0 5px;}
.main_bottom_box .depth_3 {margin:0 0 25px;}
.main_bottom_box .depth_3 li a { padding:10px 0px; font-size:15px;}

} 

/*-----------------mobile 500사이즈---------------*/
@media (max-width:500px) {
.main_slider {padding:20px 15px;} 
.main_bottom_box .depth_3 li.active a:after {display:none;}
.main_sl .slider_img{height:190px;}
.main_sl .slider_img img {height:190px;}

#section01_v2 .l_box {padding:20px 15px 5px;}

.leftbox_02 li {width:32.4%; margin:2px;}

.main_bottom_box .depth_3 {margin:0 0 10px;}
.main_bottom_box .depth_3 li {width:100%;}

}

/*-----------------mobile 360사이즈---------------*/
@media (max-width:360px) {
    
    
}   