@charset "utf-8";
/**************************************************

	Respond.css ( ver 1.0.2 )

**************************************************/
/**************************************************
	Setting Device Width
**************************************************/
#_device_pc{display: block;} #_device_ta{display: none;} #_device_mo{display: none;} .__pc{display: block !important;} .__ta{display: none !important;} .__mo{display: none !important;}
@media screen and (min-width: 750px) and (max-width: 1300px){#_device_pc{display: none;} #_device_ta{display: block;} #_device_mo{display: none;} .__pc{display: none !important;} .__ta{display: block !important;} .__mo{display: none;}}
@media screen and (max-width: 750px){#_device_pc{display: none;} #_device_ta{display: none;} #_device_mo{display: block;} .__pc{display: none !important;} .__ta{display: none;} .__mo{display: block !important;} }

/**************************************************
	Layout
**************************************************/
@media screen and (max-width: 1300px){
	#header .sns {top: 5px;right: 139px;}
	html{min-width: 320px;padding-top: 45px;}

    br.mo{display: block;}

	#header{position: fixed;top: 0;left: 0;width: 100%;border-bottom: 1px solid #ddd;}
	#header .inner{width: auto;height: 45px;}
	#header .logo{line-height: 45px;left: 10px;}
	#header .logo img{display: inline-block;vertical-align: middle;width: auto;height: 30px;}

    #qnabtn{top: 5px;right: 50px!important;width: 80px;height: 35px;line-height: 35px;border-radius: 35px;font-size: 12px;letter-spacing: -1px;}
    #homebtn{top: 5px;right: 90px!important;width: 80px;height: 35px;line-height: 35px;border-radius: 35px;font-size: 12px;letter-spacing: -1px;}

	#gnb, #gnb2{display: none;}
    #tnb{display: none;}

    #hd-lan{display: none;}
    #hd-sch{display: none;}

    #footer {width: 100%}
    #footer .fnbWrap .inner{width: auto;}
    #footer .fnbWrap .inner{width: auto;}
    #footer .ftWrap{width: auto;padding: 15px 0;}
    #footer address{font-size: 10px;line-height: 13px;color: #b3b3b3;font-style: normal;text-align: center;padding-left: 0;background: none;}
    #footer address hr{display: block;border: none;margin: 0;}
    #footer address .copyright{display: block;margin-top: 10px;font-size: 10px;color: #777777;}
    #footer .call{position: static;text-align: center;display: block;margin-top: 20px;font-size: 13px;}
    #footer .call strong{font-size: 18px;}

    #ft-fam{display: none;}

    #gotop{display: none;}

    #fnb{text-align: center;}
    #fnb > li{display: inline-block;padding: 0 5px;}
    #fnb > li:first-child{padding-left: 0;background: none;}
    #fnb > li a{font-size: 11px;color: #b3b3b3;letter-spacing: -1px;line-height: 35px;}

    #slide-btn{top: 15px;right: 10px;display: block;width: 25px;height: 16px;}

    #slide-bg{position: fixed;z-index: 200;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);display: none;}
    #slide-close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;background: url('../images/layout/slide-close.png') no-repeat center center;background-size: 20px auto;}

    #slide-menu{position: fixed;top: 0;right: -100%;width: 80%;height: 100%;display: block;background: #fff;z-index: 201;overflow-y: auto;transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
    #slide-menu .tit{height: 50px;position: relative;background: #195ca3;}
    #slide-menu.on{right: 0;}

    #tnb-mo{text-align: center;line-height: 40px;background: #f7f7f7;}
    #tnb-mo > li{display: inline-block;margin: 0 10px;}
    #tnb-mo > li a{font-size: 12px;color: #333;}

    #gnb-mo > li{border-bottom: 1px solid #e1e1e1;}
    #gnb-mo > li > a{display: block;line-height: 40px;padding: 0 15px;font-size: 14px;letter-spacing: -1px;color: #333;text-decoration: none;}
    #gnb-mo > li > ul{padding: 10px 15px;border-top: 1px solid #e1e1e1;background: #f7f7f7;display: none;}
    #gnb-mo > li > ul li a{line-height: 30px;font-size: 14px;color: #666;text-decoration: none;}
    #gnb-mo > li.hidden-gnb{display: none;}

    #hd-lan-mo{position: absolute;top: 0;left: 15px;z-index: 92;}
    #hd-lan-mo > a{display: block;line-height: 50px;padding: 0 10px 0 20px;font-size: 12px;color: #fff;text-decoration: none;text-transform: uppercase;background: url('../images/layout/hd-lan-ico-mo.png') no-repeat 0 center / 15px auto, url('../images/layout/hd-lan-spr-mo.png') no-repeat right center / 6px auto;}
    #hd-lan-mo > ul{position: absolute;top: 40px;left: 50%;display: none;width: 80px;margin-left: -40px;padding: 10px 0;border: 1px solid #b8b8b8;background: #fff;}
    #hd-lan-mo > ul:before{position: absolute;top: -7px;left: 50%;content: '';display: block;width: 6px;height: 7px;margin-left: -3px;background: url('../images/layout/hd-lanbox-spr-mo.png');}
    #hd-lan-mo > ul li a{display: block;font-size: 12px;line-height: 20px;color: #666666;text-decoration: none;text-align: center;text-transform: uppercase;}
    #hd-lan-mo.on > ul{display: block;}

    #hd-sch-mo{position: absolute;top: 14px;left: 85px;z-index: 91;}
    #hd-sch-mo .btn{display: block;width: 21px;height: 21px;background: url('../images/layout/hd-sch-btn-mo.png') no-repeat center center;background-size: 16px auto;text-indent: -999em;border: none;}
    #hd-sch-mo form{position: fixed;display: none;top: 50px;right: 0;width: 80%;padding-right: 45px;border: 1px solid #333;border-width: 1px 0 1px 0;overflow: hidden;background: #fff;box-sizing: border-box;}
    #hd-sch-mo legend{display: none;}
    #hd-sch-mo .inp{width: 100%;height: 38px;line-height: 38px;text-indent: 10px;background: none;border: none;font-size: 12px;}
    #hd-sch-mo .sbm{position: absolute;top: 0;right: 0;width: 40px;height: 40px;background: #333 url('../images/layout/hd-sch-btn-mo.png') no-repeat center center;background-size: 18px auto;border: none;text-indent: -999em;}
    #hd-sch-mo.on form{display: block;}

    #aside{display: none;}

    .table1 tr > *{padding: 15px 2px;}
    .table1 thead th{font-size: 12px;}
    .table1 tbody th{font-size: 12px;}
    .table1 tbody td{font-size: 12px;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
    .table1 tbody td.td-br{white-space: nowrap;}
    .table1 tbody td.td-br br{display: none;}
    .table1 tbody td.td-br br.mo{display: block;}

    .table2 tr > *{padding: 15px 2px;}
    .table2 thead th{font-size: 12px;}
    .table2 tbody th{font-size: 12px;letter-spacing: -1px;}
    .table2 tbody td{font-size: 12px;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
    .table2 tbody td.td-br{white-space: nowrap;}
    .table2 tbody td.td-br br{display: none;}
    .table2 tbody td.td-br br.mo{display: block;}

    .btnWrap .btn1{ height: 45px;width: 100%;margin: 0;height: 45px;line-height: 45px;font-size: 13px;}
    .btnWrap .btn2{ height: 45px;width: 100%;margin: 0;height: 45px;line-height: 45px;font-size: 13px;}
    .btnWrap .btn3{ height: 45px;width: 100%;margin: 0;height: 45px;line-height: 45px;font-size: 13px;}
    .btnWrap .btn4{ height: 45px;width: 100%;margin: 0;height: 45px;line-height: 45px;font-size: 13px;}
    .btnWrap .btn5{ height: 45px;width: 100%;margin: 0;height: 45px;line-height: 45px;font-size: 13px;}
    .btnWrap .btn6{ height: 45px;width: 100%;margin: 0;height: 45px;line-height: 45px;font-size: 13px;}

	/* 230419 webper mw */
	/* 팝업 */
	.spPop{top:65px !important;left:5% !important; max-width: 90% !important; width:90% !important; height:auto !important}
	.spPop table{width: 100% !important; max-width:100% !important;height:auto !important}
	.spPop table td{height:auto !important}
	.spPop table td img{width: 100% !important; max-width:100% !important;height:auto !important}
    .spPop table td a {display: block !important; width: 100%; margin: 0; padding: 0}

    .spPop .sp_pop_article_tr{display: none;width: 100% !important;}
    .spPop .sp_pop_article_tr.show{display: block;}
    .spPop .sp_pop_article_tr td{width: 100% !important;display: block;}
    .spPop .sp_pop_article{display: block;height: calc(100vh - 350px);overflow-y: auto;width: 100% !important;padding: 10px;box-sizing: border-box;}
    .spPop .sp_pop_article .title{border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 10px;font-size: 15px;color: #000;letter-spacing: -1px;font-weight: bold;line-height: 20px;}

}

/**************************************************
	Ajax Popup
**************************************************/
@media screen and (max-width: 1300px){

    #popup{top: 5%;left: 5%;width: 90%;height: 90%;margin-top: 0;margin-left: 0;padding-top: 41px;}
    #popup .pop-tit{height: 40px;padding: 0 10px;}
    #popup .pop-tit h3{font-size: 13px;line-height: 40px;}
    #popup .pop-tit .close{width: 39px;height: 39px;line-height: 39px;font-size: 13px;}
    #popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
    #popup.on{opacity: 1;}
    #popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
    #popupBG.on{opacity: 1;}

    /* sitemap */
    #popup .sitemap > li{width: 49%;}
    #popup .sitemap > li > a{font-size: 12px;line-height: 35px;}
    #popup .sitemap > li ul li a{font-size: 12px;padding: 7px 0;}

}


/**************************************************
	Main
**************************************************/
@media screen and (min-width: 750px) and (max-width: 1300px){
    #main .visual li{position: relative;min-height: 0;height: 500px;}
}
@media screen and (max-width: 750px){
    #main .visual li{position: relative;min-height: 0;height: auto;}
}
@media screen and (max-width: 1300px){

    #main #mainWrap{width: auto;margin: 0 auto;}

    #main section{min-height: 0;height: auto;}
    #main section .inner{width: auto;}
    #main section .page_url {top: -45px;}

    #main .visual > p{top: 70px;margin-top: 0;}
	#main .center_vis > p {top: 29%;}
    #main .visual > p img{width: 300px;height: auto;}
    #main .visual .vis-scr{bottom: 50px;width: 40px;margin-left: -20px;}
    #main .visual .vis-scr img{width: 100%;height: auto;}
    @keyframes visual-ani {
    	0% {bottom:50px;}
    	70% {bottom:40px;}
    	100% {bottom:50px;}
    }

    #main .main-tit{padding-bottom: 4px;font-size: 16px;line-height: 16px;}

    #main .sec2{padding: 40px 10px;}
    #main .sec2 .inner > div{float: none;width: auto;height: auto;}
    #main .sec2 .img{margin-bottom: 20px;}
    #main .sec2 .img img{position: static;margin-top: 0;width: 200px;height: auto;display: block;margin: 0 auto;}
    #main .sec2 .txt .in{position: relative;top: auto;margin-top: 0;}
    #main .sec2 .txt .t1{font-size: 16px;line-height: 20px;margin-top: 20px;}
    #main .sec2 .txt .t2{font-size: 18px;line-height: 20px;margin-top: 10px;}
    #main .sec2 .txt .t3{margin-top: 10px;font-size: 16px;line-height: 20px;}
    #main .sec2 .txt .t4{margin-top: 5px;font-size: 14px;line-height: 20px;}
    #main .sec2 .txt .img2{margin-top: 20px;}
    #main .sec2 .txt .in > span{word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}

    #main .sec3{padding: 40px 10px;text-align: center;}
    #main .sec3 .in{position: relative;top: auto;margin-top: 0;}
    #main .sec3 .t1{font-size: 14px;color: #fff;margin-top: 20px;line-height: 20px;}
    #main .sec3 .t2{font-size: 16px;color: #fff;margin-top: 20px;line-height: 20px;}
    #main .sec3 .t3{font-size: 15px;line-height: 20px;}

    #main .sec3_2{padding: 40px 10px;text-align: center;}
    #main .sec3_2 .in{position: relative;top: auto;margin-top: 0;transform: none;}
    #main .sec3_2 .t1{font-size: 16px;line-height: 20px;margin-top: 20px;}
    #main .sec3_2 .t2{font-size: 12px; margin-top:100px;}
    #main .sec3_2 ul{margin: 20px -5px;justify-content: normal;}
    #main .sec3_2 ul li{margin: 5px;width: calc(33.33% - 10px);}
    #main .sec3_2 ul li img{width: 100%;height: auto;}

    #main .sec4{padding: 40px 10px;}
    #main .sec4 .in{position: relative;top: auto;margin-top: 0;}
    #main .sec4 .in > span{display: block;}
    #main .sec4 .t1{font-size: 14px;margin-top: 20px;}
    #main .sec4 .t2{font-size: 14px;margin-top: 5px;}
    #main .sec4 .img1{margin: 15px auto;width: 100%;max-width: 400px;height: auto;}
    #main .sec4 .t3{font-size: 14px;}
    #main .sec4 .t3 strong{font-size: 16px;}
    #main .sec4 .t4{font-size: 12px;}

    #main .sec5{padding: 40px 10px;}
    #main .sec5 .in{position: relative;top: auto;margin-top: 0;}
    #main .sec5 .t1{font-size: 14px;margin-top: 20px;}
    #main .sec5 .t2{font-size: 16px;}
    #main .sec5 .img1{margin-top: 20px;width: 100%;max-width: 400px;height: auto;}

    #main .sec6{padding: 40px 20px;}
    #main .sec6 .in{position: relative;top: auto;margin-top: 0;}
    #main .sec6 .t1{font-size: 14px;margin-top: 20px;}
    #main .sec6 .t2{font-size: 16px;}
    #main .sec6 .img1{margin-top: 20px;width: 300px;height: auto;}
    #main .sec6 ul{width: auto;margin-top: 20px;}
    #main .sec6 ul li{padding: 15px 0;padding-left: 130px;}
    #main .sec6 ul li p{font-size: 13px;line-height: 20px;}
    #main .sec6 ul li strong{top: 15px;font-size: 14px;}

    #main .sec7{padding: 40px 20px 150px 20px;}
    #main .sec7 .in{position: relative;top: auto;margin-top: 0;}
    #main .sec7 .t1{font-size: 16px;margin-top: 20px;padding: 0 20px;}
    #main .sec7 .t1:before{top: 3px;width: 12px;height: 12px;}
    #main .sec7 .t1:after{top: 3px;width: 12px;height: 12px;}
    #main .sec7 .t2{font-size: 16px;line-height: 20px;margin-top: 20px;}
    #main .sec7 .t3{margin-top: 20px;font-size: 14px;}

    #main .sec8{padding: 40px 10px;}
    #main .sec8 .in{position: relative;top: auto;margin-top: 0;}
    #main .sec8 .tit{position: relative;top: auto;left: auto;font-size: 15px;text-align: center;}
    #main .sec8 .tit > *{text-align: center !important;}
    #main .sec8 .tit em{font-size: 12px;}
    #main .sec8 .tit strong{font-size: 15px;}
    #main .sec8 ul{margin: -1%;margin-top: 20px;}
    #main .sec8 ul li{margin: 1%;width: 31.33%;}
    #main .sec8 ul li img{width: 100%;height: auto;}
    #main .sec8 ul li:first-child{margin-left: 1%;}

    #main .sec9 .infobox1{padding: 40px 10px;}
    #main .sec9 .infobox1 .tit{font-size: 16px;}
    #main .sec9 .infobox1 .list1{width: auto;margin: -0.5%;margin-top: 15px;}
    #main .sec9 .infobox1 .list1 li{width: 49%;height: 35px;line-height: 35px;margin: 0.5%;}
    #main .sec9 .infobox1 .list1 li:nth-child(6n+1){margin-left: 0.5%;}
    #main .sec9 .infobox1 .list1 li strong{font-size: 13px;}
    #main .sec9 .infobox1 .list1 li a{font-size: 13px;}
    #main .sec9 .infobox1 .list2{margin-top: 15px;}
    #main .sec9 .infobox1 .list2 li{width: 100%;margin: 0.5px 0;}
    #main .sec9 .infobox1 .list2 li a{width: auto;height: 40px;line-height: 40px;font-size: 12px;letter-spacing: -1px;}
    #main .sec9 .mapWrap > .btn {display: block;padding: 0 10px;height: 32px;line-height: 30px;font-size: 11px;letter-spacing: -1px;}
    #main .sec9 .mapWrap{padding: 30px 30px;}
    #main .sec9 #map{height: 200px !important;}

    #main .sec10{padding: 40px 10px;}
    #main .sec10 .latbox{width: auto;float: none;}
    #main .sec10 .latbox:first-child{padding-right: 0;}
    #main .sec10 .latbox:last-child{padding-left: 0;margin-top: 15px;}
    #main .sec10 h5{padding-bottom: 10px;margin-bottom: 10px;font-size: 16px;}
    #main .sec10 ul li{position: relative;padding-right: 100px;}
    #main .sec10 ul li .sbj{font-size: 14px;line-height: 25px;}
    #main .sec10 ul li .date{font-size: 12px;line-height: 25px; }

    #daumRoughmapContainer1566799591661{height: 200px !important;}

	#main .main_tit1 {font-size: 14px;margin-top: 20px;}
	#main .main_tit2 {font-size: 14px;margin-top: 5px;}
	#main .main_tit2 span {font-size: 14px;}
	br.none {display: none;}

	#main .sec11{padding:30px 10px 20px;height: auto;}
	#main .sec11 .con_wrap {margin-top: 30px;}
	#main .sec11 .con_wrap img{display:inline-block;}
	#main .sec11 .con_wrap .con .tit{font-size:14px;padding-bottom:3px;border-bottom-width:1px;}
	#main .sec11 .con_wrap .con ul {margin-top: 10px;}
	#main .sec11 .con_wrap .con ul li {min-height: 53px;padding-top: 10px;padding-bottom: 10px;}
	#main .sec11 .con_wrap .con ul li p{font-size:12px;line-height:18px;}
	#main .sec11 .con_wrap .con ul li strong{top: 5px;font-size:14px;width:31%;}

	#main .sec12{padding:10px 10px 20px;height: auto;}

	#main .sec12 .con_wrap img{display:inline-block;}
	#main .sec12 .con_wrap .con .tit{font-size:14px;padding-bottom:3px;border-bottom-width:1px;}
	#main .sec12 .con_wrap .con ul {margin-top: 10px;}
	#main .sec12 .con_wrap .con ul li {padding-top: 10px;padding-bottom: 10px;}
	#main .sec12 .con_wrap .con ul li p{font-size:12px;line-height:18px;}
	#main .sec12 .con_wrap .con ul li strong{top: 8px;font-size:14px;width:31%;}

	#main .sec13{height:auto;padding-bottom:20px;}
	#main .sec13 strong{font-size:14px;margin-top:20px;}
	#main .sec13 p{font-size:12px;line-height:16px;margin-top:5px;}

	#main .sec14{padding:30px 10px 20px;}
	#main .sec14 .con_wrap{margin-top:20px;padding:20px 0;}
	#main .sec14 .con_wrap > div {padding: 0 10px;}
	#main .sec14 .con_wrap > div .tit1{font-size:14px;padding-bottom:3px;border-bottom-width:1px;}
	#main .sec14 .img{width:100%;margin-top:20px;}
	#main .sec14 .con_wrap > div .tit2 strong{font-size:14px;}
	#main .sec14 .con_wrap > div .tit3 strong{font-size:14px;line-height:16px;}
	#main .sec14 .con_wrap > div .info {margin-top: 10px;}
	#main .sec14 .con_wrap > div .info span{font-size:12px;}
	#main .sec14 .con_wrap > div ol{margin-top:10px;}
	#main .sec14 .con_wrap > div ol > li span{font-size:14px;padding-right:7px;}
	#main .sec14 .con_wrap > div .tit2,#main .sec14 .con_wrap > div .tit3{font-size:12px;line-height:16px;margin-top:15px;}
	#main .sec14 .con_wrap > div .info,#main .sec14 .con_wrap > div ol > li{font-size:12px;line-height:16px;}

	#main .sec14 .con_wrap > div .tbox {max-width:220px; margin-top:15px;}
	#main .sec14 .con_wrap > div .txt1 {font-size:12px; line-height:18px; margin-top:5px;}
	#main .sec14 .con_wrap > div .txt1:after {top:7px;}
	#main .sec14 .con_wrap > div .txt2 {font-size:11px; line-height:18px; }

	#main .sec15 .con_wrap > div .tbox {max-width:220px; margin-top:15px;}
	#main .sec15 .con_wrap > div .txt1 {font-size:12px; line-height:18px; margin-top:5px;}
	#main .sec15 .con_wrap > div .txt1:after {top:7px;}
	#main .sec15 .con_wrap > div .txt2 {font-size:11px; line-height:18px; }


	#main .sec15 {
    padding: 30px 10px; 20px
}
	#main .sec15 .con_wrap {}
	#main .sec15 .con_wrap > div {}
	#main .sec15 .con_wrap > div:first-child {}
	#main .sec15 .con_wrap > div .tit1 {}
	#main .sec15 .img {
    width: 100%;
    margin-top: 20px;
}


	#main .sec15 .con_wrap{margin-top:20px;padding:20px 0;}
	#main .sec15 .con_wrap > div {padding: 0 10px;}
	#main .sec15 .con_wrap > div .tit1{font-size:14px;padding-bottom:3px;border-bottom-width:1px;}
	#main .sec15 .img{width:100%;margin-top:20px;}
	#main .sec15 .con_wrap > div .tit2 strong{font-size:14px;}
	#main .sec15 .con_wrap > div .tit3 strong{font-size:14px;line-height:16px;}
	#main .sec15 .con_wrap > div .info {margin-top: 10px;}
	#main .sec15 .con_wrap > div .info span{font-size:12px;}
	#main .sec15 .con_wrap > div ol{margin-top:10px;}
	#main .sec15 .con_wrap > div ol > li span{font-size:14px;padding-right:7px;}
	#main .sec15 .con_wrap > div .tit2,#main .sec15 .con_wrap > div .tit3{font-size:12px;line-height:16px;margin-top:20px;}
	#main .sec15 .con_wrap > div .info,#main .sec15 .con_wrap > div ol > li{font-size:12px;line-height:16px;}
	#main .sec15 .con_wrap > div .info .blue {display: block;margin-top: 5px;font-size: 12px;line-height: 16px;}
	#main .sec15 .con_wrap > div .info .blue strong {font-size: 14px}
    #main .sec15 .main-call{line-height: 50px;font-size: 14px;}
    #main .sec15 .main-call img{margin-top: -2px;}
    #main .sec15 .main-call strong{font-size: 20px;}

	#main .sec16{padding:10px 10px 20px;}
	#main .sec16 h5{font-size:14px;margin-top:20px;}
	#main .sec16 p{font-size:12px;background:none;margin-top:20px;}
	#main .sec16 .sec16-roll,#main .sec16 .bx-controls-direction{margin-top:20px;}

	#main .sec17 {height: 300px;}
	#main .sec17 .mapWrap {padding: 0;}
	#main .sec17 #map{height:300px!important;}
	#main .sec17 .list_wrap{height:250px;margin-top:25px;width:45%;right:10px;padding:0 2%;}
	#main .sec17 .list1 > li + li{margin-top:10px;}
	#main .sec17 .list1 > li strong{font-size:14px;line-height:16px;}
	#main .sec17 .list1 > li span .blue{font-size:12px;}
	#main .sec17 .list2{margin-top:15px;padding-top:15px;}
	#main .sec17 .list2 > li + li {margin-top: 10px;}
	#main .sec17 .list2 > li strong{font-size:14px;}
	#main .sec17 .list2 > li strong img{width:20px;vertical-align:middle;}
	#main .sec17 .list1 > li span,#main .sec17 .list2 > li span{font-size:12px;line-height:16px;}

	#main .inquiry{padding: 30px 10px 20px;height: auto;}
	#main .inquiry h5{padding-bottom:10px;margin-bottom:10px;font-size:16px;}
	#main .inquiry .left select,.inquiry .left input[type="text"]{font-size:12px;height:40px;margin-bottom:10px;}
	#main .inquiry .right textarea{height:142px;font-size:12px;padding:20px;}
	#main .inquiry .right button{font-size:12px;margin-top:10px;height:40px;}
	.gnbSC{top:-46px;}
	#main .inquiry .left label,#main .inquiry .left label a{font-size:12px;}

	#main .sec18{padding: 40px 10px;}
    #main .sec18 .in{position: relative;top: auto;margin-top: 0;}
	#main .sec18 .main-tit{padding-bottom:14px;font-size:16px;line-height:16px}
    #main .sec18 .t1{font-size: 14px;margin-top: 10px;}
    #main .sec18 .t2{font-size: 12px;}
    #main .sec18 .t3{font-size: 14px;}
    #main .sec18 .img1{margin:20px auto;width: 100%;max-width: 400px;height: auto;}

	#main .sec19{padding: 40px 10px;}
    #main .sec19 .in{position: relative;top: auto;margin-top: 0;}
	#main .sec19 .main-tit{padding-bottom:14px;font-size:16px;line-height:16px}
    #main .sec19 .t1{font-size: 14px;margin-top: 10px;}
    #main .sec19 .t2{font-size: 12px;margin-top:10px}
    #main .sec19 .t3{font-size: 14px;}
    #main .sec19 .img1{margin:20px auto;width: 100%;max-width: 400px;height: auto;}
}

@media screen and (max-width: 750px){
	#main .sec11 .con_wrap img {width: 100%;}
	#main .sec11 .con_wrap .con {width:100%;margin-top: 30px;padding-left: 0;}

	#main .sec12 .con_wrap img {width: 100%;margin-top: 20px;}
	#main .sec12 .con_wrap .con {width:100%;margin-top: 20px;padding-left: 0;}
	#main .sec14 .con_wrap > div {width: 100%;}
	#main .sec14 .con_wrap > div:first-child {border-right: none;margin-bottom: 20px;}
	#main .sec15 .con_wrap > div {width: 100%;}
	#main .sec15 .con_wrap > div:first-child {border-right: none;margin-bottom: 20px;}
	#main .sec17 {height: auto;}
	#main .sec17 #map {position: relative;height: 200px !important;}
	#main .sec17 .list_wrap{margin-top: 0;height:auto;width:100%;right:0px;padding:20px 10px;}
	#main .inquiry .left, #main .inquiry .right {width: 100%;}
	#main .inquiry .right {margin-top: 10px;}

	#main .sec19 ul{flex-flow:column wrap;margin-top:0}
	#main .sec19 ul li{width:100%;margin:5px 0;border:none !important}
}


@media screen and (max-width: 425px){
	#main .sec17 .list2 > li span {display: block;margin-left: 30px;margin-top: 3px;}
}

@media screen and (max-width: 32p0x){
	#main .center_vis > p {top: 18%;}
}
/**************************************************
	Sub
**************************************************/
@media screen and (max-width: 1300px){
    body.sub{padding-top: 0;}

    #sub #content{ width: auto;padding: 20px 10px; }

    #sub .sub-vis{height: 120px;}
    #sub .sub-vis h2{font-size: 20px;}
    #sub .sub-vis h2 em{margin-top: 5px;font-size: 11px;}

    #sub img{max-width:100%;height: auto;}

    .mt50{margin-top: 20px !important;}

    .sub-tit{margin-bottom: 20px;}
    .sub-tit h4{font-size: 16px;margin-bottom: 10px;}
    .sub-tit h4 em{font-size: 13px;}
    .sub-tit h4 em.small{font-size: 15px;line-height: 25px;}
    .sub-tit h4 span{font-size: 13px;}
    .sub-tit p{font-size: 13px;line-height: 22px;letter-spacing: -1px;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
    .sub-tit p .line{font-size: 13px;}
    .sub-tit p.type2{font-size: 13px;line-height: 22px;}
    .sub-tit p.type3 {margin-bottom: 10px;font-size: 14px;font-weight: 600;}
    .sub-tit p br{display: none;}


    .lnbWrap{display: none;}

    #status{display: none;}

    #navigator{display: none;}
    #navigator > ul{width: auto;border-left: none;padding-left: 40px;}
    #navigator > ul > li{width: 50%;box-sizing: border-box;}
    #navigator > ul > li > a{min-width: 0;font-size: 13px;padding: 0 20px 0 10px;line-height: 40px;background-size: 8px auto;}
    #navigator > ul > li:first-child{position: absolute;top: 0;left: 0;width: 40px;}
    #navigator > ul > li:first-child a{width: 40px;background: none;}
    #navigator > ul > li:last-child{border: none;}
    #navigator > ul > li > ul{top: 40px;left: -1px;}
    #navigator > ul > li:last-child > ul{border-right: none;}
    #navigator > ul > li > ul li a{padding: 10px;font-size: 13px;}

	/* 연혁 */
	.his-wrap .top{margin-bottom:20px;}
	.his-wrap .top > div{float:inherit;width:auto;height:auto;}
	.his-wrap .top .left{padding:20px;}
	.his-wrap .top .left h3{font-size:20px;}
	.his-wrap .top .left h4{font-size:13px;}
	.his-wrap dl{padding-left:65px;min-height:auto;padding-bottom:20px;}
	.his-wrap dl:before{left:72px;}
	.his-wrap dl:after{left:77px;}
	.his-wrap dt{font-size:20px;top:5px;}
	.his-wrap dd{font-size:13px;padding-left:80px;}
	.his-wrap dd strong{font-size:13px}
	.his-wrap .tab{margin-bottom: 20px;}
	.his-wrap .tab li{margin-right: 2px;}
	.his-wrap .tab li a{line-height: 35px;height: 35px;text-align: center;width: auto;padding: 0 20px;font-size: 14px;}

    .fulldiv{width: auto;left: 0;margin: -20px -10px;padding: 20px 0;}
    .fulldiv .inner{width: auto;}

    .aboutus{padding: 20px 10px;}

    .abubox > *{float: none;width: auto;}
    .abubox dd{padding-top: 20px;}
    .abubox dd .logo{display: block;margin: 0 auto;width: auto;height: 40px;margin-bottom: 20px;}
    .abubox dd p{font-size: 13px;line-height: 22px;letter-spacing: -1px;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
    .abubox dd p br{display: none;}
    .abubox dd em{font-size: 13px;}
    .abubox dt{margin-top: 20px;}
    .abubox dt img{width: 250PX;height: auto;display: block;margin: 0 auto;}

    .lifebox{margin-bottom: 15px;}
    .lifebox > *{float: NONE;width: auto;}
    .lifebox dt{margin: 15px 0;}
    .lifebox dt img{width: 250px;height: auto;display: block;margin: 0 auto;}
    .lifebox dd{padding-top: 0;}
    .lifebox dd h5{font-size: 14px;text-align: center;}
    .lifebox dd p{font-size: 13px;text-align: center;line-height: 22px;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;letter-spacing: -1px;}
    .lifebox dd p br{display: none;}

    .lifediv{padding: 20px;margin-bottom: -20px;}
    .lifediv ul li{display: block;margin-left: 0;}
    .lifediv ul li:first-child{background: #fff;}
    .lifediv ul li img{width: 300px;height: auto;margin: 0 auto;}
    .lifediv ul li.tbl{margin-top: 10px;width: 100%;}
    .lifediv ul li.tbl .in{padding: 10px;background: #fff;}
    .lifediv ul li.tbl .in:first-child{margin-bottom: 10px;}

    .qnabox > *{float: none;}
    .qnabox .lef{width: auto;}
    .qnabox .lef label{margin-top: 15px;font-size: 12px;line-height: 18px;}
    .qnabox .lef .sbm{position: relative;width: auto;width: 100%;margin-top: 15px;height: 35px;line-height: 35px;font-size: 13px;}
    .qnabox select{margin-bottom: 5px;font-size: 14px;}
    .qnabox .inp{line-height: 35px;font-size: 14px;width: 49.5%;}
    .qnabox .inp.fir{margin-right: 1%;}
    .qnabox textarea{font-size: 14px;margin-top: 5px;}

    .qnabox .rig{width: auto;margin-left: 0;margin-top: 10px;height: auto;padding: 40px;}
    .qnabox .rig .tit{margin-bottom: 10px;}
    .qnabox .rig > h5{font-size: 16px;}
    .qnabox .rig > p{font-size: 13px;line-height: 22px;}
    .qnabox .rig ul{margin-top: 15px;padding-top: 15px;}
    .qnabox .rig ul li{padding-left: 50px;}
    .qnabox .rig ul li p{font-size: 13px;line-height: 20px;}
    .qnabox .rig ul li strong{font-size: 13px;}

    .qnalist1{margin-top: 15px;}
    .qnalist1 li{width: 49%;height: 35px;line-height: 35px;margin: 0.5%;}
    .qnalist1 li:nth-child(6n+1){margin-left: 0.5%;}
    .qnalist1 li strong{font-size: 13px;}
    .qnalist1 li p{font-size: 13px;}

    .qnabox1{border: 3px solid #f1f1f1;padding: 20px 10px;margin-top: 20px;}
    .qnabox1 h5{margin-right: 15px;font-size: 13px;}

    .prdt1box{margin-top: 20px;padding: 20px 10px;}
    .prdt1box img{width: 100%;height: auto;}

    .prdtguide{margin: 0;}
    .prdtguide > li{display: block;width: 100%;margin: 0;padding: 20px 10px;min-height: 0;margin-bottom: 10px;}
    .prdtguide > li > em{font-size: 20px;line-height: 20px;}
    .prdtguide h6{font-size: 15px;margin-bottom: 15px;}
    .prdtguide p span{margin: 7px 0;line-height: 17px;font-size: 13px;}

    .prdtlist1{margin: 0;}
    .prdtlist1 li{margin: 0;width: 100%;margin-bottom: 5px;}
    .prdtlist1 li img{width: 100%;height: auto;}
    .prdtlist1 li.tbl{margin-top: 10px;width: 100%;}
    .prdtlist1 li.tbl .in{padding: 10px;background: #fff;}
    .prdtlist1 li.tbl .in:first-child{margin-bottom: 10px;}
    .prdtlist1 li.tbl h4{font-size: 16px;}
    .prdtlist1 li.tbl p.sment{font-size: 13px;}
    .prdtlist1 li.img-w300{position: relative;background: #fff;text-align: center;}
    .prdtlist1 li.img-w300 img{width: 320px;height: auto;}

    .prdtlist1.len2{margin: -0.5%;}
    .prdtlist1.len2 li{margin: 0;width: 49%;margin: 0.5%;}

    .prdt3box1{margin: 0 -10px;padding: 20px 10px;}
    .prdt3box1 img{width: 100%;height: auto;}
    .prdt3box2{padding: 20px 10px;margin-top: 20px;}

    .prdt-btm{margin-top: 20px;}
    .prdt-btm p{font-size: 13px;}

    .prdt4box1{padding: 20px 10px;}
    .prdt4box1 h5{font-size: 14px;line-height: 20px;margin-bottom: 20px;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
    .prdt4box1 h5 em{font-size: 14px;}
    .prdt4box1 h5 br{display: none;}
    .prdt4box1 .txt1{font-size: 14px;line-height: 20px;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
    .prdt4box1 .txt1 br{display: none;}
    .prdt4box1 .txt2{font-size: 14px;line-height: 20px;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
    .prdt4box1 .txt2 br{display: none;}
    .prdt4box1 ul li:first-child{margin-top: 0;}

    .prdt5box{margin-bottom: 40px;}
    .prdt5box > *{float: none;}
    .prdt5box dt{width: auto;text-align: center;}
    .prdt5box dt img{width: 150px;height: auto;}
    .prdt5box dd{width: auto;}
    .prdt5box dd h5{font-size: 14px;}
    .prdt5box dd p{font-size: 13px;}
    .prdt5box dd ul li{width: 100% !important;font-size: 13px;}

    .centersch{margin-bottom: 20px;}
    .centersch h5{font-size: 13px;}
    .centersch .inp{width: 50%;}
    .centermap{height: 250px !important;}

    .centerlist{margin: -0.5%;margin-top: 20px;}
    .centerlist > li{margin: 0.5%;width: 49%;vertical-align: top;}
    .centerlist > li .info{padding: 15px 10px;}
    .centerlist > li .info .tit{font-size: 14px;}
    .centerlist > li .info .inf li{padding-left: 0;margin-bottom: 5px;}
    .centerlist > li .info .inf p{font-size: 13px;line-height: 18px;}
    .centerlist > li .info .inf strong{position: static;font-size: 13px;}
    .centerlist > li .info .inf strong img{width: auto;height: 15px;}
    .centerlist > li .btn-tel {position: absolute;top: 15px;right: 10px;font-size: 11px;padding: 0 10px;height: 25px;line-height: 25px;}
    .centerlist > li .btn-tel img {display: none;}

    .centerview{margin-bottom: 20px;}
    .centerview > *{float: none;width: auto;padding: 20px;}
    .centerview dt{padding-right: 20px;}
    .centerview dt img{width: 300px !important;height: auto;display: block;margin: 0 auto;}

    .centerview dd{padding-left: 15px;padding-top: 20px;}
    .centerview dd h5{font-size: 16px;}
    .centerview dd p{font-size: 13px;line-height: 18px;}
    .centerview dd .inf p{font-size: 13px;line-height: 18px;}
    .centerview dd .inf strong{font-size: 13px;line-height: 18px;}
    .centerview dd .tmb{white-space: nowrap;margin: 0 -0.5%;margin-top: 30px;}
    .centerview dd .tmb li{display: inline-block;width: 32.33%;margin: 0 0.5%;}
    .centerview dd .tmb li img{width: 100%;height: auto;}
    .centerview dd .btn-tel {position: absolute;top: 20px;right: 15px;font-size: 11px;padding: 0 10px;height: 25px;line-height: 25px;}
    .centerview dd .btn-tel img {display: none;}

    .franbox1{background: #e9f2f7;}

    .hr{margin: 20px 0;}

    .ctit2{margin-bottom: 15px;padding-left: 22px;font-size: 15px;background-size: 12px auto;}

    .clist1 li{margin-right: 0;display: block;font-size: 13px;padding-left: 10px;}
    .clist1 li:before{top: 13px;left: 3px;}



































/* [241025 kyj] S */
#pop_layer {z-index: 10111101;top: 50px !important;left: 10px !important;max-width: calc(100vw - 20px) !important;max-height: calc(100vh - 100px) !important;}
#pop_layer > ._btn {display: block;}
#pop_layer .wrap {max-width: 100%;min-height: auto;height: 0;border-radius: 5px;overflow: hidden;}
#pop_layer .item img {max-width: 100%;height: auto !important;width: auto !important;}
#pop_layer .btns {margin-top: 5px;}
#pop_layer .btns > * {margin-left: 10px;font-size: 14px;}
#pop_layer .slick-dots {bottom: 15%;}
#pop_layer .slick-dots > li {margin: 2px 4px;}
#pop_layer .slick-dots > li button {display: block;}
#pop_layer .slick-arrow {width: 35px;height: 35px;margin-top: calc(35px/-2);}
#pop_layer .slick-prev {left: 10px;}
#pop_layer .slick-next {right: 10px;}

#pop_layer.on .wrap {min-height: 1vh;box-shadow: 2px 2px 10px rgba(0,0,0,0.2);height: auto;}

/* [250327 kyj] S */
#main .sec3_3{padding: 40px 10px;}
#main .sec3_3 .inner > * {text-align: center;}
#main .sec3_3 strong {font-size: 24px;line-height: 1.4em;}
#main .sec3_3 mark {margin-top: 20px;padding: 0 15px;line-height: 36px;border-radius: 18px;font-size: 17px;}
#main .sec3_3 em {margin-top: 10px;font-size: 17px;line-height: 1.6em;}
#main .sec3_3 em span {padding-right: 2px;}
#main .sec3_3 .box_wrap {margin-top: 20px;border-top-width: 4px;padding: 20px 10px;}
#main .sec3_3 .box_wrap > dt {font-size: 24px;line-height: 1.4em;}
#main .sec3_3 .box_wrap > dd {margin-top: 10px;}
#main .sec3_3 .box_wrap p {font-size: 16px;line-height: 1.6em;}
#main .sec3_3 .box_wrap span {margin-top: 10px;font-size: 14px;line-height: 1.6em;}


/* 251106 sys S */
#main .sec20 { padding: 30px 10px;}
#main .sec20 .main-tit { font-size: 22px;}
#main .sec20 .t1 { margin-top: 15px; font-size: 16px;}
#main .sec20 ul { display: block; margin: 10px 15px 0; }
#main .sec20 li { width: 100%; max-width: 400px; margin: 0 auto; padding: 5px; }
#main .sec20 li > div { padding: 20px 5px; border-top-width: 4px;}
#main .sec20 li p { padding-bottom: 5px; font-size: 13px;}
#main .sec20 li strong { font-size: 17px;}
#main .sec20 dl { display: block; padding-top: 10px;}
#main .sec20 dt { width: 100px; height: 30px; margin: 0 auto; font-size: 14px;}
#main .sec20 dd { padding: 10px 0 0; font-size: 14px;}




}