@charset "utf-8";

@media (max-width: 1400px) {
	
}

@media (max-width: 1024px) {

	#sub {padding-top:90px; overflow:hidden;}
	/* sub-visual */
	.sub-visual {height:350px; margin-bottom:80px;}
	.sub-visual h2 {font-size:50px;}
	/* sub depth */
	.sub-wrap {display:block; margin-bottom:120px;}
	.sub-menu {max-width:none; margin-bottom:80px;}
	.lnb {top:0;}
	.lnb .lnb-title {display:none;}
	.lnb > ul {display:flex; margin:0 -10px; justify-content:center;}
	.lnb > ul > li {margin-bottom:0; padding:0 10px;}
	.lnb > ul > li > a {height:54px; width:230px; padding:10px 20px; font-size:16px; border-radius:16px; }
	.lnb > ul > li > a:after {right:20px;}
	.lnb .depth {padding:10px;}
	.lnb .depth ul {display:flex; margin:0 -8px; justify-content:center;}
	.lnb .depth li {padding:0 8px; position:relative;}
	.lnb .depth li:after {content:''; width:1px; height:12px; position:absolute; top:50%; margin-top:-6px; right:0; background:#ddd;}
	.lnb .depth li:last-child:after {display:none;}
	.lnb .depth li a {font-size:16px; line-height:1.8em; padding-left:0;}
	.lnb .depth li a:before {display:none;}
	.sub-cont {padding-left:0;}
	.sub-cont .cont-title {padding-bottom:20px; margin-bottom:60px;}
	.sub-cont .cont-title h3 {font-size:32px;}
	/* sub 01 01 */
	.sub-wrap0101 {margin-bottom:0;}
	.history .img-box {margin-bottom:50px; height:200px; padding:20px 40px;}
	.history .img-box p {font-size:24px;}
	.history .col {padding-bottom:40px;}
	.history .col:before {top:25px; left:180px; background:#ddd;}
	.history .col:last-child {padding-bottom:120px;}
	.history .year {max-width:180px; font-size:30px; padding:0 30px;}
	.history .year:before {display:none;}
	.history .year:after {top:10px;}
	.history .txt-box {padding-left:30px; padding-top:6px;}
	.history .txt-box .txt {margin-bottom:10px;}
	.history .txt-box .month {font-size:16px;}
	.history .txt-box ul li {font-size:16px;}
	/* sub 01 02 */
	.directions .root_daum_roughmap {height:300px !important;}
	.directions .root_daum_roughmap .wrap_map {height:300px !important;}
	.directions .txt-box {padding-right:0;}
	.directions .txt-box .btns {position:relative; margin-bottom:40px;}
	.directions .txt-box .btns ul {justify-content:flex-end;}
	.directions .txt-box .btns ul li a {width:140px; line-height:40px; border-radius:10px 0 10px 0; font-size:16px; padding:0 20px;}
	.directions .txt-box .btns ul li a:after {right:20px;}
	.directions .txt-box dl {font-size:16px;}
	/* sub 02 */
	.product .cnt {margin-bottom:80px;}
	.product .tit-box {margin-bottom:30px;;}
	.product .tit-box h4 {font-size:28px;}
	.product .tit-box h4 span {font-size:24px;}
	.product .tit-box p {font-size:16px;}
	.product .col {margin:0 -5px 80px;}
	.product .col .row {padding:0 10px;}
	.product .tt p {font-size:16px;}
	.doc-tit {margin-bottom:30px;}
	.doc-tit h5 {font-size:28px; padding-left:18px;}
	.doc-tit h5:before {width:10px; height:10px; top:11px; background-size:cover;}
	.product  .img-box {margin-bottom:80px;}
	.product .table-box {margin-bottom:80px;}
	.product .table-txt {font-size:14px;}
	.product table thead th {font-size:16px; padding:10px 5px;}
	.product table thead tr:first-child th:first-child {border-top-left-radius:8px;}
	.product table thead tr:first-child th:last-child {border-top-right-radius:8px;}
	.product table thead th.bdblr {border-bottom-left-radius:8px;}
	.product table thead th.bdbrr {border-bottom-right-radius:8px;}
	.product table tbody td {font-size:14px; padding:12px 5px;}
	.product .table-tt {font-size:14px; margin-top:10px;}
	.product .ol-box {margin-bottom:80px;}
	.product .ol-box ol li {font-size:16px; padding:10px 20px;}
	/* sub 02 02 */
	.pipe .origin .item p {height:auto; padding:10px 5px;}
	.pipe .slick-arrow {width:50px; height:50px; margin-top:-25px;}


}

@media (max-width: 640px) {
	
	#sub {padding-top:80px;}
	/* sub-visual */
	.sub-visual {height:280px; margin-bottom:60px;}
	.sub-visual h2 {font-size:32px;}
	/* sub depth */
	.sub-wrap {margin-bottom:100px;}
	.sub-menu {margin-bottom:60px;}
	.lnb > ul > li > a {height:46px; width:160px; font-size:14px; border-radius:12px;}
	.lnb > ul > li > a:after {right:20px;}
	.lnb .depth {padding:0;}
	.lnb .depth ul {margin:0 -6px;}
	.lnb .depth li {padding:0 6px;}
	.lnb .depth li a {font-size:14px;}
	.sub-cont .cont-title {margin-bottom:30px;}
	.sub-cont .cont-title h3 {font-size:28px;}
	.sub-cont .cont-title ul {display:none;}
	/* sub 01 01 */
	.sub-wrap0101 {margin-bottom:0;}
	.history .img-box {margin-bottom:40px; height:200px; padding:20px 30px;}
	.history .img-box p {font-size:20px;}
	.history .col {padding-bottom:60px; display:block; padding-left:20px;}
	.history .col:before {top:20px; left:18px;}
	.history .col:last-child {padding-bottom:100px;}
	.history .year {max-width:none; font-size:24px; padding:0 20px; text-align:left; margin-bottom:10px;}
	.history .year:after {top:3px; right:auto; left:-10px;}
	.history .txt-box {padding-left:20px; padding-top:0; width:100%;}
	.history .txt-box .txt {margin-bottom:10px;}
	.history .txt-box .month {font-size:14px;}
	.history .txt-box ul li {font-size:14px;}
	/* sub 01 02 */
	.directions .root_daum_roughmap {height:240px !important;}
	.directions .root_daum_roughmap .wrap_map {height:240px !important;}
	.directions .txt-box .btns {margin-bottom:30px;}
	.directions .txt-box .btns ul li a {width:120px; line-height:36px; font-size:14px; padding:0 15px;}
	.directions .txt-box .btns ul li a:after {right:15px;}
	.directions .txt-box dl {font-size:14px;}
	.directions .txt-box dt {max-width:40px;}
	/* sub 02 */
	.product .cnt {margin-bottom:60px;}
	.product .tit-box {margin-bottom:20px;;}
	.product .tit-box h4 {font-size:24px;}
	.product .tit-box h4 span {font-size:18px;}
	.product .tit-box p {font-size:14px;}
	.product .col {margin:0; display:block;}
	.product .col .row {padding:0; margin-bottom:30px;}
	.product .col .row img {width:100%;}
	.product .tt p {font-size:14px;}
	.doc-tit {margin-bottom:20px;}
	.doc-tit h5 {font-size:24px; padding-left:14px;}
	.doc-tit h5:before {top:8px;}
	.product  .img-box {margin-bottom:60px;}
	.product .table-box {margin-bottom:60px;}
	.product .table-txt {font-size:12px;}
	.product table thead th {font-size:14px; padding:10px;}
	.product table thead tr:first-child th:first-child {border-top-left-radius:6px;}
	.product table thead tr:first-child th:last-child {border-top-right-radius:6px;}
	.product table thead th.bdblr {border-bottom-left-radius:6px;}
	.product table thead th.bdbrr {border-bottom-right-radius:6px;}
	.product table tbody td {padding:10px;}
	.product .table-tt {font-size:12px;}
	.product .ol-box {margin-bottom:60px;}
	.product .ol-box ol li {font-size:14px; padding:10px;}
	/* sub 02 02 */
	.pipe .slick-arrow {width:40px; height:40px; margin-top:-20px;}
	
}

@media (max-width: 440px) {
	
}